:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--page: #faf6f1;--surface: #ffffff;--ink: #241f1a;--ink-secondary: #6b6157;--ink-muted: #a89d90;--border: #ece4d8;--accent: #e0608a;--accent-weak: #e0608a1a;--bubble: #f6f1ea;--mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink)}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;max-width:700px;margin:0 auto}.topbar-brand{font-weight:800;font-size:1.1rem;margin-right:auto;letter-spacing:-.02em}.topbar nav{display:flex;gap:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.25rem}.topbar a{padding:.4rem .85rem;border-radius:999px;color:var(--ink-secondary);text-decoration:none;font-size:.85rem;font-weight:600}.topbar a:hover{color:var(--ink)}.topbar a.active{background:var(--ink);color:var(--surface)}.topbar button{border-radius:999px}.main{padding:1rem 1.5rem 3rem;max-width:700px;margin:0 auto}h1{font-size:1.5rem;margin:.5rem 0 .2rem;letter-spacing:-.02em}.page-subtitle{color:var(--ink-muted);margin:0 0 1.25rem;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:.4rem 1.25rem;margin-bottom:1rem;box-shadow:0 2px 10px #241f1a0a}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);font-weight:700;padding:.75rem .6rem;border-bottom:1px solid var(--border)}td{padding:.9rem .6rem;border-bottom:1px solid var(--border);vertical-align:top}tbody tr:last-child td{border-bottom:none}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:.55rem 1.1rem;border-radius:12px;cursor:pointer;font-weight:600;font-size:.85rem}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:default}input{font:inherit;border:1px solid var(--border);border-radius:12px;padding:.5rem .8rem;background:var(--surface);color:var(--ink)}.tabs{display:flex;gap:.4rem;margin-bottom:1.25rem}.tabs button{border-radius:999px;font-size:.82rem}.tabs button:disabled{background:var(--ink);color:var(--surface);border-color:var(--ink);opacity:1}.error{color:#c0392b}.muted{color:var(--ink-muted);font-size:.85em}.thread{margin-left:2.5rem;padding-left:1rem;border-left:2px solid var(--border);margin-top:.15rem;padding-top:.15rem}.post-group{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:1.4rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 2px 10px #241f1a0a}.post-group h2{font-size:.72rem;font-weight:600;margin:0 0 1.1rem;color:var(--ink-muted);font-family:var(--mono);display:flex;align-items:center;gap:.4rem}.post-group h2:before{content:"🖼️";font-size:.8rem}.comment-row{display:flex;gap:.7rem;padding:.5rem 0;align-items:flex-start}.comment-row-self{flex-direction:row-reverse}.avatar{width:36px;height:36px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff}.comment-col{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1;min-width:0}.comment-row-self .comment-col{align-items:flex-end}.bubble{background:var(--bubble);border-radius:16px;padding:.55rem .9rem;position:relative;max-width:100%}.bubble-self{background:var(--accent-weak);max-width:82%}.comment-row p{margin:0}.comment-meta{padding:0 .2rem}.reply-toggle-link{border:none;background:none;padding:0 .2rem;margin:0;color:var(--ink-muted);font-size:.78rem;font-weight:600}.reply-toggle-link:hover{color:var(--accent);background:none}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7em;font-weight:700;padding:.2rem .6rem;border-radius:999px;margin-left:.4rem}.self-reply{background:#ffffff9a;color:var(--accent)}.analysis-dot{position:absolute;top:-4px;right:-4px;width:13px;height:13px;border-radius:999px;border:2px solid var(--surface);padding:0;cursor:pointer}.bubble-self .analysis-dot{border-color:var(--page)}.ai-insight{border:1px dashed var(--border);border-radius:12px;padding:.6rem .8rem;margin-top:.35rem;max-width:100%}.ai-insight-label{margin:0 0 .3rem;font-size:.72rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em}.ai-insight-summary{margin:0;font-size:.85rem;color:var(--ink-secondary)}.ai-insight-reply{margin-top:.55rem;padding-top:.55rem;border-top:1px dashed var(--border)}.ai-insight-reply-label{margin:0 0 .25rem;font-size:.72rem;font-weight:700;color:var(--accent)}.ai-insight-reply p{margin:0 0 .5rem;font-size:.85rem}.ai-insight-reply button{padding:.3rem .7rem;font-size:.78rem}.dot-ignore{background:#2a78d6}.dot-reply{background:#eb6834}.dot-like{background:#1baf7a}.dot-hide{background:#eda100}.dot-delete{background:#e87ba4}.dot-unknown{background:var(--ink-muted)}@keyframes skeleton-pulse{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,#ffffff 37%,var(--border) 63%);background-size:400% 100%;animation:skeleton-pulse 1.4s ease infinite}.avatar.skeleton{background-color:var(--border)}.skeleton-line{height:12px;border-radius:6px}.skeleton-line-sm{height:9px}