:root{--teal: #039ab3;--teal-dark: #037f94;--ink: #15333d;--soft: #4a6068;--tint: #e3f4f7;--page: #f2f8f9;--line: rgba(21, 51, 61, .08);--line-2: rgba(21, 51, 61, .1);--line-3: rgba(21, 51, 61, .14);--serif: "Cormorant Garamond", Georgia, serif;--sans: "Poppins", system-ui, -apple-system, sans-serif;--nav-h: 76px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--page)}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:left}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}textarea:focus{outline:2px solid var(--teal);outline-offset:1px}em{color:var(--teal-dark)}.app{position:relative;height:100%;width:100%;max-width:560px;margin:0 auto;background:var(--page);overflow:hidden}.scroll{position:absolute;inset:0 0 calc(var(--nav-h) + env(safe-area-inset-bottom,0px)) 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll.full{bottom:0}.page{padding:calc(12px + env(safe-area-inset-top,0px)) 20px 32px;display:flex;flex-direction:column;gap:18px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}.eyebrow.teal{color:var(--teal-dark)}.muted{font-size:14px;color:var(--soft)}.title{font-family:var(--serif);font-weight:500;font-size:44px;line-height:1.05}.card{background:#fff;border:1px solid var(--line);border-radius:20px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.niche-btn{display:flex;align-items:center;gap:6px;min-height:44px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dark)}.onboard{padding:calc(48px + env(safe-area-inset-top,0px)) 20px 32px;display:flex;flex-direction:column;gap:28px}.onboard h1{font-family:var(--serif);font-weight:500;font-size:42px;line-height:1.05;letter-spacing:-.01em}.onboard-intro{display:flex;flex-direction:column;gap:12px}.onboard-intro p{font-size:15px;line-height:1.6;color:var(--soft)}.niche-list{display:flex;flex-direction:column;gap:8px}.niche-card{display:flex;flex-direction:column;gap:3px;width:100%;background:#fff;border:1px solid var(--line-2);border-radius:16px;padding:14px 18px;min-height:60px}.niche-card:hover{border-color:var(--teal)}.niche-card b{font-size:16px;font-weight:500}.niche-card span{font-size:13px;line-height:1.4;color:var(--soft)}.streak{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line-2);border-radius:9999px;padding:8px 14px;font-size:13px;font-weight:500}.day-head{display:flex;flex-direction:column;gap:6px}.day-head-row{display:flex;align-items:baseline;gap:10px}.day-head h1{font-family:var(--serif);font-weight:500;font-size:54px;line-height:1;letter-spacing:-.015em}.day-head-of{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--teal-dark)}.progress{display:flex;flex-direction:column;gap:8px}.bar{height:6px;border-radius:9999px;background:var(--line);overflow:hidden}.bar>div{height:100%;background:var(--teal);border-radius:9999px;transition:width .2s ease-out}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--soft)}.link-btn{min-height:32px;display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--teal-dark)}.post{border-radius:22px;padding:22px 20px;display:flex;flex-direction:column;gap:18px}.tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tag{font-size:12px;font-weight:500;padding:6px 12px;border-radius:9999px}.tag.outline{border:1px solid var(--line-3);color:var(--soft);padding:5px 12px}.post-topic{display:flex;flex-direction:column;gap:8px}.post-topic h2{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.12;text-wrap:pretty}.post-topic span{font-size:14px;line-height:1.5;color:var(--soft)}.block{background:var(--page);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}.block-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.copy-btn{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:9999px;background:var(--ink);color:#fff;font-size:13px;font-weight:500;transition:background .15s}.copy-btn.copied{background:var(--teal)}.hook{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.35;text-wrap:pretty}.caption{font-size:15px;line-height:1.6;text-wrap:pretty}.hint{font-size:12px;line-height:1.5;color:var(--soft)}.add-note{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 16px;border:1px dashed rgba(21,51,61,.25);border-radius:14px;font-size:14px;color:var(--soft)}.note{display:flex;flex-direction:column;gap:8px}.note textarea{width:100%;resize:vertical;font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--ink);background:#fff;border:1px solid rgba(21,51,61,.18);border-radius:14px;padding:12px 14px}.actions{display:flex;flex-direction:column;gap:6px}.btn-main{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;border-radius:9999px;background:var(--teal);color:#fff;font-size:15px;font-weight:500;letter-spacing:.04em;text-align:center}.btn-main.dark{background:var(--ink);letter-spacing:0}.btn-swap{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;font-size:14px;color:var(--soft)}.btn-swap b{color:var(--teal-dark);font-weight:500;margin-left:4px}.posted{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--tint);border-radius:18px;padding:12px 12px 12px 18px}.posted span{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--teal-dark)}.check{width:28px;height:28px;border-radius:9999px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.undo{min-height:44px;padding:0 12px;font-size:13px;color:var(--soft)}.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pager button{min-height:44px;font-size:14px;color:var(--soft)}.pager>div:last-child{display:flex;justify-content:flex-end}.complete{background:var(--ink);color:#fff;border-radius:22px;padding:22px 20px;display:flex;flex-direction:column;gap:8px}.complete h2{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.15}.complete em{color:#9ad6e0}.complete p{font-size:14px;line-height:1.6;color:#fffc}.weeks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.week-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border-radius:14px;background:#fff;color:var(--ink);border:1px solid var(--line-3)}.week-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.week-btn b{font-size:14px;font-weight:500}.week-btn span{font-size:11px;opacity:.75}.week-title{display:flex;flex-direction:column;gap:4px}.week-title h2{font-family:var(--serif);font-weight:500;font-size:28px;line-height:1.15}.day-list{display:flex;flex-direction:column;gap:8px}.day-row{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:14px;align-items:center;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px;min-height:68px}.day-row:hover{border-color:var(--teal)}.day-num{width:40px;height:40px;border-radius:9999px;border:1.5px solid rgba(21,51,61,.18);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:19px}.day-num.done{background:var(--teal);border-color:var(--teal);color:#fff}.day-info{display:flex;flex-direction:column;gap:3px;min-width:0}.day-info small{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.day-info>span{font-size:15px;line-height:1.35}.today-pill{background:var(--teal);color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:9999px}.guide{padding-top:calc(24px + env(safe-area-inset-top,0px));gap:24px}.guide-intro{display:flex;flex-direction:column;gap:10px}.guide-intro p{font-size:15px;line-height:1.6;color:var(--soft)}.arc{padding:8px 18px}.arc-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.arc-row:last-child{border-bottom:0}.arc-row>span:first-child{font-family:var(--serif);font-style:italic;font-size:28px;line-height:1;color:var(--teal-dark)}.arc-row b{display:block;font-size:15px;font-weight:500}.arc-row small{font-size:13px;color:var(--soft)}.rules{padding:20px;display:flex;flex-direction:column;gap:12px}.rules.do{border:1.5px solid #9ad6e0}.rule{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.5}.rules.do .rule>span:first-child{color:var(--teal)}.rules.dont .rule{color:var(--soft)}.help{font-size:13px;line-height:1.6;color:var(--soft);text-align:center}.nav{position:absolute;left:0;right:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--soft);font-size:12px;font-weight:500}.nav button.on{color:var(--teal-dark)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#15333d73;display:flex;flex-direction:column;justify-content:flex-end;animation:fade .16s ease-out}.sheet{background:var(--page);border-radius:24px 24px 0 0;max-height:84%;overflow-y:auto;padding:10px 20px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;animation:rise .2s ease-out}.grip{align-self:center;width:40px;height:4px;border-radius:9999px;background:#15333d33}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h2{font-family:var(--serif);font-weight:500;font-size:30px}.sheet-head button{min-height:44px;padding:0 4px;font-size:14px;color:var(--teal-dark);font-weight:500}.sheet>p{font-size:13px;line-height:1.5;color:var(--soft)}.sheet-list{display:flex;flex-direction:column;gap:6px}.sheet-item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:12px 16px;min-height:56px}.sheet-item>span{display:flex;flex-direction:column;gap:2px}.sheet-item b{font-size:15px;font-weight:500}.sheet-item small{font-size:12px;color:var(--soft)}.sheet-item .topic{font-size:15px;line-height:1.35}.current-pill{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--teal);padding:5px 10px;border-radius:9999px;flex:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(24px)}to{transform:translateY(0)}}.today-side,.today-main{display:contents}.o1{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5,.today-main>*{order:5}.o6{order:6}.o7{order:7}.o8{order:8}.week-mini,.brand{display:none}.rules-grid{display:flex;flex-direction:column;gap:24px}@media(min-width:600px)and (max-width:959px){body,#root{background:#e4eff1}.app{box-shadow:0 0 0 1px var(--line),0 20px 60px -30px #15333d59}}@media(min-width:960px){html,body,#root{height:auto;min-height:100%}.app{max-width:none;height:auto;min-height:100vh;overflow:visible;display:flex;flex-direction:column}.scroll{position:static;overflow:visible}.nav{order:-1;position:sticky;top:0;z-index:20;height:68px;padding:0 max(32px,calc((100vw - 1120px)/2));border-top:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.nav .brand{display:block;margin-right:auto;font-family:var(--serif);font-size:22px;font-weight:500;color:var(--ink)}.nav .brand em{font-size:16px;color:var(--soft);font-style:italic}.nav button{flex-direction:row;gap:8px;height:44px;padding:0 18px;border-radius:9999px;font-size:14px}.nav button:hover{background:var(--page);color:var(--ink)}.nav button.on{background:var(--tint);color:var(--teal-dark)}.nav button svg{width:18px;height:18px}.page{width:100%;max-width:1120px;margin:0 auto;padding:36px 32px 72px}.page.today{display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px;align-items:start}.today-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:100px}.today-main{display:block}.week-mini{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:18px;border-top:1px solid var(--line)}.week-mini .eyebrow{margin-bottom:6px}.mini-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:8px 10px;border-radius:12px;font-size:13px;color:var(--soft)}.mini-row:hover{background:#fff;color:var(--ink)}.mini-row.active{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line-3)}.mini-num{width:26px;height:26px;border-radius:9999px;border:1px solid rgba(21,51,61,.18);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:14px;color:var(--ink)}.mini-num.done{background:var(--teal);border-color:var(--teal);color:#fff}.mini-topic{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post{padding:36px 36px 32px;gap:22px}.post-topic h2{font-size:40px}.post-topic span{font-size:15px}.block{padding:20px 22px}.hook{font-size:26px}.caption{font-size:16px}.btn-main:hover{filter:brightness(1.06)}.copy-btn:hover{background:var(--teal-dark)}.day-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.weeks{max-width:640px}.guide{max-width:900px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.onboard{max-width:860px;margin:0 auto;padding:72px 32px}.onboard h1{font-size:56px}.niche-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overlay{position:fixed;justify-content:center;align-items:center;padding:32px}.sheet{width:100%;max-width:520px;max-height:80vh;border-radius:24px;padding:20px 28px 28px}.grip{display:none}.sheet-item:hover{border-color:var(--teal)}}