:root{--primary: #2bbecb;--on-primary: #ffffff;--primary-container: #85f3ff;--on-primary-container: #002023;--secondary: #eb008b;--on-secondary: #ffffff;--secondary-container: #ffd9e4;--on-secondary-container: #3e0021;--tertiary: #545d7e;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #410002;--surface: #f5fafc;--on-surface: #171d1e;--surface-container: #ffffff;--surface-container-highest: #dee3e5;--on-surface-variant: #3f484a;--outline: #6f797b;--outline-variant: #bfc8ca;--success: #116a34;--success-container: #ddf5e4;--on-success-container: #00210e;--warning: #8a5a00;--warning-container: #fff0d6;--on-warning-container: #2a1a00;--radius-button: 8px;--radius-input: 15px;--radius-card: 16px;--radius-pill: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--shadow-1: 0 1px 3px rgb(23 29 30 / 6%);--shadow-2: 0 4px 12px rgb(23 29 30 / 8%);--font: "Satoshi", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}:root[data-theme=dark]{--primary-container: #004f55;--on-primary-container: #85f3ff;--secondary-container: #5f1140;--on-secondary-container: #ffd9e4;--tertiary: #4a647d;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--surface: #0e1415;--on-surface: #e0e0e0;--surface-container: #1b2122;--surface-container-highest: #303637;--on-surface-variant: #bfc8ca;--outline: #b0bec5;--outline-variant: #3f484a;--success: #7bd9a0;--success-container: #0b4a22;--on-success-container: #ddf5e4;--warning: #ffcf7a;--warning-container: #4a3400;--on-warning-container: #fff0d6;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.45;color:var(--on-surface);background:var(--surface);-webkit-font-smoothing:antialiased}a{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:38px;padding:0 var(--space-lg);border:1px solid transparent;border-radius:var(--radius-button);background:var(--primary);color:var(--on-primary);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--on-surface);border-color:var(--outline-variant)}.btn--ghost:hover:not(:disabled){background:var(--surface-container-highest);filter:none}.btn--danger{background:var(--error);color:var(--on-error)}.btn--sm{height:30px;padding:0 var(--space-md);font-size:13px}.input,.select,.textarea{width:100%;padding:8px 10px;border:1px solid var(--outline-variant);border-radius:var(--radius-button);background:var(--surface-container);color:var(--on-surface);font:inherit}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.textarea{min-height:72px;resize:vertical}.card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:var(--radius-card);box-shadow:var(--shadow-1)}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap}.pill--neutral{background:var(--surface-container-highest);color:var(--on-surface-variant)}.pill--success{background:var(--success-container);color:var(--on-success-container)}.pill--warning{background:var(--warning-container);color:var(--on-warning-container)}.pill--error{background:var(--error-container);color:var(--on-error-container)}.pill--info{background:var(--primary-container);color:var(--on-primary-container)}.pill--accent{background:var(--secondary-container);color:var(--on-secondary-container)}.muted{color:var(--on-surface-variant)}.small{font-size:12px}.row{display:flex;align-items:center;gap:var(--space-sm)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell{display:flex;min-height:100%}.sidebar{width:232px;flex:0 0 232px;background:var(--surface-container);border-right:1px solid var(--outline-variant);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl);position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px}.sidebar__mark{width:28px;height:28px;border-radius:8px;background:var(--primary);color:var(--on-primary);display:grid;place-items:center;font-size:13px;font-weight:800}img.sidebar__mark{width:auto;height:28px;max-width:92px;background:none;border-radius:0;object-fit:contain}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.navlink{display:block;padding:9px var(--space-md);border-radius:var(--radius-button);color:var(--on-surface-variant);text-decoration:none;font-weight:600}.navlink:hover{background:var(--surface-container-highest)}.navlink--active{background:var(--primary-container);color:var(--on-primary-container)}.sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--outline-variant);background:var(--surface-container);position:sticky;top:0;z-index:5}.topbar h1{margin:0;font-size:20px;font-weight:800}.content{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.table-wrap{overflow-x:auto;border-radius:var(--radius-card);border:1px solid var(--outline-variant);background:var(--surface-container)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{padding:10px var(--space-md);text-align:left;vertical-align:top}table.data thead th{position:sticky;top:0;background:var(--surface-container-highest);color:var(--on-surface-variant);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--outline-variant);white-space:nowrap}table.data tbody tr{border-bottom:1px solid var(--outline-variant);cursor:pointer}table.data tbody tr:last-child{border-bottom:none}table.data tbody tr:hover{background:var(--surface-container-highest)}.thumb{width:56px;height:42px;object-fit:cover;border-radius:6px;background:var(--surface-container-highest);display:block}.thumb--empty{display:grid;place-items:center;font-size:16px;color:var(--on-surface-variant)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-md)}.field{display:flex;flex-direction:column;gap:4px}.field>label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--on-surface-variant)}.detail{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:var(--space-lg);align-items:start}@media(max-width:1100px){.detail{grid-template-columns:1fr}}.media{width:100%;border-radius:var(--radius-card);background:var(--surface-container-highest);max-height:460px;object-fit:contain}.media-strip{display:flex;gap:var(--space-sm);flex-wrap:wrap}.media-strip img,.media-strip video{width:92px;height:70px;object-fit:cover;border-radius:8px;cursor:pointer}.bubble{max-width:78%;padding:8px var(--space-md);border-radius:14px;background:var(--surface-container-highest)}.bubble--out{background:var(--primary-container);color:var(--on-primary-container);margin-left:auto}.bubble__meta{font-size:11px;opacity:.75;margin-bottom:2px}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-xl)}.login__card{width:100%;max-width:380px;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg)}.banner{padding:var(--space-md);border-radius:var(--radius-button);background:var(--error-container);color:var(--on-error-container)}.empty{padding:var(--space-xxl);text-align:center;color:var(--on-surface-variant)}.modal__scrim{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:var(--space-lg)}.modal{max-width:560px;width:100%;max-height:86vh;overflow:auto;padding:var(--space-xl)}.irisan-summary{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-sm);padding:0}.irisan-stat{flex:1 1 140px;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--outline-variant);border-radius:var(--radius-md, 12px);background:var(--surface-container-low)}.irisan-stat--ok{border-color:var(--success)}.irisan-stat--no{border-color:var(--outline)}.irisan-stat__n{font-size:22px;font-weight:800;line-height:1.1}.irisan-stat--ok .irisan-stat__n{color:var(--success)}.irisan-stat__l{font-size:11.5px;color:var(--on-surface-variant)}.irisan-pair{display:grid;grid-template-columns:1fr 34px 1fr;align-items:stretch;gap:8px;padding:12px;border:1px solid var(--outline-variant);border-radius:var(--radius-md, 12px);background:var(--surface-container-low)}.irisan-pair--none{opacity:.85}@media(max-width:760px){.irisan-pair{grid-template-columns:1fr}.irisan-link{transform:rotate(90deg)}}.irisan-link{display:grid;place-items:center;font-size:18px;color:var(--on-surface-variant)}.irisan-side{min-width:0;display:flex;flex-direction:column;gap:4px}.irisan-side__head{display:flex;align-items:center;gap:8px}.irisan-side__tag{font-size:10px;font-weight:700;letter-spacing:.4px;padding:1px 7px;border-radius:99px;background:var(--surface-container-highest);color:var(--on-surface-variant)}.irisan-side__tag--self{background:var(--primary-container);color:var(--on-primary-container)}.irisan-side__id{font-size:11.5px;font-weight:700}.irisan-side__title{font-size:13.5px;font-weight:600;line-height:1.3}.irisan-side__text{font-size:12px;color:var(--on-surface-variant);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.irisan-side__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--on-surface-variant)}.irisan-side__empty{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;font-size:12px;padding:6px 0}