:root{--bg: #f5f5f7;--surface: #ffffff;--ink: #1d1d1f;--ink-2: #424245;--sub: #86868b;--line: #d2d2d7;--fill: rgba(118, 118, 128, .12);--fill-2: rgba(118, 118, 128, .2);--accent: #0071e3;--danger: #e30000;--seg-on: #ffffff;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 28px rgba(0, 0, 0, .08);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--ink: #f5f5f7;--ink-2: #d1d1d6;--sub: #8e8e93;--line: #38383a;--fill: rgba(118, 118, 128, .24);--fill-2: rgba(118, 118, 128, .36);--accent: #2997ff;--danger: #ff453a;--seg-on: #636366;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 40px rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100dvh}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em;background:var(--fill);padding:.1em .35em;border-radius:5px}.bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:56px;padding:0 max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.bar:after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-mask:var(--fade-down) 0 0 / 24px 18px repeat-x;mask:var(--fade-down) 0 0 / 24px 18px repeat-x;pointer-events:none}.logo{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;justify-self:start}.logo-mark{width:22px;height:22px;border-radius:6px;background:var(--ink);-webkit-mask:var(--fade-up) 0 0 / 22px 22px;mask:var(--fade-up) 0 0 / 22px 22px;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.logo:hover .logo-mark{transform:rotate(-8deg) scale(1.06)}.logo-word{font-family:var(--font-display);font-weight:650;font-size:19px;letter-spacing:-.03em}.bar-right{justify-self:end;display:flex;align-items:center;gap:6px}.status{font-size:12px;color:var(--sub);display:inline-flex;align-items:center;gap:6px;margin-right:6px;white-space:nowrap}.status.is-error{color:var(--danger)}.pulse{width:6px;height:6px;border-radius:2px;background:var(--sub);animation:pulse .9s steps(2) infinite}@keyframes pulse{50%{opacity:.2}}.seg{display:inline-flex;padding:2px;border-radius:9px;background:var(--fill);position:relative}.seg button{min-width:72px;height:28px;padding:0 14px;border-radius:7px;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--ink);transition:background-color .2s,box-shadow .2s,color .2s}.seg button[aria-selected=false]{color:var(--ink-2)}.seg button[aria-selected=true]{background:var(--seg-on);box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}.seg-wide{display:flex;margin:4px 0 18px}.seg-wide button{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border-radius:980px;font-size:15px;font-weight:500;letter-spacing:-.01em;transition:transform .15s,opacity .2s,background-color .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{opacity:.86}.btn-sm{height:30px;padding:0 14px;font-size:13px}.btn-block{width:100%}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--ink-2);transition:background-color .2s,color .2s}.icon-btn:hover{background:var(--fill);color:var(--ink)}.link-btn{font-size:13px;color:var(--accent)}.link-btn:hover{text-decoration:underline;text-underline-offset:3px}.main{width:100%;max-width:720px;margin:0 auto;padding:40px 20px 180px}.hero{display:grid;justify-items:start;margin:0 -20px 12px;padding:0 20px 28px;max-height:760px;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .35s,margin .6s,transform .6s}.hero.is-gone{max-height:0;opacity:0;margin-bottom:0;padding-bottom:0;transform:translateY(-12px);pointer-events:none}.orb{margin:0 0 8px -14px;image-rendering:pixelated}.hero h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(40px,8vw,64px);line-height:1.02;letter-spacing:-.04em}.hero-dim{color:var(--sub)}.hero p{margin:18px 0 0;max-width:470px;font-size:19px;line-height:1.45;letter-spacing:-.015em;color:var(--sub)}.hero p b{color:var(--ink);font-weight:600}.paper{position:relative}.paper-text{display:block;width:100%;margin:0;padding:0;border:0;font-family:var(--font);font-size:21px;line-height:1.62;letter-spacing:-.012em;font-weight:400;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;-moz-tab-size:4;tab-size:4;font-variant-ligatures:none;font-kerning:normal}.paper-input{position:relative;z-index:1;min-height:40vh;resize:none;overflow:hidden;background:transparent;color:var(--ink);caret-color:var(--accent);outline:none}.paper-input::placeholder{color:var(--sub);-webkit-text-fill-color:var(--sub);opacity:.8}.scribble-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;color:transparent}.paper[data-mode=scribble] .paper-input{color:transparent;-webkit-text-fill-color:transparent}.paper[data-mode=read] .scribble-layer{visibility:hidden}.paper[data-anim] .paper-input{color:var(--ink);-webkit-text-fill-color:var(--ink)}.paper[data-anim] .scribble-layer{visibility:visible}.paper[data-anim] .paper-input,.paper[data-anim] .scribble-layer{-webkit-mask-size:24px 24px;mask-size:24px 24px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.w{color:transparent;background:color-mix(in srgb,var(--ink) 86%,transparent);-webkit-mask:var(--m) var(--o) 50% / auto 100% repeat-x;mask:var(--m) var(--o) 50% / auto 100% repeat-x;-webkit-box-decoration-break:clone;box-decoration-break:clone}.foot{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.foot:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:60px;background:var(--bg);-webkit-mask:var(--fade-up) 0 100% / 24px 60px repeat-x;mask:var(--fade-up) 0 100% / 24px 60px repeat-x;pointer-events:none}.foot-inner{position:relative;max-width:720px;margin:0 auto;height:52px;padding:0 20px;display:flex;align-items:center;gap:16px;font-size:12px;color:var(--sub)}.foot-hint{display:inline-flex;align-items:center;gap:4px}.foot-hint .dot{margin:0 4px}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;background:var(--fill);font:500 11px var(--font);color:var(--ink-2)}.foot-count{margin-left:auto;font-variant-numeric:tabular-nums}.foot-why{font-size:12px}.peek-btn{position:absolute;right:20px;bottom:64px;display:none;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .15s,background-color .2s}.peek-btn.is-on{transform:scale(.94);background:var(--ink);color:var(--bg)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s ease-out}.sheet-backdrop.is-side{place-items:stretch end;padding:10px}.sheet{width:100%;max-width:400px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px 24px 24px;border-radius:22px;background:var(--surface);box-shadow:var(--shadow);animation:rise .32s cubic-bezier(.2,.9,.3,1.1)}.sheet-side{max-width:380px;max-height:none;display:flex;flex-direction:column;animation:slide .32s cubic-bezier(.2,.9,.3,1)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}}@keyframes slide{0%{opacity:0;transform:translate(24px)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sheet-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.03em}.sheet-lead{margin:0 0 18px;font-size:15px;line-height:1.45;color:var(--sub);letter-spacing:-.01em}.sheet-foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.form{display:grid;gap:14px}.field{display:grid;gap:6px}.field span{font-size:12px;font-weight:500;color:var(--sub);padding-left:2px}.field input{height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:400 16px var(--font);letter-spacing:-.01em;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.form-msg{margin:0;font-size:13px;line-height:1.45;color:var(--ink-2);background:var(--fill);padding:10px 12px;border-radius:10px}.form-msg.is-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.form .link-btn{justify-self:center}.draft-list{display:grid;gap:2px;margin:16px -10px 0;overflow-y:auto}.empty{margin:8px 10px;font-size:14px;line-height:1.5;color:var(--sub)}.draft{display:flex;align-items:center;border-radius:12px;transition:background-color .15s}.draft:hover,.draft.is-current{background:var(--fill)}.draft-main{flex:1;min-width:0;display:grid;gap:4px;padding:11px 10px;text-align:left}.draft-title{font-size:15px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-title em{font-style:normal;color:var(--sub)}.draft-meta{font-size:12px;color:var(--sub)}.draft-del{margin-right:6px;opacity:0;width:auto;min-width:32px;padding:0 6px;border-radius:8px}.draft:hover .draft-del,.draft-del:focus-visible,.draft-del.is-armed{opacity:1}.draft-del.is-armed{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.armed-label{font-size:12px;font-weight:600}.muted{color:var(--sub);font-size:13px;overflow:hidden;text-overflow:ellipsis}.small{font-size:12px}.about p{margin:0 0 14px;font-size:15px;line-height:1.55;letter-spacing:-.01em;color:var(--ink-2)}.about strong{color:var(--ink);font-weight:600}.about-demo{font-size:20px;line-height:1.5;padding:18px;border-radius:14px;background:var(--fill)}.about-quote{font-family:var(--font-display);font-size:19px!important;font-weight:600;line-height:1.35!important;letter-spacing:-.025em!important;color:var(--ink)!important}.toast{position:fixed;left:50%;bottom:76px;z-index:60;transform:translate(-50%);padding:10px 16px;border-radius:980px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:500;box-shadow:var(--shadow);animation:rise .3s cubic-bezier(.2,.9,.3,1.1);white-space:nowrap}@media(hover:none){.peek-btn{display:grid}.draft-del{opacity:1}}@media(max-width:600px){.hide-sm{display:none!important}.bar{grid-template-columns:auto 1fr auto;gap:8px}.bar .seg{justify-self:center}.seg button{min-width:0;padding:0 12px}.logo-word,.status{display:none}.main{padding-top:24px}.paper-text{font-size:19px}.foot-count{margin-left:0}.foot-why{margin-left:auto;margin-right:64px}.sheet-backdrop{place-items:end stretch;padding:8px}.sheet-backdrop.is-side{place-items:end stretch}.sheet,.sheet-side{max-width:none;max-height:88dvh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.topic-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--sub)}.topic{margin:0 0 28px;padding-bottom:22px;position:relative}.topic:after{content:"";position:absolute;left:0;bottom:0;width:96px;height:6px;background:var(--ink);opacity:.55;-webkit-mask:var(--fade-up) 0 0 / 24px 6px repeat-x;mask:var(--fade-up) 0 0 / 24px 6px repeat-x}.topic-text{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(24px,4.4vw,32px);font-weight:650;line-height:1.15;letter-spacing:-.03em;text-wrap:balance}.topic-x{display:grid;place-items:center;width:22px;height:22px;margin-left:2px;border-radius:50%;color:var(--sub);opacity:.7}.topic-x svg{width:13px;height:13px}.topic-x:hover{background:var(--fill);color:var(--ink);opacity:1}.pcard{position:relative;overflow:hidden;display:grid;gap:8px;width:100%;max-width:520px;margin-top:28px;padding:18px 20px;border-radius:18px;background:var(--surface);box-shadow:var(--shadow);text-align:left;transition:transform .2s cubic-bezier(.3,1.4,.5,1)}.pcard:hover{transform:translateY(-2px)}.pcard:active{transform:scale(.99)}.pcard-dither{position:absolute;left:0;right:0;bottom:0;height:70%;background:var(--ink);opacity:.07;-webkit-mask:var(--fade-up) 0 100% / 24px 100% repeat-x;mask:var(--fade-up) 0 100% / 24px 100% repeat-x;pointer-events:none}.pcard-text{position:relative;font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.25;letter-spacing:-.025em;color:var(--ink);text-wrap:balance}.pcard-cta{position:relative;font-size:14px;font-weight:500;color:var(--accent)}.pcard-sm{max-width:none;margin:0 0 10px;box-shadow:none;background:var(--fill)}.pcard-sm .pcard-text{font-size:18px}.btn-quiet{background:var(--fill);color:var(--ink)}.btn-quiet:hover{background:var(--fill-2)}.draft-prompt{font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today{margin:0 0 18px;padding:18px;border-radius:14px;background:var(--fill)}.today-text{margin:8px 0 0;font-family:var(--font-display);font-size:22px;font-weight:650;line-height:1.2;letter-spacing:-.03em;text-wrap:balance}.foot-today{font-size:12px}@media(max-width:600px){.foot-today{margin-left:auto}.foot-why{display:none}}