:root{--bg:#0b0b0c;--rail:#0f0f10;--surf:#161618;--surf2:#1e1e21;--surf3:#28282c;--line:#ffffff14;--line2:#ffffff24;--fg:#f3f2ef;--mu:#96969b;--dim:#55555a;--acc:#d9c7a3;--red:#ff453a;--green:#b9a97f;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--ease:cubic-bezier(.22, 1, .36, 1);--gutter:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;margin:0;font-size:17px;line-height:1.35}body{letter-spacing:-.01em}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}button:focus-visible,.row:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}input{font:inherit;color:inherit}kbd{font-family:var(--font)}#root{min-height:100%}.mu{color:var(--mu)}.small{font-size:14px}.tn{font-variant-numeric:tabular-nums}.screen{min-height:100dvh;padding:calc(var(--sat) + 8px) max(var(--gutter), var(--sar)) calc(var(--sab) + 48px) max(var(--gutter), var(--sal));max-width:640px;margin:0 auto;animation:.28s ease-out in}@keyframes in{0%{opacity:0}to{opacity:1}}.nav{align-items:center;gap:14px;min-height:48px;display:flex}.nav .sp{flex:1}.nav .ic{width:36px;height:36px;color:var(--fg);border-radius:10px;place-items:center;transition:background .15s;display:grid}.nav .ic:hover{background:var(--surf)}.nav .ic svg{width:21px;height:21px}.txt{color:var(--mu);font-size:17px;transition:color .12s}.txt:hover,.txt.b{color:var(--fg)}.txt.b{font-weight:600}.txt.bk{align-items:center;gap:0;margin-left:-6px;display:flex}.txt.bk svg{width:22px;height:22px}.title{letter-spacing:-.028em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.journal.page .nav{align-items:flex-end;margin-top:28px;margin-bottom:8px}.wk{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;width:100%;margin:14px 0 6px;padding:16px 0 14px;display:flex}.wk-l{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.wk-t{align-items:center;gap:8px;display:inline-flex}.wk-l svg{width:16px;height:16px;color:var(--mu);flex:none}.wk-l b{letter-spacing:-.015em;white-space:nowrap;font-size:17px;font-weight:600}.wk-l .mu{white-space:nowrap;font-size:15px}.wk-d{flex:none;gap:10px;display:flex}.wk-d i{flex-direction:column;align-items:center;gap:5px;font-style:normal;display:flex}.wk-d i:before{content:"";border:1.5px solid var(--line2);box-sizing:border-box;border-radius:50%;width:9px;height:9px;display:block}.wk-d i.on:before{background:var(--fg);border-color:var(--fg)}.wk-d i.fz:before{background:var(--dim);border-color:var(--dim)}.wk-d i.td:before{box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--fg)}.wk-d i.fut:before{border-color:var(--line)}.wk-d small{color:var(--mu);letter-spacing:.02em;font-size:10px;line-height:1}.card{background:var(--surf);border-radius:16px;margin:16px 0 0;padding:16px 18px}.streak .card{margin-top:28px}.streak .card+.card{margin-top:20px}.streak .list{margin-top:32px}.streak .stats3{padding:6px 0}.streak .stats3 div{padding:16px 20px}.card .t{color:var(--mu);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:13px;font-weight:600}.otd{cursor:pointer;border-top:1px solid var(--line);padding:10px 0}.t+.otd{border-top:0}.otd .y{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:24px;font-weight:700}.otd p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:1.4;display:-webkit-box;overflow:hidden}.hint-card p{color:var(--mu);margin:0 0 10px;font-size:15px;line-height:1.45}.hint-card b{color:var(--fg)}.year{letter-spacing:-.028em;font-variant-numeric:tabular-nums;margin:34px 0 6px;font-size:30px;font-weight:700}.month{color:var(--mu);letter-spacing:-.01em;align-items:center;gap:12px;margin:12px 0 0;font-size:19px;font-weight:600;display:flex}.month:after{content:"";border-top:1px solid var(--line);flex:1}.rows{flex-direction:column;display:flex}.row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:58px minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px 0;display:grid}.row:last-child{border-bottom:0}.row .d{color:var(--mu);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px;font-size:15px}.row.today .d{color:var(--fg);font-weight:600}.row p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:1.4;display:-webkit-box;overflow:hidden}.row .ins{color:var(--mu);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:3px;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.thumb{object-fit:cover;background:var(--surf2);border-radius:10px;width:56px;height:56px;display:block}.empty{max-width:420px;padding:56px 0 24px}.empty p{color:var(--mu);margin:0 0 8px;font-size:17px;line-height:1.45}.empty .empty-h{color:var(--fg);letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:600}.empty .btn{margin-top:20px}.btn{background:var(--surf2);border:1px solid var(--line2);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:17px;font-weight:600;transition:background .15s;display:inline-flex}.btn:hover{background:var(--surf3)}.btn.block{width:100%;display:flex}.btn.danger{color:var(--red)}.fab{left:50%;bottom:calc(var(--sab) + 22px);background:var(--surf2);border:1px solid var(--line2);color:var(--fg);z-index:5;border-radius:999px;align-items:center;gap:8px;padding:13px 22px 13px 18px;font-size:17px;font-weight:600;display:inline-flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 32px #0000008c,inset 0 1px #ffffff0a}.fab svg{width:20px;height:20px}.fab:active{background:var(--surf3)}.journal.page{padding-bottom:calc(var(--sab) + 120px)}.head{margin:18px 0 22px}.head .title{font-size:30px}.head .title.sm{font-size:24px}.date-l{color:var(--mu);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:15px}.tools{align-items:center;gap:8px;padding-bottom:14px;display:flex}.tb{background:var(--surf);width:38px;height:38px;color:var(--fg);border-radius:10px;place-items:center;transition:background .15s;display:grid}.tb:hover{background:var(--surf2)}.tb svg{width:20px;height:20px}.toast{color:var(--mu);margin-left:4px;font-size:13px}.linkform{align-items:center;gap:10px;margin-bottom:14px;display:flex}.linkform input{background:var(--surf);border:1px solid #0000;border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px;font-size:16px}.linkform input:focus{border-color:var(--line2)}.editor-wrap{flex:1}.pm{min-height:40vh;caret-color:var(--acc);outline:none;font-size:19px;line-height:1.55}.pm p{margin:0 0 .7em}.pm h1{letter-spacing:-.025em;margin:.7em 0 .3em;font-size:27px;line-height:1.2}.pm h2{letter-spacing:-.02em;margin:.7em 0 .3em;font-size:22px;line-height:1.25}.pm ul,.pm ol{padding-left:1.3em}.pm blockquote{border-left:2px solid var(--line2);color:var(--mu);margin:.7em 0;padding-left:14px}.pm code{background:var(--surf);border-radius:5px;padding:1px 5px;font-size:.9em}.pm pre{background:var(--surf);border-radius:10px;padding:12px 14px;overflow-x:auto}.pm a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--line2);text-decoration-color:var(--line2);text-underline-offset:3px}.pm img{cursor:zoom-in;border-radius:10px;width:auto;max-width:min(100%,320px);height:auto;max-height:160px;margin:.9em 0;display:block}.zoom{z-index:30;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out in;display:flex;position:fixed;inset:0}.zoom img{cursor:default;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%}.zoom-x{top:calc(var(--sat,0px) + 14px);color:var(--fg);position:absolute;right:18px}.pm ul[data-type=taskList]{margin:.2em 0 .9em;padding:0;list-style:none}.pm ul[data-type=taskList] li{font:inherit;line-height:inherit;align-items:baseline;gap:12px;padding:3px 0;display:flex}.pm ul[data-type=taskList] li>label{flex:none;align-self:flex-start;margin-top:calc(.5lh - 10px);display:block}.pm ul[data-type=taskList] li>div{min-width:0;font:inherit;flex:1}.pm ul[data-type=taskList] li>div>p{font:inherit;line-height:inherit;margin:0}.pm ul[data-type=taskList] input[type=checkbox]{appearance:none;border:1.5px solid var(--dim);cursor:pointer;background:0 0;border-radius:50%;width:20px;height:20px;margin:0;transition:border-color .15s,background .15s;display:block;position:relative}.pm ul[data-type=taskList] input[type=checkbox]:hover{border-color:var(--mu)}.pm ul[data-type=taskList] input[type=checkbox]:after{content:"";border:1.5px solid var(--bg);opacity:0;border-top:0;border-right:0;width:7px;height:4px;position:absolute;top:4px;left:5px;transform:rotate(-45deg)}.pm ul[data-type=taskList] li[data-checked=true] input[type=checkbox]{background:var(--acc);border-color:var(--acc)}.pm ul[data-type=taskList] li[data-checked=true] input[type=checkbox]:after{opacity:1}.pm ul[data-type=taskList] li[data-checked=true]>div{color:var(--mu)}.pm .ProseMirror-selectednode{outline:2px solid var(--acc);outline-offset:2px;border-radius:10px}.pm.ProseMirror-focused p.is-editor-empty:first-child:before{content:""}.pm ::selection{background:#d9c7a34d}.pm [data-locked]{filter:blur(7px);opacity:.8;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .35s,opacity .35s}.pm [data-locked]:hover{filter:blur(5px)}.reveal .pm [data-locked]{-webkit-text-decoration:underline dotted var(--dim);text-decoration:underline dotted var(--dim);text-underline-offset:4px}.reveal.open .pm [data-locked]{filter:none;opacity:1;-webkit-user-select:text;user-select:text;cursor:text}@media (hover:hover){.reveal .pm [data-locked]:hover{filter:none;opacity:1;-webkit-user-select:text;user-select:text;cursor:text}}.ask{z-index:40;background:var(--bg);position:fixed;inset:0;overflow:auto}.ask .screen{animation:.2s ease-out in}.bub{background:var(--surf2);border:1px solid var(--line2);border-radius:12px;gap:2px;padding:4px;display:flex;box-shadow:0 8px 28px #00000080,inset 0 1px #ffffff0a}.bub button{color:var(--fg);letter-spacing:-.005em;border-radius:8px;padding:6px 11px;font-size:14px;font-weight:500}.bub button:hover{background:var(--surf3)}.bub button.on{background:var(--acc);color:var(--bg)}.lc{margin:.8em 0}.linkcard{background:var(--surf);border:1px solid var(--line);cursor:pointer;border-radius:14px;gap:12px;display:flex;overflow:hidden}.linkcard.pending{opacity:.7}.lc-img{object-fit:cover;flex:none;width:96px;min-height:80px}.lc-body{flex:1;min-width:0;padding:12px 14px 12px 0}.linkcard:not(:has(.lc-img)) .lc-body{padding-left:14px}.lc-body b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;line-height:1.3;display:-webkit-box;overflow:hidden}.lc-body p{color:var(--mu);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;display:-webkit-box;overflow:hidden}.lc-body span{color:var(--mu);margin-top:6px;font-size:13px;display:block}.tweet{background:var(--surf);border:1px solid var(--line);cursor:pointer;border-radius:14px;padding:14px 16px}.tw-h{align-items:center;gap:10px;margin-bottom:8px;display:flex}.tw-h .av{background:var(--dim);object-fit:cover;border-radius:50%;width:32px;height:32px;display:block}.tw-h b{font-size:15px}.tw-h span{color:var(--mu);font-size:14px}.tweet p{white-space:pre-wrap;margin:0 0 8px;font-size:16px;line-height:1.4}.tw-img{border-radius:10px;width:100%;margin:4px 0 8px;display:block}.tw-f{color:var(--mu);justify-content:space-between;font-size:13px;display:flex}.stats3{padding:4px 0;display:flex}.stats3 div{flex:1;padding:14px 16px}.stats3 div+div{border-left:1px solid var(--line)}.stats3 b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;line-height:1.05;display:block}.stats3 span{color:var(--mu);margin-top:4px;font-size:13px;display:block}.cal{grid-template-columns:repeat(7,1fr);gap:10px 6px;padding:20px 16px 18px;display:grid}.cal .mh{letter-spacing:-.015em;grid-column:1/-1;justify-content:space-between;align-items:center;margin:0 2px 12px;font-size:17px;font-weight:600;display:flex}.cal .mh .txt{color:var(--fg);padding:0 10px;font-size:24px;line-height:1}.cal .dh{color:var(--mu);text-align:center;font-size:12px;font-weight:600}.cal b{text-align:center;font-variant-numeric:tabular-nums;border-radius:50%;width:36px;height:36px;margin:0 auto;font-size:16px;font-weight:400;line-height:36px;display:block}.cal b.on{background:var(--surf3);font-weight:500}.cal b.fz{box-shadow:0 0 0 1.5px var(--dim) inset}.cal b.td{background:var(--fg);color:var(--bg);font-weight:600}.cal b.dim{color:var(--dim)}.grp{color:var(--mu);text-transform:uppercase;letter-spacing:.06em;margin:36px 0 10px 4px;font-size:13px;font-weight:600}.title+.grp{margin-top:24px}.list{background:var(--surf);border-radius:14px;margin-bottom:8px;overflow:hidden}.set{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:17px;transition:background .15s;display:flex}.set:hover{background:var(--surf2)}.set+.set{border-top:1px solid var(--line)}.set .v{color:var(--mu);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.set .v svg{width:16px;height:16px;color:var(--dim)}.sw{background:var(--surf3);border-radius:999px;width:51px;height:31px;transition:background .2s;display:inline-block;position:relative}.sw:after{content:"";background:var(--fg);width:27px;height:27px;transition:transform .2s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.sw.on{background:var(--acc)}.sw.on:after{background:var(--bg);transform:translate(20px)}.settings .mu.small,.streak .mu.small{max-width:520px;margin:24px 4px 0;line-height:1.5}.lock{flex-direction:column;display:flex}.lock-top{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:18vh;display:flex}.lock-top .brand{letter-spacing:-.02em;font-size:22px;font-weight:700}.lock-top .hint{color:var(--mu);font-size:17px}.lock-top .hint.kb{font-size:14px;display:none}.dots{gap:18px;margin:20px 0 10px;display:flex}.dots i{border:1.5px solid var(--fg);border-radius:50%;width:13px;height:13px;transition:background .12s;display:block}.dots i.f{background:var(--fg)}.dots.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.msg{color:var(--mu);height:20px;font-size:15px}.keypad{padding:20px 10px calc(var(--sab) + 20px);grid-template-columns:repeat(3,1fr);align-self:center;gap:14px 24px;width:100%;max-width:320px;margin-top:auto;display:grid}.key{background:var(--surf);border-radius:50%;flex-direction:column;justify-content:center;justify-self:center;align-items:center;width:76px;height:76px;font-size:30px;font-weight:400;line-height:1;transition:background .12s;display:flex}.key small{letter-spacing:.14em;color:var(--mu);margin-top:2px;font-size:10px}.key.ghost{background:0 0;font-size:16px}.key:active{background:var(--surf3)}.sheet-bg{z-index:10;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surf);width:100%;padding:20px 20px calc(var(--sab) + 20px);border-radius:18px 18px 0 0}.sheet p{text-align:center;color:var(--mu);margin:0 0 14px}.sheet .btn{width:100%;margin-top:8px;display:flex}.shell{grid-template-columns:clamp(320px,24vw,420px) minmax(0,1fr);height:100dvh;display:grid}.rail{background:var(--rail);border-right:1px solid var(--line);overscroll-behavior:contain;overflow-y:auto}.pane{overscroll-behavior:contain;overflow-y:auto}.pane .screen{max-width:760px;min-height:100%;margin:0 auto;padding:48px 56px 96px}.pane .nav{min-height:0;margin-bottom:8px}.pane .nav:empty,.pane .txt.bk{display:none}.pane .pm{min-height:50vh;font-size:18px;line-height:1.65}.pane .title{letter-spacing:-.02em;font-size:24px;font-weight:600}.pane .head{margin:10px 0 32px}.pane .head .title{font-size:22px;font-weight:600}.pane .head .title.sm{font-size:20px}.pane .head .date-l{margin-top:6px;font-size:14px}.pane .stats3 b{letter-spacing:-.02em;font-size:28px;font-weight:600}.pane .streak .card{margin-top:32px}.pane .streak .list{margin-top:36px}.pane .cal{gap:12px 8px;padding:24px 20px 22px}.pane .cal .mh{margin-bottom:16px}.pane .grp{margin-top:40px}.pane .title+.grp{margin-top:28px}.pane .sheet-bg{align-items:center}.pane .sheet{border:1px solid var(--line2);border-radius:18px;max-width:380px;padding:22px 20px 20px}.journal.rail{flex-direction:column;max-width:none;min-height:100%;padding:22px 12px 0 16px;animation:none;display:flex}.journal.rail .nav{align-items:center;min-height:36px;margin:0 4px 10px}.journal.rail .title{letter-spacing:-.02em;font-size:22px}.journal.rail .nav .ic{width:32px;height:32px}.journal.rail .nav .ic svg{width:19px;height:19px}.journal.rail .wk{border:0;border-radius:10px;margin:0 0 4px;padding:12px 4px 11px;transition:background .15s}.journal.rail .wk:hover,.journal.rail .wk.active{background:var(--surf)}.journal.rail .wk-l{flex-direction:column;align-items:flex-start;gap:1px}.journal.rail .wk-t{gap:6px}.journal.rail .wk-l svg{width:14px;height:14px}.journal.rail .wk-l b{font-size:15px}.journal.rail .wk-l .mu{font-size:13px}.journal.rail .wk-d{gap:7px}.journal.rail .wk-d small{display:none}.journal.rail .wk-d i:before{width:8px;height:8px}.journal.rail .card{border-radius:12px;margin:8px 0 0;padding:12px 14px 6px}.journal.rail .card .t{font-size:11px}.journal.rail .otd{padding:8px 0}.journal.rail .otd .y{margin-bottom:2px;font-size:17px}.journal.rail .otd p{-webkit-line-clamp:2;color:var(--mu);font-size:14px}.journal.rail .list-area{flex:1;padding-bottom:16px}.journal.rail .year{color:var(--mu);letter-spacing:.06em;text-transform:uppercase;margin:22px 4px 2px;font-size:13px;font-weight:600}.journal.rail .month{color:var(--fg);margin:10px 4px 2px;font-size:15px;font-weight:600}.journal.rail .month:after{display:none}.journal.rail .row{border:0;border-radius:10px;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;margin:0 -4px;padding:9px 8px;transition:background .12s}.journal.rail .row:hover{background:var(--surf)}.journal.rail .row.active{background:var(--surf2)}.journal.rail .row .d{padding-top:2px;font-size:13px}.journal.rail .row p{font-size:15px;line-height:1.35}.journal.rail .row .ins{margin-top:1px;font-size:13px}.journal.rail .thumb{border-radius:8px;width:40px;height:40px}.journal.rail .rail-empty{max-width:none;margin:0;padding:24px 4px;font-size:14px}.rail-foot{background:var(--rail);border-top:1px solid var(--line);margin-top:auto;padding:10px 0 12px;position:sticky;bottom:0}.rf{width:100%;color:var(--mu);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:15px;transition:background .12s,color .12s;display:flex}.rf svg{width:18px;height:18px}.rf:hover{background:var(--surf);color:var(--fg)}.rf.active{background:var(--surf2);color:var(--fg)}.home{align-items:center;display:flex}.home-in{max-width:520px}.eyebrow{color:var(--mu);margin-bottom:14px;font-size:15px;font-weight:500}.display{letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(36px,4.4vw,52px);font-weight:700;line-height:1.02}.lede{color:var(--mu);margin:0 0 30px;font-size:19px;line-height:1.5}.cta{background:var(--surf2);border:1px solid var(--line2);border-radius:12px;align-items:center;gap:10px;padding:12px 14px 12px 16px;font-size:17px;font-weight:600;transition:background .15s;display:inline-flex}.cta:hover{background:var(--surf3)}.cta svg{width:18px;height:18px}.cta kbd{color:var(--mu);background:var(--bg);border:1px solid var(--line2);border-radius:5px;margin-left:4px;padding:1px 6px;font-size:12px;font-weight:500;line-height:1.4}@media (prefers-reduced-motion:reduce){.screen,.dots.shake{animation:none}.sw,.sw:after,.nav .ic,.tb,.set,.row,.btn,.cta,.rf,.wk{transition:none}}@media (width>=900px){.lock{padding-bottom:24px}.lock-top{padding-top:20vh}.lock-top .hint.kb{display:block}.keypad{gap:12px 20px;margin-top:36px}.key{width:66px;height:66px;font-size:26px}}.rail,.write .nav,.write .head,.write .tools{transition:filter .45s,opacity .45s}html[data-focus] .rail{filter:blur(7px);opacity:.35;pointer-events:none}html[data-focus] .write .nav,html[data-focus] .write .head,html[data-focus] .write .tools{opacity:.18}@media (prefers-reduced-motion:reduce){.rail,.write .nav,.write .head,.write .tools{transition:none}}html.veil #root{filter:blur(28px)saturate(.6);opacity:.5;pointer-events:none}