:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tt-bg:#141210;--tt-surface:#1d1b18;--tt-surface-raised:#24211d;--tt-surface-overlay:#2c2925;--tt-surface-muted:#1a1815;--tt-text:#f5f3ee;--tt-muted:#8e887d;--tt-muted-strong:#b9b1a5;--tt-line:#2c2925;--tt-line-strong:#f5f3ee29;--tt-cover-bg:#1f1c19;--tt-pad:#191714;--tt-accent:#e07a55;--tt-accent-strong:#f19a76;--tt-accent-dim:#e07a5524;--tt-logo-ink:#f0ece2;--tt-logo-tile:#15140f;--tt-success:#8faf7d;--tt-warning:#d9a441;--tt-error:#d86d66;--tt-info:#7ba6c7;--tt-gold:#d7a748;--tt-success-ink:#8faf7d;--tt-warning-ink:#d9a441;--tt-error-ink:#d86d66;--tt-info-ink:#7ba6c7;--tt-gold-ink:#d7a748;--tt-success-wash:#8faf7d1a;--tt-warning-wash:#d9a4411a;--tt-error-wash:#d86d661a;--tt-info-wash:#7ba6c71a;--tt-gold-wash:#d7a7481a;--tt-line-control:#706a62;--tt-tabbar:#15140f;--tt-ring-seen:#4a453f;--tt-shadow-float:0 8px 24px #00000059;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--tt-bg:#f7f6f3;--tt-surface:#fff;--tt-surface-raised:#f0eee8;--tt-surface-overlay:#e6e3dc;--tt-surface-muted:#efece5;--tt-text:#14110d;--tt-muted:#6b655d;--tt-muted-strong:#5c554d;--tt-line:#ebe8e1;--tt-line-strong:#14110d24;--tt-cover-bg:#efece5;--tt-pad:#e6e3dc;--tt-accent:#c75d3a;--tt-accent-strong:#a8472d;--tt-accent-dim:#c75d3a24;--tt-logo-ink:#1a1a18;--tt-logo-tile:#f0ece2;--tt-success:#4f7a41;--tt-warning:#8f6412;--tt-error:#b23b34;--tt-info:#3d6d90;--tt-gold:#8f6c12;--tt-success-ink:#436537;--tt-warning-ink:#765311;--tt-error-ink:#92332c;--tt-info-ink:#355b76;--tt-gold-ink:#765a11;--tt-success-wash:#4f7a411a;--tt-warning-wash:#8f64121a;--tt-error-wash:#b23b341a;--tt-info-wash:#3d6d901a;--tt-gold-wash:#8f6c121a;--tt-line-control:#8e887d;--tt-tabbar:#fff;--tt-ring-seen:#b5aea3;--tt-shadow-float:0 8px 24px #14110d24}:root{--surface-base:var(--tt-bg);--surface-card:var(--tt-surface);--surface-nav:var(--tt-surface-muted);--surface-raised:var(--tt-surface-raised);--surface-overlay:var(--tt-surface-overlay);--surface-tabbar:var(--tt-tabbar);--text-primary:var(--tt-text);--text-secondary:var(--tt-muted-strong);--text-tertiary:var(--tt-muted);--border-default:var(--tt-line);--border-strong:var(--tt-line-strong);--border-control:var(--tt-line-control);--brand-primary:var(--tt-accent);--brand-accent:var(--tt-accent-strong);--brand-primary-dim:var(--tt-accent-dim);--brand-action:var(--brand-primary);--button-on-accent:var(--tt-bg);--focus-ring:var(--brand-primary);--ring-seen:var(--tt-ring-seen);--status-success:var(--tt-success);--status-warning:var(--tt-warning);--status-error:var(--tt-error);--status-info:var(--tt-info);--status-gold:var(--tt-gold);--status-success-ink:var(--tt-success-ink);--status-warning-ink:var(--tt-warning-ink);--status-error-ink:var(--tt-error-ink);--status-info-ink:var(--tt-info-ink);--status-gold-ink:var(--tt-gold-ink);--status-success-wash:var(--tt-success-wash);--status-warning-wash:var(--tt-warning-wash);--status-error-wash:var(--tt-error-wash);--status-info-wash:var(--tt-info-wash);--status-gold-wash:var(--tt-gold-wash);--shadow-float:var(--tt-shadow-float);--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:19px;--font-size-2xl:22px;--font-size-3xl:28px;--font-size-display:30px;--line-height-tight:1.3;--line-height-normal:1.5;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-2xl:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--sidebar-width:232px;--sidebar-pad:20px 14px;--content-pad:28px;--content-pad-compact:18px;--control-height:36px;--control-height-phone:48px;--phone-gutter:20px;--tabbar-height:64px;--bg-base:var(--surface-base);--bg-surface:var(--surface-card);--bg-elevated:var(--surface-raised);--bg-highlight:var(--surface-overlay);--accent:var(--brand-primary);--accent-dim:var(--brand-primary-dim);--text-muted:var(--text-tertiary);--border:var(--border-default);--success:var(--status-success);--warning:var(--status-warning);--error:var(--status-error);--danger:var(--status-error);--info:var(--status-info);--gold:var(--status-gold);--mint:var(--status-success);--color-mint:var(--status-success)}:root[data-theme=light]{--brand-action:var(--brand-accent)}.app-shell,.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);height:100svh;display:grid}.main{min-height:0;padding:var(--content-pad);overflow-y:auto}.sidebar{background:var(--surface-nav);border-right:1px solid var(--border-default);gap:var(--space-5);height:100%;min-height:0;padding:var(--sidebar-pad);flex-direction:column;display:flex;overflow:hidden}.brand{align-items:center;gap:10px;padding:0 6px;display:flex}.brand .tt-mark{color:var(--tt-logo-ink);flex-shrink:0;display:inline-flex}.brand h1,.brand .tt-wordmark{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-semibold);letter-spacing:-.025em;line-height:var(--line-height-tight);margin:0}.brand h1 .tt-wordmark-light,.brand .tt-wordmark .tt-wordmark-light{font-weight:var(--weight-medium);opacity:.55}.brand p{color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin:2px 0 0}.nav,.side-nav{flex:1;align-content:start;gap:2px;min-height:0;display:grid;overflow-y:auto}.nav-group{gap:2px;display:grid}.nav-group+.nav-group{margin-top:var(--space-3)}.nav-group-label{color:var(--brand-accent);font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);letter-spacing:.09em;text-transform:uppercase;padding:8px 10px 4px}.nav button,.nav a,.side-nav button,.side-nav a{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--weight-medium);text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px 10px;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out;display:flex}.nav button:hover,.nav a:hover,.side-nav button:hover,.side-nav a:hover{background:var(--surface-raised);color:var(--text-primary)}.nav button.active,.nav a.active,.nav [aria-current=page],.side-nav button.active,.side-nav a.active,.side-nav [aria-current=page]{background:var(--brand-primary-dim);color:var(--text-primary);font-weight:var(--weight-semibold)}.nav-icon{background:var(--surface-raised);border-radius:var(--radius-xs);color:var(--text-secondary);font-family:var(--font-mono);font-size:10px;font-weight:inherit;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:22px;display:inline-flex}.nav button:hover .nav-icon,.nav a:hover .nav-icon,.side-nav button:hover .nav-icon,.side-nav a:hover .nav-icon{background:var(--surface-overlay)}.nav .active .nav-icon,.nav [aria-current=page] .nav-icon,.side-nav .active .nav-icon,.side-nav [aria-current=page] .nav-icon{background:var(--brand-action);color:var(--button-on-accent)}.tt-nav-count{background:var(--brand-action);border-radius:var(--radius-pill);color:var(--button-on-accent);font-size:var(--font-size-2xs);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);margin-left:auto;padding:1px 7px}.sidebar-footer{border-top:1px solid var(--border-default);gap:var(--space-3);padding-top:var(--space-3);margin-top:auto;display:grid}.tt-sidebar-user{align-items:center;gap:10px;min-width:0;padding:0 6px;display:flex}.tt-avatar{background:var(--surface-overlay);border-radius:var(--radius-pill);color:var(--brand-accent);font-size:var(--font-size-xs);font-weight:var(--weight-bold);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.tt-sidebar-user strong{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);display:block}.tt-sidebar-user span:not(.tt-avatar){color:var(--text-tertiary);font-size:var(--font-size-xs);display:block}.sidebar-signout{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--weight-medium);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.sidebar-signout:hover{background:var(--status-error-wash);border-color:var(--status-error);color:var(--status-error)}.powered-by{color:var(--text-tertiary);font-size:var(--font-size-xs);justify-content:center;align-items:center;gap:6px;margin:0;line-height:1;display:flex}.powered-by .tt-mark-mini{color:var(--tt-logo-ink);flex-shrink:0;margin-left:1px;display:inline-flex}.powered-by strong{color:var(--tt-logo-ink);font-size:13px;font-weight:var(--weight-semibold);letter-spacing:-.04em}.powered-by .tt-wordmark-light{font-weight:var(--weight-medium);opacity:.55}.sidebar-footer .powered-by{justify-content:flex-start;padding-left:8px}.tt-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-head{align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;display:flex}.page-head h1,.page-head h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;line-height:var(--line-height-tight);text-wrap:balance;margin:0}.page-head p{color:var(--text-tertiary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:5px 0 0}.tt-eyebrow{color:var(--brand-accent);font-family:var(--font-mono);font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);letter-spacing:.09em;text-transform:uppercase;margin:0}.card,.panel{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4)}.tt-card-lg{border-radius:var(--radius-lg);padding:var(--space-5)}.card h3,.panel h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)}.primary-button,button.primary,.secondary-button,.ghost-button,button.ghost,.danger-button,button.danger{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-2);min-height:var(--control-height);text-align:center;border:1px solid #0000;justify-content:center;padding:0 16px;line-height:1.2;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;display:inline-flex}.primary-button,button.primary{background:var(--brand-action);border-color:var(--brand-action);color:var(--button-on-accent)}.primary-button:hover,button.primary:hover{background:color-mix(in srgb, var(--brand-action) 86%, var(--text-primary));border-color:color-mix(in srgb, var(--brand-action) 86%, var(--text-primary))}.primary-button:active,button.primary:active{background:color-mix(in srgb, var(--brand-action) 76%, var(--text-primary))}.secondary-button{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.ghost-button,button.ghost{border-color:var(--border-default);color:var(--text-secondary);background:0 0;padding:0 12px}.secondary-button:hover,.ghost-button:hover,button.ghost:hover{background:var(--surface-raised);color:var(--text-primary)}.danger-button,button.danger{border-color:color-mix(in srgb, var(--status-error) 50%, transparent);color:var(--status-error);background:0 0}.danger-button:hover,button.danger:hover{background:var(--status-error-wash);border-color:var(--status-error)}.text-button{color:var(--brand-accent);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);text-underline-offset:3px;background:0 0;border:0;width:fit-content;padding:0}.text-button:hover{text-decoration:underline}.tt-link{color:var(--brand-accent);text-underline-offset:3px}.tt-button-phone{border-radius:var(--radius-lg);min-height:var(--control-height-phone);width:100%;font-size:15px}.secondary-button.tt-button-phone{background:var(--surface-raised);border-color:var(--border-default)}button:disabled{cursor:not-allowed;opacity:.5}.primary-button:disabled,button.primary:disabled,.secondary-button:disabled,.ghost-button:disabled,button.ghost:disabled,.danger-button:disabled,button.danger:disabled{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-tertiary);cursor:not-allowed;opacity:1}.text-button:disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:1;text-decoration:none}.tt-mark-select button:disabled,.tt-field-input:disabled{opacity:1}.tt-button-spinner{border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite tt-spin}.primary-button[aria-busy=true],button.primary[aria-busy=true],.secondary-button[aria-busy=true]{cursor:progress}@keyframes tt-spin{to{transform:rotate(360deg)}}.theme-choice,.theme-options button{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-transform:capitalize;padding:8px 13px}.theme-choice[data-active=true],.theme-options button.active,.theme-options button[aria-checked=true]{background:var(--brand-primary-dim);border-color:var(--brand-primary);color:var(--brand-accent)}.tt-field{flex-direction:column;gap:6px;min-width:0;display:flex}.tt-field-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.tt-field-input{background:var(--surface-base);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-md);line-height:var(--line-height-normal);width:100%;padding:10px}.tt-field-input::placeholder{color:var(--text-tertiary)}.tt-field-input:focus,.tt-field-input.is-focused{border:2px solid var(--brand-primary);outline:none;padding:9px}.tt-field-input[aria-invalid=true]{border-color:var(--status-error)}.tt-field-input:disabled{background:var(--surface-raised);border-color:var(--border-default);color:var(--text-tertiary);cursor:not-allowed}.tt-field-hint{color:var(--text-tertiary);font-size:var(--font-size-xs)}.tt-field-error{color:var(--status-error);font-size:var(--font-size-xs);align-items:center;gap:6px;display:flex}.tt-mark-select{gap:4px;display:inline-flex}.tt-mark-select button{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--weight-bold);height:var(--control-height);background:0 0;width:40px}.tt-mark-select button:hover{background:var(--surface-raised);color:var(--text-primary)}.tt-mark-select button[aria-pressed=true]{color:var(--button-on-accent)}.tt-mark-select [data-mark=P][aria-pressed=true]{background:var(--status-success);border-color:var(--status-success)}.tt-mark-select [data-mark=L][aria-pressed=true]{background:var(--status-warning);border-color:var(--status-warning)}.tt-mark-select [data-mark=A][aria-pressed=true]{background:var(--status-error);border-color:var(--status-error)}.tt-mark-select [data-mark=E][aria-pressed=true]{background:var(--status-info);border-color:var(--status-info)}.tt-chip{background:var(--surface-raised);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;line-height:1.4;display:inline-flex}.tt-chip b{font-weight:var(--weight-bold)}.tt-chip svg{flex-shrink:0}.tt-chip-accent{background:var(--brand-primary-dim);color:var(--brand-accent)}.tt-chip-success{background:var(--status-success-wash);color:var(--status-success-ink)}.tt-chip-warning{background:var(--status-warning-wash);color:var(--status-warning-ink)}.tt-chip-error{background:var(--status-error-wash);color:var(--status-error-ink)}.tt-chip-info{background:var(--status-info-wash);color:var(--status-info-ink)}.tt-chip-gold{background:var(--status-gold-wash);color:var(--status-gold-ink)}.tt-banner{border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.45;display:flex}.tt-banner>svg{flex-shrink:0;margin-top:1px}.tt-banner strong{font-weight:var(--weight-semibold)}.tt-banner-body{flex:1;min-width:0}.tt-banner .secondary-button{height:32px;margin:-6px 0}.tt-banner-info{background:var(--status-info-wash);border-color:color-mix(in srgb, var(--status-info) 35%, transparent)}.tt-banner-info>svg{color:var(--status-info)}.tt-banner-warning{background:var(--status-warning-wash);border-color:color-mix(in srgb, var(--status-warning) 35%, transparent)}.tt-banner-warning>svg{color:var(--status-warning)}.tt-banner-error{background:var(--status-error-wash);border-color:color-mix(in srgb, var(--status-error) 40%, transparent)}.tt-banner-error>svg{color:var(--status-error)}.tt-banner-success{background:var(--status-success-wash);border-color:color-mix(in srgb, var(--status-success) 35%, transparent)}.tt-banner-success>svg{color:var(--status-success)}.tt-toast{background:var(--surface-overlay);box-shadow:var(--shadow-float);color:var(--text-primary);font-size:var(--font-size-sm);border-radius:10px;align-items:center;gap:10px;max-width:100%;padding:12px 16px;display:inline-flex}.tt-toast>svg{color:var(--status-success);flex-shrink:0}.tt-toast .text-button{margin-left:8px}.tt-empty-state{background:var(--surface-card);border:1px dashed var(--border-strong);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.tt-empty-state>svg{color:var(--status-success)}.tt-empty-state strong{color:var(--text-primary);font-size:15px;font-weight:var(--weight-semibold)}.tt-empty-state p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.tt-skeleton{background:var(--surface-card);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.tt-skeleton-line{background:var(--surface-raised);border-radius:var(--radius-xs);height:12px;display:block}.tt-skeleton-line:first-child{background:var(--surface-overlay)}.tt-metric{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:0;padding:var(--space-4);flex-direction:column;gap:6px;display:flex}.tt-metric-label{color:var(--text-secondary);font-size:var(--font-size-xs)}.tt-metric-value{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-display);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:var(--line-height-tight)}.tt-metric-note{color:var(--text-tertiary);font-size:var(--font-size-xs)}.tt-metric-note.is-good{color:var(--status-success)}.tt-metric-note.is-due{color:var(--status-warning)}.tt-metric-note.is-bad{color:var(--status-error)}.tt-table-wrap{max-width:100%;overflow-x:auto}.tt-data-table{border-collapse:collapse;font-size:var(--font-size-md);width:100%}.tt-data-table th{border-bottom:1px solid var(--border-default);color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-align:left;white-space:nowrap;padding:10px}.tt-data-table td{border-bottom:1px solid var(--border-default);color:var(--text-primary);text-align:left;vertical-align:middle;padding:10px}.tt-data-table tbody tr:hover td{background:var(--surface-raised)}.tt-data-table .tt-cell-mono{color:var(--text-tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.tt-data-table .tt-cell-muted{color:var(--text-tertiary)}.tt-tabbar{background:var(--surface-tabbar);border-top:1px solid var(--border-default);min-height:var(--tabbar-height);padding-bottom:env(safe-area-inset-bottom,0px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.tt-tabbar a,.tt-tabbar button{color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--weight-medium);min-height:var(--control-height-phone);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.tt-tabbar [aria-current=page]{color:var(--brand-accent);font-weight:var(--weight-semibold)}.tt-tabbar .material-icons-round{font-size:24px}.tt-story-ring{color:var(--text-primary);cursor:pointer;font-family:var(--font-body);background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:inline-flex}.tt-story-ring-disc{border:3px solid var(--ring-seen);border-radius:var(--radius-pill);box-sizing:border-box;width:64px;height:64px;padding:3px;display:flex;position:relative}.tt-story-ring-face{background:var(--surface-raised);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:15px;font-weight:var(--weight-bold);flex:1;justify-content:center;align-items:center;display:flex}.tt-story-ring.is-new .tt-story-ring-disc{border-color:var(--brand-primary)}.tt-story-ring.is-new .tt-story-ring-face{color:var(--text-primary)}.tt-story-ring.is-done .tt-story-ring-disc{border-color:var(--status-success)}.tt-story-ring-check{background:var(--status-success);border:2px solid var(--surface-base);border-radius:var(--radius-pill);color:var(--button-on-accent);justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:-4px;right:-4px}.tt-story-ring-name{font-size:var(--font-size-xs)}.tt-story-ring-state{color:var(--text-secondary);font-size:var(--font-size-xs);margin-top:-4px}.tt-reward{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);align-items:center;gap:14px;padding:18px;display:flex}.tt-reward-icon{background:var(--status-gold-wash);border-radius:var(--radius-pill);color:var(--status-gold);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tt-reward-value{color:var(--status-gold);font-variant-numeric:tabular-nums;font-size:20px;font-weight:var(--weight-bold);display:block}.tt-reward-reason{color:var(--text-secondary);font-size:var(--font-size-sm);display:block}.tt-reward.is-arriving{animation:.6s ease-out tt-reward}@keyframes tt-reward{0%{opacity:0;transform:scale(.94)}}.muted{color:var(--text-tertiary)}.error{color:var(--status-error)}.notice{background:color-mix(in srgb, var(--brand-primary) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand-primary) 30%, transparent);border-radius:var(--radius-md);line-height:var(--line-height-normal);margin:0;padding:11px 12px}.tt-auth{background:var(--surface-base);box-sizing:border-box;align-items:center;gap:var(--space-5);min-height:100svh;padding:var(--space-6) var(--phone-gutter);flex-direction:column;justify-content:center;display:flex}.tt-auth-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-sizing:border-box;gap:var(--space-6);padding:32px var(--space-6) var(--space-6);width:min(400px,100%);display:grid}.tt-auth-card-wide{width:min(720px,100%)}.tt-auth-card .brand{padding:0}.tt-auth-body{gap:var(--space-4);margin:0;display:grid}.tt-auth-head{gap:var(--space-2);display:grid}.tt-auth-title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:var(--line-height-tight);text-wrap:balance;margin:0}.tt-auth-lead{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.tt-auth-body .tt-banner{margin:0}.tt-auth-submit{margin-top:var(--space-1);width:100%;min-height:40px}.tt-auth-links{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.tt-auth-note{border-top:1px solid var(--border-default);color:var(--text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin:var(--space-1) 0 0;padding-top:var(--space-4)}.tt-auth-code{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.04em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:10px 12px}.tt-auth-doc{gap:var(--space-2);display:grid}.tt-auth-doc h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-semibold);margin:0}.tt-auth-doc h2 small{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--weight-regular)}.tt-auth-doc-body{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:pre-wrap;max-height:240px;padding:12px 14px;overflow:auto}.tt-auth-doc-body:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tt-auth-check{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);align-items:flex-start;gap:10px;display:flex}.tt-auth-check input{accent-color:var(--brand-action);flex-shrink:0;width:16px;height:16px;margin:2px 0 0}@media (width<=480px){.tt-auth{padding-top:var(--space-5);justify-content:flex-start}.tt-auth-card{border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5) var(--space-5)}}.login-wrap,.login{align-items:center;gap:var(--space-4);min-height:100svh;padding:var(--space-5);flex-direction:column;justify-content:center;display:flex}.login-card{gap:var(--space-3);width:min(380px,100%);display:grid}.login-card h1,.login-card h2{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--weight-semibold);letter-spacing:-.01em;line-height:var(--line-height-tight);margin:0}.primary-button:focus-visible,button.primary:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,button.ghost:focus-visible,.danger-button:focus-visible,button.danger:focus-visible,.text-button:focus-visible,.tt-link:focus-visible,.nav a:focus-visible,.nav button:focus-visible,.side-nav a:focus-visible,.side-nav button:focus-visible,.sidebar-signout:focus-visible,.theme-choice:focus-visible,.theme-options button:focus-visible,.tt-mark-select button:focus-visible,.tt-tabbar a:focus-visible,.tt-tabbar button:focus-visible,.tt-story-ring:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (width<=860px){.app-shell,.shell{grid-template-columns:1fr;height:auto;min-height:100svh}.main{padding:var(--content-pad-compact);overflow-y:visible}.sidebar{border-bottom:1px solid var(--border-default);border-right:0;height:auto;overflow:visible}.nav,.side-nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (prefers-reduced-motion:reduce){.tt-button-spinner,.tt-reward.is-arriving{animation:none}.nav button,.nav a,.side-nav button,.side-nav a,.primary-button,.secondary-button,.ghost-button,.danger-button{transition:none}}*{box-sizing:border-box}body{background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0}button,input,select{font:inherit}.login h1,h2{font-family:var(--font-display);margin:0}form button{background:var(--brand-action);border:1px solid var(--brand-action);border-radius:var(--radius-sm);color:var(--button-on-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);padding:9px 14px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.class-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;padding:var(--space-4);text-align:left;gap:4px;display:grid}.class-card.active{border-color:var(--brand-primary)}.class-card strong{color:var(--brand-accent);font-family:var(--font-display);font-size:var(--font-size-display);font-weight:var(--weight-semibold)}.class-card small,.assignment span{color:var(--text-tertiary)}.grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:16px;display:grid}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{border-bottom:1px solid var(--border-default);text-align:left;padding:12px 10px}th{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--weight-semibold)}.assignment{border-bottom:1px solid var(--border-default);justify-content:space-between;gap:12px;padding:12px 0;display:flex}label{color:var(--text-secondary);font-size:var(--font-size-sm);gap:6px;display:grid}input,select{background:var(--surface-base);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px}.settings-panel{max-width:760px}.settings-row{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.settings-row p{color:var(--text-tertiary);margin:4px 0 0}.theme-options{gap:8px;display:flex}.page-head button{font-size:var(--font-size-sm);padding:9px 14px}.grid-classes{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.class-tile{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;gap:12px;display:flex}.class-tile header{justify-content:space-between;align-items:baseline;display:flex}.class-tile h3{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--weight-semibold);margin:0}.class-tile header span{color:var(--text-tertiary);font-size:var(--font-size-sm)}.class-tile .actions{gap:8px;display:flex}.class-tile button{font-size:var(--font-size-xs);padding:7px 11px}.actions{gap:8px;display:flex}.communications-layout{grid-template-columns:minmax(280px,.75fr) minmax(420px,1.6fr);gap:14px;min-height:660px;display:grid}.communications-list{overflow:auto}.communications-list h3{font-size:var(--font-size-sm);color:var(--text-tertiary);text-transform:uppercase;margin:22px 0 8px}.new-chat{gap:8px;display:grid}.group-request-toggle{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;width:100%;margin-top:8px;padding:9px}.group-request{border:1px solid var(--border-default);border-radius:var(--radius-sm);gap:8px;max-height:260px;margin-top:8px;padding:9px;display:grid;overflow:auto}.group-request label{align-items:center;gap:6px;padding:3px 0;display:flex}.new-chat button,.announcement-composer button,.monitoring-banner button,.message-composer button{background:var(--brand-action);border:1px solid var(--brand-action);border-radius:var(--radius-sm);color:var(--button-on-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);padding:9px 14px}.conversation-row{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;gap:10px;padding:11px;display:flex}.conversation-row.active{background:var(--brand-primary-dim);border-color:var(--brand-primary)}.conversation-row span{gap:4px;display:grid}.conversation-row small{color:var(--text-tertiary)}.conversation-row em{color:var(--status-warning);font-size:var(--font-size-2xs)}.announcement-snippet{border-top:1px solid var(--border-default);padding:10px 2px}.announcement-snippet p{color:var(--text-secondary);font-size:var(--font-size-xs);margin:4px 0}.chat-panel{padding:0;overflow:hidden}.chat-shell{grid-template-rows:auto auto 1fr auto;height:660px;display:grid}.chat-shell>header{border-bottom:1px solid var(--border-default);justify-content:space-between;padding:16px;display:flex}.chat-shell>header div{gap:4px;display:grid}.chat-shell>header span{color:var(--text-tertiary);font-size:var(--font-size-xs)}.monitoring-banner{background:color-mix(in srgb, var(--status-warning) 10%, var(--surface-card));border-bottom:1px solid var(--status-warning);padding:12px 16px}.monitoring-banner p{font-size:var(--font-size-2xs);margin:4px 0;line-height:1.5}.monitoring-banner button{padding:6px 9px}.message-list{padding:14px;overflow:auto}.message{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);margin-bottom:9px;padding:10px}.message small,.message em{color:var(--text-tertiary);font-size:var(--font-size-2xs)}.message p{white-space:pre-wrap;margin:5px 0}.message-composer{border-top:1px solid var(--border-default);grid-template-columns:1fr auto auto;gap:9px;padding:12px;display:grid}.message-composer textarea,.announcement-composer textarea{background:var(--surface-base);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;min-height:70px;padding:10px}.locked-note,.chat-empty{color:var(--text-tertiary);padding:24px}.attach-button,.attachment-link{border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-self:center;padding:9px}.attachment-link{font-size:var(--font-size-2xs);margin-right:6px;padding:5px 7px;display:inline-block}.announcement-composer{grid-template-columns:180px 1fr;gap:10px;margin-bottom:14px;display:grid}.announcement-composer h3{grid-column:1/-1;margin:0}.announcement-composer textarea{grid-column:1/-1}.announcement-composer label{align-items:center;display:flex}.state-pill{text-transform:capitalize}@media (width<=980px){.communications-layout{grid-template-columns:1fr}.chat-shell{height:600px}.announcement-composer{grid-template-columns:1fr}.announcement-composer textarea,.announcement-composer h3{grid-column:auto}}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:min(440px,100%);padding:22px}.form-grid{gap:12px;display:grid}.form-grid select{background:var(--surface-base);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px}.attendance-head{align-items:center}.attendance-filters{align-items:end;gap:10px;display:flex}.attendance-filters label{min-width:150px}.attendance-toolbar{gap:10px;margin-bottom:14px;display:grid}.attendance-toolbar>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.attendance-toolbar .actions{justify-content:flex-end}.attendance-toolbar button{background:var(--brand-action);border:1px solid var(--brand-action);border-radius:var(--radius-sm);color:var(--button-on-accent);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--weight-semibold);padding:9px 14px}.attendance-toolbar button:disabled{cursor:not-allowed;opacity:.5}.save-state{color:var(--text-tertiary);font-size:var(--font-size-xs)}.save-state.offline,.save-state.conflict{color:var(--status-warning)}.status-pill{border:1px solid var(--border-default);border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:var(--weight-bold);padding:4px 8px}.status-pill.submitted{border-color:var(--status-success);color:var(--status-success)}.status-pill.draft{border-color:var(--status-warning);color:var(--status-warning)}.attendance-table-wrap{overflow-x:auto}.attendance-table td:first-child small{color:var(--text-tertiary);margin-top:3px;display:block}.attendance-table select{min-width:132px}.attendance-table input{width:100%;min-width:210px}.attendance-status{border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:var(--weight-bold);white-space:nowrap;padding:5px 8px;display:inline-block}.attendance-status.present{background:color-mix(in srgb, var(--status-success) 16%, transparent);color:var(--status-success)}.attendance-status.absent{background:color-mix(in srgb, var(--status-error) 14%, transparent);color:var(--status-error)}.attendance-status.late,.attendance-status.half_day{background:color-mix(in srgb, var(--status-warning) 15%, transparent);color:var(--status-warning)}.attendance-status.excused{background:var(--brand-primary-dim);color:var(--brand-accent)}.attendance-status.unmarked{background:var(--surface-base);color:var(--text-tertiary)}.attendance-message{align-items:center;gap:10px;margin-bottom:12px;display:flex}.attendance-message button{padding:5px 8px}@media (width<=900px){.grid,.metrics{grid-template-columns:1fr}.attendance-head,.attendance-filters{flex-direction:column;align-items:stretch}}.studio-new,.studio-meta,.studio-card{gap:12px;display:grid}.studio-source-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.studio-textarea,.studio-card textarea{background:var(--surface-base);border:1px solid var(--border-control);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;resize:vertical;padding:10px}.studio-count{text-align:right;margin:-6px 0 0}.studio-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.studio-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.studio-lesson{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.studio-lesson:disabled input,.studio-lesson:disabled textarea,.studio-lesson:disabled select{opacity:.85}.studio-section{font-family:var(--font-display);margin:12px 0 0}.studio-card header{justify-content:space-between;align-items:center;display:flex}.studio-card header button{padding:5px 9px}.studio-emoji input{max-width:120px}.studio-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.studio-option{align-items:center;gap:8px;display:flex}.studio-option input[type=radio]{flex:none}.studio-option input:not([type=radio]){flex:1;min-width:0}.studio-lesson>button{justify-self:start}@media (width<=640px){.studio-row,.studio-options{grid-template-columns:1fr}}.app-shell,.main-content,main,.panel,.card,.grid>*,.communications-layout>*,.setup-grid>*,.safeguarding-grid>*{min-width:0}.card,.panel{overflow-x:auto}.modal{max-width:95vw;max-height:90dvh;overflow:auto}.actions{flex-wrap:wrap}label.check{color:var(--text-primary);grid-column:1/-1;align-items:center;gap:10px;font-size:14px;line-height:1.5;display:flex}label.check input{flex:none;width:auto;margin:0}.policy-form>button,.announcement-form>button{grid-column:1/-1;justify-self:start;width:auto}@media (width<=640px){.page-head,.assignment-editor{flex-wrap:wrap}.communications-layout,.setup-grid,.safeguarding-grid,.communications-overview,.grid,.form-grid,.policy-form,.announcement-form{grid-template-columns:minmax(0,1fr)}input,select,textarea{max-width:100%}}.diary-layout{gap:14px;max-width:720px;margin:0 auto;display:grid}.diary-avatar{--hue:18;background:linear-gradient(135deg, hsl(var(--hue) 70% 58%), hsl(calc(var(--hue) + 40) 65% 46%));color:#fff;font-size:var(--font-size-xs);font-weight:var(--weight-bold);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.diary-avatar.small{font-size:var(--font-size-2xs);width:30px;height:30px}.diary-avatar.done{background:var(--status-success)}.diary-avatar-me{background:var(--brand-primary-dim);color:var(--brand-accent)}.diary-dot{--hue:18;background:hsl(var(--hue) 65% 52%);border-radius:50%;width:8px;height:8px;display:inline-block}.diary-rail{scrollbar-width:thin;gap:14px;padding:2px 2px 6px;display:flex;overflow-x:auto}.diary-rail-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;gap:6px;padding:0;display:grid}.diary-rail-item small{color:var(--text-tertiary);font-size:var(--font-size-2xs)}.diary-ring{--ring:0deg;background:conic-gradient(var(--status-success) var(--ring), var(--brand-primary) var(--ring));border-radius:50%;place-items:center;width:62px;height:62px;padding:3px;transition:transform .15s;display:grid}.diary-ring[data-empty]{background:var(--border-strong)}.diary-ring span{background:var(--surface-card);border:3px solid var(--surface-base);color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--weight-semibold);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.diary-rail-item:hover .diary-ring{transform:scale(1.05)}.diary-rail-item.active .diary-ring span{background:color-mix(in srgb, var(--brand-primary) 18%, var(--surface-card));color:var(--brand-accent)}.diary-rail-item.active small{color:var(--brand-accent);font-weight:var(--weight-semibold)}.diary-composer-collapsed{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:text;font-size:var(--font-size-md);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.diary-composer-collapsed:hover,.diary-composer-collapsed:focus-visible{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-dim);outline:none}.diary-composer-collapsed>span:nth-child(2){flex:1}.diary-composer-hint{color:var(--text-tertiary);gap:10px;display:flex}.diary-composer{border-radius:var(--radius-lg);box-shadow:0 0 0 3px var(--brand-primary-dim);gap:12px;display:grid;position:relative}.diary-composer.dragging{border-color:var(--brand-primary);border-style:dashed}.diary-composer.dragging:after{background:color-mix(in srgb, var(--surface-card) 85%, transparent);border-radius:var(--radius-lg);color:var(--brand-accent);content:"Drop photos or PDFs to attach";font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.diary-field{align-items:baseline;gap:10px;display:flex}.diary-field-label{color:var(--text-tertiary);font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;flex:none;min-width:54px}.diary-tools .diary-field-label{min-width:0}.diary-chips{flex-wrap:wrap;gap:6px;display:flex}.diary-chip{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--weight-medium);align-items:center;gap:6px;padding:5px 11px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.diary-chip small{color:var(--text-tertiary);font-size:var(--font-size-2xs)}.diary-chip:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.diary-chip.on{background:var(--brand-primary-dim);border-color:var(--brand-primary);color:var(--brand-accent)}.diary-chip.on small{color:var(--brand-accent)}.diary-chip:disabled{cursor:default;opacity:1}.ghost-chip{border-style:dashed}.diary-subject-input{border-radius:var(--radius-pill);font-size:var(--font-size-xs);width:140px;padding:5px 11px}.diary-note{font-size:var(--font-size-2xs);align-self:center}.diary-text{color:var(--text-primary);font:inherit;font-size:var(--font-size-lg);resize:none;background:0 0;border:0;outline:none;width:100%;min-height:84px;padding:4px 0;line-height:1.5}.diary-text::placeholder{color:var(--text-tertiary)}.diary-count{color:var(--text-tertiary);font-size:var(--font-size-2xs);text-align:right;margin:-8px 0 0}.diary-attachments{flex-wrap:wrap;gap:8px;display:flex}.diary-attachment{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font:inherit;text-align:left;align-items:center;gap:9px;max-width:100%;padding:7px 8px 7px 10px;text-decoration:none;display:inline-flex}a.diary-attachment:hover,button.diary-attachment:hover{border-color:var(--brand-primary)}.diary-attachment-text{min-width:0;line-height:1.25;display:grid}.diary-attachment-text strong{font-size:var(--font-size-xs);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.diary-attachment-text small{color:var(--text-tertiary);font-size:var(--font-size-2xs);text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.diary-attachment>button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:4px;display:flex}.diary-attachment>button:hover{background:var(--surface-overlay);color:var(--text-primary)}.diary-attachment.error{border-color:var(--status-error)}.diary-attachment.error small{color:var(--status-error)}.diary-play{color:#fff;background:#e5352b;border-radius:7px;justify-content:center;align-items:center;width:30px;height:22px;display:inline-flex}.provider-vimeo .diary-play{background:#1ab7ea}.provider-drive svg{color:var(--status-info)}.diary-spinner{border:2px solid var(--border-strong);border-top-color:var(--brand-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite diary-spin}@keyframes diary-spin{to{transform:rotate(360deg)}}.diary-link-form{gap:8px;display:flex}.diary-link-form input{flex:1;min-width:0}.diary-error{margin:0}.diary-composer-foot{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.diary-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.diary-tool{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--weight-medium);background:0 0;border:0;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.diary-tool:hover:not(:disabled){background:var(--surface-overlay);color:var(--brand-accent)}.diary-divider{background:var(--border-default);width:1px;height:20px;margin:0 4px}.diary-date{position:relative}.diary-date input{cursor:pointer;opacity:0;width:100%;position:absolute;inset:0}.diary-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.diary-discard{color:var(--text-tertiary)}.diary-post{border-radius:var(--radius-pill);align-items:center;gap:6px;padding:9px 18px;display:inline-flex}.diary-tip{color:var(--text-tertiary);font-size:var(--font-size-2xs);margin:-4px 0 0}kbd{background:var(--surface-base);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:inherit;font-size:.9em}.diary-day{gap:12px;display:grid}.diary-day-label{color:var(--text-tertiary);font-family:var(--font-body);font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;margin:8px 0 -2px}.diary-post-card{border-radius:var(--radius-lg);gap:10px;animation:.25s diary-in;display:grid;overflow:visible}@keyframes diary-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.diary-post-head{align-items:center;gap:12px;display:flex}.diary-post-meta{flex:1;min-width:0;line-height:1.3;display:grid}.diary-post-meta strong{font-size:var(--font-size-md)}.diary-post-meta span{color:var(--text-tertiary);font-size:var(--font-size-xs)}.diary-due{border-radius:var(--radius-pill);font-size:var(--font-size-2xs);font-weight:var(--weight-semibold);white-space:nowrap;padding:4px 10px}.diary-due.today{background:color-mix(in srgb, var(--status-warning) 18%, transparent);color:var(--status-warning)}.diary-due.soon{background:var(--brand-primary-dim);color:var(--brand-accent)}.diary-due.later{background:var(--surface-overlay);color:var(--text-secondary)}.diary-due.past{background:var(--surface-base);color:var(--text-tertiary)}.diary-menu{position:relative}.diary-icon-button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:6px;display:flex}.diary-icon-button:hover{background:var(--surface-overlay);color:var(--text-primary)}.diary-menu-list{background:var(--surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);z-index:5;min-width:140px;padding:4px;display:grid;position:absolute;top:34px;right:0;box-shadow:0 10px 30px #0000002e}.diary-menu-list button{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);text-align:left;background:0 0;border:0;padding:8px 10px}.diary-menu-list button:hover{background:var(--surface-overlay)}.diary-menu-list .danger-text{color:var(--status-error)}.diary-post-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);overflow-wrap:anywhere;margin:2px 0 0}.diary-post-details{color:var(--text-secondary);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.diary-post-details.clamped{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.diary-post-foot{border-top:1px solid var(--border-default);align-items:center;gap:10px;margin-top:2px;padding-top:10px;display:flex}.diary-stats{font-size:var(--font-size-sm);flex:1}.diary-progress .track{fill:none;stroke:var(--border-default);stroke-width:3.5px}.diary-progress .value{fill:none;stroke:var(--brand-primary);stroke-linecap:round;stroke-width:3.5px;transition:stroke-dasharray .4s}.diary-progress text{fill:var(--text-secondary);font-family:var(--font-body);font-size:10px;font-weight:700}.diary-progress.complete .value{stroke:var(--status-success)}.diary-progress .tick{fill:none;stroke:var(--status-success);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.diary-roster{border-top:1px dashed var(--border-default);gap:10px;padding-top:10px;display:grid}.diary-roster ul{gap:2px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.diary-roster li{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:6px 4px;display:flex}.diary-roster li:hover{background:var(--surface-overlay)}.diary-roster-name{font-size:var(--font-size-sm);flex:1;min-width:0}.diary-roster-status{font-size:var(--font-size-xs);text-align:right}.diary-roster-loading{margin:0}.diary-tabs{gap:6px;display:flex}.diary-tabs button{border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);background:0 0;padding:5px 12px}.diary-tabs button.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-base)}.diary-more{justify-self:center}.diary-empty{text-align:center;justify-items:center;gap:6px;padding:36px 20px;display:grid}.diary-empty h3{margin:6px 0 0}.diary-empty p{max-width:420px;margin:0}.diary-empty-soft{background:0 0;border-style:dashed}.diary-empty-icon{background:var(--brand-primary-dim);color:var(--brand-accent);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.diary-toast{background:var(--text-primary);border-radius:var(--radius-pill);color:var(--surface-base);font-size:var(--font-size-sm);z-index:20;align-items:center;gap:8px;padding:10px 18px;animation:.2s diary-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@media (prefers-reduced-motion:reduce){.diary-post-card,.diary-toast,.diary-ring,.diary-spinner{transition:none;animation:none}}@media (width<=640px){.diary-field{flex-direction:column;align-items:flex-start;gap:6px}.diary-post-head{flex-wrap:wrap}.diary-due{order:3}.diary-actions{justify-content:flex-end;width:100%}.diary-roster-status{display:none}}