:root{--bg: #F3EFE7;--surface: #FFFFFF;--surface-2: #EBE8E0;--line: rgba(38,28,17,.15);--line-2: rgba(38,28,17,.26);--shadow: 0 1px 2px rgba(34,25,15,.05), 0 4px 14px rgba(34,25,15,.06);--shadow-lg: 0 8px 24px rgba(34,25,15,.14), 0 2px 6px rgba(34,25,15,.08);--scrim: rgba(26,22,19,.34);--hover: rgba(38,28,17,.04);--ink: #1A1613;--dim: #574E44;--muted: #6F655A;--accent: #C5521C;--accent-2: #DC6E38;--accent-ink:#FFFFFF;--accent-soft: rgba(197,82,28,.12);--accent-text: #A03F12;--cool: #157489;--cool-soft: rgba(21,116,137,.13);--cool-ink: #0F5D6E;--good: #157489;--good-soft: rgba(21,116,137,.13);--flag: #A82C20;--flag-soft: rgba(168,44,32,.12);--paper: #FFFFFF;--paper-ink: #1A1613;--read: #FAF8F2;--read-ink: #1A1613;--paper-line:#E7E2D8;--paper-muted:#7A7065;--card: #FFFCF5;--card-rule: #E5E0D5;--radius: 12px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-prose: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--t-display: 30px;--t-title: 23px;--t-section: 17px;--t-body: 16px;--t-body-ui: 14px;--t-label: 13px;--t-caption: 12px;--t-micro: 11px}:root[data-theme=dark]{--bg: #0F1C25;--surface: #172A35;--surface-2: #1E3340;--line: rgba(231,239,243,.13);--line-2: rgba(231,239,243,.24);--shadow: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.5);--shadow-lg: 0 10px 30px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.45);--scrim: rgba(0,0,0,.55);--ink: #E7EFF3;--dim: #B4C4CC;--muted: #8DA3AE;--accent: #E0662B;--accent-2: #F0854A;--accent-ink:#12181B;--accent-soft: rgba(224,102,43,.18);--accent-text: #E0662B;--cool: #3FC8D4;--cool-soft: rgba(63,200,212,.16);--cool-ink: #5BD6E2;--good: #5FB088;--good-soft: rgba(95,176,136,.16);--flag: #E8915A;--flag-soft: rgba(232,145,90,.16);--paper: #16242E;--paper-ink: #E8E2D6;--read: #1A2C38;--read-ink: #E8E2D6;--paper-line:#2A3A44;--paper-muted:#8DA3AE;--card: #1B2C37;--card-rule: #2E4250;--hover: rgba(231,239,243,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}textarea,input,select{font-family:inherit}::placeholder{color:var(--muted)}::selection{background:var(--accent-soft)}.readable::selection,.readable *::selection{background:#c5521c42;color:var(--paper-ink)}.textLayer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:clip;opacity:1;line-height:1;text-align:initial;transform-origin:0 0;z-index:2;-webkit-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;caret-color:CanvasText}.textLayer span,.textLayer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%;margin:0}.textLayer .endOfContent{position:absolute;top:100%;right:0;bottom:0;left:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.textLayer ::selection{background:#c5521c66;color:transparent}.page-stack{touch-action:pan-y}.page-stack.mode-sketch{touch-action:none}.page-canvas{display:block;width:100%;height:auto;border-radius:6px}.page-textlayer{position:absolute;top:0;left:0}.page-ink{display:block;position:absolute;top:0;left:0;z-index:3;touch-action:none}.page-stack.mode-read .page-ink{pointer-events:none}.page-stack.mode-read .page-textlayer{cursor:text}.page-stack.mode-sketch .page-textlayer{pointer-events:none;-webkit-user-select:none;user-select:none}.page-stack.ink-hidden .page-ink{opacity:0}.page-rail{position:sticky;top:calc(var(--tl-reader-bar, 52px) + 14px);align-self:flex-start;display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 52px;width:52px;z-index:6}.page-rail .rail-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;cursor:pointer;font-family:var(--font)}.page-rail .rail-group{display:flex;flex-direction:column;gap:6px;padding:6px 0;border-top:1px solid var(--line);width:100%;align-items:center}.page-rail .rail-group:first-of-type{border-top:none}.page-rail .rail-colors{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.page-rail .rail-hint{font-size:9.5px;line-height:1.3;color:var(--paper-muted);text-align:center}.cr-pulse{animation:cr-pulse 1.3s ease}@keyframes cr-pulse{0%{background:var(--flag-soft)}18%{background:color-mix(in srgb,var(--flag) 42%,transparent)}to{background:color-mix(in srgb,var(--flag) 28%,transparent)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.ti{font-size:inherit;line-height:1}@keyframes tl-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rise{animation:tl-rise .28s ease both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.shelf-scroll{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.shelf-scroll::-webkit-scrollbar{height:6px}.shelf-scroll::-webkit-scrollbar-track{background:transparent}.shelf-scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.nav-row{transition:background .12s ease,color .12s ease}.nav-row:hover{background:var(--hover)}.nav-row.on{background:var(--surface-2)}.nav-row:focus-visible{outline:2px solid var(--cool);outline-offset:-2px}[data-note]:focus-visible{outline:2px solid var(--cool);outline-offset:2px;border-radius:4px}.tl-ghost{transition:background .18s ease,color .18s ease}.tl-ghost:hover:not(:disabled){background:var(--hover);color:var(--ink)}.tl-ghost.tl-cool:hover:not(:disabled){background:var(--cool-soft);color:var(--cool)}.tl-ghost:active:not(:disabled){background:var(--hover)}.tl-ghost:focus-visible{outline:2px solid var(--cool);outline-offset:2px}@media (hover: none){.tl-ghost:hover,.tl-ghost.tl-cool:hover{background:transparent;color:var(--dim)}}@media (max-width: 640px){.tl-toolbar{flex-wrap:nowrap!important;overflow-x:auto;gap:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tl-toolbar::-webkit-scrollbar{display:none}.tl-toolbar .tl-spacer,.tl-label{display:none}.tl-ghost,.tl-seg-btn{min-height:40px!important}}.tl-input{border:1px solid var(--line-2);transition:border-color .15s ease,box-shadow .15s ease}.tl-input:focus{outline:none;border-color:var(--cool);box-shadow:0 0 0 3px var(--cool-soft)}