.account-storage-text[data-v-10ad3001]{margin-bottom:var(--space-2)}.account-storage-bar[data-v-10ad3001]{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.account-storage-bar>span[data-v-10ad3001]{background:var(--accent);border-radius:inherit;min-width:2px;height:100%;display:block}.account-storage-bar>span.full[data-v-10ad3001]{background:var(--danger)}.admin-users[data-v-8f26dac3],.admin-invites[data-v-8f26dac3]{padding:0;list-style:none}.admin-sign-ups[data-v-8f26dac3]{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.admin-choice[data-v-8f26dac3]{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;display:flex}.admin-choice>span[data-v-8f26dac3]{flex-direction:column;display:flex}.admin-choice-label[data-v-8f26dac3]{font-weight:600}.admin-new-invite[data-v-8f26dac3]{margin-top:var(--space-3)}.admin-invite-actions[data-v-8f26dac3]{gap:var(--space-2);display:flex}.admin-name-count[data-v-8f26dac3]{text-align:right}.admin-name-preview[data-v-8f26dac3]{height:var(--topbar-height);max-width:360px;margin:var(--space-3) 0;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);position:static}.invite-email strong[data-v-a3f98c00]{word-break:break-all}.privacy[data-v-8f44d7fd]{max-width:40rem;padding:var(--space-4) 0 var(--space-6);margin:0 auto;line-height:1.55}.privacy h2[data-v-8f44d7fd]{margin-top:var(--space-5)}.privacy ul[data-v-8f44d7fd]{padding-left:1.25rem}.privacy-back[data-v-8f44d7fd]{margin-top:var(--space-5)}:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f2f5;--text:#111827;--text-2:#374151;--muted:#6b7280;--border:#e5e7eb;--border-strong:#d1d5db;--accent:#c2541f;--accent-strong:#a3431a;--accent-contrast:#fff;--accent-soft:color-mix(in srgb, var(--accent) 10%, white);--danger:#dc2626;--ok:#15803d;--kind-project:#2563eb;--kind-material:#b45309;--kind-technique:#7c3aed;--kind-tool:#0f766e;--kind-topic:#a16207;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #1018280f, 0 1px 3px #10182814;--shadow-md:0 10px 30px #10182824, 0 2px 6px #1018280f;--tap:44px;--topbar-height:56px;--content-width:680px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0}a{color:var(--accent-strong);text-underline-offset:2px;text-decoration-thickness:1px}h1{font-size:var(--text-xl);letter-spacing:-.01em;margin:0;font-weight:700}h2{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:var(--space-5) 0 var(--space-2);font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topbar{z-index:20;align-items:center;gap:var(--space-2);height:calc(var(--topbar-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-2) 0;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);background:#ffffffd9;display:flex;position:sticky;top:0}.topbar-title{font-weight:700;font-size:var(--text-lg);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.topbar-back{min-width:0;height:var(--tap);color:var(--text);flex:1;align-items:center;gap:2px;font-weight:500;text-decoration:none;display:flex}.topbar-back svg{flex:none}.topbar-back-bare{width:var(--tap);flex:none;justify-content:center}.topbar-page-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.topbar-back-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-search{inset:env(safe-area-inset-top) 0 0;align-items:center;gap:var(--space-2);padding:0 var(--space-2) 0 var(--space-3);background:var(--surface);opacity:0;pointer-events:none;display:flex;position:absolute}.topbar-search.open{opacity:1;pointer-events:auto}.topbar-search-field{align-items:center;gap:var(--space-2);min-width:0;height:40px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);flex:1;display:flex}.topbar-search-input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.topbar-search-cancel{height:var(--tap);padding:0 var(--space-2);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600}.topbar-inbox{position:relative}.topbar-inbox .badge{position:absolute;top:4px;right:2px}.icon-button{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-button:hover{background:var(--surface-2)}.badge{border-radius:var(--radius-pill);background:var(--accent);min-width:1.25rem;height:1.25rem;color:var(--accent-contrast);font-size:var(--text-xs);justify-content:center;align-items:center;padding:0 .35rem;font-weight:700;display:inline-flex}.app-main{max-width:var(--content-width);padding:var(--space-4) var(--space-4) var(--space-6);margin:0 auto}.app-main.with-bottombar{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.bottombar{z-index:20;align-items:center;gap:var(--space-3);max-width:var(--content-width);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, #f4f5f700);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.fab{border-radius:var(--radius-pill);background:var(--accent);width:52px;height:52px;color:var(--accent-contrast);box-shadow:var(--shadow-md);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:transform .1s,background .15s;display:inline-flex}.bottombar-add{gap:var(--space-2);height:52px;font-size:var(--text-lg);flex:1}.bottombar-backdrop{z-index:-1;position:fixed;inset:0}.bottombar-choices{right:var(--space-4);bottom:calc(100% - var(--space-2));left:var(--space-4);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);margin:0;list-style:none;position:absolute}.bottombar-choice{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text);align-items:center;text-decoration:none;display:flex}.bottombar-choice:hover{background:var(--surface-2)}.fab:hover{background:var(--accent-strong)}.fab:active{transform:scale(.95)}.drawer-backdrop{z-index:50;background:#11182766;position:fixed;inset:0}.drawer{width:min(320px,85vw);padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-3) var(--space-4);background:var(--surface);box-shadow:var(--shadow-md);outline:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.drawer-header{padding:0 0 var(--space-3) var(--space-2);justify-content:space-between;align-items:center;display:flex}.drawer-brand{min-width:0;font-weight:700;font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-link{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--text-2);font-weight:500;text-decoration:none;display:flex}.drawer-link:hover{background:var(--surface-2)}.drawer-link.active{background:var(--accent-soft);color:var(--accent-strong)}.drawer-badge{margin-left:auto}.drawer-divider{width:100%;margin:var(--space-2) 0;border:0;border-top:1px solid var(--border)}.drawer-enter-active,.drawer-leave-active{transition:opacity .2s}.drawer-enter-active .drawer,.drawer-leave-active .drawer{transition:transform .2s}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .drawer,.drawer-leave-to .drawer{transform:translate(-100%)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.section-header{justify-content:space-between;align-items:baseline;display:flex}.section-link{font-size:var(--text-sm);align-items:center;gap:2px;font-weight:600;text-decoration:none;display:inline-flex}.actions{gap:var(--space-2);flex-shrink:0;display:flex}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:700}.meta,.hint{color:var(--muted);font-size:var(--text-sm);margin:var(--space-1) 0}.empty,.empty-state{color:var(--muted);text-align:center;padding:var(--space-6) var(--space-4)}.empty-title{margin:0 0 var(--space-1);color:var(--text);font-weight:600;font-size:var(--text-lg)}.error{color:var(--danger);font-size:var(--text-sm);margin:var(--space-2) 0}.saved{color:var(--ok);margin:var(--space-3) 0}.input{width:100%;min-height:var(--tap);padding:.625rem var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.select{width:auto}textarea.input{resize:vertical;line-height:1.5}@media (pointer:coarse){input,textarea,select{font-size:max(16px,1em)!important}}.capture-input{min-height:45vh;margin-bottom:var(--space-3);font-size:var(--text-lg)}.note-edit{min-height:30vh;margin:var(--space-3) 0}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.button:hover{background:var(--surface-2)}.button:disabled{opacity:.5;cursor:default}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.button-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.button-danger{color:var(--danger)}.button-text{color:var(--text-2);background:0 0;border-color:#0000}.button-text:hover{background:var(--surface-2)}.button-small{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.button-block{width:100%;margin-top:var(--space-2)}.inline-form{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.inline-form .input:first-child{flex:12rem}.stack{gap:var(--space-3);margin:var(--space-3) 0;flex-direction:column;display:flex}.field{gap:var(--space-1);font-weight:600;font-size:var(--text-sm);color:var(--text-2);flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);margin-bottom:var(--space-3)}.card.filed{border-color:color-mix(in srgb, var(--ok) 50%, white)}.filed-label{color:var(--ok);font-weight:600;font-size:var(--text-sm);margin:var(--space-2) 0 0}.card-body{color:inherit;text-decoration:none;display:block}.card-title{margin:0 0 var(--space-1);font-weight:650;font-size:var(--text-md);overflow-wrap:anywhere}.note-text{color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.clamp{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card .meta{margin-top:var(--space-2);font-size:var(--text-xs)}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);background-size:200% 100%;height:88px;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inbox-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-md);text-decoration:none;display:flex}.inbox-card .meta{color:inherit;opacity:.85;margin:0}.inbox-card-clear{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.inbox-card-clear .meta{color:var(--muted);opacity:1}.inbox-card-icon{padding:var(--space-2);border-radius:var(--radius);background:#ffffff2e;display:inline-flex}.inbox-card-clear .inbox-card-icon{background:var(--surface-2)}.inbox-card-text{flex-direction:column;flex:1;display:flex}.inbox-card-chevron{opacity:.8}.chips{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.chip{--kind:var(--muted);border-radius:var(--radius-pill);font-size:var(--text-sm);background:color-mix(in srgb, var(--kind) 10%, white);align-items:center;display:inline-flex}.chip-name{color:color-mix(in srgb, var(--kind) 80%, black);padding:.25rem .75rem;font-weight:600;text-decoration:none}.chip-remove{min-width:32px;min-height:32px;color:var(--kind);cursor:pointer;padding:0 var(--space-2) 0 0;background:0 0;border:0;font-size:1.1rem}.kind-project{--kind:var(--kind-project)}.kind-material{--kind:var(--kind-material)}.kind-technique{--kind:var(--kind-technique)}.kind-tool{--kind:var(--kind-tool)}.kind-topic{--kind:var(--kind-topic)}.kind-text-project{color:var(--kind-project)}.kind-text-material{color:var(--kind-material)}.kind-text-technique{color:var(--kind-technique)}.kind-text-tool{color:var(--kind-tool)}.kind-text-topic{color:var(--kind-topic)}.linker,.picker{margin-top:var(--space-3)}.picker-options{gap:var(--space-1);margin-top:var(--space-2);flex-direction:column;display:flex}.option{min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font:inherit;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;display:flex}.option:hover{background:var(--surface-2)}.option-kind{color:var(--kind);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.picker-create{gap:var(--space-2);display:flex}.picker-create .button{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.node-group h2{margin-bottom:var(--space-2)}.node-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0;padding:0;list-style:none;overflow:hidden}.node-list li+li{border-top:1px solid var(--border)}.node-list a{padding:var(--space-3) var(--space-4);color:inherit;text-decoration:none;display:block}.node-list a:hover{background:var(--surface-2)}.gallery{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.gallery-small{grid-template-columns:repeat(auto-fill,minmax(64px,72px));align-items:center}.thumb{aspect-ratio:1;border-radius:var(--radius);background:var(--surface-2);position:relative;overflow:hidden}.thumb img,.thumb-open{width:100%;height:100%;display:block}.thumb img{object-fit:cover}.thumb-open{cursor:zoom-in;background:0 0;border:0;padding:0}.thumb-remove{border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:#0009;border:0;width:32px;height:32px;font-size:1.1rem;position:absolute;top:4px;right:4px}.thumb-more{color:var(--muted);font-weight:600;font-size:var(--text-sm)}.lightbox{z-index:100;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100vw;max-height:100vh}.lightbox-close{top:max(.75rem, env(safe-area-inset-top));width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:#ffffff26;border:0;font-size:1.5rem;position:absolute;right:.75rem}.photo-row,.capture-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.capture-save{flex:1}.photo-button{flex-shrink:0}.search-nodes h2{margin-top:var(--space-2)}mark{background:color-mix(in srgb, var(--accent) 22%, white);color:inherit;border-radius:3px;padding:0 1px}.login-page{min-height:calc(100dvh - var(--space-4) - var(--space-6));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;display:grid}.login{width:100%;max-width:400px;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login-title{margin:0 0 var(--space-4);text-align:center}.login-actions,.login-form{gap:var(--space-3);flex-direction:column;display:flex}.login-actions+.login-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.login-actions .button,.login-form .button{width:100%}.login-message{margin:0 0 var(--space-3)}.login-hint{margin:var(--space-4) 0 0;text-align:center}.drawer-heading{margin:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.drawer-find{margin:0 0 var(--space-1);min-height:38px;font-size:var(--text-sm)}.drawer-link-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.drawer-link-muted{color:var(--muted)}.notebook-dot{border-radius:var(--radius-pill);flex-shrink:0;width:12px;height:12px}.swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:0;justify-content:center;align-items:center;display:inline-flex}.swatch[aria-checked=true]{outline:3px solid var(--text);outline-offset:2px}.attach-picker{gap:var(--space-2);display:flex;position:relative}.attach-menu{top:calc(100% + var(--space-1));z-index:10;min-width:10rem;padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:absolute;left:0}.attach-menu-item{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-2);border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.attach-menu-item:hover,.attach-menu-item:focus-visible{background:var(--surface-2)}.capture-photos-top{margin-bottom:var(--space-3)}.capture-photos-row{align-items:center;gap:var(--space-2);display:flex}.capture-photos-row .gallery{flex:1;min-width:0}.capture-photos-row .attach-menu{left:auto;right:0}.capture-notes{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.capture-notes-title{font-weight:600}.file-list{margin:var(--space-3) 0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:0;list-style:none;overflow:hidden}.file-row{flex-wrap:wrap;align-items:center;display:flex}.file-row+.file-row{border-top:1px solid var(--border)}.file-link{align-items:center;gap:var(--space-3);min-width:0;min-height:56px;padding:var(--space-2) var(--space-4);color:inherit;flex:1;text-decoration:none;display:flex}a.file-link:hover{background:var(--surface-2)}.file-icon{color:var(--accent);flex-shrink:0}.file-text{flex-direction:column;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-text .meta{font-size:var(--text-xs);margin:0}.file-download{color:var(--muted);flex-shrink:0;margin-left:auto}.file-source{padding:0 var(--space-4) var(--space-2) calc(var(--space-4) + 22px + var(--space-3));font-size:var(--text-xs);flex-basis:100%;text-decoration:none}.file-remove{flex-shrink:0;font-size:1.25rem}.file-count{align-items:center;gap:2px;display:inline-flex}.recorder{margin:var(--space-2) 0 var(--space-3)}.recorder-start{border-style:dashed;border-color:var(--accent);width:100%;min-height:52px;color:var(--accent-strong)}.recorder-live{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);display:flex}.recorder-dot{border-radius:var(--radius-pill);background:var(--danger);width:12px;height:12px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.recorder-time{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-lg)}.recorder-level{height:6px;margin-left:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-2);flex:1;overflow:hidden}.recorder-level-bar{background:var(--accent);transform-origin:0;height:100%;transition:transform 80ms linear;display:block}.recorder-preview,.audio-player{width:100%;margin-top:var(--space-2);display:block}.recorder-actions{gap:var(--space-2);display:flex}.recorder-actions .button{flex:1}.audio-list{margin:var(--space-3) 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.audio-row{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.audio-head{align-items:center;gap:var(--space-2);display:flex}.audio-head .meta{margin:0 0 0 auto}.transcript{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-2);white-space:pre-wrap}.transcript-status{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-sm);display:flex}.transcript-problem{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.recorder-privacy{text-align:center;font-size:var(--text-xs)}.draft-review{margin-top:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));border-radius:var(--radius);background:var(--accent-soft)}.draft-heading{align-items:center;gap:var(--space-2);color:var(--accent-strong);margin:0;font-weight:600;display:flex}.draft-card{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.draft-card-head{justify-content:space-between;align-items:center;min-height:32px;display:flex}.draft-body{width:100%;margin-top:var(--space-2);resize:vertical}.chip-new{border:1px dashed var(--kind);background:var(--surface)}.chip-new small{opacity:.75;font-weight:400}.node-description{margin:var(--space-2) 0 var(--space-3);white-space:pre-wrap}.node-edit{margin-bottom:var(--space-3)}.node-description-input{min-height:6rem;margin-bottom:var(--space-2)}.merge-panel{margin:var(--space-2) 0 var(--space-3)}.merge-panel .hint{margin-top:0}.muted{color:var(--muted);font-weight:400}.template-list,.template-fields,.template-retired{margin:0;padding:0;list-style:none}.template-link{align-items:center;gap:var(--space-3);color:inherit;text-decoration:none;display:flex}.template-link-text{flex-direction:column;flex:1;min-width:0;display:flex}.template-field{gap:var(--space-2);flex-direction:column;display:flex}.template-field.has-error{border-color:var(--danger)}.template-field-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.template-field-row .input:first-child{flex:10rem}.template-field-actions{justify-content:flex-end;gap:var(--space-1);display:flex}.template-field-actions .icon-button:disabled{opacity:.3;cursor:default}.template-retired li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.checkbox{align-items:center;gap:var(--space-2);min-height:var(--tap);font-size:var(--text-sm);display:inline-flex}.start-from{border:0;margin:0;padding:0}.start-from legend{margin-bottom:var(--space-1);padding:0}.radio{align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--text);font-weight:400;display:flex}.template-suggested{margin-bottom:var(--space-2)}.template-preview{gap:var(--space-3);flex-direction:column;display:flex}.field-unit{color:var(--muted);font-weight:400}.field-nodes .chips{margin-bottom:var(--space-2)}.duration-input{align-items:center;gap:var(--space-2);display:flex}.duration-box{text-align:right;width:5.5em}.duration-unit{color:var(--muted);font-weight:400}.rating{gap:var(--space-1);display:flex}.rating-star{min-width:var(--tap);min-height:var(--tap);color:var(--border-strong);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1}.rating-star.on{color:var(--accent)}.choice-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice-chip{min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface,white);color:inherit;font:inherit;font-size:var(--text-sm);cursor:pointer}.choice-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.scale-chips{flex-wrap:nowrap;gap:2px}.scale-chip{border-radius:var(--radius-sm,6px);flex:1 1 0;min-width:0;padding:0}.quick-picks{margin-top:var(--space-2)}.quick-pick{border-style:dashed}.template-picker{margin-bottom:var(--space-2)}.capture-fields{gap:var(--space-3);margin:var(--space-3) 0;flex-direction:column;display:flex}.template-label{margin-right:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--text-sm);font-weight:600;display:inline-block}.note-fields-header,.publish-choice{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-3)}.field-hint-editor summary{cursor:pointer;min-height:var(--tap);align-items:center;gap:var(--space-1);display:flex}.field-hint-editor[open]>summary{margin-bottom:var(--space-2)}.field-hint-when .template-field-row>span{flex:1}.publish-choice summary{cursor:pointer;min-height:var(--tap);align-items:center;font-weight:600;display:flex}.publish-choice[open]{max-height:60vh;overflow-y:auto}.publish-option{font-size:var(--text-md);display:flex}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-4);display:flex}.use-template{margin:var(--space-2) 0}.field-list{margin:var(--space-2) 0 0}.field-row{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);grid-template-columns:minmax(7rem,35%) 1fr;display:grid}.field-row dt{color:var(--muted);font-size:var(--text-sm)}.field-row dd{overflow-wrap:anywhere;min-width:0;margin:0}.field-row-value{align-items:flex-start;gap:var(--space-1);display:flex}.field-row-value>div{flex:1;min-width:0}.field-list-title{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--muted)}.field-list-other dd{color:var(--text-2)}.field-value-long{white-space:pre-line}.field-value-rating{color:var(--accent);letter-spacing:.1em}.field-value-chips{margin:0}.web-note{min-width:0;margin:0}.source-link{align-items:center;gap:var(--space-1);max-width:100%;font-size:var(--text-xs);color:var(--muted);white-space:nowrap;margin-top:2px;line-height:1.4;text-decoration:none;display:flex}.source-link:hover .source-link-host{text-decoration:underline}.source-link-icon,.source-link-label{flex-shrink:0}.source-link-host{text-overflow:ellipsis;min-width:0;overflow:hidden}.source-mark{margin-left:var(--space-1);vertical-align:middle;color:var(--muted);display:inline-flex}.list-filter{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.template-filter{flex:0 16rem}.node-filter .picker{flex:0 20rem}.template-tables{gap:var(--space-2) var(--space-4);margin:var(--space-3) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.template-row{gap:var(--space-2);flex-direction:column;display:flex}.template-table-link{align-items:center;gap:var(--space-1);align-self:flex-start;display:inline-flex}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.note-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.note-table th,.note-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.note-table th:first-child,.note-table td:first-child{background:var(--surface);position:sticky;left:0}.note-table td{min-width:6rem}.note-table .chips{flex-wrap:nowrap}.nowrap{white-space:nowrap}.sort-button{align-items:center;gap:var(--space-1);min-height:var(--tap);color:var(--text-2);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;display:inline-flex}.sort-mark{color:var(--accent);font-size:.7em}.note-edit-page{gap:var(--space-5);flex-direction:column;display:flex}.edit-topbar{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0;padding-right:var(--space-3)}.edit-save{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);flex:none}.edit-heading h1{margin:0}.edit-heading .meta{margin:var(--space-1) 0 0}.edit-properties{gap:var(--space-4);flex-direction:column;margin-bottom:0;display:flex}.edit-properties-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.edit-properties-header h2{color:var(--text);font-size:var(--text-lg);letter-spacing:0;text-transform:none;margin:0}.edit-show-more{min-height:var(--tap);border:0;border-top:1px solid var(--border);color:var(--accent);font:inherit;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0;font-weight:600;display:flex}.edit-section{gap:var(--space-2);flex-direction:column;display:flex}.edit-section-title{font-size:var(--text-lg);font-weight:600}.edit-new-nodes{margin-top:var(--space-2)}.fill-in-button{min-height:40px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--accent);font:inherit;cursor:pointer;flex:none;align-items:center;gap:6px;font-weight:600;display:inline-flex}.fill-in-button.highlighted{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.fill-in-button:disabled{border-color:var(--border);background:var(--surface-2);color:var(--muted);cursor:default}.capture-fill{gap:var(--space-3);flex-direction:column;display:flex}.capture-input.capture-input-short{height:5rem;min-height:5rem}.fill-hint,.fill-blocker{margin:calc(-1 * var(--space-2)) 0 0}.fill-progress{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-2);display:flex}.fill-summary{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--accent-soft);border-radius:var(--radius);background:color-mix(in srgb, var(--accent-soft) 40%, transparent);flex-direction:column;display:flex}.fill-summary-headline{align-items:center;gap:var(--space-3);font-weight:600;display:flex}.fill-summary-photo{border-radius:var(--radius-sm);object-fit:cover;flex:none;width:48px;height:48px}.fill-summary-lines{font-size:var(--text-sm);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fill-summary-lines li{align-items:flex-start;gap:var(--space-2);display:flex}.fill-summary-lines svg{flex:none;margin-top:3px}.fill-summary-miss{color:var(--muted)}.fill-summary-actions{gap:var(--space-2);display:flex}.fill-summary-actions .button{flex:1}.fill-field.filled .input{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface))}.fill-note{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:36px;display:flex}.fill-note-origin{color:var(--accent-strong);align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.fill-note-skip,.fill-note-use{align-items:center;gap:var(--space-1);min-height:36px;padding:0 var(--space-1);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;flex:none;display:inline-flex}.fill-note-skip{color:var(--text-2)}.fill-note-use{color:var(--accent);font-weight:600}.node-details{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.node-details-photo{aspect-ratio:3/4;object-fit:cover;border-radius:6px;width:9rem;max-width:100%}.node-details-body{flex:16rem;min-width:0}.node-details-derived{margin:var(--space-1) 0 var(--space-2);font-weight:600}.capture-links{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.browse-levels{margin:0 0 var(--space-2);padding:0;list-style:none}.browse-level{align-items:center;gap:var(--space-1);border-bottom:1px solid var(--border);display:flex}.browse-level-label{flex:1}.browse-level .icon-button:disabled{opacity:.3;cursor:default}.browse-add{gap:var(--space-2);display:flex}.browse-preview{padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface-2);margin:0;font-size:.9rem;list-style:none}.browse-dropped{color:var(--warn,var(--text-2))}.level-header h1{margin:0}.level-kicker{color:var(--muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.collection-groups{margin:0;padding:0;list-style:none}.collection-item-page{gap:var(--space-4);flex-direction:column;display:flex}.collection-item-page .card{margin-bottom:0}.item-gallery{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);height:280px;position:relative;overflow:hidden}.item-gallery-strip{scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.item-gallery-strip::-webkit-scrollbar{display:none}.item-gallery-photo{cursor:zoom-in;scroll-snap-align:center;background:0 0;border:0;flex:0 0 100%;height:100%;padding:0}.item-gallery-photo img{object-fit:cover;width:100%;height:100%;display:block}.item-gallery-counter{border-radius:var(--radius-pill);color:#fff;background:#111827a6;padding:2px 10px;font-size:.8125rem;font-weight:600;line-height:22px;position:absolute;top:10px;right:10px}.item-gallery-dots{pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute;bottom:10px;left:0;right:0}.item-gallery-dot{border-radius:var(--radius-pill);background:#fff9;width:7px;height:7px;box-shadow:0 0 2px #00000059}.item-gallery-dot.active{background:#fff;width:18px}.item-gallery-full{z-index:100;background:#000;position:fixed;inset:0}.item-gallery-full-strip{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pinch-zoom;height:100%;display:flex;overflow-x:auto}.item-gallery-full-strip::-webkit-scrollbar{display:none}.item-gallery-full-photo{scroll-snap-align:center;flex:0 0 100%;justify-content:center;align-items:center;height:100%;display:flex}.item-gallery-full-photo img{object-fit:contain;max-width:100%;max-height:100%}.item-gallery-full .item-gallery-counter{top:max(.75rem, env(safe-area-inset-top));left:.75rem;right:auto}.item-gallery-close{justify-content:center;align-items:center;display:inline-flex}.item-heading h1{margin:0}.item-heading .meta{margin:var(--space-1) 0 0}.item-started{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm)}.item-subtitle{align-items:center;gap:2px;font-weight:500;text-decoration:none;display:inline-flex}.item-tabs{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius);background:var(--surface-2);scrollbar-width:none;display:flex;overflow-x:auto}.item-tab{min-height:36px;padding:0 var(--space-2);white-space:nowrap;color:var(--text-2);border-radius:9px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.item-tab[aria-current=page]{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);font-weight:600}.item-tab-count{border-radius:var(--radius-pill);background:var(--border);color:var(--text-2);font-size:var(--text-xs);padding:0 7px;font-weight:600;line-height:18px}.item-tab[aria-current=page] .item-tab-count{background:var(--accent-soft);color:var(--accent-strong)}.item-details .field-row:last-child{border-bottom:0}.item-details .field-list{margin-top:0}.item-level-link{align-items:center;gap:2px;font-weight:500;text-decoration:none;display:inline-flex}.item-child-row{align-items:center;gap:var(--space-3);min-height:60px;color:var(--text);text-decoration:none;display:flex}.item-child-row svg{color:var(--muted);flex:none}.item-child-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.item-child-row+.item-child-row,.collection-section+.item-child-row{margin-top:var(--space-2)}.item-notes-text{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.item-notes-empty{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.item-notes-empty .button{gap:var(--space-2)}.collection-section{margin:var(--space-3) 0 var(--space-2);font-size:1rem}.capture-back{margin-left:var(--space-1)}.bottombar-collection{flex:none}.attention{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.attention-heading{gap:var(--space-2);align-items:center;margin-top:0;display:flex}.attention-kind{margin:var(--space-3) 0 var(--space-1);font-size:1rem}.attention-more{margin:var(--space-1) 0 0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar-avatar{border-radius:var(--radius-pill);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-strong);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;margin-right:6px;font-weight:700;text-decoration:none;display:flex}.home{flex-direction:column;gap:22px;display:flex}.home h2{color:var(--text);font-size:var(--text-lg);letter-spacing:normal;text-transform:none;margin:0;font-weight:700}.home-greeting h1{margin:0}.home-greeting p{margin:4px 0 0}.home-date{color:var(--text-2)}.home-section{flex-direction:column;gap:10px;display:flex}.home-panel{border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 1px 2px #1018280f,0 1px 3px #10182814}.home-panel p{margin:0}.home-panel-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.home-progress{border-radius:var(--radius-pill);background:var(--border);height:6px;overflow:hidden}.home-progress-bar{background:var(--accent);height:100%}.home-checklist{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-check{border-bottom:1px solid var(--surface-2);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex}.home-check:last-child{border-bottom:0}.home-check-mark{box-sizing:border-box;border:2px solid var(--border-strong);border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.home-check.done .home-check-mark{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.home-check-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.home-check-title{font-weight:600}.home-check.done .home-check-title{color:var(--text-2);font-weight:400;text-decoration:line-through}.home-howto{border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-sm);flex-direction:column;flex-basis:100%;gap:6px;padding:10px 12px;display:flex}.home-hide{align-self:flex-start;min-height:44px;padding:0}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.home-step{border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:6px;padding:12px;display:flex}.home-step-number{color:var(--text-2);font-size:var(--text-xs);font-weight:700}.home .home-continue-heading{color:var(--text-2);font-size:var(--text-sm);font-weight:600}.home-continue{align-items:center;gap:12px;display:flex}.home-continue-photo{border-radius:var(--radius);object-fit:cover;flex:none;width:72px;height:72px}.home-continue-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.home-continue-title{font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:700}.home-continue-actions{gap:8px;display:flex}.home-continue-add{flex:1}.home-dot-line{align-items:center;gap:6px;display:flex}.home-dot-line .notebook-dot{width:8px;height:8px}.home-rows{border-radius:var(--radius);background:var(--surface);overflow:hidden}.home-row{border-bottom:1px solid var(--surface-2);min-height:56px;color:var(--text);align-items:center;gap:12px;padding:8px 14px;text-decoration:none;display:flex}.home-row:last-child{border-bottom:0}.home-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.home-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.home-card{border-radius:var(--radius);background:var(--surface);grid-template-columns:3fr 1fr;min-height:104px;display:grid;overflow:hidden}.home-card-open{min-width:0;color:var(--text);flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.home-card-accent{border-radius:var(--radius-pill);width:28px;height:6px}.home-card-name{overflow-wrap:anywhere}.home-card-add{border-left:1px solid var(--surface-2);justify-content:center;align-items:center;min-height:44px;display:flex}.home-card-plus{border-radius:var(--radius-pill);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.home-card-new{box-sizing:border-box;border:2px dashed var(--border-strong);border-radius:var(--radius);min-height:104px;color:var(--text-2);font-size:var(--text-sm);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;font-weight:600;text-decoration:none;display:flex}.home-recent{color:var(--text);flex-direction:column;gap:6px;margin:0;text-decoration:none;display:flex}.home-tip{border-radius:var(--radius);background:var(--accent-soft);font-size:var(--text-sm);align-items:flex-start;gap:10px;padding:14px;display:flex}.home-tip>svg{flex:none;margin-top:1px}.home-tip-text{flex:1}.home-tip .icon-button{flex:none;margin:-10px -10px -10px 0}.collection{gap:var(--space-4);flex-direction:column;display:flex}.collection .card{margin-bottom:0}.collection-groups{gap:var(--space-3);flex-direction:column;display:flex}.collection-level{margin:var(--space-1) 0 0;color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:700}.collection-summary{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--accent-strong);color:var(--accent-contrast);flex-direction:column;display:flex}.collection-summary-top{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:.8125rem;display:flex}.collection-summary-title{letter-spacing:.04em;text-transform:uppercase;font-weight:600}.collection-summary-stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.collection-summary-stats>div{flex-direction:column;display:flex}.collection-summary-stats dd{margin:0;font-size:1.625rem;font-weight:800;line-height:1.1}.collection-summary-stats dt{font-size:.8125rem}.group-switch{padding:var(--space-1);background:#e9ebef;border-radius:999px;gap:6px;display:flex}.group-switch-option{min-width:0;min-height:36px;padding:0 var(--space-2);color:var(--text-2);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-weight:600}.group-switch-option[aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}.level-card{align-items:center;gap:var(--space-3);padding:var(--space-3);color:var(--text);text-decoration:none;display:flex}.level-card>svg{color:var(--muted);flex:none}.level-card-body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.level-card .meta{color:var(--text-2);margin-top:0;font-size:.8125rem}.level-card-name{overflow-wrap:anywhere;font-size:1.0625rem;font-weight:700}.level-card-tags{flex-wrap:wrap;gap:6px;display:flex}.level-card-tag{padding:2px var(--space-2);background:var(--surface-2);color:var(--text-2);font-size:var(--text-xs);border-radius:999px;font-weight:600}.level-fan{--fan-width:56px;flex:none;align-items:center;min-width:84px;height:64px;display:flex}.level-fan-cover{--fan-width:40px}.level-fan-image{width:var(--fan-width);border:2px solid var(--surface);border-radius:12px;flex:none;height:60px;overflow:hidden}.level-fan-cover .level-fan-image{border-radius:4px}.level-fan-image+.level-fan-image{margin-left:calc(14px - var(--fan-width))}.letter-avatar{border-radius:999px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:800;display:flex}.letter-avatar-large{width:52px;height:52px}.level-thumbs{flex:none;display:flex}.level-thumb{border:2px solid var(--surface);border-radius:10px;width:36px;height:36px;overflow:hidden}.level-thumb+.level-thumb{margin-left:-12px}.level-header{margin-bottom:0}.level-header-card{padding:0;overflow:hidden}.level-header-strip{background:var(--accent);height:8px;display:block}.level-header-body{padding:var(--space-4);flex-direction:column;gap:10px;display:flex}.level-header-compact{align-items:center;gap:var(--space-3);display:flex}.level-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.level-chip{padding:var(--space-1) 10px;background:var(--surface-2);color:var(--text-2);border-radius:999px;font-size:.8125rem;font-weight:600}.level-about summary{min-height:32px;color:var(--accent-strong);font-size:var(--text-sm);cursor:pointer;font-weight:600}.level-about p{margin:var(--space-1) 0 0;white-space:pre-wrap}.item-grid-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.item-grid-top .collection-level{margin:0}.item-sort{min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;display:flex}.item-sort select{max-width:11rem;color:inherit;font:inherit;background:0 0;border:0;font-size:.8125rem;font-weight:600}.item-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.item-grid-covers{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.item-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.item-card-image{position:relative;overflow:hidden}.card-visual{box-sizing:border-box;width:100%;height:100%;display:flex}.card-visual-photo{object-fit:cover}.card-visual-mini{justify-content:center;align-items:center;font-size:1.25rem;font-weight:800}.level-thumb .card-visual-mini{font-size:0}.card-visual-tile{padding:var(--space-3);flex-direction:column;justify-content:flex-end;gap:2px;position:relative}.card-visual-watermark{top:var(--space-2);right:var(--space-3);opacity:.18;font-size:2.5rem;font-weight:800;line-height:1;position:absolute}.card-visual-letter{opacity:.5;margin:auto;font-size:3rem;font-weight:800}.card-visual-kicker{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.card-visual-big{overflow-wrap:anywhere;font-size:1.625rem;font-weight:800;line-height:1}.card-visual-small{font-size:var(--text-xs);overflow-wrap:anywhere;font-weight:600}.item-grid-covers .card-visual-big{font-size:1.125rem}.item-grid-covers .card-visual-watermark{font-size:1.75rem}.item-badge{top:var(--space-2);left:var(--space-2);max-width:calc(100% - var(--space-4));padding:3px var(--space-2);font-size:var(--text-xs);border-radius:999px;font-weight:700;position:absolute}.item-badge-before{color:#78350f;background:#fef3c7}.item-badge-within{color:#14532d;background:#dcfce7}.item-badge-after{color:#374151;background:#e5e7eb}.item-card-corner{align-items:center;gap:var(--space-1);display:flex;position:absolute;bottom:10px;right:10px}.item-corner-tag{padding:2px var(--space-2);background:var(--surface);color:var(--text);font-size:var(--text-xs);border-radius:999px;font-weight:700}.item-camera{background:var(--surface);width:26px;height:26px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;display:flex}.item-card-body{gap:var(--space-1);padding:10px var(--space-3) var(--space-3);flex-direction:column;flex:1;display:flex}.item-card-body .meta{color:var(--text-2);font-size:var(--text-xs)}.item-card-title{overflow-wrap:anywhere;font-size:.9375rem;font-weight:700;line-height:1.25}.item-card-stats{justify-content:space-between;align-items:center;gap:var(--space-1);padding-top:var(--space-1);flex-wrap:wrap;margin-top:auto;display:flex}.item-card-count{margin-left:auto}.item-stars{color:var(--ok);display:inline-flex}.item-stars svg{fill:currentColor}.item-stars .item-star-off{color:#c7cbd1}.item-progress{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.item-progress span{background:var(--accent);height:100%;display:block}.item-progress-line{align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.item-tag{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600}.item-tag-low{color:#92400e;background:#fef3c7}.item-tag-finished{background:var(--surface-2);color:var(--text-2)}.add-tile{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);min-height:52px;color:var(--text-2);border:2px dashed #c7cbd1;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.card-customise>summary{min-height:var(--tap);cursor:pointer;align-items:center;font-weight:600;display:flex}.card-customise>summary:before{content:"▸";margin-right:var(--space-2)}.card-customise[open]>summary:before{content:"▾"}.card-suggestions{gap:var(--space-2);flex-wrap:wrap;display:flex}.card-group legend{padding:0 var(--space-1);font-weight:600}.card-colors{gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.card-color{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.card-color input{border:1px solid var(--border-strong);border-radius:var(--radius);background:0 0;width:36px;height:36px;padding:0}.edit-card-photo{gap:var(--space-2);margin-top:var(--space-3);display:grid}.edit-card-thumbs{gap:var(--space-2);display:flex;overflow-x:auto}.edit-card-thumb{background:0 0;border:2px solid #0000;border-radius:8px;flex:none;width:3.5rem;height:3.5rem;padding:0;overflow:hidden}.edit-card-thumb.on{border-color:var(--accent,#2563eb)}.edit-card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.card-photo-controls{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.card-photo-controls .meta{color:var(--text-2);font-size:var(--text-sm);margin:0;font-weight:600}.crop-editor{z-index:60;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.crop-editor-area{min-height:0;padding:var(--space-3);flex:1;justify-content:center;align-items:center;display:flex}.crop-stage{max-width:100%;max-height:100%;display:inline-flex;position:relative;overflow:hidden}.crop-stage img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:calc(100dvh - 11rem);display:block}.crop-frame{box-sizing:border-box;cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 100vmax #0009}.crop-frame:focus-visible{outline-offset:2px;outline:2px solid #fff}.crop-editor-controls{gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--surface);flex-direction:column;display:flex}.crop-size{align-items:center;gap:var(--space-3);font-weight:600;display:flex}.crop-size input{flex:1;min-height:36px}.crop-editor-buttons{gap:var(--space-2);display:flex}.crop-editor-buttons .button{flex:1}.fill-cover{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:flex}.fill-cover-image{object-fit:cover;background:var(--surface-2);border-radius:4px;flex:none;width:84px;height:126px}.fill-cover-body{gap:var(--space-1);overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.fill-cover-actions{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.item-photo-source{margin:calc(var(--space-2) * -1) 0 0;font-size:var(--text-xs)}.scan-input{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.scan-input .input{flex:1 1 0;min-width:0}.scan-duplicate{align-items:center;gap:var(--space-2);color:var(--text-2);font-size:var(--text-sm);flex-wrap:wrap;flex-basis:100%;margin:0;display:flex}.scan-sheet{z-index:60;color:#fff;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.scan-view{flex:1;min-height:0;position:relative;overflow:hidden}.scan-video{object-fit:cover;width:100%;height:100%}.scan-frame{aspect-ratio:16/9;border:2px solid #fff;border-radius:8px;width:min(80%,24rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000073}.scan-round{top:calc(env(safe-area-inset-top) + var(--space-3));width:var(--tap);height:var(--tap);color:#fff;background:#0000008c;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.scan-close{right:var(--space-3)}.scan-torch{left:var(--space-3)}.scan-torch.on{color:#000;background:#fff}.scan-controls{gap:var(--space-3);padding:var(--space-3) var(--space-3) calc(env(safe-area-inset-bottom) + var(--space-3));flex-direction:column;display:flex}.scan-status{text-align:center;min-height:2.5em;font-size:var(--text-sm);margin:0}.scan-photo{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex;position:relative}.scan-photo.disabled{opacity:.5}.scan-photo-input{opacity:0;width:1px;height:1px;position:absolute}.book-fields{gap:var(--space-2);padding-left:var(--space-3);border-left:2px solid var(--border,#d7dbe0);display:grid}.settings-hub{gap:var(--space-5);flex-direction:column;display:flex}.settings-hub-header{align-items:center;gap:var(--space-3);display:flex}.settings-hub-header h1,.settings-hub-header .hint{margin:0}.settings-hub-colour{border-radius:var(--radius);flex:none;width:44px;height:44px}.settings-group{gap:var(--space-2);flex-direction:column;display:flex}.settings-group h2{margin:0 var(--space-1);color:var(--muted);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.settings-rows{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.settings-row{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-2) var(--space-3);color:var(--text);text-decoration:none;display:flex}.settings-row+.settings-row{border-top:1px solid var(--border)}.settings-row:hover{background:var(--bg)}.settings-row-icon{background:var(--bg);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.settings-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-row-title{font-weight:600}.settings-row-summary{color:var(--muted);font-size:var(--text-sm)}.settings-danger{margin-top:var(--space-2)}.settings-danger h2,.settings-danger .settings-row{color:var(--danger)}.settings-danger .settings-rows{border:1px solid var(--danger)}.settings-back{min-height:var(--tap);align-items:center;gap:var(--space-1);color:var(--muted);font-weight:600;text-decoration:none;display:inline-flex}.settings-page>h1{margin-bottom:0}.settings-page>.hint{margin-bottom:var(--space-4)}.settings-save-bar{z-index:20;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) 0 calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);display:flex;position:sticky;bottom:0}.settings-save-note{color:var(--muted);font-size:var(--text-sm);flex:1}.app-main-wide:has(.settings-split-preview){max-width:1040px}.settings-split{gap:var(--space-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.settings-sections{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.settings-card{gap:var(--space-3);min-width:0;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);border:0;flex-direction:column;margin:0;display:flex}.settings-card h2,.settings-card legend{color:var(--text);font-size:var(--text-lg);letter-spacing:0;text-transform:none;margin:0;padding:0;font-weight:700}.settings-card .hint{margin:0}.settings-card legend{float:left;width:100%;margin-bottom:var(--space-3)}.settings-preview{gap:var(--space-2);min-width:0;padding:var(--space-3);border-radius:var(--radius-lg);background:#e9ebef;flex-direction:column;display:flex}.settings-preview h2{color:var(--text);letter-spacing:0;text-transform:none;margin:0;font-size:1rem}.settings-preview .hint,.settings-preview .browse-preview{margin:0}@media (width>=960px){.settings-split-preview{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.settings-split-preview .settings-preview{top:calc(var(--topbar-height) + var(--space-4));max-height:calc(100vh - var(--topbar-height) - 2 * var(--space-4));grid-area:1/2;position:sticky;overflow-y:auto}.settings-split-preview .settings-sections{grid-area:1/1}}.browse-choices{clear:both;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.browse-choice{gap:var(--space-2);padding:var(--space-3);color:var(--muted);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;flex-direction:column;display:flex;position:relative}.browse-choice.selected{color:var(--accent);background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.browse-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.browse-choice input{opacity:0;pointer-events:none;position:absolute}.browse-choice-title{color:var(--text);font-weight:700}.browse-choice-text{color:var(--muted);font-size:var(--text-sm);line-height:1.4}.browse-belongs{gap:var(--space-1);padding:var(--space-3);background:var(--bg);border-radius:var(--radius);flex-direction:column;display:flex}.browse-belongs a{align-items:center;min-height:32px;font-weight:600;display:flex}.browse-level-number{width:24px;height:24px;color:var(--accent-contrast);font-size:var(--text-sm);background:var(--accent);border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.browse-level-text{flex-direction:column;flex:1;min-width:0;display:flex}.browse-level-count{color:var(--muted);font-size:var(--text-sm)}.browse-tree{gap:var(--space-1);padding:var(--space-3);background:var(--surface);border-radius:var(--radius);flex-direction:column;margin:0;list-style:none;display:flex}.browse-tree-row{gap:var(--space-2);overflow-wrap:anywhere;display:flex}.browse-tree-group{font-weight:600}.browse-tree-group .muted{font-weight:400}.browse-tree-item,.browse-tree-more{color:var(--muted)}.card-section-number,.card-marker{color:#fff;width:22px;height:22px;font-size:var(--text-xs);background:var(--text);border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.settings-card h2:has(.card-section-number){align-items:center;gap:var(--space-2);display:flex}.settings-card.card-customise{display:block}.card-preview-pick{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;display:flex}.card-preview-pick .input{flex:1;min-width:0}.card-preview-stage{margin:var(--space-2) auto;position:relative}.card-marker{position:absolute}.card-marker-left{left:-30px}.card-marker-right{right:-30px}.card-marker.active{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card-preview-stage[data-active="1"] .item-card-image,.card-preview-stage[data-active="2"] .card-visual-tile,.card-preview-stage[data-active="3"] .item-badge,.card-preview-stage[data-active="4"] .item-card-body{outline:2px solid var(--accent);outline-offset:-2px}.card-preview-stage[data-active="3"] .item-badge{outline-offset:1px}.card-preview-gaps{gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--surface);border-radius:var(--radius-sm);flex-direction:column;margin:0;line-height:1.45;list-style:none;display:flex}.card-segments{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:#e9ebef;display:flex}.card-segment,.card-shape{cursor:pointer;position:relative}.card-segment input,.card-shape input{opacity:0;pointer-events:none;position:absolute}.card-segment{min-height:36px;color:var(--muted);font-size:var(--text-sm);border-radius:var(--radius-pill);flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.card-segment.selected{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.card-segment:focus-within,.card-shape:focus-within{outline:2px solid var(--accent);outline-offset:2px}.card-shapes{gap:var(--space-2);display:flex}.card-shape{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:64px;padding:var(--space-2) var(--space-1);color:var(--muted);font-size:var(--text-sm);text-align:center;border:1px solid var(--border-strong);border-radius:var(--radius);flex-direction:column;flex:1;font-weight:600;display:flex}.card-shape.selected{color:var(--text);border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.card-shape-icon{background:#9ca3af;border-radius:4px;width:22px;height:22px}.card-shape-portrait .card-shape-icon{width:18px;height:24px}.card-shape-cover .card-shape-icon{width:16px;height:24px}.card-rules{gap:var(--space-1);padding:var(--space-3);font-size:var(--text-sm);background:var(--bg);border-radius:var(--radius);flex-direction:column;display:flex}.card-label-row{align-items:center;gap:var(--space-2);display:flex}.card-label-row .input{flex:1;min-width:0}.card-label-pill{width:76px;padding:3px var(--space-2);font-size:var(--text-xs);text-align:center;border-radius:var(--radius-pill);flex:none;font-weight:700}.dial-in{gap:var(--space-3);flex-direction:column;display:flex}.dial-in-card{gap:var(--space-2);flex-direction:column;display:flex}.dial-in-card h2{font-size:var(--text-md);margin:0}.dial-in-card p{margin:0}.dial-in-rating{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.dial-in-recipe{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.dial-in-recipe dt{color:var(--muted);font-size:var(--text-sm)}.dial-in-recipe dd{overflow-wrap:anywhere;margin:0;font-weight:600}.dial-in-actions{gap:var(--space-2);display:flex}.dial-in-brew-again{flex:1}.dial-in-compare table{border-collapse:collapse;width:100%}.dial-in-compare th,.dial-in-compare td{padding:var(--space-1) var(--space-2);text-align:left;font-weight:400}.dial-in-compare thead th,.dial-in-compare tbody th{color:var(--muted);font-size:var(--text-sm)}.dial-in-differs td{font-weight:700}.dial-in-differs th,.dial-in-differs td{background:var(--accent-soft)}.dial-in-next-time .meta,.dial-in-tip .meta{display:block}.dial-in .card-segment{min-width:0;padding:var(--space-1) var(--space-2);text-align:center;line-height:1.2}.dial-in-card-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.dial-in-table-toggle{font-size:var(--text-sm);flex:none}.dial-in-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.dial-in-chip{min-height:32px;padding:0 var(--space-3);color:var(--text-2);font-size:var(--text-sm);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;align-items:center;display:flex;position:relative}.dial-in-chip input{opacity:0;pointer-events:none;position:absolute}.dial-in-chip.selected{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent);font-weight:600}.dial-in-chip:focus-within{outline:2px solid var(--accent);outline-offset:2px}.dial-in-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.dial-in-table th,.dial-in-table td{padding:var(--space-1) var(--space-2) var(--space-1) 0;text-align:left;border-bottom:1px solid var(--border)}.dial-in-table th{color:var(--muted);font-weight:600}.chart-svg{width:100%;max-width:520px;margin:0 auto;display:block;overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-tick,.chart-axis,.chart-label{fill:var(--muted);font-size:12px}.chart-tick{font-variant-numeric:tabular-nums}.chart-axis,.chart-label{fill:var(--text-2);font-weight:600}.chart-point{cursor:pointer;outline:none}.chart-hit{fill:#0000}.chart-dot{stroke:var(--surface);stroke-width:2px}.chart-best{fill:var(--surface);stroke:var(--text);stroke-width:2px}.chart-point:hover .chart-dot,.chart-point:focus-visible .chart-dot{stroke:var(--accent)}.chart-point:focus-visible .chart-hit{stroke:var(--accent);stroke-width:2px}.chart-line{fill:none;stroke:var(--accent-strong);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-line-dot{fill:var(--accent-strong);stroke:var(--surface);stroke-width:2px}.chart-cross{stroke:var(--border-strong);stroke-width:1px}.chart-readout,.chart-key{color:var(--muted);font-size:var(--text-xs);text-align:center}.chart-readout{min-height:1.4em}.chart-key{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.chart-key-age{border-radius:var(--radius-pill);background:linear-gradient(to right, color-mix(in srgb, var(--accent-strong) 40%, var(--surface)), var(--accent-strong));width:40px;height:8px}.chart-key-best{width:12px;height:12px;margin-left:var(--space-2);border:2px solid var(--text);border-radius:50%}.dial-in-editor{gap:var(--space-3);flex-direction:column;display:flex}.dial-in-editor h2{margin:0}.dial-in-mode{background:0 0;border:0;font-family:inherit}.dial-in-variables{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dial-in-variables li{align-items:center;gap:var(--space-1);display:flex}.dial-in-variables li>span{flex:1;min-width:0}.dial-in-recipe-fields{gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.dial-in-suggestion{gap:var(--space-1);flex-direction:column;display:flex}.item-details-progress .item-tag{margin-left:var(--space-1)}.dial-in-enough{color:var(--text-2);margin:0}.field-hint-button{min-width:var(--tap);min-height:var(--tap);margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0;color:var(--muted);flex-shrink:0}.sheet-backdrop{z-index:55;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:32rem;max-height:80vh;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);gap:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.sheet-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sheet-header h2,.field-hint-sheet p,.field-hint-sheet ul{margin:0}.field-hint-sheet-ways{gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.field-hint-line{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-sm)}.hints-toggle{align-self:flex-end}.dial-in-changes{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dial-in-change{column-gap:var(--space-2);grid-template-columns:auto 1fr;display:grid}.dial-in-change-arrow{grid-row:span 3;font-weight:700}.dial-in-change p{margin:0}.dial-in-how-each summary{cursor:pointer;min-height:var(--tap);align-items:center;font-weight:600;display:flex}.dial-in-how-each dl{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.dial-in-how-each dd{color:var(--muted);margin:0}.suggest-hints{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.hint-review{align-self:stretch}.hint-review h3,.hint-review p{margin:0}.hint-review-list{margin:var(--space-2) 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.hint-review-actions{gap:var(--space-2);display:flex}.occasions{gap:var(--space-3);flex-direction:column;display:flex}.occasion{gap:var(--space-2);flex-direction:column;display:flex}.occasion-head{align-items:center;gap:var(--space-2);display:flex}.occasion-title{min-width:0;color:var(--text);flex:1;margin:0;font-size:1rem;font-weight:600;text-decoration:none}.occasion-stars{color:var(--accent,#b45309);letter-spacing:.05em;white-space:nowrap;flex:none}.occasion .meta,.occasion .hint{margin:0}.occasion-members{gap:var(--space-1);flex-direction:column;display:flex}.occasion-member{align-items:center;gap:var(--space-3);min-height:52px;color:var(--text);text-decoration:none;display:flex}.occasion-member svg{color:var(--muted);flex:none}.occasion-member-photo{object-fit:cover;border-radius:8px;flex:none;width:44px;height:44px}.occasion-member-nophoto{background:var(--surface-2,#7f7f7f26)}.occasion-member-text{flex-direction:column;flex:1;min-width:0;display:flex}.occasion-add{align-self:flex-start}.occasion-folded{align-items:center;gap:var(--space-2);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.occasion-folded-title{flex:none;font-weight:600}.occasion-folded-members{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.occasion-folded svg{color:var(--muted);flex:none}.occasion-section{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.occasion-section .hint{margin:0}.occasion-nav{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.occasion-path{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.capture-carried{margin:0 0 var(--space-3)}.capture-save-another{flex:1}.trends{gap:var(--space-3);flex-direction:column;display:flex}.trends-card h2{font-size:var(--text-base);margin:0}.trends-month{justify-content:space-between;align-items:center;display:flex}.trends-month .button-text{min-width:var(--tap);min-height:var(--tap);font-size:1.4rem}.trends-grid{border-collapse:separate;border-spacing:3px;table-layout:fixed;width:100%}.trends-grid th{color:var(--muted);font-size:var(--text-xs);font-weight:600}.trends-day{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.trends-day.future{color:var(--muted);background:0 0}.trends-day.today{outline:2px solid var(--text);outline-offset:-2px}.trends-day.logged{font-weight:600}.trends-dot{border:1px solid var(--surface);background:var(--text);border-radius:50%;width:6px;height:6px;position:absolute;bottom:3px;right:3px}.trends-dot.static{border:none;margin-right:4px;display:inline-block;position:static}.trends-legend{gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;color:var(--text-2);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.trends-legend-item{align-items:center;display:inline-flex}.trends-swatch{border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.series-line .chart-line{stroke-width:2px}.series-1 .chart-line{stroke:var(--text-2)}.series-1 .chart-line-dot{fill:var(--text-2)}.series-2 .chart-line{stroke:var(--muted)}.series-2 .chart-line-dot{fill:var(--muted)}.series-line.dashed .chart-line{stroke-dasharray:5 4}.series-key{margin:0 var(--space-2)}.series-key:before{content:"";vertical-align:middle;border-top:2px solid var(--accent-strong);width:16px;margin-right:4px;display:inline-block}.series-key.series-1:before{border-top-color:var(--text-2)}.series-key.series-2:before{border-top-color:var(--muted)}.series-key.dashed:before{border-top-style:dashed}.trends-count-list{gap:var(--space-2);margin:var(--space-2) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.trends-count{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.trends-count-label,.trends-count-before{color:var(--muted);font-size:var(--text-xs)}.trends-count-value{font-size:var(--text-lg,1.25rem);font-variant-numeric:tabular-nums;font-weight:700}.trends-note{margin-top:var(--space-2)}.trends-editor-group{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;margin:0;display:flex}.trends-editor-group legend{padding:0 var(--space-1);font-weight:600}.trends-editor-colors{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.trends-editor-colors li{justify-content:space-between;align-items:center;display:flex}.trends-editor-color{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:44px;height:32px;padding:0}.trends-editor-count{gap:var(--space-2);flex-direction:column;display:flex}.summary-actions{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.summary-dates{align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.summary-page{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex}.summary-header h1{margin:0;font-size:1.3rem}.summary-who,.summary-treatment{gap:0 var(--space-2);margin:var(--space-1) 0 0;color:var(--text-2);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.summary-section h2{margin:0 0 var(--space-1);font-size:var(--text-base)}.summary-tiles{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.summary-tile{padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);flex-direction:column;display:flex}.summary-tile-value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.summary-tile-label{color:var(--text-2);font-size:var(--text-xs)}.summary-strip{gap:1px;height:18px;display:flex}.summary-strip-day{background:var(--surface-2);flex:1 1 0;min-width:1px}.summary-strip-day.logged,.summary-swatch-logged{background:var(--border-strong)}.summary-swatch-none{background:var(--surface-2);border:1px solid var(--border)}.summary-table th[scope=row]{color:var(--text);font-weight:600}.summary-nodes .summary-table{max-width:320px}.summary-questions-text{white-space:pre-wrap;margin:0}.summary-footer{padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-xs)}@media print{@page{size:A4;margin:12mm}html,body{background:#fff}.topbar,.bottombar,.drawer-backdrop,.no-print{display:none!important}.app-main,.app-main.with-bottombar{max-width:none;padding:0}.summary-page{border:none;gap:10px;padding:0;font-size:11px}.summary-section{break-inside:avoid}.summary-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.summary-strip,.summary-strip-day,.trends-swatch{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
