:root{--primary: #5865F2;--switch-off: #80848E;--primary-hover: #4752C4;--on-primary: #FFFFFF;--success: #23A55A;--verified: #1E9BF0;--supporter: #EB459E;--official: #E0A42B;--youtube: #FF0033;--like: #F23F43;--viewer: #000000;--google-bg: #FFFFFF;--google-ink: #1F1F1F;--google-line: #DADCE0;--av0: #5865F2;--av1: #F47B67;--av2: #3BA0F5;--av3: #9B59F6;--av4: #23A55A;--av5: #EB459E;--av6: #E0A42B;--bg: #FFFFFF;--bg-2: #F4F5F7;--bg-3: #E9EBEE;--bar: #FFFFFF;--field: #FFFFFF;--field-line: #D4D7DC;--hover: #F0F1F3;--ink: #313338;--ink-2: #1A1B1E;--muted: #5C5E66;--line: #E3E5E8;--btn-2: #E9EBEE;--on-btn-2: #313338;--link: #006CE7;--danger: #DA373C;--warn: #A06A00;--primary-soft: #ECEEFE;--danger-soft: #FCE8E9;--warn-soft: #FDF3DC;--info-soft: #E1F1FD;--success-soft: #E3F5EA;--official-soft: #FBF0DA;--scrim: rgba(0, 0, 0, .5);--share-bg-1: #F0ABFC;--share-bg-2: #A855F7;--share-bg-3: #DDD6FE;--font: "Roboto", system-ui, sans-serif;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12.5px;--fs-md: 14.5px;--fs-lg: 17px;--fs-xl: 24px;--r-xs: 4px;--r-sm: 8px;--r-md: 10px;--r-lg: 16px;--r-pill: 999px;--r-nav: 12px;--r-composer: 24px;--badge-gap: 4px;--photo-gap: 2px;--photo-pick: 72px;--link-card: 72px;--action-pill: 40px;--share-w: 360px;--share-h: 640px;--hot-w: 260px;--hot-avatar: 28px;--badge-show: 80px;--badge-show-icon: 44px;--frame-scale: 1.5;--av-feed: 60px;--av-comment: 51px;--av-profile: 144px;--phone-w: 360px;--phone-h: 760px;--phone-r: 28px;--appbar-h: 54px;--nav-h: 62px;--canvas: #E9E9E9;--canvas-dot: #CFCFCF;--frame-gap: 72px}[data-theme=dark]{--bg: #313338;--bg-2: #2B2D31;--bg-3: #1E1F22;--bar: #2B2D31;--field: #1E1F22;--field-line: transparent;--hover: #393C41;--ink: #DBDEE1;--ink-2: #F2F3F5;--muted: #949BA4;--line: #3F4147;--btn-2: #4E5058;--on-btn-2: #FFFFFF;--link: #00A8FC;--danger: #F23F43;--warn: #F0B232;--primary-soft: rgba(88, 101, 242, .18);--danger-soft: rgba(242, 63, 67, .14);--warn-soft: rgba(240, 178, 50, .13);--info-soft: rgba(0, 168, 252, .13);--success-soft: rgba(35, 165, 90, .15);--official-soft: rgba(224, 164, 43, .15);--scrim: rgba(0, 0, 0, .65);--share-bg-1: #701A75;--share-bg-2: #4C1D95;--share-bg-3: #1E1B4B;--primary-light: #8E97FF;--primary-pale: #C9CDFB}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-md);line-height:1.5}a{color:var(--link)}button,input,select,textarea{font:inherit}h1{margin:0;font-size:var(--fs-xl);color:var(--ink-2)}h2{margin:0 0 8px;font-size:var(--fs-lg);color:var(--ink-2)}h3{margin:0 0 6px;font-size:var(--fs-md);color:var(--ink-2)}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.mono{font-family:ui-monospace,monospace;font-size:var(--fs-sm)}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--bar);border-right:1px solid var(--line);padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{padding:4px 8px 14px;font-weight:700;color:var(--ink-2)}.brand small{display:block;font-weight:400;color:var(--muted);font-size:var(--fs-sm)}.nav-heading{padding:14px 8px 4px;font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.nav-item{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none}.nav-item:hover{background:var(--hover)}.nav-item.active{background:var(--primary-soft);color:var(--ink-2);font-weight:700}.nav-count{margin-left:auto;min-width:22px;text-align:center;padding:1px 6px;border-radius:var(--r-pill);background:var(--danger);color:var(--on-primary);font-size:var(--fs-xs);font-weight:700}.me{margin-top:16px;padding:10px 8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.main{min-width:0}.topbar{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 20px;background:var(--bar);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar .spacer{flex:1}.content{padding:20px;max-width:1100px;margin:0 auto}.page-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.page-header .page-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.page-header.nested{margin-bottom:12px}.page-header.nested h2{margin:0}.section-head{margin-bottom:10px}.section-head p{margin:2px 0 0}.section-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.section-tab{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;color:var(--muted);text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px}.section-tab:hover{color:var(--ink-2);background:var(--hover)}.section-tab.active{color:var(--ink-2);border-bottom-color:var(--primary)}.section-tab .nav-count{margin-left:2px}.main{position:relative}.top-progress{position:sticky;top:0;z-index:11;height:3px;overflow:hidden;background:var(--primary-soft);margin-bottom:-3px}.top-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:35%;background:var(--primary);animation:progress-run 1.1s ease-in-out infinite}@keyframes progress-run{0%{transform:translate(-100%)}to{transform:translate(300%)}}.slow-notice{position:fixed;right:16px;bottom:16px;z-index:30;display:flex;align-items:center;gap:4px;padding:10px 14px;border-radius:var(--r-sm);background:var(--bar);border:1px solid var(--line);color:var(--ink);box-shadow:0 4px 16px var(--scrim)}.loading-label{display:flex;align-items:center;gap:2px;margin-bottom:10px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--bg-2);border-radius:var(--r-md);padding:14px}.card h2,.card h3{margin-top:0}.stat-label{display:block;color:var(--muted);font-size:var(--fs-sm)}.stat-value{display:block;font-size:var(--fs-xl);color:var(--ink-2);margin:2px 0}.split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}.chip{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);background:var(--bg-3);color:var(--ink);font-size:var(--fs-xs);font-weight:700;white-space:nowrap}.chip-success{background:var(--success-soft);color:var(--success)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-primary{background:var(--primary-soft);color:var(--primary)}.chip-info{background:var(--info-soft);color:var(--link)}.notice{padding:10px 12px;border-radius:var(--r-sm);background:var(--info-soft);color:var(--ink);margin:10px 0}.notice-success{background:var(--success-soft)}.notice-warn{background:var(--warn-soft)}.notice-danger{background:var(--danger-soft)}.btn{min-height:44px;padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--field-line);background:var(--btn-2);color:var(--on-btn-2);cursor:pointer;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--on-primary)}.btn-ghost{background:transparent}.btn-sm{min-height:36px;padding:4px 10px;font-size:var(--fs-sm)}.btn-text{background:transparent;border:none;color:var(--link);min-height:44px;padding:8px}.input{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--field-line);border-radius:var(--r-sm);background:var(--field);color:var(--ink)}.field{display:block;margin-bottom:12px}.field-label{display:block;font-weight:700;color:var(--ink-2);margin-bottom:4px}.field-hint{display:block;color:var(--muted);font-size:var(--fs-sm);margin-top:4px}.field-error{display:block;color:var(--danger);font-size:var(--fs-sm);margin-top:4px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:6px 0;border-bottom:1px solid var(--line)}.toggle{width:48px;height:28px;border-radius:var(--r-pill);border:none;background:var(--bg-3);cursor:pointer;position:relative;flex:none}.toggle.on{background:var(--success)}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--on-primary);transition:left .15s}.toggle.on .toggle-knob{left:23px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--on-primary);font-weight:700;font-size:var(--fs-sm);flex:none}table.tbl{width:100%;border-collapse:collapse;background:var(--bg-2);border-radius:var(--r-md);overflow:hidden}.tbl th,.tbl td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.tbl th{font-size:var(--fs-sm);color:var(--muted)}.tbl tr:last-child td{border-bottom:none}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr.clickable:hover,.tbl tbody tr.selected{background:var(--hover)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row-between{justify-content:space-between}.list-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:flex-start}.list-row:last-child{border-bottom:none}.skeleton-row{height:52px;border-radius:var(--r-sm);background:var(--bg-3);margin-bottom:8px;animation:skeleton-pulse 1.2s ease-in-out infinite alternate}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.45}}@media(prefers-reduced-motion:reduce){.skeleton-row,.top-progress:after{animation:none}}.state-block{padding:32px 16px;text-align:center;background:var(--bg-2);border-radius:var(--r-md)}.bar-row{display:grid;grid-template-columns:130px 1fr 64px;gap:10px;align-items:center;margin-bottom:8px}.bar-track{height:10px;border-radius:var(--r-pill);background:var(--bg-3);overflow:hidden}.bar-fill{height:100%;background:var(--primary)}.chart{display:flex;align-items:flex-end;gap:3px;height:110px}.chart i{flex:1;background:var(--primary);border-radius:2px 2px 0 0;min-height:4px}.chart i.warn{background:var(--warn)}.dialog-scrim{position:fixed;inset:0;background:var(--scrim);display:grid;place-items:center;z-index:50;padding:16px}.dialog{background:var(--bg);border-radius:var(--r-lg);padding:20px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.dialog-impact{margin:8px 0 14px;padding-left:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}.login-wrap{max-width:420px;margin:80px auto;padding:0 16px}.spinner{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.list-row.clickable{cursor:pointer;border-radius:var(--r-sm);padding-left:6px;padding-right:6px}.list-row.clickable:hover,.list-row.selected{background:var(--hover)}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:10px 0}.kv dt{color:var(--muted);font-size:var(--fs-sm)}.kv dd{margin:0;overflow-wrap:anywhere}.quote{background:var(--bg-3);border-radius:var(--r-sm);padding:8px 10px;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.thumbs img{width:96px;height:96px;object-fit:cover;border-radius:var(--r-sm);background:var(--bg-3)}.meta-box{white-space:pre-wrap;word-break:break-all;background:var(--bg-3);border-radius:var(--r-sm);padding:8px 10px;max-height:260px;overflow-y:auto}.chart-wrap{position:relative}.chart-line{position:absolute;left:0;right:0;border-top:1px dashed var(--warn);pointer-events:none}.chart-line.danger{border-top-color:var(--danger)}.chart i.danger{background:var(--danger)}.chart i.empty{background:var(--bg-3)}.badge-img{image-rendering:auto;display:inline-block;vertical-align:middle}.frame-slot img.frame-img{position:absolute;inset:0;width:100%;height:100%}.frame-preview{display:grid;gap:12px}.frame-row{display:flex;align-items:center;gap:10px;background:var(--bg-2);border-radius:var(--r-md);padding:10px 12px}.frame-slot{display:grid;place-items:center;flex:none;position:relative}.frame-ring{position:absolute;inset:0;border-radius:50%;border:3px solid var(--primary)}.photo-full{margin:0}.photo-full img{width:100%;max-height:360px;object-fit:contain;border-radius:var(--r-sm);background:var(--bg-3)}.photo-box{border:2px dashed var(--field-line);border-radius:var(--r-md);min-height:96px;display:grid;place-items:center;text-align:center;padding:12px;color:var(--muted)}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media(max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.content{padding:14px}table.tbl.stacked thead{display:none}table.tbl.stacked,table.tbl.stacked tbody,table.tbl.stacked tr,table.tbl.stacked td{display:block;width:100%}table.tbl.stacked tr{border-bottom:1px solid var(--line);padding:6px 0}table.tbl.stacked td{border-bottom:none;padding:4px 12px}table.tbl.stacked td:before{content:attr(data-label);display:block;font-size:var(--fs-sm);color:var(--muted)}.bar-row{grid-template-columns:1fr 64px}.bar-row .bar-track{grid-column:1 / -1}}@media(pointer:coarse){.btn-sm{min-height:44px}}.cos-section{margin-bottom:22px}.cos-section h3{margin-bottom:2px}.cos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:8px}.cos-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px;display:flex;flex-direction:column;gap:6px}.cos-top{display:flex;gap:6px;align-items:center}.cos-visual{display:flex;align-items:center;justify-content:center;gap:16px;min-height:84px;background:var(--bg);border-radius:var(--r-sm)}.cos-name{color:var(--ink-2)}.cos-actions{display:flex;gap:6px;margin-top:auto;padding-top:4px}.cos-actions .btn{flex:1;gap:6px}.badge-fallback{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--on-primary);font-weight:700;flex:none}.cos-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0;padding:12px;background:var(--bg-2);border-radius:var(--r-sm)}.cos-file{position:relative;gap:6px;margin:14px 0 8px;cursor:pointer}.cos-file input{position:absolute;inset:0;opacity:0;cursor:pointer}.cos-file.disabled{opacity:.6;pointer-events:none}.cos-remove{margin-right:auto;color:var(--danger)}.dialog-wide{max-width:620px}