:root{--ink: #24211f;--ink-soft: rgba(36, 33, 31, .74);--ink-muted: #756f67;--ink-faint: rgba(36, 33, 31, .24);--canvas: #ffffff;--surface: #fffdf8;--surface-pinned: #f4ead8;--surface-focus: #f4fbfa;--surface-strip: #f0e8d7;--note-paper: #fffefa;--note-paper-strong: #ffffff;--note-paper-pinned: #fff7df;--surface-soft: #edf1e8;--line: rgba(36, 33, 31, .12);--line-strong: rgba(36, 33, 31, .22);--border-strip: rgba(155, 104, 21, .18);--note-line: rgba(36, 33, 31, .09);--shadow: rgba(36, 33, 31, .08);--shadow-soft: rgba(36, 33, 31, .04);--accent: #e6533f;--accent-soft: rgba(230, 83, 63, .1);--accent-blue: #287c8e;--accent-blue-bg: #e7f3f4;--pin: #d99a22;--pin-deep: #9b6815;--amber: #d99a22;--amber-soft: rgba(217, 154, 34, .14);--blue: #287c8e;--blue-soft: rgba(40, 124, 142, .1);--success: oklch(43% .09 155);--danger: oklch(53% .15 24);--text-micro: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: 1rem;color:var(--ink);background:var(--canvas);font-family:Schibsted Grotesk,ui-sans-serif,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,textarea{font:inherit}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;transform:translateZ(0);will-change:transform}.canvas{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background:var(--canvas);transition:background .32s ease}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;padding:0 24px;flex-shrink:0;border-bottom:1px solid var(--line);background:var(--canvas);z-index:10}.app-logo{display:flex;align-items:flex-end;gap:3px;-webkit-user-select:none;user-select:none;flex-shrink:0}.logo-text{font-family:Schibsted Grotesk,ui-sans-serif,sans-serif;font-style:italic;font-size:1.25rem;font-weight:600;color:var(--ink);line-height:1}.logo-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-bottom:4px;flex-shrink:0}.app-logo-sub{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;color:var(--ink-faint);-webkit-user-select:none;user-select:none}.view-toggles{display:flex;align-items:center;gap:2px;background:var(--surface-pinned);border:1px solid var(--line);border-radius:12px;padding:4px}.vt-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:500;color:var(--ink-muted);letter-spacing:0;transition:all .2s ease;border:none;background:transparent;white-space:nowrap}.vt-btn:hover{color:var(--ink)}.vt-btn.vt-active{background:var(--surface);color:var(--ink);box-shadow:0 2px 4px #2c2a280f}.vt-btn:focus-visible{outline:2px solid rgba(74,114,156,.4);outline-offset:1px}.vt-icon{font-size:13px;line-height:1}.app-controls{display:flex;gap:6px;align-items:center;flex-shrink:0}.pinned-strip{position:relative;display:flex;align-items:center;gap:10px;padding:7px 24px;flex-shrink:0;min-height:52px;height:auto;border-bottom:1px solid var(--border-strip);background:var(--surface-strip);overflow-x:auto;overflow-y:visible;scrollbar-width:none;transition:background .2s ease}.pinned-strip::-webkit-scrollbar{display:none}.pinned-strip.drop-target{background:#d99a221f;outline:1.5px dashed rgba(217,154,34,.42);outline-offset:-3px}.ps-label{flex-shrink:0;font-size:.5625rem;font-weight:700;letter-spacing:.14em;color:var(--ink-muted);text-transform:uppercase;opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.ps-notes{display:flex;gap:10px;align-items:center;overflow:visible}.ps-hint{display:flex;align-items:center;justify-content:center;flex:1;color:#7a777280;font-size:var(--text-xs);font-weight:500;-webkit-user-select:none;user-select:none;pointer-events:none}.pinned-strip .note{position:relative!important;left:auto!important;top:auto!important;flex-shrink:0;cursor:default;border-color:#d6d0c9!important;box-shadow:0 1px 3px var(--shadow)!important}.pinned-strip .note:after{display:none}.note[data-variant=pinned]{width:200px;min-height:36px;height:auto;padding:0;background:var(--note-paper-pinned);border:1px solid oklch(86% .012 75);border-radius:8px;box-shadow:0 1px 3px var(--shadow);overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease}.note[data-variant=pinned]:hover{border-color:#bdb6ae;box-shadow:0 2px 6px var(--shadow)}.pin-chip-row{display:flex;align-items:center;height:36px;padding:0 4px 0 10px;gap:2px}.pin-chip-preview{flex:1;min-width:0;font-size:var(--text-sm);font-weight:500;line-height:1.3;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;-webkit-user-select:none;user-select:none}.pin-chip-acts{display:flex;gap:1px;opacity:0;transition:opacity .12s ease}.note[data-variant=pinned]:hover .pin-chip-acts,.note[data-variant=pinned].active .pin-chip-acts{opacity:1}.note[data-variant=pinned] textarea{display:block;width:100%;padding:2px 10px 8px;border-top:1px solid var(--line);background:transparent;resize:none;border-left:0;border-right:0;border-bottom:0;outline:0}.note[data-variant=pinned] .qa-btn{width:26px;height:26px;padding:0}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.canvas-col{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--canvas);cursor:default;transition:background .32s ease}.canvas-col:after{display:none}.canvas-col.drop-target{outline:1.5px dashed rgba(44,42,40,.18);outline-offset:-4px}.focus-tray{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--surface-focus);overflow-y:auto;overflow-x:hidden;box-shadow:-4px 0 24px #2c2a2805;transition:background .2s ease}.focus-tray.drop-target{background:linear-gradient(180deg,#287c8e1a,#287c8e0b),var(--surface-focus);outline:2px solid rgba(40,124,142,.36);outline-offset:-5px;box-shadow:inset 0 0 0 1px #ffffffb8,-8px 0 30px #287c8e1c}.tray-hdr{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line);flex-shrink:0}.tray-title{display:flex;align-items:center;gap:8px;font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:var(--ink-muted);text-transform:uppercase;-webkit-user-select:none;user-select:none}.tray-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6;flex-shrink:0;transition:opacity .2s ease}.focus-tray:has(.tray-note-wrap) .tray-dot{opacity:1;animation:tray-pulse 2.4s ease-in-out infinite}@keyframes tray-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tray-count{font-size:.5625rem;font-weight:600;color:#503c2859;letter-spacing:.04em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.tray-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.tray-scroll::-webkit-scrollbar{display:none}.tray-empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:120px;padding:24px 16px;color:#928f8a;font-size:.5625rem;letter-spacing:.04em;text-align:center;line-height:1.5;font-weight:500}.tray-empty:after{position:absolute;top:calc(50% - 54px);left:44px;color:#287c8e5c;content:"←";font-size:2.15rem;line-height:1;animation:ghost-nudge 1.8s ease-in-out infinite}.focus-tray.drop-target .tray-empty{color:#1d6170;font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.focus-tray.drop-target .tray-empty:before{display:grid;width:58px;height:58px;margin-bottom:10px;place-items:center;border:1px solid rgba(40,124,142,.22);border-radius:50%;color:#1d6170;background:radial-gradient(circle at 50% 50%,rgba(40,124,142,.12),transparent 58%),#ffffff8a;box-shadow:0 8px 24px #287c8e1f;content:"focus";font-size:var(--text-micro)}.focus-tray.drop-target .tray-empty:after{color:#287c8e9e}.tray-empty-icon{font-size:1rem;opacity:.5}.tray-note-wrap{padding:16px 16px 0}.tray-note-wrap:last-child{padding-bottom:16px}.tray-label{font-size:.5625rem;font-weight:700;letter-spacing:.1em;color:#2d558299;text-transform:uppercase;-webkit-user-select:none;user-select:none}.tray-close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:5px;color:var(--ink-muted);background:transparent;cursor:pointer;transition:background .12s ease,color .12s ease}.tray-close:hover{background:#503c2814;color:var(--ink)}.tray-close svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.tray-note{padding:10px 10px 16px;overflow:visible}.focus-tray .note{position:relative!important;left:auto!important;top:auto!important;width:100%!important;cursor:default;border-color:var(--accent-blue)!important;box-shadow:0 4px 16px #287c8e24!important}.focus-tray .note:after{display:none}.canvas.focus-mode{background:linear-gradient(180deg,#20201c,#151512)}.canvas.focus-mode .canvas-col{background:radial-gradient(circle at 50% 48%,rgba(245,158,11,.14),transparent 32%),transparent;background-size:auto}.canvas.focus-mode .canvas-col:after,.canvas.break-mode .canvas-col:after,.canvas.archive-mode .canvas-col:after{display:none}.canvas.focus-mode .app-header,.canvas.focus-mode .pinned-strip{opacity:0;pointer-events:none;transition:opacity .3s ease}.canvas.break-mode{background:linear-gradient(180deg,#183039,#102329)}.canvas.break-mode .canvas-col{background:radial-gradient(circle at 50% 48%,rgba(45,212,191,.14),transparent 34%),transparent;background-size:auto}.canvas.break-mode .app-header,.canvas.break-mode .pinned-strip{opacity:0;pointer-events:none;transition:opacity .3s ease}.canvas.focus-mode .quick-input-bar,.canvas.break-mode .quick-input-bar,.canvas.focus-mode .site-links,.canvas.break-mode .site-links{opacity:0;pointer-events:none}.canvas.focus-mode .focus-tray,.canvas.break-mode .focus-tray{width:0;border-left:0;opacity:0;pointer-events:none}.canvas.pomo-setup-mode .canvas-col{background:radial-gradient(circle at 50% 50%,rgba(217,154,34,.18),transparent 30%),radial-gradient(circle at 50% 50%,rgba(36,33,31,.045),transparent 48%),linear-gradient(180deg,#fbfaf3 0%,var(--canvas) 100%);background-size:auto,36px 36px,auto}.canvas.pomo-setup-mode .canvas-col:before{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 50%,transparent 0 270px,rgba(246,247,242,.72) 470px),#fffdf857;content:"";pointer-events:none}.canvas.pomo-setup-mode .quick-input-bar,.canvas.pomo-setup-mode .site-links{opacity:0;pointer-events:none}.canvas.pomo-setup-mode .focus-tray{opacity:.2;filter:saturate(.4);pointer-events:none}.canvas.archive-mode{background:#121212}.canvas.archive-mode .canvas-col{background:transparent}.canvas.archive-mode .app-header,.canvas.archive-mode .pinned-strip{opacity:0;pointer-events:none}.site-links{position:fixed;right:24px;bottom:20px;z-index:10;display:flex;align-items:center;gap:10px;color:var(--ink-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:0;-webkit-user-select:none;user-select:none}.site-links a{color:inherit;text-decoration:none}.site-links a+a:before{margin-right:10px;color:#24211f47;content:"/"}.site-links a:hover,.site-links a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.site-links a:focus-visible{outline:2px solid rgba(37,99,235,.42);outline-offset:4px;border-radius:4px}.bento-groups{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:24px 24px 100px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.bento-section{margin-bottom:36px}.bento-section:last-child{margin-bottom:0}.bento-label{margin:0 0 10px 2px;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);opacity:.5;-webkit-user-select:none;user-select:none}.bento-notes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.bento-notes .note{position:relative!important;left:auto!important;top:auto!important;width:auto!important;cursor:default}.bento-notes .note-grip{display:none}.quick-input-bar{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:480px;max-width:calc(100% - 48px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 32px #2c2a281a,0 4px 12px #2c2a280f;z-index:10;transition:border-color .2s ease}.quick-input-bar:focus-within{border-color:var(--line-strong)}.qi-icon{font-size:14px;color:var(--ink-muted);flex-shrink:0;opacity:.5;line-height:1}.qi-input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--ink);font-family:inherit;min-width:0}.qi-input::placeholder{color:var(--ink-muted);opacity:.7}.qi-hint{flex-shrink:0;color:#24211f57;font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.quick-input-bar:focus-within .qi-hint,.quick-input-bar.has-text .qi-hint{opacity:0;transform:translate(4px)}@keyframes ghost-nudge{0%,to{opacity:.36;transform:translate(0)}50%{opacity:.72;transform:translate(-6px)}}.help-panel{position:fixed;top:72px;right:16px;z-index:20;width:min(360px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 92px));overflow:auto;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#ffffffc7;background:#080d17b8;box-shadow:0 18px 42px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:var(--text-xs);line-height:1.48;animation:helpFade .18s ease both}.shortcut-list{display:grid;gap:6px;margin:0}.help-note{margin:0 0 10px;color:#ffffffad;font-size:var(--text-xs);line-height:1.48}.shortcut-list div{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:start}.shortcut-list dt{display:inline-flex;min-height:22px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;color:#ffffffdb;background:#ffffff14;font-size:var(--text-micro);font-weight:700;line-height:1}.shortcut-list dd{margin:0;color:#ffffff9e;line-height:1.48}@keyframes helpFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.archive-panel{position:fixed;inset:0;z-index:30;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(37,99,235,.1),transparent 36%),#121212}.archive-close{position:fixed;top:18px;right:18px;z-index:2;min-height:30px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#ffffff9e;background:#ffffff0f;cursor:pointer;font-size:var(--text-xs)}.archive-search{position:fixed;top:22px;left:50%;z-index:2;width:min(340px,calc(100vw - 120px));transform:translate(-50%);border:0;outline:0;color:#ffffffd1;background:transparent;font-size:var(--text-sm);font-weight:600;text-align:center;caret-color:#93c5fd}.archive-search::placeholder{color:#ffffff3d}.archive-empty{margin:0;color:#ffffff47;font-size:var(--text-sm)}.archive-stage{width:min(780px,calc(100vw - 40px));min-height:320px;display:grid;place-items:center}.archive-masonry{display:flex;max-width:100%;flex-wrap:wrap;justify-content:center;gap:14px}.archive-item{display:grid;width:220px;min-height:132px;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#fffdf4f0;box-shadow:0 22px 54px #00000047;animation:archiveGlow .22s ease both}.archive-item p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ink);font-size:var(--text-sm);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.archive-item small{color:#1513118f;font-size:var(--text-xs);line-height:1.3}.archive-item button{min-height:28px;padding:0 9px;border:1px solid oklch(19% .005 75 / .14);border-radius:7px;color:var(--ink-soft);background:#ffffffb8;cursor:pointer;justify-self:start;font-size:var(--text-xs)}.archive-dial{position:fixed;right:24px;bottom:26px;left:24px;display:grid;grid-template-columns:88px minmax(140px,360px) 86px;justify-content:center;align-items:center;gap:14px;color:#ffffff9e;font-size:var(--text-xs)}.archive-dial span{text-align:right}.archive-dial small{color:#ffffff5c}.archive-dial input{accent-color:#93c5fd}@keyframes archiveGlow{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.note{position:absolute;left:var(--x);top:var(--y);z-index:1;--pomo-progress: 0;--note-bg: var(--note-paper);--note-border: var(--note-line);--pin-edge: rgba(217, 154, 34, .72);--pomo-fill: 0%;--pomo-remaining: 100%;width:min(260px,calc(100vw - 32px));min-height:0;padding:16px;border:1px solid var(--note-border);border-radius:12px;background:var(--note-bg);box-shadow:0 4px 12px #24211f0b,0 1px 3px #24211f06;transition:opacity .2s ease,filter .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease;touch-action:none;overflow:visible;user-select:none;-webkit-user-select:none}.note[data-color=warm]{--note-bg: #fff0e6;--note-border: rgba(230, 83, 63, .18)}.note[data-color=blue]{--note-bg: #eaf5ff;--note-border: rgba(40, 124, 142, .18);--pin-edge: rgba(40, 124, 142, .58)}.note[data-color=green]{--note-bg: #ebf8ef;--note-border: rgba(46, 125, 78, .18);--pin-edge: rgba(46, 125, 78, .54)}.note>*{position:relative;z-index:1}.note:before{position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(to bottom,transparent var(--pomo-fill),rgba(255,226,143,.62) var(--pomo-fill));content:"";opacity:0;pointer-events:none;transition:opacity .26s ease}.note.pomo-break:before{background:linear-gradient(to top,rgba(153,246,228,.62) var(--pomo-fill),transparent var(--pomo-fill))}.note.dimmed{opacity:.1;pointer-events:none}.note:hover{box-shadow:0 12px 24px #24211f14,0 4px 8px #24211f0a;border-color:var(--line-strong);transform:translateY(-2px);z-index:100!important}.note.active{border-color:var(--line-strong);box-shadow:0 12px 24px #24211f14,0 4px 8px #24211f0a}.note.focused{border-color:var(--accent-blue);box-shadow:0 4px 16px #287c8e24}.note.focused:not(.pomo-running):not(.pomo-done){box-shadow:0 12px 28px #287c8e29,0 0 0 3px #287c8e1f}.note.pomo-running{border-color:#d99a227a;transform:scale(1.04);box-shadow:0 24px 64px #00000038,0 0 0 2.5px #d99a223d;overflow:hidden}.canvas.focus-mode .canvas-col>.note.pomo-running,.canvas.break-mode .canvas-col>.note.pomo-running,.canvas.focus-mode .canvas-col>.note.pomo-done,.canvas.break-mode .canvas-col>.note.pomo-done{left:50%;top:50%;z-index:30!important;width:min(580px,calc(100% - 112px));min-height:360px;padding:32px;border-radius:22px;transform:translate(-50%,-50%);touch-action:auto}.canvas.focus-mode .canvas-col>.note.pomo-running,.canvas.focus-mode .canvas-col>.note.pomo-done{border-color:#d99a228c;box-shadow:0 36px 110px #00000061,0 18px 48px #d99a221f,0 0 0 1px #d99a2240,0 0 0 12px #d99a220d}.canvas.break-mode .canvas-col>.note.pomo-running,.canvas.break-mode .canvas-col>.note.pomo-done{border-color:#2dd4bf6b;box-shadow:0 36px 110px #0000005c,0 18px 48px #2dd4bf1a,0 0 0 1px #2dd4bf33,0 0 0 12px #2dd4bf0b}.canvas.focus-mode .canvas-col>.note.pomo-running:hover,.canvas.break-mode .canvas-col>.note.pomo-running:hover,.canvas.focus-mode .canvas-col>.note.pomo-done:hover,.canvas.break-mode .canvas-col>.note.pomo-done:hover{transform:translate(-50%,-50%)}.note.pomo-running:before,.note.pomo-done:before{opacity:1}.canvas.focus-mode .canvas-col>.note.pomo-running:before,.canvas.break-mode .canvas-col>.note.pomo-running:before,.canvas.focus-mode .canvas-col>.note.pomo-done:before,.canvas.break-mode .canvas-col>.note.pomo-done:before{opacity:.22}.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-drain-line,.canvas.break-mode .canvas-col>.note.pomo-running .pomo-drain-line,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-drain-line,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-drain-line{display:none}.note:has(.pomo-crossroads-active):not(.pomo-running):not(.pomo-done){border-color:#d99a226b;transform:scale(1.02);box-shadow:0 8px 24px #0000001a,0 0 0 2px #d99a2233}.canvas.pomo-setup-mode .note:has(.pomo-crossroads-active):not(.pomo-running):not(.pomo-done){left:50%;top:50%;z-index:30!important;width:min(520px,calc(100% - 96px));min-height:300px;padding:28px;border-color:#d99a2280;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 42%),var(--note-bg);box-shadow:0 34px 90px #24211f2e,0 14px 34px #24211f1a,0 0 0 1px #d99a2233,0 0 0 10px #d99a2212;transform:translate(-50%,-50%);touch-action:auto}.canvas.pomo-setup-mode .note:has(.pomo-crossroads-active):not(.pomo-running):not(.pomo-done):hover{transform:translate(-50%,-50%)}.canvas.pomo-setup-mode .note:has(.pomo-crossroads-active):not(.pomo-running):not(.pomo-done) .note-hdr{height:22px;margin-bottom:18px;opacity:1}.canvas.pomo-setup-mode .note:has(.pomo-crossroads-active):not(.pomo-running):not(.pomo-done) textarea{min-height:140px;font-size:1.35rem;line-height:1.5}.canvas.focus-mode .canvas-col>.note.pomo-running .note-hdr,.canvas.break-mode .canvas-col>.note.pomo-running .note-hdr,.canvas.focus-mode .canvas-col>.note.pomo-done .note-hdr,.canvas.break-mode .canvas-col>.note.pomo-done .note-hdr{height:22px;margin-bottom:18px;opacity:1}.canvas.focus-mode .canvas-col>.note.pomo-running textarea,.canvas.break-mode .canvas-col>.note.pomo-running textarea,.canvas.focus-mode .canvas-col>.note.pomo-done textarea,.canvas.break-mode .canvas-col>.note.pomo-done textarea{min-height:132px;font-size:1.35rem;line-height:1.5}.canvas.focus-mode .canvas-col>.note.pomo-running .note-quick-acts,.canvas.break-mode .canvas-col>.note.pomo-running .note-quick-acts,.canvas.focus-mode .canvas-col>.note.pomo-done .note-quick-acts,.canvas.break-mode .canvas-col>.note.pomo-done .note-quick-acts,.canvas.focus-mode .canvas-col>.note.pomo-running .note-grip,.canvas.break-mode .canvas-col>.note.pomo-running .note-grip,.canvas.focus-mode .canvas-col>.note.pomo-done .note-grip,.canvas.break-mode .canvas-col>.note.pomo-done .note-grip{opacity:0;pointer-events:none}.canvas.pomo-setup-mode .note:has(.pomo-crossroads-active):not(.pomo-running):not(.pomo-done) .note-quick-acts,.canvas.pomo-setup-mode .note:has(.pomo-crossroads-active):not(.pomo-running):not(.pomo-done) .note-grip{opacity:0;pointer-events:none}.note.pomo-break textarea{filter:blur(4px);-webkit-user-select:none;user-select:none}.note.pomo-break.pomo-done textarea{filter:none}.note.pomo-done{border-color:#16a34a4d;overflow:hidden}.note.pomo-done:not(.pomo-break){animation:gentleBreathe 2s ease-in-out 1}.note.crumpling{animation:crumple .42s cubic-bezier(.4,0,.2,1) forwards}.note.pinned{background:var(--note-paper-pinned);border-color:#b8943a47;box-shadow:0 2px 8px #2c2a280a,0 1px 2px #2c2a2805;z-index:4}.note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;margin:-1px 0 9px;padding-bottom:7px;border-bottom:1px solid oklch(19% .005 75 / .1);color:#15131194;-webkit-user-select:none;user-select:none}.drag-area{display:flex;min-width:0;flex:1 1 auto;align-items:center;align-self:stretch;gap:6px;cursor:grab}.drag-area:active{cursor:grabbing}.drag-grip{display:inline-grid;width:12px;height:16px;flex:0 0 auto;place-items:center;opacity:0;transition:opacity .14s ease}.drag-grip:before{width:3px;height:12px;border-radius:999px;background:repeating-linear-gradient(to bottom,rgba(23,32,51,.32) 0,rgba(23,32,51,.32) 2px,transparent 2px,transparent 5px);content:""}.note:hover .drag-grip,.note:focus-within .drag-grip{opacity:1}time{min-width:0;overflow:hidden;font-size:var(--text-micro);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap}.note-actions{display:flex;flex:0 0 auto;align-items:center;gap:2px}.pomo-watermark{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:6px;color:#475569b8;background:transparent;cursor:pointer;opacity:.22;transition:opacity .18s ease,color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.pomo-mark{position:relative;display:block;width:12px;height:12px;border:1.6px solid currentColor;border-radius:999px}.pomo-mark:before{position:absolute;display:block;content:""}.pomo-mark:before{inset:3px;border-radius:inherit;background:currentColor;opacity:.78}.note:hover .pomo-watermark,.note:focus-within .pomo-watermark,.pomo-watermark:focus-visible{opacity:.72}.pomo-watermark:hover,.pomo-watermark:focus-visible{color:#9b6815f2;border-color:#d99a223d;background:#d99a2224;transform:translateY(-1px)}.pomo-drain-line{position:absolute;right:0;left:0;top:min(max(40px,var(--pomo-fill)),calc(100% - 2px));z-index:2;height:2px;background:linear-gradient(90deg,transparent,rgba(217,154,34,.48),transparent);box-shadow:0 0 18px #d99a225c;pointer-events:none}.note.pomo-break .pomo-drain-line{top:auto;bottom:min(max(12px,var(--pomo-fill)),calc(100% - 2px));background:linear-gradient(90deg,transparent,rgba(45,212,191,.52),transparent);box-shadow:0 0 18px #2dd4bf57}.note:has(.pomo-crossroads) .pomo-watermark,.note.pomo-running .pomo-watermark{opacity:1;color:var(--pin-deep);border-color:#d99a2242;background:#d99a2226;box-shadow:inset 0 1px #ffffff85}.icon-button{display:grid;flex:0 0 auto;width:22px;height:22px;place-items:center;border:0;border-radius:6px;color:#1720336b;background:transparent;cursor:pointer}.icon-button:hover,.icon-button:focus-visible,.pip-button.pressed,.pin-button.pressed{color:var(--pin-deep);background:#f59e0b21}.delete-button:hover,.delete-button:focus-visible{color:var(--danger);background:#dc26261a}.delete-button{opacity:0;transition:opacity .14s ease,color .14s ease,background .14s ease}.note:hover .delete-button,.note-actions:focus-within .delete-button,.delete-button:focus-visible{opacity:1}.icon-button:focus-visible{outline:2px solid rgba(37,99,235,.42);outline-offset:2px}.icon-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.pin-button svg{fill:currentColor;stroke:none}.note-hdr{display:flex;align-items:center;justify-content:space-between;height:0;overflow:hidden;opacity:0;margin-bottom:0;transition:height .18s ease,opacity .18s ease,margin-bottom .18s ease}.note.active .note-hdr,.note.pinned .note-hdr,.note.pomo-running .note-hdr,.note.pomo-done .note-hdr{height:18px;opacity:1;margin-bottom:7px}.note-hdr-time{font-size:.5625rem;color:#1513117a;letter-spacing:.05em;font-variant-numeric:tabular-nums}.note-hdr-pin{font-size:.5625rem;color:var(--amber);letter-spacing:.04em}.note-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.nbadge{font-size:var(--text-micro);letter-spacing:.06em;padding:2px 7px;border-radius:20px;font-weight:500}.nb-pin{background:var(--amber-soft);color:var(--amber)}.nb-pomo{background:#a95f231a;color:#a54a24;animation:badge-breathe 2s infinite}.nb-pip{background:#0000000d;color:#1c1a1780}.nb-focus{background:#2d558214;color:#2d5582bf}@keyframes badge-breathe{0%,to{opacity:1}50%{opacity:.5}}.note-quick-acts{position:absolute;top:10px;right:10px;display:flex;gap:4px;align-items:center;opacity:0;transition:opacity .15s ease;z-index:10}.note:hover .note-quick-acts,.note.active .note-quick-acts,.note.pinned .note-quick-acts,.note.pomo-running .note-quick-acts,.note.menu-open .note-quick-acts{opacity:1}.qa-btn{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:.5px solid rgba(0,0,0,.12);color:#1c1a176b;box-shadow:0 1px 3px #00000014;transition:background .12s ease,color .12s ease,transform .1s ease}.qa-btn:hover{background:var(--surface);color:var(--ink-soft);transform:scale(1.06)}.qa-btn:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.qa-btn:active{transform:scale(.93)}.qa-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.qa-pin svg{fill:currentColor;stroke:none}.qa-btn.qa-active{background:#b8943a24;color:#b8943a;border-color:#b8943a47}.overflow-menu{position:absolute;top:44px;right:10px;width:min(214px,calc(100% - 20px));max-height:min(330px,calc(100vh - 96px));overflow:auto;padding:6px;border:1px solid rgba(36,33,31,.08);border-radius:10px;background:linear-gradient(180deg,#ffffffe0,#ffffffad),color-mix(in oklab,var(--note-bg) 76%,white 24%);box-shadow:0 18px 42px #24211f24,0 6px 16px #24211f14,inset 0 1px #ffffffd6;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);z-index:200;animation:menu-in .16s cubic-bezier(.22,1,.36,1);transform-origin:top right}.overflow-menu:before{position:absolute;top:-5px;right:13px;width:10px;height:10px;border-top:1px solid rgba(36,33,31,.08);border-left:1px solid rgba(36,33,31,.08);background:#ffffffdb;content:"";transform:rotate(45deg)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.om-item{position:relative;display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 9px;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:650;color:#24211fb8;letter-spacing:0;transition:background .12s ease,color .12s ease,transform .12s ease;white-space:nowrap;width:100%;text-align:left;background:transparent;border:0;font-family:inherit}.om-item:hover{background:#ffffffb8;color:#24211feb;transform:translateY(-1px)}.om-item:focus-visible{outline:2px solid rgba(40,124,142,.28);outline-offset:1px}.om-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#24211f8a;background:#24211f0b}.om-icon svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.om-label{flex:1}.om-shortcut{flex-shrink:0;font-size:.625rem;color:#24211f57;letter-spacing:.02em;font-variant-numeric:tabular-nums}.om-active{background:#2d558212;color:#2d5582e6}.om-active .om-icon{background:#2d55821a;color:#2d5582cc}.om-active:hover{background:#2d55821c;color:#2d5582}.om-active-pomo{color:#c8824a}.om-active-pomo .om-icon{background:#c8824a1a;color:#c8824a}.om-divider{height:.5px;background:#24211f14;margin:5px 8px}.om-danger{color:#c4593a}.om-danger:hover{background:#c4593a0f}.note-grip{position:absolute;top:8px;left:50%;transform:translate(-50%);width:24px;height:16px;display:flex;align-items:center;justify-content:center;cursor:grab;opacity:0;transition:opacity .16s ease;z-index:5}.note-grip:active{cursor:grabbing}.note:hover .note-grip,.note.active .note-grip{opacity:1}.note-grip-dots{width:16px;height:5px;background-image:radial-gradient(circle,rgba(80,60,40,.32) 1px,transparent 1px);background-size:5px 5px;background-repeat:repeat;pointer-events:none}.note-lines{cursor:text}.note-line{display:flex;gap:0;align-items:baseline;margin-bottom:1px}.nl-ts{font-size:.5625rem;color:#1c1a174d;letter-spacing:.03em;flex-shrink:0;width:34px;line-height:1;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.nl-text{flex:1;font-size:.875rem;line-height:1.6;color:var(--ink);font-weight:400;letter-spacing:-.01em;word-break:break-word;font-family:ui-monospace,Cascadia Code,SF Mono,monospace}.note-lines-footer{display:flex;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:.5px solid rgba(0,0,0,.07);color:#15131161;font-size:var(--text-micro);letter-spacing:.04em}.slash-menu{position:absolute;left:14px;bottom:10px;z-index:3;display:inline-flex;gap:8px;align-items:center;padding:6px 8px;border:1px solid oklch(19% .005 75 / .1);border-radius:8px;color:#151311b8;background:#ffffffe0;box-shadow:0 12px 24px #1513111f;font-size:var(--text-xs);font-weight:700}.slash-menu small{color:#1513117a;font-size:var(--text-micro);font-weight:600}.pomo-focus-readout{display:none}.canvas.pomo-setup-mode .pomo-focus-readout,.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-focus-readout,.canvas.break-mode .canvas-col>.note.pomo-running .pomo-focus-readout,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-focus-readout,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-focus-readout{display:grid;gap:12px;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid rgba(36,33,31,.08)}.pomo-focus-copy{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.pomo-focus-label{color:#24211f94;font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pomo-focus-detail{color:#24211f6b;font-size:var(--text-sm);font-weight:700;letter-spacing:.02em}.pomo-focus-meter{position:relative;height:14px;overflow:hidden;border:1px solid rgba(36,33,31,.08);border-radius:999px;background:linear-gradient(180deg,#ffffffad,#ffffff2e),#24211f0e;box-shadow:inset 0 1px 2px #24211f12,0 1px #ffffff94}.pomo-focus-fill{position:absolute;inset:2px auto 2px 2px;width:calc(100% - 4px);max-width:calc(100% - 4px);min-width:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 70%),linear-gradient(90deg,#eeb75b 0%,var(--amber) 100%);box-shadow:0 0 18px #d99a2247,inset 0 1px #ffffff61;transform:scaleX(var(--pomo-progress));transform-origin:left center;transition:transform .9s linear}.canvas.break-mode .pomo-focus-fill,.note.pomo-break .pomo-focus-fill{background:linear-gradient(90deg,rgba(255,255,255,.26),transparent 70%),linear-gradient(90deg,#58d6c8 0%,var(--accent-blue) 100%);box-shadow:0 0 18px #2dd4bf3d,inset 0 1px #ffffff52}.canvas.focus-mode .pomo-focus-label,.canvas.break-mode .pomo-focus-label{color:#24211f80}.pomo-crossroads{display:flex;gap:8px;justify-content:center;margin-top:14px;padding-top:10px;border-top:1px solid oklch(19% .005 75 / .08);opacity:.42;transition:opacity .16s ease}.note:hover .pomo-crossroads,.note:focus-within .pomo-crossroads,.pomo-crossroads-active{opacity:.82}.pomo-crossroads button{min-height:30px;padding:0 10px;border:1px solid rgba(36,33,31,.1);border-radius:9px;color:#24211fa8;background:linear-gradient(180deg,#ffffffb8,#ffffff6b),#ffffff7a;box-shadow:0 1px 2px #24211f0f,inset 0 1px #ffffffd1;cursor:pointer;font-size:var(--text-xs);font-weight:700;letter-spacing:0;white-space:nowrap;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}.pomo-crossroads button:hover,.pomo-crossroads button:focus-visible{color:#24211fdb;border-color:#24211f29;background:linear-gradient(180deg,#ffffffe6,#ffffff94),#ffffffa3;box-shadow:0 4px 12px #24211f14,inset 0 1px #ffffffe6;transform:translateY(-1px)}.pomo-crossroads button:focus-visible{outline:2px solid rgba(40,124,142,.34);outline-offset:2px}.pomo-crossroads button:active{transform:translateY(0);box-shadow:0 1px 2px #24211f0f,inset 0 1px 2px #24211f14}.canvas.pomo-setup-mode .pomo-crossroads{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) auto auto;gap:12px;margin-top:22px;padding-top:18px;border-top-color:#d99a2233;opacity:1}.canvas.pomo-setup-mode .pomo-crossroads button{min-height:52px;padding:0 18px;border-color:#24211f1a;border-radius:14px;color:#24211fad;background:linear-gradient(180deg,#ffffffc7,#ffffff6b),#ffffff7a;box-shadow:0 4px 12px #24211f0f,inset 0 1px #ffffffd1;font-size:.875rem;font-weight:800}.canvas.pomo-setup-mode .pomo-crossroads .pomo-action-sprint{color:#fffdf8;border-color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%),linear-gradient(180deg,#ee6a47 0%,var(--accent) 100%);box-shadow:0 14px 28px #e6533f3d,0 3px 8px #e6533f29,inset 0 1px #ffffff47}.canvas.pomo-setup-mode .pomo-crossroads .pomo-action-sprint:hover,.canvas.pomo-setup-mode .pomo-crossroads .pomo-action-sprint:focus-visible{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.26),transparent 42%),linear-gradient(180deg,#f07150,#e6533f);box-shadow:0 18px 34px #e6533f4d,0 5px 12px #e6533f2e,inset 0 1px #ffffff52}.canvas.pomo-setup-mode .pomo-crossroads .pomo-action-break{color:#1d6170;border-color:#287c8e24;background:linear-gradient(180deg,#ffffffb3,#ffffff42),var(--accent-blue-bg)}.canvas.pomo-setup-mode .pomo-crossroads .pomo-action-done{min-width:76px;color:#24211f80;background:#ffffff57}.canvas.pomo-setup-mode .pomo-crossroads .pomo-action-pip{min-width:66px;color:#7f5a1b;border-color:#d99a2229;background:linear-gradient(180deg,#ffffffb3,#ffffff47),#d99a221c}.canvas.pomo-setup-mode .pomo-crossroads button:hover,.canvas.pomo-setup-mode .pomo-crossroads button:focus-visible{transform:translateY(-1px)}.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-crossroads,.canvas.break-mode .canvas-col>.note.pomo-running .pomo-crossroads,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-crossroads,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-crossroads{justify-content:flex-end;gap:6px;margin-top:24px;padding-top:16px;opacity:1}.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-crossroads button,.canvas.break-mode .canvas-col>.note.pomo-running .pomo-crossroads button,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-crossroads button,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-crossroads button{min-height:36px;padding:0 12px;border-color:#24211f14;border-radius:999px;color:#24211f94;background:linear-gradient(180deg,#ffffff9e,#ffffff52),#ffffff5c;box-shadow:0 1px 2px #24211f0d,inset 0 1px #ffffffb3;font-size:var(--text-sm);font-weight:750}.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-crossroads .pomo-action-sprint,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-crossroads .pomo-action-sprint{color:#8d5c12;border-color:#d99a2229;background:linear-gradient(180deg,#ffffff9e,#ffffff38),#d99a2226}.canvas.break-mode .canvas-col>.note.pomo-running .pomo-crossroads .pomo-action-break,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-crossroads .pomo-action-break{color:#1d6170;border-color:#287c8e29;background:linear-gradient(180deg,#ffffff9e,#ffffff38),#287c8e24}.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-crossroads .pomo-action-done,.canvas.break-mode .canvas-col>.note.pomo-running .pomo-crossroads .pomo-action-done,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-crossroads .pomo-action-done,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-crossroads .pomo-action-done{color:#24211f75}.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-crossroads .pomo-action-pip,.canvas.break-mode .canvas-col>.note.pomo-running .pomo-crossroads .pomo-action-pip,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-crossroads .pomo-action-pip,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-crossroads .pomo-action-pip{color:#7f5a1b;border-color:#d99a2224;background:linear-gradient(180deg,#ffffff9e,#ffffff38),#d99a221f}.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-crossroads button:hover,.canvas.break-mode .canvas-col>.note.pomo-running .pomo-crossroads button:hover,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-crossroads button:hover,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-crossroads button:hover,.canvas.focus-mode .canvas-col>.note.pomo-running .pomo-crossroads button:focus-visible,.canvas.break-mode .canvas-col>.note.pomo-running .pomo-crossroads button:focus-visible,.canvas.focus-mode .canvas-col>.note.pomo-done .pomo-crossroads button:focus-visible,.canvas.break-mode .canvas-col>.note.pomo-done .pomo-crossroads button:focus-visible{color:#24211fc7;background:linear-gradient(180deg,#ffffffc7,#ffffff6b),#ffffff85;box-shadow:0 5px 14px #24211f14,inset 0 1px #ffffffc7}@keyframes gentleBreathe{0%,to{box-shadow:0 22px 48px #15131129,0 0 #16a34a00}45%{box-shadow:0 24px 54px #1513112e,0 0 0 7px #16a34a2e}}@keyframes crumple{to{opacity:0;transform:translateY(18px) scale(.82) rotate(-4deg);filter:saturate(.5) blur(1px)}}textarea{display:block;width:100%;min-height:64px;padding:0;resize:none;overflow:hidden;border:0;outline:0;color:var(--ink);background:transparent;font-size:1rem;font-weight:500;line-height:1.52;letter-spacing:0;caret-color:var(--accent);cursor:text}textarea::placeholder{color:#1c1a1747;font-weight:400}.privacy-page{min-height:100vh;overflow:auto;padding:28px;background:radial-gradient(circle at 18px 18px,rgba(40,124,142,.055) 1px,transparent 1px),linear-gradient(180deg,#fbfaf4 0%,var(--canvas) 58%,#e7f3f4 100%);background-repeat:repeat,no-repeat;background-size:36px 36px,100% 100%}.back-link{position:fixed;top:18px;left:20px;color:var(--ink-muted);font-size:var(--text-sm);font-weight:600;text-decoration:none}.back-link:hover,.back-link:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.privacy-document{width:min(620px,calc(100vw - 40px));margin:72px auto 48px;color:var(--ink)}.privacy-document .eyebrow{margin:0 0 8px;color:var(--ink-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:lowercase}.privacy-document h1{margin:0 0 28px;font-size:clamp(2.25rem,8vw,4.5rem);font-weight:800;line-height:.94;letter-spacing:-.02em}.privacy-document section{padding:18px 0;border-top:1px solid var(--line)}.privacy-document h2{margin:0 0 8px;color:var(--ink-soft);font-size:var(--text-sm);font-weight:700;letter-spacing:0}.privacy-document p{max-width:58ch;margin:0;color:var(--ink-soft);font-size:var(--text-base);line-height:1.55}.privacy-document p+p{margin-top:10px}.notice{position:fixed;left:50%;bottom:72px;z-index:20;max-width:calc(100vw - 32px);margin:0;padding:9px 12px;transform:translate(-50%);border:1px solid var(--line);border-radius:8px;color:var(--ink-soft);background:#fffffff0;box-shadow:0 12px 28px var(--shadow-soft);font-size:var(--text-sm)}.shortcut-bar{position:fixed;left:50%;bottom:16px;z-index:10;display:flex;max-width:calc(100vw - 32px);gap:6px;opacity:.54;transform:translate(-50%);transition:opacity .18s ease,transform .18s ease}.shortcut-bar:hover,.shortcut-bar:focus-within{opacity:1;transform:translate(-50%) translateY(-1px)}.shortcut-bar button{gap:7px;min-width:0;min-height:30px;padding:0 8px;border-color:#2d38501c;background:#ffffffb8;box-shadow:0 8px 20px #15131112;font-size:var(--text-xs);white-space:nowrap}.shortcut-bar span{color:#15131180}.shortcut-bar:hover span,.shortcut-bar:focus-within span{color:var(--ink-soft)}kbd{min-width:22px;padding:2px 5px;border:1px solid var(--line);border-radius:5px;color:var(--ink-soft);background:#2563eb0f;font-family:inherit;font-size:var(--text-micro);font-weight:700;line-height:1}@media(max-width:640px){.note{width:min(232px,calc(100vw - 24px))}.site-links{right:12px;bottom:58px;font-size:var(--text-xs)}.top-controls{top:10px;right:10px}.help-panel{top:52px;right:10px}.archive-panel{top:52px;right:10px;max-height:calc(100vh - 112px)}.pinned-stack{top:52px;left:12px;grid-template-columns:minmax(0,1fr);width:calc(100vw - 24px)}.pinned-stack .note{width:min(232px,calc(100vw - 24px))}.top-controls button{min-height:32px;padding:0 8px}.shortcut-bar{right:10px;left:10px;justify-content:center;overflow-x:auto;opacity:.68;transform:none}.shortcut-bar:hover,.shortcut-bar:focus-within{transform:none}.shortcut-bar button{flex:0 0 auto;padding:0 8px}.shortcut-bar span,.focus-tray{display:none}.pinned-strip{padding:6px 16px;gap:8px}.app-header{height:52px;padding:0 16px}.vt-btn{padding:6px 8px;font-size:0;gap:0}.vt-icon{font-size:13px}.qa-btn{width:36px;height:36px}.quick-input-bar{bottom:20px}.bento-groups{padding:16px 16px 80px}.bento-notes{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}}@media(min-width:641px)and (max-width:1023px){.focus-tray{width:260px}.bento-notes{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-height:480px)and (orientation:landscape){.pinned-strip{padding:4px 16px}.app-header{height:48px}}.app-menu-wrap{position:relative}.app-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;color:var(--ink-muted);background:var(--surface);cursor:pointer;transition:border-color .2s ease,color .2s ease}.app-menu-btn:hover,.app-menu-btn.active-toggle{color:var(--ink);border-color:var(--line-strong)}.app-menu-btn:focus-visible{outline:2px solid rgba(37,99,235,.42);outline-offset:2px}.app-menu-btn svg{width:13px;height:13px;fill:currentColor;stroke:none}.app-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:200;min-width:196px;padding:5px;background:var(--surface);border:.5px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 16px 48px #00000024,0 4px 12px #00000014;animation:menu-in .18s cubic-bezier(.22,1,.36,1)}.mode-switcher{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.mode-switcher button{border:0;background:transparent;cursor:pointer;color:var(--ink-faint);font-family:inherit;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;padding:2px 0;text-transform:lowercase;transition:color .14s ease}.mode-switcher button.mode-active{color:var(--ink-soft)}.mode-switcher button:hover{color:var(--ink)}.mode-switcher button:focus-visible{outline:2px solid rgba(37,99,235,.42);outline-offset:3px;border-radius:3px}.mode-sep{color:var(--ink-faint);font-size:var(--text-xs);line-height:1}.canvas.timeline-mode .canvas-col{overflow-y:auto;overflow-x:hidden;background:#edf1e8;cursor:default}.note.timeline-note .note-meta{height:0;min-height:0;margin:0;padding-bottom:0;border-bottom:none;overflow:hidden;opacity:0;pointer-events:none;transition:height .12s ease,opacity .12s ease}.note.timeline-note:hover .note-meta,.note.timeline-note.active .note-meta,.note.timeline-note.pinned .note-meta,.note.timeline-note.pomo-running .note-meta,.note.timeline-note.pomo-done .note-meta{height:36px;margin:-1px 0 9px;padding-bottom:7px;border-bottom:1px solid oklch(19% .005 75 / .1);opacity:1;pointer-events:auto}textarea{font-family:ui-monospace,Cascadia Code,SF Mono,monospace}.hashtag{color:var(--accent);font-weight:500}.note-log{flex:1 1 auto;min-height:64px;cursor:text}.note-log-title{margin:0 0 10px;color:#15131157;font-family:inherit;font-size:var(--text-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.note-log-row{display:grid;grid-template-columns:36px 1fr;gap:10px;margin-bottom:3px;line-height:1.52}.note-log-time{padding-top:1px;color:#1513115c;font-family:ui-monospace,Cascadia Code,SF Mono,monospace;font-size:var(--text-micro);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.note-log-text{min-width:0;color:var(--ink);font-family:ui-monospace,Cascadia Code,SF Mono,monospace;font-size:var(--text-sm);word-break:break-word}.note-log-footer{display:flex;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid oklch(19% .005 75 / .06);color:#15131157;font-family:inherit;font-size:var(--text-micro)}.note-single-view{flex:1 1 auto;cursor:text;color:var(--ink);font-family:ui-monospace,Cascadia Code,SF Mono,monospace;font-size:.75rem;line-height:1.65;word-break:break-word}.note-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;font-family:inherit;font-size:var(--text-micro);font-weight:700;text-transform:lowercase}.badge-pin{background:#d99a2229;color:var(--pin-deep)}.badge-pip{background:#287c8e1f;color:var(--accent-blue)}.note.timeline-note{position:static;left:auto;top:auto;width:100%;min-width:0;min-height:0;padding:8px 10px 10px;background:var(--note-bg);border:.5px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border-radius:9px;transform:none;transition:box-shadow .15s ease,border-color .15s ease}.note.timeline-note:before,.note.timeline-note:after{content:none;display:none}.note.timeline-note:hover{box-shadow:0 4px 16px #00000014,0 2px 4px #0000000a}.note.timeline-note.pinned{background:var(--note-paper-pinned);border-color:#d99a223d;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transform:none;z-index:auto}.note.timeline-note.active{border-color:#287c8e4d;box-shadow:0 0 0 2px #287c8e1f,0 4px 16px #00000014;transform:none}.note.timeline-note.pomo-running{border-color:#d99a224d;box-shadow:0 0 0 1.5px #d99a2238,0 4px 16px #00000014;transform:none}.note.timeline-note:has(.pomo-crossroads-active){transform:none;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.note.timeline-note.pomo-done{background:var(--note-bg);border-color:#2e7d4e4d;animation:none}.tl-stamp{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:6px}.tl-note-timestamp{color:#15131175;font-size:var(--text-micro);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.note:hover,.note.pomo-running{transform:none}}