:root{--bg:#f7f4ef;--bg-deep:#efe8dc;--surface:#fffcf7;--surface-2:#fff8ef;--ink:#1a1714;--ink-soft:#5c534a;--ink-mute:#8a7f74;--line:#1a171414;--line-strong:#1a171424;--accent:#f2994a;--accent-deep:#d97706;--accent-soft:#f2994a24;--success:#2f9e6a;--danger:#c44b3c;--warning:#c9852d;--info:#3b7ea1;--shadow:0 18px 40px #1a171414;--radius:18px;--radius-sm:12px;--nav-w:300px;--header-h:60px;--font:"DM Sans", system-ui, sans-serif;--display:"Fraunces", Georgia, serif;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #f2994a2e, transparent 55%), radial-gradient(900px 500px at 100% 0%, #3b7ea114, transparent 50%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:30;height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) 16px 0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf7e0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:10px;min-width:0;display:flex}.topbar-right{flex-shrink:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-inline{padding:0}.brand img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.brand-copy{flex-direction:column;gap:0;line-height:1.15;display:flex}.brand-copy strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.brand-copy span{color:var(--ink-mute);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.topbar-crumb{color:var(--ink-mute);align-items:center;gap:8px;font-size:.92rem;display:none}.crumb-sep{opacity:.45}.crumb-page{color:var(--ink-soft);font-weight:600}.who-chip{flex-direction:column;align-items:flex-end;min-width:0;max-width:220px;display:none}.who-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.86rem;font-weight:650;overflow:hidden}.who-email{color:var(--ink-mute);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.72rem;overflow:hidden}.icon-btn{appearance:none;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;width:42px;height:42px;color:var(--ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.icon-btn:hover{background:var(--accent-soft);border-color:#f2994a59}.hamburger{align-content:space-between;width:18px;height:14px;display:grid}.hamburger i{background:var(--ink);border-radius:2px;height:2px;transition:transform .18s,opacity .18s;display:block}.hamburger.open i:first-child{transform:translateY(6px)rotate(45deg)}.hamburger.open i:nth-child(2){opacity:0}.hamburger.open i:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.drawer-backdrop{z-index:40;cursor:pointer;background:#1a17146b;border:0;margin:0;padding:0;animation:.16s fadeIn;position:fixed;inset:0}.drawer{z-index:50;width:min(var(--nav-w), 88vw);height:100dvh;padding:calc(16px + var(--safe-top)) 14px calc(16px + var(--safe-bottom));border-right:1px solid var(--line);pointer-events:none;background:#fffcf7f7;flex-direction:column;gap:18px;transition:transform .22s;display:flex;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:20px 0 50px #1a17141f}.drawer.open{pointer-events:auto;transform:translate(0)}.drawer-head{justify-content:space-between;align-items:center;gap:10px;padding:0 4px;display:flex}.nav{flex-direction:column;flex:1;gap:4px;padding-right:2px;display:flex;overflow:auto}.nav a{color:var(--ink-soft);border-radius:14px;flex-direction:column;gap:2px;padding:12px 14px;transition:background .16s,color .16s;display:flex}.nav a:hover{color:var(--ink);background:#f2994a14}.nav a.active{color:var(--ink);background:linear-gradient(135deg,#f2994a33,#f2994a14);box-shadow:inset 0 0 0 1px #f2994a38}.nav-label{font-size:.98rem;font-weight:650}.nav-hint{color:var(--ink-mute);font-size:.78rem}.drawer-foot{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);margin-top:auto;padding:14px}.drawer-foot .who{margin-bottom:2px;font-size:.9rem;font-weight:600}.drawer-foot .meta{color:var(--ink-mute);word-break:break-all;font-size:.78rem}.main{flex:1;width:min(1120px,100%);min-width:0;margin:0 auto;padding:22px 16px 28px}.site-footer{border-top:1px solid var(--line);padding:14px 16px calc(14px + var(--safe-bottom));background:#fffcf7b8}.footer-inner{width:min(1120px,100%);color:var(--ink-mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 8px;margin:0 auto;font-size:.8rem;display:flex}.footer-inner a{color:var(--accent-deep);font-weight:600}.footer-dot{opacity:.5}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-head h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,2.4vw,2.35rem);font-weight:650}.page-head p{color:var(--ink-soft);max-width:52ch;margin:6px 0 0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:10px 16px;font-weight:600;transition:transform .14s,background .14s,border-color .14s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;box-shadow:0 10px 24px #d9770638}.btn-ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-danger{color:var(--danger);background:#c44b3c1a;border-color:#c44b3c33}.btn-sm{padding:7px 12px;font-size:.88rem}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px;display:grid}.stat{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:20px 18px;position:relative;overflow:hidden}.stat:after{content:"";background:var(--accent-soft);border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -20% -40% auto}.stat label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);margin-bottom:8px;font-size:.78rem;display:block}.stat strong{font-family:var(--display);letter-spacing:-.03em;font-size:2rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.panel-head h2{margin:0;font-size:1.05rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);background:#f7f4efb3;font-size:.74rem;position:sticky;top:0}tr:last-child td{border-bottom:none}tr:hover td{background:#f2994a0a}.badge{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge.ok{color:var(--success);background:#2f9e6a1f}.badge.warn{color:var(--warning);background:#c9852d24}.badge.danger{color:var(--danger);background:#c44b3c1f}.badge.mute{color:var(--ink-soft);background:#1a17140f}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-soft);font-size:.82rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line-strong);color:var(--ink);background:#fff;border-radius:12px;padding:10px 12px}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid #f2994a59}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.modal-backdrop{z-index:40;background:#1a17146b;place-items:center;padding:24px;animation:.16s fadeIn;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:min(640px,100%);max-height:min(88vh,820px);padding:22px;animation:.22s riseIn;overflow:auto;box-shadow:0 30px 80px #1a17143d}.modal h3{font-family:var(--display);margin:0 0 6px;font-size:1.45rem}.modal .sub{color:var(--ink-soft);margin:0 0 18px;font-size:.92rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.story-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.story-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.story-card img.photo,.story-card .photo{aspect-ratio:4/3;object-fit:cover;background:var(--bg-deep);width:100%;display:block}.story-card .photo-empty{color:var(--ink-mute);place-items:center;font-size:.9rem;font-weight:600;display:grid}.story-card-hit{appearance:none;cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0}.story-card .body{flex-direction:column;flex:1;gap:10px;padding:14px 16px 16px;display:flex}.story-card .author{align-items:center;gap:10px;display:flex}.story-caption{white-space:pre-wrap;margin:0;font-size:.95rem;line-height:1.4}.action-legend{margin-bottom:18px}.action-legend .panel-head{border-bottom:1px solid var(--line)}.action-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:14px 16px 16px;display:grid}.action-legend-grid p{color:var(--ink-soft);margin:4px 0 0;font-size:.86rem;line-height:1.35}.action-legend-grid strong{font-size:.9rem}.ok-text{color:var(--success)}.danger-text{color:var(--danger)}.author-meta{min-width:0}.mod-actions{margin-top:2px}.help-list dd{line-height:1.45}@media (width<=700px){.action-legend-grid{grid-template-columns:1fr}}.report-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mod-breakdown{background:#c9852d0f;border:1px solid #c9852d38;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;font-size:.86rem;line-height:1.4;display:flex}.mod-breakdown-summary{font-size:.94rem;font-weight:700}.mod-breakdown-tip{margin:0}.mod-layers{flex-direction:column;gap:8px;display:flex}.mod-layer{background:#ffffff8c;border:1px solid #5a647829;border-radius:10px;padding:10px 12px}.mod-layer.flagged{background:#c45c3e14;border-color:#c45c3e59}.mod-layer-clear{background:#2e7d5a12;border-color:#2e7d5a47}.mod-layer-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mod-layer-verdict{text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:700}.mod-layer-checks{margin-top:2px;font-size:.78rem}.mod-layer-why,.mod-layer-detail{margin:6px 0 0}.flag-callout{background:#c9852d14;border:1px solid #c9852d38;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;font-size:.86rem;line-height:1.4;display:flex}.flag-callout.flag-user{background:#c45c3e14;border-color:#c45c3e47}.flag-callout.flag-auto{background:#c9852d17;border-color:#c9852d47}.flag-callout.flag-system{background:#5a647814;border-color:#5a64783d}.flag-callout-title{font-size:.92rem;font-weight:700}.flag-callout-why,.flag-callout-check,.flag-callout-extra{margin:0}.flag-callout-extra{word-break:break-word;font-size:.78rem}.report-note{background:#c9852d14;border:1px solid #c9852d29;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;font-size:.88rem;display:flex}.report-note strong{text-transform:uppercase;letter-spacing:.05em;color:var(--warning);font-size:.74rem}.mono-id{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem}.report-detail-photo{object-fit:cover;background:var(--bg-deep);border-radius:16px;width:100%;max-height:360px}.report-detail-photo.empty-photo{min-height:160px;color:var(--ink-mute);place-items:center;font-weight:600;display:grid}.detail-caption{margin:12px 0 0;font-size:1.02rem}.detail-list{gap:10px;margin:16px 0 0;display:grid}.detail-list>div{gap:2px;display:grid}.detail-list dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute);font-size:.72rem}.detail-list dd{margin:0;font-size:.92rem}.avatar{object-fit:cover;background:var(--accent-soft);width:34px;height:34px;color:var(--accent-deep);border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.muted{color:var(--ink-mute);font-size:.86rem}.empty{text-align:center;color:var(--ink-soft);padding:48px 24px}.empty strong{font-family:var(--display);color:var(--ink);margin-bottom:6px;font-size:1.3rem;display:block}.error-banner{color:var(--danger);background:#c44b3c1a;border:1px solid #c44b3c2e;border-radius:12px;margin-bottom:16px;padding:12px 14px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;background:#fffcf7eb;border-radius:28px;padding:36px 32px}.login-card img{width:72px;height:72px;margin-bottom:12px}.login-card h1{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:2rem}.login-card p{color:var(--ink-soft);margin:8px 0 24px}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:.86rem}.chip.active{background:var(--accent-soft);color:var(--accent-deep);border-color:#f2994a73;font-weight:600}.loading{text-align:center;color:var(--ink-mute);padding:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@media (width>=860px){.topbar{padding-left:22px;padding-right:22px}.topbar-crumb,.who-chip{display:flex}.main{padding:28px 28px 40px}.brand img{width:40px;height:40px}.brand-copy strong{font-size:1.25rem}}@media (width<=1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.stats{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:stretch}.page-head h1{font-size:1.7rem}.topbar .btn-ghost.btn-sm{padding:8px 12px}.modal-backdrop{align-items:end;padding:12px}.modal{border-radius:20px 20px 16px 16px;width:100%;max-height:min(92vh,900px)}.modal-actions{flex-wrap:wrap;justify-content:stretch}.modal-actions .btn{flex:auto}}@media (width<=520px){.stats,.story-grid{grid-template-columns:1fr}}