.rec-pill-wrap{position:fixed;top:calc(env(safe-area-inset-top,0px) + 96px);left:50%;transform:translate(-50%);z-index:40;width:min(560px,calc(100vw - 32px));display:flex;flex-direction:column;align-items:stretch;gap:6px}.rec-pill{display:flex;align-items:center;gap:4px;height:32px;padding:0 4px 0 10px;border-radius:16px;background:var(--chrome-solid);color:var(--chrome-ink);box-shadow:0 2px 10px #00000029}.rec-pill-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:100%;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer}.rec-dot{width:10px;height:10px;border-radius:50%;background:#e5372b;flex:none;animation:rec-blink 1.2s ease-in-out infinite}@keyframes rec-blink{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.rec-time{font-variant-numeric:tabular-nums;font-weight:600;flex:none}.rec-words{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--chrome-secondary)}.rec-stop{width:28px;height:28px;border-radius:14px;border:0;background:#e5372b;display:grid;place-items:center;cursor:pointer;flex:none}.rec-stop:disabled{opacity:.5}.rec-stop{color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.rec-sheet{max-height:50vh;overflow:auto;padding:12px 14px;border-radius:14px;background:var(--chrome-solid);color:var(--chrome-ink);box-shadow:0 6px 24px #0000002e}.transcript-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.4}.t-stamp{font-size:11px;font-variant-numeric:tabular-nums;color:var(--chrome-secondary);margin-right:6px}.t-line{width:100%;text-align:left;border:0;border-radius:8px;padding:6px 8px;background:transparent;color:inherit;font:inherit;cursor:pointer}.t-line:hover{background:var(--chrome-neutral)}.t-line.current{background:var(--chrome-selected)}.playback-sheet{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%);z-index:40;width:min(640px,calc(100vw - 32px));padding:10px 12px;border-radius:16px;background:var(--chrome-solid);color:var(--chrome-ink);box-shadow:0 6px 24px #0000002e;display:flex;flex-direction:column;gap:8px}.playback-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.playback-scrubber{flex:1;min-width:120px;accent-color:var(--accent)}.playback-time{font-size:12px;font-variant-numeric:tabular-nums;color:var(--chrome-secondary)}.playback-picker{flex:1;min-width:140px;max-width:100%;font:inherit;font-size:13px;padding:4px 6px;border-radius:8px;border:1px solid var(--chrome-line);background:var(--chrome-card);color:inherit}.playback-rates{display:flex;gap:4px}.transcript-panel,.study-timer-panel,.version-history{display:flex;flex-direction:column;gap:10px;padding:12px;min-width:0;max-width:440px}.transcript-search{font:inherit;padding:6px 8px;border-radius:8px;border:1px solid var(--chrome-line);background:var(--chrome-card);color:inherit}.transcript-panel .transcript-lines{max-height:320px;overflow:auto}.transcript-progress{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.transcript-progress progress{flex:1;min-width:100px}.transcript-actions,.transcript-empty{display:flex;flex-direction:column;gap:6px}.transcript-notice{margin:0;font-size:13px;color:var(--chrome-secondary)}.study-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--workspace);color:var(--chrome-ink);display:flex;flex-direction:column;align-items:center;gap:16px;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);overflow:auto}.study-head{width:min(560px,100%);display:flex;justify-content:space-between;align-items:center}.study-count{font-variant-numeric:tabular-nums;color:var(--chrome-secondary)}.study-card{border:0;padding:0;background:transparent;cursor:pointer;max-width:100%}.card-canvas{display:block;border-radius:6px;box-shadow:0 2px 12px #0000001f;height:auto}.study-grades{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.study-empty{max-width:420px;text-align:center;color:var(--chrome-secondary);display:flex;flex-direction:column;gap:12px;align-items:center}.study-pill{position:fixed;right:16px;top:calc(env(safe-area-inset-top,0px) + 96px);z-index:39;display:flex;align-items:center;gap:6px;height:32px;padding:0 4px 0 12px;border-radius:16px;background:var(--chrome-solid);color:var(--chrome-ink);box-shadow:0 2px 10px #00000029;font-size:13px}.study-pill.rest{background:var(--butter-wash)}.study-pill-time{font-variant-numeric:tabular-nums;font-weight:600}.version-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:240px;overflow:auto}.version-row{width:100%;text-align:left;border:0;border-radius:8px;padding:6px 8px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.version-row:hover{background:var(--chrome-neutral)}.version-row.active{background:var(--chrome-selected)}.version-preview{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.version-canvas{max-width:100%;height:auto;border-radius:4px;box-shadow:0 0 0 1px var(--chrome-line)}.version-preview-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}@media(max-width:599px){.rec-pill-wrap{top:calc(env(safe-area-inset-top,0px) + 92px)}.playback-sheet{bottom:0;width:100vw;border-radius:16px 16px 0 0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}.study-pill{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}}@font-face{font-family:Hikkio Nunito;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations")}:root{--font-chrome: "Hikkio Nunito", "Nunito", ui-rounded, system-ui, sans-serif}.editor,.editor button,.editor input,.editor select,.editor textarea:not(.equation-source),.popover,.bottom-sheet{font-family:var(--font-chrome)}.editor,.popover,.bottom-sheet{font-weight:600}.editor .nib-c{width:64px;height:44px;gap:2px}.editor .nib-c>span{font-size:11px;line-height:13px;font-weight:700;white-space:nowrap;letter-spacing:.01em}.insert-tabs button.active,.pages-toolbar button.active,.sidebar-tabs button.active,.sidebar-filter.active{background:var(--butter-wash);border-color:var(--butter);color:var(--ink)}.pages.view-continuous .stack{gap:0}.pages.view-continuous .page{border-radius:0;box-shadow:0 0 0 1px var(--chrome-line)}.pages.view-paged{position:relative}.paged-nav{position:sticky;top:0;z-index:3;display:flex;gap:12px;align-items:center;justify-content:center;margin:0 auto 12px;width:max-content;padding:4px 10px;border-radius:999px;background:var(--chrome);box-shadow:0 1px 4px #0000001f;font-size:13px;color:var(--chrome-ink)}.paged-nav button{min-width:44px;min-height:36px;border:0;background:transparent;color:var(--accent);font-size:22px;border-radius:8px}.paged-nav button:disabled{color:var(--chrome-line)}.page .text-editor.note{background:transparent;border-color:transparent}.page .text-editor.math{background:var(--chrome-card)}.page .math-live-preview{position:absolute;z-index:2;padding:6px 10px;background:var(--chrome-card);border:1px solid var(--chrome-line);border-radius:8px;box-shadow:0 4px 14px #0000001f;max-width:90%;overflow:auto}.math-preview{min-height:40px;display:flex;align-items:center;padding:6px 0;overflow-x:auto}.math-preview img{display:block;background:#fff}.math-preview.error{color:#c62828;font-size:13px}.math-preview.empty{color:var(--chrome-secondary);font-size:13px}.equation-card{margin:12px 0;padding:20px 16px;min-height:132px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--chrome-line),0 2px 8px #241f4a14}.equation-card .math-preview{min-height:0;padding:0;justify-content:center;max-width:100%}.equation-card .math-preview img{max-width:100%;height:auto;background:transparent}.equation-card .math-preview.empty,.equation-card .math-preview.error{text-align:center}.slot-panel:has(.insert-panel),.slot-panel:has(.pages-grid-panel){width:320px;flex:none;overflow:auto;background:var(--chrome-solid);border-left:1px solid var(--chrome-line);color:var(--chrome-ink)}.insert-panel,.pages-grid-panel{padding:12px 14px 24px;font-size:14px}.insert-head{display:flex;align-items:center;justify-content:space-between}.insert-head h2{margin:0;font-size:17px}.insert-close{width:36px;height:36px;border:0;border-radius:50%;background:var(--chrome-neutral);color:var(--chrome-ink);font-size:20px}.insert-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.insert-tabs button,.pages-toolbar button,.sidebar-tabs button,.sidebar-filter,.pages-actions button{min-height:32px;padding:0 10px;border:1px solid var(--chrome-line);border-radius:999px;background:transparent;color:var(--chrome-ink);font:inherit;font-size:12px}.insert-tabs button.active,.pages-toolbar button.active,.sidebar-tabs button.active,.sidebar-filter.active{background:var(--chrome-selected);border-color:var(--accent);color:var(--accent)}.insert-panel h3{margin:14px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--chrome-secondary)}.insert-panel .hint,.pages-grid-panel .hint{color:var(--chrome-secondary);font-size:12px;line-height:1.4}.note-colours{display:flex;gap:8px}.note-swatch{width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.note-swatch.selected{box-shadow:0 0 0 2px var(--chrome-card),0 0 0 4px var(--accent)}.note-styles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.note-style{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid var(--chrome-line);border-radius:10px;background:transparent;color:var(--chrome-secondary);font:inherit;font-size:12px}.equation-label{display:block;margin-bottom:6px;font-size:12px;color:var(--chrome-secondary)}.equation-source{width:100%;box-sizing:border-box;font:14px ui-monospace,Menlo,Consolas,monospace;padding:8px;border-radius:8px;border:1px solid var(--chrome-line);background:var(--chrome-card);color:var(--chrome-ink)}.insert-primary,.insert-secondary,.library-import{min-height:36px;padding:0 14px;border-radius:10px;font:inherit;font-weight:600}.insert-primary{border:0;background:var(--coral);color:#241f4a;width:100%;margin-top:8px;font-weight:800;border-radius:999px;box-shadow:0 2px #241f4a2e}.insert-primary:disabled{opacity:.4}.insert-secondary,.library-import{border:1px solid var(--chrome-line);background:var(--chrome-card);color:var(--chrome-ink);margin-top:10px}.sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.sticker{aspect-ratio:1;border:0;border-radius:10px;background:var(--chrome-neutral);font-size:24px}.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.library-item{position:relative;display:flex;flex-direction:column;gap:4px}.library-thumb{aspect-ratio:1;border:1px solid var(--chrome-line);border-radius:10px;background:#fff;padding:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.library-grid.templates .library-thumb{aspect-ratio:3 / 4}.library-thumb img{max-width:100%;max-height:100%}.library-name{font-size:12px;color:var(--chrome-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:14px}.template-save{display:flex;gap:6px;align-items:flex-end}.template-save input{flex:1;min-width:0;min-height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--chrome-line);background:var(--chrome-card);color:var(--chrome-ink)}.pages-toolbar,.pages-actions{display:flex;gap:6px;align-items:center;margin:10px 0;flex-wrap:wrap}.pages-actions .destructive{color:#c62828}.pages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pages-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.pages-thumb{border:0;padding:0;background:transparent;border-radius:6px}.pages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pages-cell canvas{display:block;border-radius:6px;box-shadow:0 0 0 1px #0000001f;outline:2px solid transparent;outline-offset:2px}.pages-cell.current canvas{outline-color:var(--coral)}.pages-cell.chosen canvas{outline-color:var(--accent);opacity:.85}.pages-meta,.thumb-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--chrome-secondary)}.bookmark,.thumb-bookmark{border:0;background:transparent;color:var(--chrome-secondary);font-size:16px;min-width:28px;min-height:28px}.bookmark.on,.thumb-bookmark.on{color:#f5a623}.editor .page-sidebar .sidebar-tabs{display:flex;gap:6px}.editor .page-sidebar .sidebar-filter{align-self:flex-start}.editor .page-sidebar .sidebar-list{display:flex;flex-direction:column;gap:4px}.editor .page-sidebar .thumb-row{flex-direction:column;position:relative}.editor .page-sidebar .thumb-row .thumb-bookmark{position:absolute;top:10px;right:6px}.editor .page-sidebar .thumb-row.drop-target{box-shadow:0 -3px 0 var(--accent)}.editor .page-sidebar .sidebar-empty{color:var(--chrome-secondary);font-size:12px}.outline-list{list-style:none;margin:0;padding:0}.outline-list button{width:100%;text-align:left;border:0;background:transparent;color:var(--chrome-ink);font:inherit;font-size:13px;padding:6px 4px;border-radius:6px}.outline-list button:hover{background:var(--chrome-neutral)}.outline-list button:disabled{color:var(--chrome-secondary)}.zoomwrite{position:absolute;z-index:6;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:var(--chrome-solid);border-top:1px solid var(--chrome-line);box-shadow:0 -6px 24px #241f4a1f}.zoomwrite.wide{height:236px}.zoomwrite.docked{height:40%;border-radius:14px 14px 0 0}@media(orientation:landscape){.zoomwrite.docked{height:45%}}.zoomwrite-strip{display:flex;align-items:center;gap:4px;height:36px;padding:0 8px;border-bottom:1px solid var(--chrome-line)}.zoomwrite-strip button{min-width:36px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--chrome-ink);font-size:15px}.zoomwrite-strip button:hover{background:var(--chrome-neutral)}.zoomwrite-strip input[type=range]{width:120px}.zoomwrite-strip .flex{flex:1}.zoomwrite-m{font-size:12px;color:var(--chrome-secondary);min-width:28px}.zoomwrite-pad{position:relative;flex:1;min-height:0;background:#fff}.zoomwrite-pad canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.zoom-target{position:absolute;z-index:1;border:2px solid var(--accent);border-radius:4px;box-sizing:border-box;cursor:move;pointer-events:auto;background:transparent;transition:left .18s ease,top .18s ease}.zoom-target{border-color:var(--ink);box-shadow:0 0 0 1px #ffffffe6}.zoom-target-zone{position:absolute;top:0;right:0;bottom:0;background:#ffd23f47;pointer-events:none}.zoomwrite-zone{position:absolute;top:0;right:0;bottom:0;background:#ffd23f29;border-left:1px dashed rgba(36,31,74,.25);pointer-events:none;display:flex;justify-content:center;padding-top:6px;box-sizing:border-box}.zoomwrite-zone span{font-size:14px;line-height:1;color:#241f4a73}@media(prefers-reduced-motion:reduce){.zoom-target{transition:none}}.stylus-settings{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.stylus-settings legend{font-size:13px;color:var(--chrome-secondary);margin-bottom:4px}.stylus-settings label{display:flex;align-items:center;gap:8px;min-height:32px}.pages:focus{outline:none}.pages:focus-visible{outline:2px solid var(--coral);outline-offset:-2px}.acct-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--chrome-line);background:var(--chrome-card);color:var(--chrome-ink);font:inherit;font-weight:700;cursor:pointer}.acct-chip:focus-visible,.acct-btn:focus-visible,.acct-link:focus-visible,.acct-package:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.acct-avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--on-ink);font-size:13px}.sync-chip.sync-offline,.sync-chip.sync-paused{color:var(--coral)}.acct-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000052;display:grid;place-items:center;padding:16px}.acct-sheet{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--chrome-card);color:var(--chrome-ink);border-radius:18px;box-shadow:0 18px 48px #0000003d;outline:none}.acct-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0 20px}.acct-sheet-head h2{margin:0;font-size:19px}.acct-close{width:44px;height:44px;border:0;background:transparent;color:var(--chrome-secondary);font-size:26px;cursor:pointer;border-radius:50%}.acct-sheet-body{padding:8px 20px 20px;display:grid;gap:12px}@media(max-width:599px){.acct-scrim{place-items:end stretch;padding:0}.acct-sheet{width:100%;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}}.acct-lead{margin:0;font-size:16px;line-height:1.4}.acct-note{margin:0;color:var(--chrome-secondary);line-height:1.4}.acct-fine{margin:0;color:var(--chrome-secondary);font-size:13px}.acct-error{margin:0;color:#c62828}.acct-warning{margin:0;padding:10px 12px;border-radius:10px;background:var(--butter-wash);color:var(--ink)}.acct-providers,.acct-actions,.acct-packages{display:grid;gap:10px}.acct-btn{min-height:44px;padding:0 16px;border-radius:12px;border:0;background:var(--accent);color:#fff;font:inherit;font-weight:800;cursor:pointer}.acct-btn:disabled{opacity:.55;cursor:default}.acct-btn.acct-secondary{background:var(--chrome-neutral);color:var(--chrome-ink)}.acct-apple{background:#000;color:#fff}.acct-google{background:#fff;color:#1f1f1f;border:1px solid var(--chrome-line)}.acct-danger-btn{background:#c62828}.acct-link{min-height:44px;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:0 4px}.acct-danger{color:#c62828}.acct-package{display:grid;gap:2px;text-align:left;min-height:56px;padding:10px 14px;border-radius:12px;border:1px solid var(--chrome-line);background:var(--chrome-card);color:var(--chrome-ink);font:inherit;cursor:pointer}.acct-package span{color:var(--chrome-secondary);font-size:13px}.acct-benefits{margin:0;padding-left:20px;display:grid;gap:4px}.acct-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-radius:12px;background:var(--butter-wash);color:var(--ink);font-size:14px}.acct-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--on-ink);padding:12px 20px;border-radius:999px;font-weight:800;z-index:70;max-width:calc(100vw - 32px)}.acct-settings{display:grid;gap:10px}.acct-plan{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.acct-plan dt{color:var(--chrome-secondary)}.acct-plan dd{margin:0;font-weight:700}.acct-toggle{display:flex;align-items:center;gap:10px;min-height:44px}.acct-toggle input{width:20px;height:20px}.acct-links{list-style:none;margin:0;padding:0;display:grid;gap:10px}.acct-links li{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--chrome-line)}.acct-links li>div:first-child{display:grid;gap:2px;min-width:0}.acct-links a{color:var(--accent);overflow-wrap:anywhere;font-size:13px}.acct-row-actions{display:flex;align-items:center}.acct-page{max-width:560px;margin:0 auto;padding:32px 16px;display:grid;gap:14px;color:var(--chrome-ink)}.acct-page h1{margin:0;font-size:24px}.acct-list{margin:0;padding-left:20px;display:grid;gap:6px;line-height:1.4}.acct-confirm{display:grid;gap:10px}.acct-confirm input{min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--chrome-line);background:var(--chrome-card);color:var(--chrome-ink);font:inherit;letter-spacing:.08em}:root{--ink: #241f4a;--ink-rgb: 36, 31, 74;--on-ink: #ffffff;--ink-edge: #15113a;--surface: #fffbf2;--sidebar: #fff3cf;--card: #ffffff;--card-shadow: rgba(36, 31, 74, .08);--butter: #ffd23f;--butter-wash: #fff4c2;--mint: #5bd6a0;--sky: #5eb8ff;--lilac: #b48cff;--coral: #ff8a65;--pink: #ff8fb8;--font-display: ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", system-ui, sans-serif;--accent: #2b3f9e;--chrome: rgba(249, 249, 251, .96);--chrome-solid: #f9f9fb;--workspace: #f2f2f7;--chrome-ink: #0a0a0a;--chrome-secondary: rgba(60, 60, 67, .6);--chrome-line: rgba(60, 60, 67, .18);--chrome-outline: rgba(28, 28, 30, .45);--chrome-neutral: rgba(28, 28, 30, .06);--chrome-pressed: rgba(28, 28, 30, .1);--chrome-selected: rgba(43, 63, 158, .14);--chrome-card: #ffffff;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #f2f0ff;--ink-rgb: 242, 240, 255;--on-ink: #241f4a;--ink-edge: #b9b4d6;--surface: #16141f;--sidebar: #221e2e;--card: #262134;--card-shadow: rgba(0, 0, 0, .4);--butter-wash: #262134;--accent: #8ea2ff;--chrome: rgba(18, 18, 19, .96);--chrome-solid: #121213;--workspace: #1c1c1e;--chrome-ink: #f2f2f7;--chrome-secondary: rgba(235, 235, 245, .6);--chrome-line: rgba(235, 235, 245, .18);--chrome-outline: rgba(242, 242, 247, .75);--chrome-neutral: rgba(242, 242, 247, .08);--chrome-pressed: rgba(242, 242, 247, .14);--chrome-selected: rgba(142, 162, 255, .2);--chrome-card: #2c2c2e}}:root[data-theme=dark]{--ink: #f2f0ff;--ink-rgb: 242, 240, 255;--on-ink: #241f4a;--ink-edge: #b9b4d6;--surface: #16141f;--sidebar: #221e2e;--card: #262134;--card-shadow: rgba(0, 0, 0, .4);--butter-wash: #262134;--accent: #8ea2ff;--chrome: rgba(18, 18, 19, .96);--chrome-solid: #121213;--workspace: #1c1c1e;--chrome-ink: #f2f2f7;--chrome-secondary: rgba(235, 235, 245, .6);--chrome-line: rgba(235, 235, 245, .18);--chrome-outline: rgba(242, 242, 247, .75);--chrome-neutral: rgba(242, 242, 247, .08);--chrome-pressed: rgba(242, 242, 247, .14);--chrome-selected: rgba(142, 162, 255, .2);--chrome-card: #2c2c2e}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface);color:var(--ink);font-family:var(--font-display);font-weight:600;-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow:hidden}html.native body{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}html.native body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#ffd23f;z-index:1000;pointer-events:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:900;letter-spacing:-.01em}.anchor{display:inline-flex}.point-anchor{position:fixed;width:1px;height:1px;pointer-events:none}.hb{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:0 32px;border-radius:999px;border:0;background:var(--ink);color:var(--on-ink);font-size:19px;font-weight:900;white-space:nowrap;box-shadow:0 5px 0 var(--ink-edge);transition:transform .12s,box-shadow .12s}.hb:active{transform:translateY(5px);box-shadow:none}.hb.ghost{background:var(--card);color:var(--ink);box-shadow:0 5px #241f4a2e,inset 0 0 0 2.5px var(--ink)}.hb.ghost:active{box-shadow:inset 0 0 0 2.5px var(--ink)}.hb.ghost.destructive{color:#e0562b;box-shadow:0 5px #e0562b40,inset 0 0 0 2.5px #e0562b}.hb.quiet{background:transparent;color:var(--ink);box-shadow:none;height:44px;padding:0 10px;opacity:.8;font-weight:800}.hb.quiet:active{transform:none}.hb.h42{height:42px;font-size:17px;padding:0 22px}.hb.h44{height:44px;font-size:16px;padding:0 20px}.hb.h48{height:48px;font-size:17px;padding:0 26px}.hb.inline{align-self:flex-start;cursor:pointer}.hb:disabled{opacity:.4;cursor:default}.label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.72;font-weight:900}.hint{font-size:13px;opacity:.5;font-weight:800}.section-title{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.72;font-weight:900;margin:0 0 12px}.fdot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:none}.ctitle{font-weight:900}.meta{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library{display:grid;grid-template-columns:260px 1fr;height:100%}.sidebar{background:var(--sidebar);padding:16px;display:flex;flex-direction:column;gap:6px;overflow:auto}.sidebar .brand,.shelves .brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;padding:0 10px 14px}.brand .mark{width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;font-size:21px;font-weight:900}.sidebar .row,.shelves .row{display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;border-radius:999px;border:0;background:transparent;text-align:left;font-size:17px;font-weight:900;width:100%;color:var(--ink);flex:none;transition:background .15s,box-shadow .15s}.sidebar .row:hover,.shelves .row:hover{background:#fff6}.sidebar .row.active,.shelves .row.active{background:var(--ink);color:var(--on-ink);box-shadow:0 4px 0 var(--ink-edge)}.row .row-icon{width:20px;display:grid;place-items:center;flex:none}.row .row-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .count{font-size:13px;font-weight:900;opacity:.5}.row.active .count{opacity:.7}.row.quiet{opacity:.72;font-size:13px}.sidebar .section-title.folders,.shelves .section-title.folders{padding:18px 16px 4px;margin:0}.folder-list{display:flex;flex-direction:column;gap:6px;overflow:auto}.sidebar .spacer{flex:1;min-height:12px}.shelf{padding:28px 36px 40px;overflow:auto;display:flex;flex-direction:column;gap:28px}.shelf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.title-block{display:flex;flex-direction:column;gap:5px}.shelf-title{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:default}.shelf-title svg{display:none}.shelf-head h1{font-size:40px;line-height:1.05}.subtitle{font-size:15px;font-weight:800;opacity:.72}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--card);box-shadow:0 4px 10px var(--card-shadow);min-width:150px;width:230px;font-size:15px;font-weight:800}.search svg{opacity:.5;flex:none}.search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-weight:800}.search input::placeholder{color:inherit;opacity:.45}.search .clear{width:20px;height:20px;border-radius:50%;border:0;background:rgba(var(--ink-rgb),.15);color:var(--ink);display:grid;place-items:center;padding:0}.pill-menu{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--card);color:var(--ink);font-size:13px;font-weight:900;box-shadow:0 4px 10px var(--card-shadow);white-space:nowrap}.layout-toggle{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--card);box-shadow:0 4px 10px var(--card-shadow)}.layout-toggle button{width:38px;height:36px;border-radius:999px;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;padding:0}.layout-toggle button.on{background:var(--ink);color:var(--on-ink)}.new-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--ink);color:var(--on-ink);font-size:13px;font-weight:900;box-shadow:0 4px 0 var(--ink-edge);transition:transform .12s,box-shadow .12s}.new-btn:active{transform:translateY(4px);box-shadow:none}.resume-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.resume-card{display:flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;border:0;border-radius:22px;background:var(--card);color:var(--ink);text-align:left;box-shadow:0 8px 16px var(--card-shadow)}.resume-card .thumb{height:76px;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #241f4a14;flex:none;display:block}.resume-card .thumb canvas{display:block;height:76px!important;width:auto!important}.resume-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.resume-text .ctitle{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{display:block;height:4px;border-radius:2px;background:rgba(var(--ink-rgb),.1);margin-top:6px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:28px 24px;justify-content:start;align-items:start}.rows{display:flex;flex-direction:column;gap:8px}.nb-card{position:relative;display:flex;flex-direction:column;gap:10px;width:150px}.cover-button{position:relative;border:0;padding:0;background:transparent;text-align:left;transition:transform .15s;display:block}.cover-button:hover{transform:translateY(-3px)}.cover{position:relative;overflow:hidden;display:block}.cover.board{display:flex;flex-direction:column}.cover .band{position:absolute;top:0;bottom:0;background:#00000038}.cover .ctitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;line-height:1.15;font-weight:900;word-break:break-word}.cover .cfoot{position:absolute;font-weight:900;opacity:1;white-space:nowrap}.cover.first-page{background:var(--card);box-shadow:inset 0 0 0 1px #00000014}.cover.first-page canvas{display:block}.cover .pdf-tag{position:absolute;left:0;bottom:0;padding:3px 6px;border-radius:4px;background:#1c1c1c;color:#fff;font-weight:700;letter-spacing:.06em}.star-badge{position:absolute;right:8px;bottom:8px;width:26px;height:26px;border-radius:50%;background:var(--butter);color:#241f4a;display:grid;place-items:center}.star-badge.inline{position:static;width:24px;height:24px;flex:none}.caption{display:flex;flex-direction:column;gap:2px;min-width:0}.caption .ctitle{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-more{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;border:0;background:#ffffffd9;color:#241f4a;display:grid;place-items:center;padding:0;opacity:0;transition:opacity .15s}.nb-card:hover .card-more,.nb-card:focus-within .card-more,.nb-row:hover .card-more,.nb-row:focus-within .card-more{opacity:1}.new-tile{width:150px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:10px;color:var(--ink)}.new-tile .tile{width:150px;height:200px;border-radius:14px;border:3px dashed rgba(var(--ink-rgb),.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:.7;font-size:13px;font-weight:900}.nb-row{position:relative}.nb-row .card-more{top:50%;left:auto;right:14px;transform:translateY(-50%);background:var(--butter-wash)}.row-open{display:flex;align-items:center;gap:14px;width:100%;padding:10px 44px 10px 14px;border:0;border-radius:18px;background:var(--card);color:var(--ink);text-align:left;box-shadow:0 8px 16px var(--card-shadow)}.row-open .cover{flex:none}.row-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.row-text .ctitle{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-open .when{width:110px;text-align:right;font-size:13px;font-weight:900;opacity:.55;flex:none}.shelf-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:80px 16px;text-align:center}.shelf-empty svg{opacity:.3}.shelf-empty h2{font-size:24px}.shelf-empty p{margin:0;font-size:17px;opacity:.65;max-width:480px}.shelf-empty .hb{margin-top:10px}.empty-shelf{background:var(--butter-wash);border-radius:32px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}.empty-shelf .covers{position:relative;width:320px;height:200px}.empty-shelf .c{position:absolute;left:100px;top:20px;width:120px;height:160px;border-radius:14px;box-shadow:0 10px 16px #241f4a2e;display:grid;place-items:center;color:var(--on-ink)}.empty-shelf .c.sky{background:var(--sky);transform:translate(-90px,20px) rotate(-10deg)}.empty-shelf .c.pink{background:var(--pink);transform:translateY(10px) rotate(4deg)}.empty-shelf .c.ink{background:var(--ink);transform:translate(90px,-10px) rotate(-3deg)}.empty-shelf h2{font-size:40px;line-height:1.1}.empty-shelf p{margin:0;font-size:19px;font-weight:600;opacity:.78;max-width:520px}.empty-shelf .actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.empty-shelf .actions .hb.ghost{cursor:pointer}.empty-shelf .quick{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;padding-top:6px}.quick-paper{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:900;opacity:.85}.quick-paper .swatch-wrap{display:block;border-radius:16px;overflow:hidden;box-shadow:0 6px 10px #241f4a1f}.quick-paper .swatch-wrap canvas{display:block;border-radius:16px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#241f4a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.scrim:has(.sheet.form){align-items:flex-start;padding-top:28px}.sheet{background:var(--surface);color:var(--ink);border-radius:28px;width:min(760px,100%);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 30px 60px #0000004d;overflow:hidden}.sheet.form{width:min(94vw,960px);height:calc(100vh - 56px);max-height:calc(100vh - 56px)}.sheet.settings{width:min(94vw,560px)}.sheet.shelves{width:min(94vw,360px);padding:16px;display:flex;flex-direction:column;gap:6px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 24px 0;flex:none}.sheet-head h2{font-size:24px;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet.settings .sheet-head h2{text-align:left;font-size:26px}.round-x{width:36px;height:36px;border-radius:50%;border:0;background:rgba(var(--ink-rgb),.1);color:var(--ink);display:grid;place-items:center;padding:0}.sheet-body{padding:26px 32px 32px;overflow:auto;display:flex;flex-direction:column;gap:26px}.sheet-top{display:flex;align-items:center;gap:28px}.sheet-top .preview{padding-left:6px;flex:none}.sheet-fields{display:flex;flex-direction:column;gap:14px;flex:1;min-width:0}.field{display:flex;flex-direction:column;gap:8px}.field .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field-pill{height:52px;padding:0 18px;border-radius:999px;border:3px solid var(--ink);background:var(--card);font-size:18px;font-weight:900;outline:none;width:100%}.pill-select{position:relative;display:inline-flex;align-items:center;height:44px;padding:0 16px;border-radius:999px;background:var(--card);box-shadow:0 4px 10px var(--card-shadow);font-size:13px;font-weight:900;gap:6px}.pill-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0 18px 0 0;font-weight:900;font-size:13px;outline:none}.pill-select svg{position:absolute;right:14px;pointer-events:none}.pills{display:flex;flex-wrap:wrap;gap:10px}.tpill{height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--card);color:var(--ink);font-size:13px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(var(--ink-rgb),.12),0 4px 8px var(--card-shadow)}.tpill.selected{box-shadow:inset 0 0 0 3px var(--ink),0 4px 8px var(--card-shadow)}.pair{display:flex;gap:28px;flex-wrap:wrap}.pair>.field{flex:1 1 260px}.cover-grid{display:grid;grid-template-columns:repeat(auto-fill,48px);gap:12px}.cover-tile{position:relative;aspect-ratio:3 / 4;border-radius:9px;border:0;padding:0;box-shadow:inset 0 0 0 1px #241f4a1f,0 3px 6px var(--card-shadow);transition:transform .2s}.cover-tile:after{content:"";position:absolute;top:0;bottom:0;right:7px;width:4px;background:#00000038}.cover-tile.selected{box-shadow:inset 0 0 0 3px var(--ink),0 3px 6px var(--card-shadow);transform:rotate(-4deg)}.sheet .paper-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 2px;scrollbar-width:none}.sheet .paper-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:0;border-radius:8px;background:transparent;font-size:11px;font-weight:500;flex:none;color:rgba(var(--ink-rgb),.65);font-family:-apple-system,system-ui,sans-serif}.sheet .paper-choice.selected{background:var(--chrome-selected);color:var(--accent);font-weight:600}.sheet .paper-swatch{border-radius:4px;box-shadow:0 0 0 1px #0000001a;background:#fff}.sheet .paper-choice.selected .paper-swatch{box-shadow:0 0 0 2px var(--accent)}.toggle-card{display:flex;flex-direction:column;background:var(--card);border-radius:18px;padding:4px 16px;box-shadow:0 4px 10px var(--card-shadow)}.happy-toggle{display:flex;align-items:center;justify-content:space-between;height:48px;font-size:16px;font-weight:800}.happy-toggle+.happy-toggle{border-top:1px solid rgba(var(--ink-rgb),.08)}.popover{position:fixed;z-index:60;display:flex;flex-direction:column;background:var(--chrome-solid);color:var(--chrome-ink);border-radius:16px;box-shadow:0 0 0 1px var(--chrome-line),0 12px 40px #00000038;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-weight:500;font-size:15px}.popover-arrow{position:absolute;top:-7px;width:14px;height:14px;margin-left:-7px;background:var(--chrome-solid);transform:rotate(45deg);border-top-left-radius:3px;box-shadow:-1px -1px 0 0 var(--chrome-line)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:#0000004d}.bottom-sheet{position:fixed;left:8px;right:8px;bottom:8px;z-index:60;max-height:72vh;display:flex;flex-direction:column;background:var(--chrome-solid);color:var(--chrome-ink);border-radius:28px;box-shadow:0 0 0 1px var(--chrome-line),0 -8px 40px #00000040;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:500;font-size:15px}.sheet-grabber{width:36px;height:5px;border-radius:3px;background:var(--chrome-line);margin:8px auto 2px;flex:none}.menu{display:flex;flex-direction:column;padding:6px;overflow:auto}.menu-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--chrome-ink);font:inherit;text-align:left;white-space:nowrap}.menu-item:hover:not(:disabled){background:var(--chrome-neutral)}.menu-item.active{color:var(--accent)}.menu-item.destructive{color:#ff3b30}.menu-item:disabled{opacity:.35}.menu-gap{width:18px;flex:none}.menu-title{font-size:13px;color:var(--chrome-secondary);padding:8px 12px 4px}.menu-divider{height:1px;background:var(--chrome-line);margin:6px 4px}.bottom-sheet .menu-item{height:48px;font-size:17px}.editor{display:flex;flex-direction:column;height:100%;background:var(--workspace);color:var(--chrome-ink);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-weight:500;font-size:15px}.editor .chrome{position:relative;z-index:4;background:var(--chrome);border-bottom:1px solid var(--chrome-line);flex:none}.editor .bar{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;min-width:0}.editor .bar.compact{padding:0 8px;gap:4px}.editor .bar+.bar{border-top:1px solid var(--chrome-line)}.editor .group{display:flex;align-items:center;gap:4px;flex:none}.editor .flex{flex:1;min-width:0}.editor .bar-divider{width:1px;height:20px;background:var(--chrome-line);margin:0 4px;flex:none}.editor .meta{font-size:13px;font-variant-numeric:tabular-nums;color:var(--chrome-secondary);white-space:nowrap;font-weight:500;opacity:1;display:inline}.editor .page-count{padding-right:8px}.editor .hint-text{font-size:13px;color:var(--chrome-secondary);white-space:nowrap;margin-left:4px;flex:none}.editor .back{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px 0 6px;border:0;border-radius:8px;background:transparent;color:var(--chrome-ink);font-weight:500}.editor .back:hover{background:var(--chrome-neutral)}.editor .back .title{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.editor .ic,.bottom-sheet .ic,.popover .ic{width:36px;height:32px;border-radius:8px;border:0;background:transparent;color:var(--chrome-ink);display:inline-grid;place-items:center;padding:0;flex:none;transition:transform .15s,background .15s}.editor .ic:hover:not(:disabled){background:var(--chrome-neutral)}.editor .ic:active:not(:disabled){transform:scale(.94);background:var(--chrome-pressed)}.editor .ic.active{background:var(--chrome-selected);color:var(--accent)}.editor .ic.destructive{color:#ff3b30}.editor .ic:disabled{opacity:.35;cursor:default}.editor .ic.text-size{font-weight:500}.chip-c{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:0;background:var(--chrome-neutral);color:var(--chrome-ink);font-size:14px;font-weight:500;white-space:nowrap;flex:none}.chip-c:hover:not(:disabled){background:var(--chrome-pressed)}.chip-c.prominent{background:var(--chrome-selected);color:var(--accent)}.chip-c.destructive{color:#ff3b30}.chip-c:disabled{opacity:.35}.round{width:28px;height:28px;border-radius:50%;border:0;background:var(--chrome-neutral);color:var(--chrome-secondary);display:grid;place-items:center;padding:0}.round.prominent{background:var(--chrome-selected);color:var(--accent)}.segmented{display:inline-flex;background:var(--chrome-neutral);border-radius:8px;padding:2px;flex:none}.segmented.stretch{display:flex}.segmented.stretch button{flex:1}.segmented button{height:26px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--chrome-ink);font-size:13px;font-weight:500;white-space:nowrap}.segmented button.on{background:var(--chrome-card);box-shadow:0 1px 3px #00000026}.editor .options-row .scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0;padding:0 2px;height:44px}.editor .options-row .scroll::-webkit-scrollbar{display:none}.editor .options-row .scroll.overflowing{mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.editor .options-row .scroll>*{flex:none}.editor .nib-c{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:56px;height:40px;border:0;border-radius:8px;background:transparent;color:var(--chrome-ink);font-size:10px;font-weight:500;flex:none}.editor .nib-c.compact{width:36px;height:32px}.editor .nib-c:hover{background:var(--chrome-neutral)}.editor .nib-c.active{background:var(--chrome-selected);color:var(--accent);font-weight:600}.editor .slot{width:30px;height:30px;border-radius:50%;border:0;background:transparent;display:grid;place-items:center;padding:0;position:relative;flex:none}.editor .slot .disc{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 1px var(--chrome-outline);transition:transform .15s,box-shadow .15s}.editor .slot.colour.selected .disc{box-shadow:inset 0 0 0 2px #fff,0 0 0 1.5px var(--chrome-ink);transform:scale(1.1)}.editor .slot.width.selected{background:var(--chrome-selected);box-shadow:inset 0 0 0 1.5px var(--accent)}.editor .slot.small{width:26px;height:26px}.editor .slot.small .disc{width:20px;height:20px}.editor .slot .ring{background:transparent;box-shadow:inset 0 0 0 1.5px var(--chrome-ink)}.editor .slot.custom{cursor:pointer}.editor .slot.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.editor .slot.custom .disc{box-shadow:inset 0 0 0 1px var(--chrome-outline)}.editor .slider{width:110px;height:22px;margin:0;flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;--fill: 50%}.editor .slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--fill),var(--chrome-line) var(--fill))}.editor .slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #00000014,0 2px 5px #00000040}.editor .slider::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--fill),var(--chrome-line) var(--fill))}.editor .slider::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 .5px #00000014,0 2px 5px #00000040}.editor .width-value{width:30px}.editor .favourites .fav{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--chrome-outline)}.editor .add-fav .dashed{width:26px;height:26px;border-radius:8px;border:1.5px dashed var(--chrome-secondary);color:var(--chrome-secondary);display:grid;place-items:center}.editor .add-fav:disabled{opacity:.5}.editor .find-row{gap:8px}.editor .find-input{height:32px;border:0;background:transparent;outline:none;font:inherit;color:var(--chrome-ink);max-width:360px;flex:1;min-width:0}.editor .find-count{min-width:70px}.panel{display:flex;flex-direction:column;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between;height:52px;flex:none;padding:0 16px;border-bottom:1px solid var(--chrome-line)}.panel-title{font-weight:600;font-size:17px}.panel-body{padding:16px;display:flex;flex-direction:column;gap:24px;flex:1 1 auto;min-height:0;overflow:auto}.panel-section{display:flex;flex-direction:column;gap:8px}.panel-label{font-size:13px;font-weight:600;color:var(--chrome-secondary)}.panel-row{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:0;border-radius:8px;background:var(--chrome-neutral);color:var(--chrome-ink);font:inherit;font-size:14px;text-align:left}.panel-section .panel-row+.panel-row{margin-top:-4px}.panel-row:hover:not(:disabled){background:var(--chrome-pressed)}.panel-row.prominent{background:var(--chrome-selected);color:var(--accent)}.panel-row.destructive{color:#ff3b30}.panel-row:disabled{opacity:.35}.confirm{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:14px}.toggle-row{display:flex;align-items:center;gap:10px;height:32px;padding:0 4px 0 0}.toggle-label{flex:1;font-size:14px}.switch{width:44px;height:26px;border-radius:13px;border:0;background:#78788052;position:relative;padding:0;transition:background .2s;flex:none}.switch.on{background:#0a84ff}.switch .knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:left .2s}.switch.on .knob{left:20px}.sheet .switch.on{background:var(--ink)}.range-row{display:flex;gap:12px;font-size:14px}.range-row input{width:56px;height:28px;margin-left:6px;border:1px solid var(--chrome-line);border-radius:6px;background:var(--chrome-card);color:var(--chrome-ink);padding:0 6px;font:inherit}.panel .paper-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}.panel .paper-strip::-webkit-scrollbar{display:none}.paper-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border:0;border-radius:8px;background:transparent;color:var(--chrome-secondary);font-size:11px;font-weight:400;flex:none}.paper-choice.selected{background:var(--chrome-selected);color:var(--accent);font-weight:600}.paper-swatch{border-radius:4px;box-shadow:0 0 0 1px #0000001a;background:#fff;display:block}.paper-choice.selected .paper-swatch{box-shadow:0 0 0 2px var(--accent)}.layer-list{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto}.layer-row{display:flex;align-items:center;gap:4px;height:44px;padding:0 8px;border-bottom:1px solid var(--chrome-line)}.layer-row:last-child{border-bottom:0}.layer-row.active{background:var(--chrome-selected)}.layer-row.hidden-layer{opacity:.6}.layer-icon{width:32px;height:32px;border:0;background:transparent;color:var(--chrome-secondary);display:grid;place-items:center;padding:0;border-radius:8px;flex:none}.layer-icon.on{color:var(--accent)}.layer-icon.delete{color:#ff3b30;opacity:0;transition:opacity .15s}.layer-row:hover .layer-icon.delete,.layer-row:focus-within .layer-icon.delete{opacity:1}.layer-name{flex:1;text-align:left;border:0;background:transparent;color:var(--chrome-ink);font:inherit;height:36px;padding:0 6px}.layer-row.active .layer-name{color:var(--accent);font-weight:600}.rename{flex:1;height:30px;border:1px solid var(--accent);border-radius:6px;background:var(--chrome-card);color:var(--chrome-ink);padding:0 6px;font:inherit}.editor .workspace{display:flex;flex:1;min-height:0;position:relative}.editor .page-sidebar{width:180px;flex:none;overflow:auto;padding:8px 12px;display:flex;flex-direction:column;gap:10px;background:var(--chrome-solid);border-right:1px solid var(--chrome-line)}.editor .sidebar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex}.editor .sidebar-overlay .sidebar-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040}.editor .sidebar-overlay .page-sidebar{position:relative;box-shadow:0 0 40px #0000004d}.editor .thumb-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0;border:0;background:transparent;color:var(--chrome-secondary)}.editor .thumb-card canvas{border-radius:6px;box-shadow:0 0 0 1px #0000001f,0 2px 3px #0000001a}.editor .thumb-card.current canvas{box-shadow:0 0 0 2.5px var(--accent)}.editor .thumb-card.current .meta{color:var(--accent)}.pages{flex:1;min-width:0;overflow:auto;padding:16px 24px;touch-action:pan-x pan-y pinch-zoom}html.native .pages{touch-action:none}.editor.compact .pages{padding:20px 12px}.pages .stack{display:flex;flex-direction:column;align-items:center;gap:24px;margin:0 auto;width:max-content;min-width:100%}.page{position:relative;box-shadow:0 0 0 1px #0000000f;background:#fff;border-radius:2px}.page canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.page canvas.live{touch-action:none}.page .text-editor{position:absolute;margin:0;padding:0;border:2px dashed var(--accent);border-radius:4px;background:var(--chrome-selected);outline:none;resize:none;overflow:hidden}.editor .add-page{width:100%;height:44px;border:2px dashed var(--chrome-line);border-radius:12px;background:transparent;color:var(--chrome-secondary);font:inherit;font-size:12px;font-weight:500}.editor .add-page:hover{border-color:var(--accent);color:var(--accent)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--on-ink);padding:12px 20px;border-radius:999px;font-weight:800;z-index:70;white-space:nowrap}:root{--tap: 44px;--fab: 56px;--rail: 52px}.app-frame{display:flex;flex-direction:column;height:100%}.app-frame>.library,.app-frame>.editor{flex:1;min-height:0;height:auto}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.library :focus-visible,.sheet :focus-visible,.onboarding :focus-visible{outline-color:var(--ink)}[hidden]{display:none!important}.editor .slot-overlays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:12px}.editor .slot-overlays>*{pointer-events:auto}.editor .slot-panel{flex:none;width:320px;max-width:42%;overflow:auto;background:var(--chrome-solid);border-left:1px solid var(--chrome-line);display:flex;flex-direction:column;z-index:4}.editor[data-layout=phone] .slot-panel,.editor[data-layout=phone-landscape] .slot-panel{position:fixed;left:0;right:0;bottom:0;width:auto;max-width:none;max-height:60vh;border-left:0;border-radius:22px 22px 0 0;box-shadow:0 -8px 40px #00000040;z-index:30;padding-bottom:env(safe-area-inset-bottom,0px)}.editor .main-row.tier-narrow{padding:0 8px;gap:4px}.editor .main-row.tier-medium .back{padding-right:6px}.insert-sidebar{position:fixed;right:0;top:89px;bottom:0;width:280px;z-index:6;background:var(--chrome-solid);border-left:1px solid var(--chrome-line);display:flex;flex-direction:column;box-shadow:-8px 0 24px #0000000f}.insert-sidebar .insert-items{display:flex;flex-direction:column;gap:6px;padding:12px;overflow:auto}.insert-sidebar .panel-row{height:var(--tap)}.editor .phone-bar{padding:0 6px;gap:2px}.editor .phone-tools{padding:0 6px}.editor .phone-tools .tool-scroll{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;height:44px}.editor .phone-tools .tool-scroll::-webkit-scrollbar{display:none}.editor .phone-chrome .ic,.editor .phone-rail .ic{width:var(--tap);height:var(--tap);border-radius:12px}.editor .phone-title{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:50vw;height:var(--tap);padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--chrome-ink);font-weight:600;font-size:16px}.editor .phone-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor .phone-title:hover{background:var(--chrome-neutral)}.editor .phone-rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);z-index:8;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:max(6px,env(safe-area-inset-top,0px)) 4px max(6px,env(safe-area-inset-bottom,0px));background:var(--chrome);border-right:1px solid var(--chrome-line)}.editor .phone-rail .rail-group{display:flex;flex-direction:column;align-items:center;gap:2px}.editor .phone-rail .rail-tools{overflow-y:auto;scrollbar-width:none;min-height:0}.editor[data-layout=phone-landscape][data-mode=write] .workspace,.editor[data-layout=phone-landscape][data-mode=write] .chrome{margin-left:var(--rail)}.editor[data-layout=phone-landscape][data-mode=write] .chrome{border-bottom:0}.editor[data-mode=read] .options-row,.editor[data-strip=hidden] .options-row{display:none}.editor[data-layout=phone] .pages,.editor[data-layout=phone-landscape] .pages{padding:12px 8px 96px}.pencil-fab{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:20;width:var(--fab);height:var(--fab);border-radius:50%;border:0;display:grid;place-items:center;background:var(--ink);color:var(--on-ink);box-shadow:0 6px 18px #241f4a59;transition:transform .15s,background .15s}.pencil-fab:active{transform:scale(.94)}.pencil-fab.done{background:var(--mint);color:#13261e}.page-indicator{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:15;pointer-events:none;padding:6px 14px;border-radius:999px;background:#1c1c1ed1;color:#fff;font-size:14px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .25s}.page-indicator.shown{opacity:1}.editor[data-layout=phone] .sidebar-overlay .page-sidebar,.editor[data-layout=phone-landscape] .sidebar-overlay .page-sidebar{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:12px;padding:16px}.library.is-phone{grid-template-columns:1fr}.library.is-phone .shelf{padding:10px 16px 96px;gap:20px}.library.is-phone .shelf-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.library.is-phone .shelf-title{cursor:pointer;min-height:var(--tap)}.library.is-phone .shelf-title svg{display:block;opacity:.7}.library.is-phone .shelf-head h1{font-size:28px}.library.is-phone .title-block{min-width:0}.library.is-phone .title-block h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library.is-phone .phone-head-actions{display:flex;align-items:center;gap:8px}.library.is-phone .controls{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;gap:10px}.library.is-phone .search{grid-column:1 / -1;width:auto}.library.is-phone .controls .anchor:has(.pill-menu){justify-self:start}.round-new{width:var(--tap);padding:0;justify-content:center}.library.is-phone .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;justify-content:stretch}.library.is-phone.layout-phone-landscape .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library.is-phone .nb-card{width:auto}.cover-fluid{display:block}.cover-fluid .cover{width:100%!important;height:auto!important;aspect-ratio:3 / 4}.library.is-phone .card-more{opacity:1;width:32px;height:32px}.resume-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 2px 10px 16px;scrollbar-width:none}.resume-row::-webkit-scrollbar{display:none}.resume-row .resume-card{flex:none;width:140px;flex-direction:column;align-items:stretch;padding:10px;border-radius:18px;scroll-snap-align:start}.resume-row .resume-card .thumb{height:96px;display:grid;place-items:center;background:var(--surface)}.resume-row .resume-card .thumb canvas{height:96px!important}.resume-row .resume-text .ctitle{font-size:14px}.library-fab{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom,0px));width:var(--fab);height:var(--fab);border-radius:18px;border:0;z-index:20;display:grid;place-items:center;background:var(--ink);color:var(--on-ink);box-shadow:0 6px 18px #241f4a59}.library.is-phone .pill-menu,.library.is-phone .layout-toggle button{min-height:var(--tap)}.library.is-phone .layout-toggle button{width:var(--tap)}.folder-row{position:relative;display:flex;align-items:center}.folder-row>.row{padding-right:44px}.folder-more{position:absolute;right:6px;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:inherit;display:grid;place-items:center;opacity:0;transition:opacity .15s}.folder-row:hover .folder-more,.folder-row:focus-within .folder-more{opacity:1}@media(hover:none){.folder-more{opacity:.7}}.row.active+.folder-more{color:var(--on-ink)}.sheet.name-sheet{width:min(94vw,460px)}@media(max-width:599px){.scrim{padding:0;align-items:flex-end}.scrim:has(.sheet.form){padding-top:12px}.sheet{width:100%;max-height:94vh;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.sheet.form{width:100%;height:94vh;max-height:94vh}.sheet.settings,.sheet.shelves,.sheet.name-sheet{width:100%}.sheet-top{flex-direction:column;align-items:flex-start}.sheet-top .preview{display:none}.sheet-body{padding:18px}.sheet-head{padding:14px 14px 0}.sheet-head h2{font-size:20px}.empty-shelf{padding:32px 16px}.empty-shelf h2{font-size:30px}.empty-shelf .covers{transform:scale(.8)}}.sheet .design-strip img{display:block;width:60px;height:85px;object-fit:cover}.storage-warning{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:18px;background:var(--butter-wash);font-size:15px;font-weight:800}.storage-warning.strong{background:#ffe1d6;color:#5c1f0c;box-shadow:inset 0 0 0 2px #e0562b}.settings-links{display:flex;flex-wrap:wrap;gap:10px}.app-banner{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;background:var(--butter);color:#241f4a;font-size:14px;font-weight:800;flex:none}.app-banner span{flex:1}.app-banner a{color:inherit}.banner-close{width:var(--tap);height:var(--tap);border-radius:50%;border:0;background:transparent;color:inherit;display:grid;place-items:center}.update-toast{display:flex;align-items:center;gap:12px;bottom:84px}.toast-action{border:0;border-radius:999px;padding:6px 14px;background:var(--butter);color:#241f4a;font-weight:900;min-height:36px}.toast-close{border:0;background:transparent;color:inherit;width:32px;height:32px;display:grid;place-items:center}.scrim.shortcut-scrim{align-items:flex-start;padding-top:12vh;z-index:80}.palette{width:min(92vw,560px);background:var(--chrome-solid);color:var(--chrome-ink);border-radius:18px;box-shadow:0 30px 60px #0000004d;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif;font-weight:500}.palette-search{display:flex;align-items:center;gap:10px;padding:0 16px;height:54px;border-bottom:1px solid var(--chrome-line)}.palette-search input{flex:1;border:0;background:transparent;outline:none;font:inherit;font-size:17px;color:inherit}.palette-list{list-style:none;margin:0;padding:6px;max-height:min(60vh,440px);overflow:auto}.palette-item{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:0 12px;border-radius:10px;cursor:pointer}.palette-item.active{background:var(--chrome-selected);color:var(--accent)}.palette-item.disabled{opacity:.5;cursor:default}.palette-label{flex:1}.palette-note{font-size:12px;color:var(--chrome-secondary)}.palette-empty{padding:16px;color:var(--chrome-secondary)}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:2px 6px;border-radius:6px;background:var(--chrome-neutral);color:var(--chrome-ink);white-space:nowrap}.sheet.shortcut-sheet{width:min(94vw,760px)}.shortcut-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.shortcut-group h3{margin-bottom:6px}.shortcut-group dl{margin:0;display:flex;flex-direction:column;gap:4px}.shortcut-row{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:baseline;font-size:15px;font-weight:700}.shortcut-row dd{margin:0}.sheet.help-sheet{width:min(94vw,720px)}.help-actions{display:flex;gap:12px;flex-wrap:wrap}.help-search{width:100%}.faq{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--card);border-radius:16px;padding:0 16px;box-shadow:0 4px 10px var(--card-shadow)}.faq-item summary{min-height:var(--tap);display:flex;align-items:center;cursor:pointer;font-size:16px;font-weight:900;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:0 0 14px;font-size:15px;font-weight:600;line-height:1.45;opacity:.85}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;background:var(--butter-wash);color:var(--ink);overflow:auto;--accent-wash: var(--butter)}.onboarding.accent-mint{--accent-wash: var(--mint)}.onboarding.accent-sky{--accent-wash: var(--sky)}.onboarding.accent-lilac{--accent-wash: var(--lilac)}.onboarding.accent-coral{--accent-wash: var(--coral)}.onboarding.accent-pink{--accent-wash: var(--pink)}.onboarding:before{content:"";position:fixed;inset:auto -20vw -40vh auto;width:70vw;height:70vh;border-radius:50%;background:var(--accent-wash);opacity:.35;pointer-events:none}.onb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;position:relative}.onb-top .brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.onb-body{position:relative;flex:1;width:min(720px,100%);margin:0 auto;padding:12px 24px 32px;display:flex;flex-direction:column;gap:22px}.onb-title h1{font-size:clamp(32px,6vw,52px);line-height:1.05;outline:none}.onb-title p{margin:10px 0 0;font-size:19px;font-weight:600;opacity:.8;max-width:560px}.onb-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.onb-dots{position:relative;display:flex;justify-content:center;gap:8px;list-style:none;padding:0 0 20px;margin:0}.onb-dots li{width:8px;height:8px;border-radius:50%;background:rgba(var(--ink-rgb),.2)}.onb-dots li.on{width:22px;border-radius:4px;background:var(--ink)}.onb-papers{display:flex;flex-wrap:wrap;gap:12px}.onb-paper{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:0;border-radius:16px;background:var(--card);color:var(--ink);font-weight:900;font-size:13px;box-shadow:0 4px 10px var(--card-shadow)}.onb-paper.selected{box-shadow:inset 0 0 0 3px var(--ink),0 4px 10px var(--card-shadow)}.onb-purposes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.onb-purpose{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:76px;padding:14px 16px;border:0;border-radius:20px;background:var(--card);color:var(--ink);text-align:left;box-shadow:0 4px 10px var(--card-shadow)}.onb-purpose .ctitle{font-size:18px}.onb-purpose.selected{box-shadow:inset 0 0 0 3px var(--ink),0 4px 10px var(--card-shadow)}.onb-purpose svg{position:absolute;right:14px;top:14px}.onb-checklist{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}.onb-checklist li{padding:8px 14px;border-radius:999px;background:var(--card);font-weight:900;font-size:14px;box-shadow:0 3px 8px var(--card-shadow)}.onb-checklist li:before{content:"○ "}.onb-checklist li.done{background:var(--ink);color:var(--on-ink)}.onb-checklist li.done:before{content:"✓ "}.onb-practice{display:flex;flex-direction:column;gap:10px}.onb-tools{display:flex;gap:10px}.onboarding .onb-page{height:auto;background:transparent;overflow:visible;display:block;border-radius:12px}.onboarding .onb-page .page{box-shadow:0 10px 24px #241f4a26;border-radius:12px;overflow:hidden;touch-action:none}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95}.tour-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#14122873}.tour-ring{position:fixed;border-radius:12px;box-shadow:0 0 0 3px var(--butter),0 0 0 9999px #14122840;pointer-events:none;transition:all .2s}.tour-card{position:fixed;width:min(340px,calc(100vw - 24px));padding:18px;border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;gap:8px}.tour-card.centred{left:50%;top:50%;transform:translate(-50%,-50%)}.tour-card h2{font-size:22px}.tour-card p{margin:0;font-size:16px;font-weight:600;line-height:1.4;opacity:.85}.tour-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.editor .main-row{overflow-x:auto;scrollbar-width:none}.editor .main-row::-webkit-scrollbar{display:none}@media(max-width:1219px){.editor .main-row .back .title{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hb:active,.new-btn:active,.pencil-fab:active,.cover-button:hover{transform:none}}.library:not(.is-phone) .controls{flex-wrap:nowrap;min-width:0}.library:not(.is-phone) .controls .search{flex:1 1 140px;min-width:120px;width:auto;max-width:260px}.library.is-phone .nb-card .card-more{left:auto;right:8px}.resume-row .resume-text .meta{white-space:normal;overflow:visible}.editor .slot-overlays .rec-pill-wrap{position:absolute;top:8px}.editor .slot-overlays .playback-sheet{position:absolute;bottom:16px}.editor .slot-overlays .study-pill{position:absolute;top:8px;right:16px}.editor .slot-overlays .rec-pill-wrap~.study-pill,.editor .slot-overlays .study-pill:has(~.rec-pill-wrap){top:48px}.editor[data-layout^=phone] .slot-overlays .rec-pill-wrap{top:6px;width:calc(100% - 16px)}.editor[data-layout^=phone] .slot-overlays .playback-sheet{left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 84px);width:auto;transform:none;border-radius:16px;padding-bottom:10px}.editor[data-layout^=phone] .slot-overlays .study-pill{top:auto;right:auto;left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px)}.editor .slot-panel>*{max-width:none}:root{--coral-ink: #b8401f;--coral-wash: rgba(255, 138, 101, .2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--coral-ink: #ffa184;--coral-wash: rgba(255, 138, 101, .22)}}:root[data-theme=dark]{--coral-ink: #ffa184;--coral-wash: rgba(255, 138, 101, .22)}.editor .main-row .tools .ic.active,.editor .phone-tools .ic.active,.editor .phone-rail .rail-tools .ic.active{background:var(--coral-wash);color:var(--coral-ink)}.editor .main-row .tools .ic.active:after{content:"";position:absolute;left:30%;right:30%;bottom:2px;height:3px;border-radius:2px;background:var(--coral)}.editor .main-row .tools .ic{position:relative}.pencil-fab{background:var(--coral);color:#241f4a;box-shadow:0 6px 18px #b8401f59}.editor .add-page{color:var(--coral-ink)}.library-fab{background:var(--coral);color:#241f4a;box-shadow:0 6px 18px #b8401f59;right:max(16px,env(safe-area-inset-right,0px))}.library.is-phone .shelf{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.library.is-phone .phone-head-actions:empty{display:none}.library.is-phone .nb-card{display:grid;grid-template-columns:minmax(0,1fr) 32px;column-gap:4px;align-items:start}.library.is-phone .nb-card .cover-button{grid-column:1 / -1}.library.is-phone .nb-card .caption{grid-column:1;min-width:0}.library.is-phone .nb-card .card-more{position:static;grid-column:2;grid-row:2;opacity:1;width:32px;height:32px;margin-top:6px;background:transparent;color:inherit}.library.is-phone .nb-card .ctitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.library.layout-phone-landscape .shelf{padding:8px 16px 88px calc(16px + env(safe-area-inset-left,0px));gap:12px}.library.layout-phone-landscape .shelf-head{grid-template-columns:auto minmax(0,1fr)}.library.layout-phone-landscape .shelf-head h1{font-size:22px}.library.layout-phone-landscape .controls{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr) auto auto}.library.layout-phone-landscape .search{grid-column:1}.library.layout-phone-landscape .title-block .subtitle{display:none}.library.layout-phone-landscape .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library.compact-shelves:not(.is-phone){grid-template-columns:1fr}.library.compact-shelves:not(.is-phone) .shelf-title{cursor:pointer;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;padding:0;min-height:var(--tap)}.library.compact-shelves:not(.is-phone) .controls{flex-wrap:nowrap}.library.compact-shelves .sheet.shelves{width:min(360px,92vw)}.nb-card.stub .cover-button,.nb-row.stub .row-open{opacity:.5;filter:grayscale(.8);cursor:not-allowed}.nb-card.stub .ctitle:after,.nb-row.stub .ctitle:after{content:" · needs a newer Hikkio";font-weight:700;opacity:.7}.library.dropping .shelf{box-shadow:inset 0 0 0 3px var(--coral);border-radius:18px}.editor[data-layout=phone] .zoomwrite.docked{height:40%;bottom:0;left:0;right:0}.editor[data-layout=phone-landscape] .zoomwrite.docked{height:45%;bottom:0;left:0;right:0}.editor[data-layout^=phone]:has(.zoomwrite.docked) .pencil-fab{bottom:calc(40% + 12px)}.editor[data-layout=phone-landscape]:has(.zoomwrite.docked) .pencil-fab{bottom:calc(45% + 12px)}.editor[data-layout^=phone]:has(.zoomwrite.docked) .page-indicator{display:none}.library.compact-shelves .shelf-title svg{display:block;opacity:.7}.library.compact-shelves:not(.is-phone) .resume-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library.layout-phone-landscape .shelf{padding-right:calc(88px + env(safe-area-inset-right,0px))}.pencil-fab.done{background:var(--coral);color:#241f4a}.editor .nib-c.active{background:var(--coral-wash);color:var(--coral-ink)}