:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#eef3ea;--surface:#fff;--surface-alt:#dfe9d8;--text:#182f4e;--text-muted:#44566c;--border:#c4d4ba;--accent:#182f4e;--accent-text:#fff;--accent-shadow:#0b1828;--danger:#b3261e;--danger-text:#fff;--ok:#1f6b3a;--control-border:#667a6c;--rec:#e5484d;--rec-shadow:#a8262b;--rec-text:#fff;--pause:#cc9737;--pause-shadow:#8f6a1f;--pause-text:#182f4e;--flame:#d9692a;--gold:#cc9737;--mint:#2f8f5f;--sky:#2f6fa8;--chip-bg:#fff;--shadow:#c4d4ba;--bar-bg:#dde8d5;--tap:44px;--tap-small:24px;--radius:14px;--radius-lg:22px;--space:16px;--fab:76px;--record:132px;--font:ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1b2b;--surface:#162840;--surface-alt:#1f3652;--text:#e9efe4;--text-muted:#b4c3b0;--border:#2c4563;--accent:#c4d4ba;--accent-text:#10233a;--accent-shadow:#8aa07f;--danger:#f2b8b5;--danger-text:#3a0a07;--ok:#8fd19a;--control-border:#7f95a8;--rec:#ff6b70;--rec-shadow:#b8353a;--rec-text:#2a0507;--pause:#e0b25c;--pause-shadow:#a67c25;--pause-text:#10233a;--flame:#ff9a4d;--gold:#e0b25c;--mint:#4fd18f;--sky:#6cb6ff;--chip-bg:#1f3652;--shadow:#08111c;--bar-bg:#112238}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);padding-inline:var(--space);padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);margin:0}a{color:var(--accent)}label{margin-block:calc(var(--space) / 2);display:block}button{font:inherit;min-height:var(--tap);padding-inline:var(--space);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text)}button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000}input:not([type=checkbox]),select{font:inherit;min-height:var(--tap);max-inline-size:100%;padding-inline:calc(var(--space) / 2);border-radius:var(--radius);border:1px solid var(--control-border);background:var(--surface);color:var(--text)}input[type=checkbox]{inline-size:var(--tap-small);block-size:var(--tap-small);vertical-align:middle}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.timer{font-size:3rem}.muted{color:var(--text-muted)}.error{color:var(--danger)}.error-details summary{cursor:pointer;min-block-size:var(--tap-small);text-decoration:underline}.error-details pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-muted);margin:0;font-size:.875rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.support-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;padding:var(--space);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.85rem;overflow-y:auto}.library{margin:.5rem 0}.file-list{margin:0;padding:0;list-style:none}.file-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.5rem 0;display:flex}.file-name{overflow-wrap:anywhere;flex:12rem;min-width:0;font-weight:600}.file-actions{flex-wrap:wrap;gap:.5rem;display:flex}.file-meta{flex-wrap:wrap;flex:100%;gap:0 .75rem;font-size:.875rem;display:flex}.file-player{flex:100%;width:100%;max-width:100%}.file-photo{max-width:100%;height:auto}.file-reader{flex:100%;min-width:0}.reader-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:60vh;margin:0 0 .5rem;overflow:auto}.file-group h4{overflow-wrap:anywhere;margin:.75rem 0 .25rem}.danger-link{color:var(--danger)}.delete-dialog{border:2px solid var(--control-border);overflow-wrap:anywhere;border-radius:.5rem;flex:100%;min-width:0;margin:.5rem 0;padding:.75rem}.delete-dialog label{min-block-size:var(--tap);align-items:center;gap:.5rem;display:flex}.delete-dialog ul{margin:.25rem 0 .5rem;padding-inline-start:1.25rem}.delete-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}button.danger{background:var(--danger);color:var(--danger-text);border-color:#0000}button.danger:disabled{opacity:.5}.notice{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:.5rem;margin:.5rem 0;padding:.5rem .75rem}body{padding:0;font-weight:500}h1,h2,h3{letter-spacing:-.01em;font-weight:800}h2{margin:.5rem 0 1rem;font-size:1.6rem}h3{font-size:1.15rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.small{font-size:.85rem}.icon{vertical-align:middle;flex:none;display:inline-block}.icon .icon-accent{stroke:var(--gold);stroke-width:1.5px}button,a.button{border-width:2px;cursor:pointer;border-block-end-width:4px;font-weight:700;transition:transform 80ms,border-block-end-width 80ms}a.button{min-height:var(--tap);padding-inline:var(--space);border-radius:var(--radius);border-style:solid;border-color:var(--border);background:var(--surface);color:var(--text);justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}button:active:not(:disabled),a.button:active{border-block-end-width:2px;transform:translateY(2px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,a.button.primary{border-color:var(--accent-shadow);background:var(--accent);color:var(--accent-text)}.big{min-height:56px;inline-size:100%;font-size:1.1rem}input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:var(--radius);border-width:2px;font-weight:600}textarea{font:inherit;inline-size:100%;padding:calc(var(--space) / 2);border-style:solid;border-color:var(--control-border);background:var(--surface);color:var(--text);resize:vertical}label input:not([type=checkbox]):not([type=radio]),label select{inline-size:100%;margin-block-start:4px}.app-shell{flex-direction:column;min-block-size:100dvh;display:flex}.app-main{inline-size:100%;max-inline-size:640px;padding:var(--space) var(--space) calc(var(--fab) + 48px + env(safe-area-inset-bottom));flex:1;margin-inline:auto}.screen{animation:.22s ease-out pop-in}.screen-header{align-items:center;gap:.5rem;display:flex}.screen-header h2{overflow-wrap:anywhere;margin:.5rem 0}.topbar{z-index:5;padding:calc(env(safe-area-inset-top) + 8px) var(--space) 8px;background:var(--bar-bg);border-block-end:2px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;inset-block-start:0}.brand{align-items:center;gap:.4rem;min-inline-size:0;display:flex}.brand-name{white-space:nowrap;text-overflow:ellipsis;color:var(--accent);margin:0;font-size:1.05rem;overflow:hidden}.badge{background:var(--pause);color:var(--pause-text);border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:800}.stats{align-items:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--chip-bg);border:2px solid var(--border);border-radius:999px;align-items:center;gap:.2rem;padding:4px 8px;font-size:.95rem;font-weight:800;display:inline-flex}.chip-session .icon{color:var(--rec)}.chip-program .icon{color:var(--accent)}.chip-wrap{display:contents}button.chip{min-height:var(--tap);border-block-end-width:3px;padding:4px 8px}.chip-cloud.mood-ok .icon,.chip-cloud.mood-waiting .icon{color:var(--sky)}.chip-cloud.mood-off .icon{color:var(--text-muted)}.chip-cloud.mood-problem .icon{color:var(--danger)}.chip-cloud.mood-waiting .icon{animation:1.4s ease-in-out infinite bob}.chip-more[aria-current=page]{background:var(--surface-alt);color:var(--accent)}.chip-rec{background:var(--rec);color:var(--rec-text);border-color:var(--rec-shadow)}.rec-dot{background:var(--rec-text);border-radius:50%;block-size:10px;inline-size:10px;animation:1s steps(2,end) infinite blink}@media (width<=520px){.brand-name{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (width<=360px){.badge{display:none}}.bottombar{z-index:6;padding:6px var(--space) calc(env(safe-area-inset-bottom) + 6px);background:var(--bar-bg);border-block-start:2px solid var(--border);grid-template-columns:1fr 1fr auto 1fr 1fr;place-items:end center;display:grid;position:fixed;inset-block-end:0;inset-inline:0}.nav-btn{inline-size:100%;max-inline-size:56px;min-height:52px;color:var(--text-muted);background:0 0;border:2px solid #0000;border-block-end-width:4px;place-items:center;padding:0;display:grid}.nav-btn[aria-current=page]{color:var(--accent);background:var(--surface-alt);border-color:var(--border)}.fab{inline-size:var(--fab);block-size:var(--fab);background:var(--rec);color:var(--rec-text);border:3px solid var(--rec-shadow);box-shadow:0 6px 0 -2px var(--shadow);border-block-end-width:7px;border-radius:50%;place-items:center;margin-block-start:-30px;padding:0;display:grid}.fab:active:not(:disabled){border-block-end-width:3px;transform:translateY(4px)}.fab[aria-current=page]{outline:4px solid var(--surface-alt)}.sheet-backdrop{z-index:10;background:color-mix(in srgb, var(--text) 40%, transparent);justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{inline-size:100%;max-inline-size:640px;padding:60px var(--space) calc(env(safe-area-inset-bottom) + 24px);background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:.2s ease-out slide-up;position:relative}.sheet-grip{background:var(--border);border-radius:3px;block-size:5px;inline-size:44px;position:absolute;inset-block-start:12px;inset-inline-start:calc(50% - 22px)}.sheet-close{inline-size:var(--tap);padding:0;position:absolute;inset-block-start:8px;inset-inline-end:8px}.tiles{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.tile{border-radius:var(--radius-lg);background:var(--surface-alt);min-height:96px;color:var(--accent);border-color:var(--border);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.tile span{color:var(--text);font-size:.95rem}.card{text-align:start;background:var(--surface);inline-size:100%;color:var(--text);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space);border-block-end-width:5px;display:block}.card-list{margin:0 0 var(--space);gap:12px;padding:0;list-style:none;display:grid}button.card{align-items:center;gap:12px;min-height:72px;font-weight:600;display:flex}.card-icon{background:var(--surface-alt);block-size:48px;inline-size:48px;color:var(--accent);border-radius:14px;flex:none;place-items:center;display:grid}.card-main{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.card-title{overflow-wrap:anywhere;font-size:1.05rem;font-weight:800}.card-sub{color:var(--text-muted);overflow-wrap:anywhere;font-size:.9rem}.card-go{color:var(--text-muted)}.hue-0 .card-icon{color:var(--accent)}.hue-1 .card-icon{color:var(--flame)}.hue-2 .card-icon{color:var(--mint)}.hue-3 .card-icon{color:var(--sky)}.status-done .card-icon{color:var(--gold)}.status-recording .card-icon,.status-captured .card-icon{color:var(--rec)}.status-failed .card-icon,.status-paused .card-icon{color:var(--danger)}.status-queued .card-icon,.status-processing .card-icon{color:var(--sky);animation:1.4s ease-in-out infinite bob}.form-card{margin-block:var(--space);gap:4px;display:grid}.form-card h3{margin:0 0 4px}.account-card{align-items:flex-start;gap:12px;display:flex}.notice{border-color:var(--pause-shadow);margin-block-end:var(--space)}.session-list{gap:12px;padding:0;list-style:none;display:grid}.session-list>li{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:12px var(--space);overflow-wrap:anywhere;border-block-end-width:5px}.session-list>li>button,.session-list>li>a{margin:4px 4px 4px 0}details>summary{cursor:pointer;min-block-size:var(--tap);align-items:center;font-weight:700;display:flex}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-block:24px;display:flex}.empty-text{margin:0;font-size:1.25rem;font-weight:800}.empty-arrow{border-inline-end:5px solid var(--rec);border-block-end:5px solid var(--rec);block-size:22px;inline-size:22px;margin-block-start:8px;animation:1.2s ease-in-out infinite bob;transform:rotate(45deg)}.logo{flex:none;display:block}.session-fields{gap:10px;margin-block-end:var(--space);display:grid}.field{align-items:center;gap:10px;margin:0;display:flex}.field-icon{color:var(--accent)}.field select,.field input{flex:1;min-inline-size:0;margin:0}.inline-form{align-items:center;gap:8px;display:flex}.inline-form input{flex:1;min-inline-size:0}.icon-btn{inline-size:var(--tap);flex:none;place-items:center;padding:0;display:inline-grid}.recorder{flex-direction:column;align-items:center;gap:8px;padding-block:8px;display:flex}.timer{font-variant-numeric:tabular-nums;letter-spacing:.02em;margin:0;font-size:3.4rem;font-weight:800}.timer-small{color:var(--text-muted);font-size:1.4rem}.live-label{text-transform:uppercase;letter-spacing:.12em;min-block-size:1.5em;color:var(--rec);margin:0;font-weight:800}.phase-paused .live-label{color:var(--pause-shadow)}.phase-paused .timer{opacity:.6}.record-btn{inline-size:var(--record);block-size:var(--record);background:var(--rec);color:var(--rec-text);border:4px solid var(--rec-shadow);border-block-end-width:10px;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.record-btn:active:not(:disabled){border-block-end-width:4px;transform:translateY(6px)}.record-ring{border:4px solid var(--rec);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-12px}.record-btn:not(.is-live) .record-ring{animation:2.2s ease-out infinite invite}.record-btn.is-live .record-ring{animation:1.2s ease-out infinite pulse}.phase-paused .record-ring{animation:none}.actions-row{justify-content:center;align-items:center;gap:24px;display:flex}.round-btn{border-block-end-width:6px;border-radius:50%;place-items:center;block-size:76px;inline-size:76px;padding:0;display:grid}.round-pause{background:var(--pause);color:var(--pause-text);border-color:var(--pause-shadow)}.round-again{background:var(--rec);color:var(--rec-text);border-color:var(--rec-shadow)}.round-done{background:var(--accent);color:var(--accent-text);border-color:var(--accent-shadow)}.celebrate{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-block:8px;display:flex;position:relative}.celebrate p{margin:0}.celebrate-title{color:var(--accent);font-size:1.8rem;font-weight:900}.celebrate .button,.celebrate>button{margin-block-start:8px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{background:var(--gold);border-radius:3px;block-size:14px;inline-size:10px;animation:1.6s ease-in forwards fall;position:absolute;inset-block-start:-10px}.confetti i:nth-child(3n){background:var(--rec)}.confetti i:nth-child(3n+1){background:var(--mint)}.confetti i:nth-child(4n){background:var(--sky)}.confetti i:first-child{animation-delay:0s;inset-inline-start:5%}.confetti i:nth-child(2){animation-delay:.12s;inset-inline-start:13%}.confetti i:nth-child(3){animation-delay:60ms;inset-inline-start:22%}.confetti i:nth-child(4){animation-delay:.2s;inset-inline-start:30%}.confetti i:nth-child(5){animation-delay:30ms;inset-inline-start:39%}.confetti i:nth-child(6){animation-delay:.16s;inset-inline-start:47%}.confetti i:nth-child(7){animation-delay:90ms;inset-inline-start:55%}.confetti i:nth-child(8){animation-delay:.24s;inset-inline-start:63%}.confetti i:nth-child(9){animation-delay:10ms;inset-inline-start:71%}.confetti i:nth-child(10){animation-delay:.18s;inset-inline-start:79%}.confetti i:nth-child(11){animation-delay:70ms;inset-inline-start:87%}.confetti i:nth-child(12){animation-delay:.13s;inset-inline-start:94%}.choice-row{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 8px;padding:0;display:grid}.choice-row legend{margin-block-end:6px;font-weight:700}.choice{text-align:center;border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;border-block-end-width:4px;flex-direction:column;align-items:center;gap:4px;margin:0;padding:10px 4px;font-size:.85rem;font-weight:700;display:flex}.choice .icon{color:var(--text-muted)}.choice.is-on{border-color:var(--accent);background:var(--surface-alt)}.choice.is-on .icon{color:var(--accent)}.choice:focus-within{outline:3px solid var(--accent);outline-offset:2px}.check-row{gap:6px;display:grid}.check-row label{align-items:center;gap:8px;display:flex}.shot-preview{border-radius:var(--radius);border:2px solid var(--border);justify-self:start;max-block-size:220px;max-inline-size:100%}.redacted{background:var(--border);min-block-size:var(--tap);border-radius:var(--radius)}.screen-header-split{flex-wrap:wrap;justify-content:space-between}.add-btn{min-height:var(--tap);align-items:center;gap:.35rem;display:inline-flex}.action-row{justify-content:space-between;align-items:center;gap:.5rem;margin-block-end:var(--space);display:flex}.card-row{align-items:center;gap:8px;display:flex}.card-row>.card{flex:1;min-inline-size:0}button.icon-btn,a.icon-btn{min-inline-size:var(--tap);min-block-size:var(--tap);flex:none;place-items:center;padding:0;display:inline-grid}a.icon-btn{text-decoration:none}.danger-icon{color:var(--danger)}.quick-form{gap:4px;display:grid}.quick-form label{margin-block:6px;font-weight:700}.popup{max-block-size:90dvh;overflow:auto}.popup-title{margin:0 0 8px;font-size:1.25rem}.popup-bare{padding-block-start:var(--space)}.sheet-close{z-index:1}.notice-warn{border:2px solid var(--danger);border-radius:var(--radius-lg);color:var(--text);overflow-wrap:anywhere;margin:8px 0;padding:8px 12px}.session-sub{margin:0 0 var(--space);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-dot{display:inline-grid}.status-dot.status-done{color:var(--gold)}.status-dot.status-failed,.status-dot.status-paused{color:var(--danger)}.icon-row{flex-wrap:wrap;gap:8px;margin-block-end:var(--space);display:flex}.icon-row .icon-btn{background:var(--surface)}.icon-row .icon-btn.labeled{inline-size:auto;min-inline-size:var(--tap);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 10px;display:inline-flex}.icon-label{white-space:nowrap;font-size:.75rem;font-weight:700;line-height:1.1}.details-panel{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:4px var(--space) var(--space);margin-block-end:var(--space)}.library{margin-block-start:0}.file-list{gap:10px;display:grid}.file-row{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);border-block-end-width:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:8px 10px;display:grid}.file-kind{color:var(--accent);background:var(--surface-alt);border-radius:12px;place-items:center;block-size:36px;inline-size:36px;display:grid}.file-name{font-weight:800}.file-actions{gap:4px;display:flex}.file-meta,.file-player,.file-photo,.file-problem,.file-note{grid-column:1/-1}.file-meta{flex-direction:column;gap:2px}.file-photo{border-radius:var(--radius)}.reader-view{block-size:100dvh;overflow:hidden}.reader-view .app-main{min-block-size:0;flex-direction:column;padding-block-start:8px;padding-block-end:calc(76px + env(safe-area-inset-bottom));padding-inline:8px;display:flex}.reader-screen{flex-direction:column;flex:1;gap:6px;min-block-size:0;display:flex}.reader-head{align-items:center;gap:6px;display:flex}.reader-names{flex:1;min-inline-size:0}.reader-session{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;overflow:hidden}.reader-file{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.05rem;overflow:hidden}.reader-find{background:var(--surface);border:2px solid var(--control-border);border-radius:var(--radius);align-items:center;gap:4px;padding-inline:8px;display:flex}.reader-find input{min-inline-size:0;color:var(--text);font:inherit;min-block-size:var(--tap);background:0 0;border:0;outline:none;flex:1}.reader-find:focus-within,.search-box:focus-within{border-color:var(--accent);outline:3px solid var(--accent);outline-offset:2px}.reader-find-icon{color:var(--text-muted)}.reader-count{color:var(--text-muted);white-space:nowrap;font-size:.85rem}.reader-note{margin:0}.reader-body{overscroll-behavior:contain;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);min-block-size:0;padding:var(--space);-webkit-user-select:text;user-select:text;flex:1;font-size:1.05rem;line-height:1.6;overflow:auto}.rich p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 .9em}.rich ul{margin:0 0 1em;padding-inline-start:1.3em}.rich li{overflow-wrap:anywhere;margin-block-end:.4em}.rich h3,.rich h4{margin:0 0 .5em}.rich .rich-title{font-size:1.35rem}.rich h4{color:var(--accent);margin-block-start:1.1em;font-size:1.05rem}mark{background:var(--pause);color:var(--pause-text);border-radius:3px;padding-inline:1px}mark.is-current{outline:3px solid var(--accent);outline-offset:1px}.search-box{background:var(--surface);border:2px solid var(--control-border);border-radius:var(--radius-lg);align-items:center;gap:6px;margin-block-end:8px;padding-inline:12px;display:flex}.search-box input{min-inline-size:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;min-block-size:52px;font-size:1.1rem}.card-hit{align-items:flex-start}.quote{overflow-wrap:anywhere;margin:6px 0 0;font-size:.95rem;font-weight:500}.quote-kind{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-inline-end:4px;font-size:.75rem;font-weight:800}.help-intro{font-size:1.15rem;font-weight:600;line-height:1.5}.help-steps{counter-reset:step;gap:10px;padding-inline-start:0;list-style:none;display:grid}.help-steps li{counter-increment:step;align-items:flex-start;gap:12px;font-size:1.05rem;line-height:1.45;display:flex}.help-steps li:before{content:counter(step);background:var(--accent);block-size:32px;inline-size:32px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.help-topic p{font-size:1.05rem;line-height:1.5}.help-shot{margin:var(--space) 0;text-align:center}.help-shot img{border-radius:var(--radius-lg);border:2px solid var(--border);block-size:auto;max-inline-size:min(100%,300px)}.help-shot figcaption{color:var(--text-muted);margin-block-start:6px;font-size:.9rem}.help-back{align-items:center;gap:6px;margin-block-start:var(--space);display:inline-flex}.tools-panel{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space);margin-block-end:var(--space)}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes pulse{0%{opacity:.8;transform:scale(.92)}to{opacity:0;transform:scale(1.25)}}@keyframes invite{0%{opacity:.5;transform:scale(.95)}60%,to{opacity:0;transform:scale(1.15)}}@keyframes blink{to{opacity:.2}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fall{to{opacity:0;transform:translateY(420px)rotate(540deg)}}.star-btn{color:var(--text-muted)}.star-btn.on,.icon-row .icon-btn[aria-pressed=true]{color:var(--gold)}.home-quiet{gap:12px;margin-block-end:var(--space);display:grid}.home-quiet .empty-text{font-size:1.1rem}.overview{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.overview dt{color:var(--text-muted);font-size:.85rem}.overview dd{margin:0;font-size:1.6rem;font-weight:800}.capture-row{justify-content:center;gap:16px;margin-block-start:var(--space);display:flex}.capture-row .icon-btn.labeled{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:2px;inline-size:auto;min-inline-size:96px;padding:8px 14px;display:inline-flex}.camera-box{gap:12px;display:grid}.camera-video{border-radius:var(--radius);background:var(--surface-alt);object-fit:contain;max-block-size:60dvh;inline-size:100%}.note-form{gap:8px;display:grid}.note-form textarea{min-block-size:8rem}.timed-notes{margin:0 0 var(--space);gap:8px;padding:0;list-style:none;display:grid}.timed-notes li{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);gap:2px;padding:8px 12px;display:grid}.timed-at{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:800}.file-at{color:var(--text-muted);font-variant-numeric:tabular-nums}.date-row{grid-template-columns:1fr 1fr;align-items:end;gap:8px;margin-block:0 8px;display:grid}.date-field{min-inline-size:0;display:grid;position:relative}.date-hint{pointer-events:none;color:var(--text-muted);opacity:.7;align-items:center;font-size:1rem;display:flex;position:absolute;inset-block:0;inset-inline-start:12px}.date-field input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--tap);font-size:1rem}.date-clear{min-block-size:var(--tap);grid-column:1/-1;justify-self:start;align-items:center;gap:6px;display:inline-flex}.drawer{margin-block:var(--space)}.drawer>summary{cursor:pointer;min-block-size:var(--tap-small);align-items:center;gap:6px;font-weight:800;display:flex}.drawer-count{color:var(--text-muted);font-variant-numeric:tabular-nums}