:root{--color-paper:oklch(98% .01 40);--color-paper-2:oklch(95% .02 40);--color-ink:oklch(22% .02 30);--color-ink-2:oklch(46% .02 30);--color-rule:oklch(90% .02 40);--color-accent:oklch(62% .14 25);--color-accent-2:oklch(52% .15 20);--color-accent-ink:oklch(99% .005 40);--color-focus:oklch(62% .14 25);--color-danger:oklch(52% .18 25);--color-danger-bg:oklch(96% .03 25);--color-success:oklch(48% .13 152);--color-success-bg:oklch(96% .03 152);--color-card:oklch(100% 0 0/.86);--color-surface:oklch(100% 0 0);--color-nav-bg:oklch(100% 0 0/.72);--color-ambient-tint:oklch(94% .03 40);--color-message-mine:oklch(90% .05 25);--color-focus-ring:oklch(62% .14 25/.16);--font-display:"Inter Tight", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1.0625rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-display:clamp(2rem, 4.5vw + 1rem, 3.5rem);--text-display-s:clamp(1.5rem, 2.5vw + 1rem, 2.125rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-short:.18s;--dur-med:.24s;--radius-card:16px;--radius-input:10px;--radius-pill:999px;--shadow-card:0 20px 60px -20px oklch(30% .05 25/.22);--shadow-card-hover:0 26px 70px -18px oklch(30% .05 25/.3)}*{box-sizing:border-box}body{font-family:var(--font-body);background:radial-gradient(circle at top left, var(--color-ambient-tint), transparent 38%), var(--color-paper);color:var(--color-ink);margin:0;overflow-x:clip}html{overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.site-header{top:var(--space-sm);z-index:20;width:min(1120px,92vw);margin:var(--space-sm) auto 0;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-md);background:var(--color-nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--color-rule);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);display:flex;position:sticky}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);overflow-wrap:anywhere;font-size:1.1rem;font-weight:800}nav{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}nav a,nav button{color:var(--color-ink-2);cursor:pointer;font-weight:700;font-size:var(--text-sm);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);background:0 0;border:0}.nav-badge{min-width:1.2rem;height:1.2rem;padding:0 var(--space-3xs);border-radius:var(--radius-pill);background:var(--color-danger);color:var(--color-accent-ink);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}nav a:hover,nav button:hover{background:var(--color-paper-2);color:var(--color-ink)}nav a:focus-visible,nav button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.auth-page,.page-wrap{width:min(1120px,92vw);padding:var(--space-2xl) 0 var(--space-xl);margin:0 auto}.auth-page{padding-top:var(--space-xl);justify-content:center;display:flex}.card,.hero-card{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card{padding:var(--space-lg);margin-bottom:var(--space-md)}.auth-card{width:min(440px,100%);padding:var(--space-xl)}.wide-card{width:min(860px,100%);margin:0 auto}.hero-card{padding:var(--space-lg);justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md);align-items:center;display:flex}.eyebrow{color:var(--color-accent-2);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:.7rem;font-weight:800}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere;min-width:0;margin-top:0;font-style:normal;font-weight:800}h1{font-size:var(--text-display);margin-bottom:var(--space-sm);line-height:1.02}h2{font-size:var(--text-display-s)}h3{font-size:var(--text-lg)}.muted{color:var(--color-ink-2);line-height:1.65}.form{gap:var(--space-sm);margin-top:var(--space-md);display:grid}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.full-row{grid-column:1/-1}label{font-weight:700;font-size:var(--text-sm);color:var(--color-ink);gap:6px;display:grid}input:not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid var(--color-rule);border-radius:var(--radius-input);width:100%;padding:var(--space-xs) var(--space-sm);background:var(--color-surface);color:var(--color-ink);outline-offset:1px;transition:border-color var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);outline:2px solid #0000}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:1px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.primary-btn,.secondary-btn,.danger-btn{border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);cursor:pointer;font-weight:800;font-size:var(--text-sm);transition:background var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);white-space:nowrap;border:0}.primary-btn{background:var(--color-accent);color:var(--color-accent-ink)}.primary-btn:hover{background:var(--color-accent-2)}.secondary-btn{background:var(--color-paper-2);color:var(--color-accent-2)}.secondary-btn:hover{background:var(--color-rule)}.danger-btn{background:var(--color-danger-bg);color:var(--color-danger)}.danger-btn:hover{filter:brightness(.97)}.primary-btn:active,.secondary-btn:active,.danger-btn:active{transform:translateY(1px)}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.primary-btn:focus-visible,.secondary-btn:focus-visible,.danger-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.link-btn{justify-content:center;align-items:center;display:inline-flex}.notice{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-input);margin:var(--space-sm) 0;font-weight:700;font-size:var(--text-sm)}.notice.success{background:var(--color-success-bg);color:var(--color-success)}.notice.error{background:var(--color-danger-bg);color:var(--color-danger)}.footer-text{color:var(--color-ink-2);margin-top:var(--space-md)}.footer-text a{color:var(--color-accent-2);font-weight:800}.section-title{margin:var(--space-lg) 0 var(--space-sm)}.profile-grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-card{transition:transform var(--dur-med) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);gap:8px;display:grid}.profile-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.avatar-placeholder{border-radius:var(--radius-card);background:linear-gradient(135deg, var(--color-paper-2), var(--color-paper));min-height:170px;color:var(--color-accent-2);place-items:center;font-weight:800;display:grid}.avatar-photo{object-fit:cover;border-radius:var(--radius-card);width:100%;min-height:170px;max-height:220px}.admin-list{gap:var(--space-sm);display:grid}.admin-card{justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-card);align-items:center;display:flex}.button-row{gap:var(--space-2xs);flex-wrap:wrap;align-items:center;display:flex}.button-row.spread{justify-content:space-between}.button-row.toolbar{margin:var(--space-sm) 0}.button-row.centered{margin-top:var(--space-md);justify-content:center}.admin-card.stacked{flex-direction:column;align-items:stretch}input[type=number].num-input-sm{width:4.5rem}.checkbox-row{align-items:center;gap:var(--space-2xs);flex-direction:row;font-weight:600;display:flex}.thread{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-rule);gap:var(--space-2xs);display:grid}.thread-comment{background:var(--color-paper-2);border-radius:var(--radius-input);padding:var(--space-2xs) var(--space-sm)}.thread-comment.mine{background:var(--color-message-mine)}.stat-strip{gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-rule);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-tile strong{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800}.admin-tabs{gap:var(--space-2xs);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.profile-card,.primary-btn,.secondary-btn,.danger-btn,nav a,nav button,input,textarea,select{transition-property:opacity;transition-duration:.15s}.profile-card:hover{box-shadow:var(--shadow-card);opacity:.92;transform:none}.primary-btn:active,.secondary-btn:active,.danger-btn:active{transform:none}}@media (width<=800px){.site-header{width:min(94vw,480px);padding:var(--space-sm);border-radius:24px;flex-direction:column;align-items:stretch}nav{justify-content:center}.hero-card,.admin-card{flex-direction:column;align-items:flex-start}.grid-form,.profile-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.auth-page,.page-wrap{padding:var(--space-xl) 0 var(--space-lg)}.auth-card{padding:var(--space-lg)}}