.lang-switch{border:1px solid var(--color-chalk);border-radius:var(--radius-buttons);background:var(--color-soft);grid-template-columns:repeat(3,1fr);gap:0;width:100%;padding:4px;display:grid;position:relative}.lang-bubble{background:var(--color-paper);pointer-events:none;z-index:0;border-radius:6px;width:calc(33.3333% - 2.66667px);transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 3px #0000000f}.lang-switch button{z-index:1;color:var(--color-ashen);font-size:var(--text-caption);font-weight:var(--font-weight-medium);background:0 0;border:none;border-radius:6px;min-height:36px;padding:8px 6px;transition:color .2s;position:relative}.lang-switch button.active{color:var(--color-ink)}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--spacing-8);border-radius:var(--radius-buttons);min-height:40px;font-size:14px;font-weight:var(--font-weight-medium);white-space:nowrap;border:1px solid #0000;flex-shrink:0;padding:8px 18px;line-height:1.43;transition:opacity .2s,background .2s,border-color .2s,transform .2s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bone)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-ghost{background:var(--color-paper);border-color:var(--color-chalk);color:var(--color-graphite);font-weight:var(--font-weight-medium)}.btn-ghost:hover:not(:disabled){background:var(--color-soft);color:var(--color-ink)}.btn-danger{background:var(--color-paper);color:var(--color-danger);border-color:#f0c8c8}.btn-danger:hover:not(:disabled){background:#fff5f5}.shell{grid-template-columns:var(--sidebar-width) 1fr;background:var(--color-bone);height:100vh;max-height:100vh;display:grid;overflow:hidden}.shell-aside{border-right:1px solid var(--color-chalk);height:100vh;padding:var(--spacing-24) var(--spacing-16);gap:var(--spacing-24);background:var(--color-paper);z-index:1000;flex-direction:column;display:flex;overflow:auto}.shell-brand{align-items:center;padding:4px 8px 8px;display:flex}.shell-name{font-weight:var(--font-weight-medium);color:var(--color-ink);font-size:15px}.shell-tag{color:var(--color-ashen);font-size:var(--text-caption);margin-top:2px}.shell-nav{flex-direction:column;flex:1;gap:4px;display:flex}.shell-nav a{color:var(--color-graphite);border-radius:10px;padding:10px 12px;transition:background .2s,color .2s}.shell-nav a:hover{background:var(--color-soft);color:var(--color-ink)}.shell-nav a.active{color:var(--color-ink);background:var(--color-soft);font-weight:var(--font-weight-medium)}.shell-foot{gap:var(--spacing-12);flex-direction:column;margin-top:auto;padding:0;display:flex}.shell-foot .lang-switch,.shell-foot .btn{width:100%}.shell-main{background:var(--color-bone);flex-direction:column;min-width:0;height:100vh;min-height:0;display:flex;overflow:hidden}.shell-top{height:var(--nav-height);padding:0 var(--spacing-16);border-bottom:1px solid var(--color-chalk);background:var(--color-paper);flex-shrink:0;justify-content:space-between;align-items:center;display:none}.shell-menu{background:var(--color-paper);border:1px solid var(--color-chalk);border-radius:var(--radius-buttons);color:var(--color-ink);padding:8px 14px}.shell-content{min-height:0;padding:var(--spacing-20) var(--spacing-24);flex-direction:column;flex:1;width:100%;max-width:none;margin:0;display:flex;overflow:hidden}.shell-backdrop{display:none}@media (width<=900px){.shell{grid-template-columns:1fr;height:100dvh;max-height:100dvh}.shell-aside{width:min(280px,86vw);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-105%)}.shell.nav-open .shell-aside{transform:translate(0)}.shell-top{display:flex}.shell-main{height:100dvh}.shell-backdrop{z-index:15;background:#12121259;animation:.2s both lightbox-in;display:block;position:fixed;inset:0}.shell-content{padding:var(--spacing-16)}}.field{flex-direction:column;gap:6px;width:100%;display:flex}.field-label{color:var(--color-ashen);font-size:var(--text-caption)}.field-input{background:var(--color-paper);border:1px solid var(--color-chalk);border-radius:var(--radius-inputs);width:100%;color:var(--color-ink);outline:none;padding:10px 12px;transition:border-color .15s}.field-input::placeholder{color:var(--color-pebble)}.field-input:focus{border-color:var(--color-accent)}.login{min-height:100vh;padding:var(--spacing-24);background:var(--color-bone);place-items:center;display:grid}.login-panel{width:min(420px,100%)}.login-top{margin-bottom:var(--spacing-24);justify-content:space-between;align-items:center;gap:16px;display:flex}.login-brand{font-weight:var(--font-weight-medium);color:var(--color-ink);align-items:center;gap:10px;display:flex}.login-mark{display:none}.login-card{border:1px solid var(--color-chalk);border-radius:var(--radius-cards);padding:var(--spacing-32);gap:var(--spacing-16);background:var(--color-paper);flex-direction:column;display:flex}.login-card h1{font-size:var(--text-heading-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);margin:0}.login-card p{color:var(--color-ashen);margin:0}.login-error{color:var(--color-danger);font-size:var(--text-caption)}.chart-area{width:100%;position:relative}.chart-area svg{width:100%;height:180px;display:block}.chart-grid{stroke:var(--color-chalk);stroke-width:1px}.chart-area-fill{animation:.7s both chart-draw}.chart-line{stroke:var(--color-accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200px;animation:1s forwards chart-stroke}.chart-cross{stroke:var(--color-mist);stroke-dasharray:3 3}.chart-dot{fill:var(--color-paper);stroke:var(--color-accent);stroke-width:2.5px}.chart-tip{background:var(--color-ink);color:var(--color-bone);font-size:var(--text-caption);pointer-events:none;z-index:2;border-radius:8px;flex-direction:column;gap:2px;max-width:200px;padding:8px 10px;animation:.15s both fade-up;display:flex;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 8px 24px #00000029}.chart-tip strong{font-weight:500}.chart-tip em{opacity:.72;text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.chart-x{color:var(--color-ashen);font-size:var(--text-caption);font-family:var(--font-mono);justify-content:space-between;margin-top:8px;display:flex}.chart-x span{text-align:center;flex:1;min-width:0}.chart-empty{place-items:center;min-height:120px;display:grid}.chart-bars{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.chart-bar-row{animation:.4s both fade-up}.chart-bars-meta{font-size:var(--text-body-sm);justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.chart-bars-label{color:var(--color-graphite);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chart-bars-track{background:var(--color-soft);border-radius:999px;height:8px;overflow:hidden}.chart-bars-fill{background:linear-gradient(90deg, var(--color-accent), #2bb673);transform-origin:0;border-radius:999px;min-width:4px;height:100%;animation:.55s cubic-bezier(.22,1,.36,1) both bar-grow}.spark-wrap{position:relative}.spark-bars{align-items:flex-end;gap:4px;width:100%;height:140px;padding-top:8px;display:flex}.spark-bars span{background:var(--color-accent);opacity:.55;transform-origin:bottom;cursor:default;border-radius:4px 4px 0 0;flex:1;min-width:0;transition:opacity .18s,transform .18s;animation:.45s both bar-grow}.spark-bars span.on,.spark-bars span:hover{opacity:1;transform:scaleY(1.02)}.spark-tip{background:var(--color-soft);font-size:var(--text-caption);color:var(--color-graphite);border-radius:8px;flex-direction:column;gap:2px;min-height:52px;margin-top:10px;padding:10px 12px;display:flex}.spark-tip strong{color:var(--color-ink);font-weight:500}.spark-tip em{color:var(--color-ashen);font-style:normal}@keyframes chart-stroke{to{stroke-dashoffset:0}}@keyframes chart-draw{0%{opacity:0}to{opacity:1}}@keyframes bar-grow{0%{opacity:.4;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.spark-bars span{transform-origin:bottom;animation-name:spark-grow}@keyframes spark-grow{0%{opacity:.3;transform:scaleY(0)}to{opacity:.55;transform:scaleY(1)}}.lightbox{z-index:1300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1212128c;place-items:center;padding:24px;animation:.22s both lightbox-in;display:grid;position:fixed;inset:0}.lightbox-img{border:1px solid #ffffff1f;border-radius:12px;max-width:min(960px,100%);max-height:88vh;animation:.28s both lightbox-scale;box-shadow:0 20px 60px #00000059}.lightbox-x{color:#fff;background:#ffffff24;border:none;border-radius:999px;width:40px;height:40px;font-size:24px;line-height:1;transition:background .2s,transform .2s;position:absolute;top:20px;right:24px}.lightbox-x:hover{background:#ffffff3d;transform:scale(1.05)}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-scale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.shot-thumb{background:var(--color-soft);cursor:zoom-in;aspect-ratio:16/10;border:none;border-radius:12px;width:100%;padding:0;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.shot-thumb:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000014}.shot-thumb img{object-fit:cover;object-position:center center;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.12)}.shot-miss{aspect-ratio:16/10;border:1px dashed var(--color-chalk);background:var(--color-soft);height:auto;min-height:120px;color:var(--color-ashen);font-size:var(--text-caption);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.shot-miss svg{width:48px;height:36px;color:var(--color-ashen)}.drawer-shot-wrap.shot-thumb{aspect-ratio:16/10}.drawer-shot-wrap.shot-miss{aspect-ratio:16/10;min-height:0}.drawer-overlay{top:0;bottom:0;right:0;left:var(--sidebar-width);z-index:900;background:0 0;justify-content:flex-end;padding:12px;display:flex;position:fixed}.drawer{background:var(--color-paper);border:1px solid var(--color-chalk);width:min(420px,100%);height:100%;padding:var(--spacing-24);border-radius:16px;animation:.28s cubic-bezier(.22,1,.36,1) both drawer-in;overflow:auto;box-shadow:-8px 0 32px #00000014}@keyframes drawer-in{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.drawer-head{margin-bottom:var(--spacing-24);justify-content:space-between;gap:12px;display:flex}.drawer-kicker{color:var(--color-ashen);font-size:var(--text-caption)}.drawer-head h2{font-size:var(--text-subheading);font-weight:var(--font-weight-medium);color:var(--color-ink);margin:4px 0 0}.drawer-status{color:var(--color-ashen);font-size:var(--text-caption);align-items:center;margin-top:6px;display:flex}.drawer-x{background:var(--color-soft);color:var(--color-ashen);border:none;border-radius:10px;flex-shrink:0;width:36px;height:36px;font-size:22px;line-height:1}.drawer-kv{margin:0 0 var(--spacing-24);background:var(--color-soft);border-radius:12px;gap:12px;padding:14px;display:grid}.drawer-kv dt{color:var(--color-ashen);font-size:var(--text-caption)}.drawer-kv dd{color:var(--color-ink);margin:2px 0 0}.drawer section{margin-bottom:var(--spacing-24)}.drawer h3{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);color:var(--color-graphite);margin:0 0 12px}.drawer-apps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.drawer-apps li{color:var(--color-graphite);font-size:var(--text-caption);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.drawer-apps li:hover{background:var(--color-soft)}.drawer-app-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink);overflow:hidden}.muted{color:var(--color-ashen)}.drawer-shots{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.drawer-shot-wrap.shot-thumb,.drawer-shot-wrap.shot-miss{border-radius:10px}.drawer-shot-wrap.shot-thumb img,.drawer-shot-wrap.shot-miss{aspect-ratio:16/10;height:auto}@media (width<=900px){.drawer-overlay{padding:8px;left:0}}.session-overlay{top:0;bottom:0;right:0;left:var(--sidebar-width);z-index:900;background:0 0;justify-content:flex-end;display:flex;position:fixed}.session-drawer{background:var(--color-paper);border-left:1px solid var(--color-chalk);width:min(420px,100%);height:100%;padding:var(--spacing-24);animation:.28s cubic-bezier(.22,1,.36,1) both drawer-in;overflow:auto}.session-head{margin-bottom:var(--spacing-24);justify-content:space-between;gap:12px;display:flex}.session-kicker{color:var(--color-ashen);font-size:var(--text-caption)}.session-head h2{font-size:var(--text-subheading);font-weight:var(--font-weight-medium);color:var(--color-ink);margin:4px 0 0}.session-x{color:var(--color-ashen);background:0 0;border:none;font-size:24px;line-height:1}.session-kv{margin:0 0 var(--spacing-24);gap:12px;display:grid}.session-kv dt{color:var(--color-ashen);font-size:var(--text-caption)}.session-kv dd{color:var(--color-ink);margin:2px 0 0}.session-drawer section{margin-bottom:var(--spacing-24)}.session-drawer h3{font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);color:var(--color-graphite);margin:0 0 12px}.session-titles{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.session-titles li{background:var(--color-soft);color:var(--color-graphite);font-size:var(--text-caption);word-break:break-word;border-radius:10px;padding:10px 12px}.on-dot{color:#1a9f63}.off-dot{color:var(--color-ashen)}@media (width<=900px){.session-overlay{left:0}}.card{background:var(--color-paper);border:1px solid var(--color-chalk);border-radius:var(--radius-cards);padding:var(--spacing-24);width:100%}.card.card-flush{padding:0;overflow:hidden}.card-head{justify-content:space-between;align-items:center;gap:var(--spacing-16);margin-bottom:var(--spacing-16);display:flex}.card-title{font-size:var(--text-subheading);font-weight:var(--font-weight-medium);color:var(--color-ink);margin:0}.card-body{min-width:0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:48px 24px;display:flex}.empty-art{width:160px;height:120px;margin-bottom:8px}.empty-title{color:var(--color-ink);font-weight:var(--font-weight-medium);font-size:var(--text-body)}.empty-hint{color:var(--color-ashen);font-size:var(--text-caption);max-width:320px}.search-field{background:var(--color-paper);border:1px solid var(--color-chalk);border-radius:var(--radius-buttons);align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.search-field:focus-within{border-color:var(--color-ink);box-shadow:0 0 0 3px #1212120f}.search-icon{color:var(--color-ashen);flex-shrink:0}.search-input{min-width:0;color:var(--color-ink);font-size:var(--text-body-sm);background:0 0;border:none;outline:none;flex:1;padding:10px 0}.search-input::placeholder{color:var(--color-pebble)}.search-input::-webkit-search-cancel-button{appearance:none}.page-frame{flex-direction:column;width:100%;height:100%;min-height:0;animation:.35s both page-in;display:flex}.page-frame-head{gap:var(--spacing-16);margin-bottom:var(--spacing-16);flex-direction:column;flex-shrink:0;display:flex}.page-frame-title-row{justify-content:space-between;align-items:center;gap:var(--spacing-16);display:flex}.page-frame-title-row .page-title{margin:0}.page-frame-body{overscroll-behavior:contain;scroll-behavior:smooth;flex:1;min-height:0;padding-right:2px;overflow:auto}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.infinite-sentinel{width:100%;height:1px}.infinite-status{text-align:center;color:var(--color-ashen);font-size:var(--text-caption);padding:16px 0 8px}.stat{background:var(--color-paper);border:1px solid var(--color-chalk);border-radius:var(--radius-cards);padding:var(--spacing-24);width:100%;min-width:0}.stat-value{font-size:var(--text-heading-sm);font-weight:var(--font-weight-medium);color:var(--color-ink);letter-spacing:-.02em}.stat-label{color:var(--color-ashen);font-size:var(--text-caption);margin-top:6px}.stat-grid{gap:var(--spacing-16);margin-bottom:var(--spacing-16);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.overview-grid{gap:var(--spacing-16);width:100%;padding-bottom:var(--spacing-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.overview-grid .span-2{grid-column:1/-1}.online-list,.live-sessions{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.online-row,.live-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .18s,border-color .18s;display:flex}.online-row:hover,.live-row:hover{background:var(--color-soft);border-color:var(--color-chalk)}.live-app{font-weight:var(--font-weight-medium);color:var(--color-ink)}.live-meta{color:var(--color-ashen);font-size:var(--text-caption);flex-direction:column;align-items:flex-end;gap:2px;display:flex}.live-meta strong{color:var(--color-ink);font-weight:500}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.overview-grid{grid-template-columns:1fr}}.table-wrap{width:100%;overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-body-sm)}.table th,.table td{text-align:left;border-bottom:1px solid var(--color-chalk);vertical-align:middle;padding:14px 12px}.table th{color:var(--color-ashen);font-weight:var(--font-weight-regular);font-size:var(--text-caption);white-space:nowrap}.table td{color:var(--color-ink)}.table tbody tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table tbody tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.table tbody tr:hover td{background:var(--color-soft);border-bottom-color:#0000}.table .clickable{cursor:pointer}.panel-surface{border:1px solid var(--color-chalk);border-radius:var(--radius-cards);padding:var(--spacing-8) var(--spacing-16);background:var(--color-paper);width:100%;overflow-x:auto}.role-select{background:var(--color-paper);border:1px solid var(--color-chalk);border-radius:var(--radius-inputs);color:var(--color-ink);min-width:140px;padding:6px 8px;transition:border-color .2s}.dot{background:var(--color-mist);border-radius:50%;width:8px;height:8px;margin-right:8px;transition:background .2s;display:inline-block}.toast{background:var(--color-ink);border:1px solid var(--color-ink);border-radius:var(--radius-buttons);color:var(--color-bone);font-size:var(--text-body-sm);opacity:0;pointer-events:none;z-index:1100;padding:10px 16px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(12px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.invite-form{gap:var(--spacing-16);grid-template-columns:1fr 200px auto;align-items:end;width:100%;display:grid}.invite-cols{gap:var(--spacing-16);margin-top:var(--spacing-16);width:100%;padding-bottom:var(--spacing-24);grid-template-columns:1fr 1fr;align-items:start;display:grid}.invite-cols .card{min-height:0}.invite-cols .empty-state{min-height:140px;padding:24px 12px}.invite-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.invite-list li{border-bottom:1px solid var(--color-chalk);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;display:grid}.invite-list li:last-child{border-bottom:none;padding-bottom:0}.invite-list li:first-child{padding-top:0}.invite-code{color:var(--color-ink);font-weight:var(--font-weight-medium);margin-bottom:4px}.invite-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.invite-actions .btn{flex-shrink:0}@media (width<=1100px){.invite-list li{grid-template-columns:1fr;align-items:start}.invite-actions{width:100%;padding-bottom:2px;overflow-x:auto}}@media (width<=900px){.invite-form,.invite-cols{grid-template-columns:1fr}}.act-list{gap:var(--spacing-16);width:100%;padding-bottom:var(--spacing-16);flex-direction:column;display:flex}.act-group{background:var(--color-paper);border:1px solid var(--color-chalk);border-radius:var(--radius-cards);width:100%;padding:12px}.act-group-head{border-bottom:1px solid var(--color-chalk);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;padding:8px 8px 12px;display:flex}.act-host{font-weight:var(--font-weight-medium);color:var(--color-ink);font-size:var(--text-body)}.act-sessions{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.act-row{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:12px;transition:background .18s,border-color .18s;display:grid}.act-row:hover{background:var(--color-soft);border-color:var(--color-chalk)}.act-app{align-items:flex-start;gap:12px;min-width:0;display:flex}.act-cat{background:var(--color-mist);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.cat-system{background:#9c9a92}.cat-browser{background:#4c8bf5}.cat-communication{background:#3ecf8e}.cat-work{background:#d97757}.cat-entertainment{background:#c084fc}.cat-other{background:var(--color-mist)}.act-name{font-weight:var(--font-weight-medium);color:var(--color-ink)}.act-meta{color:var(--color-ashen);font-size:var(--text-caption);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.act-dur{color:var(--color-ink);font-weight:var(--font-weight-medium)}.dot{background:var(--color-mist);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:var(--color-accent)}@media (width<=700px){.act-row{grid-template-columns:1fr}.act-meta{align-items:flex-start}}.modal-overlay{z-index:1000;padding:var(--spacing-16);background:#12121259;justify-content:center;align-items:center;animation:.2s both lightbox-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-paper);border:1px solid var(--color-chalk);border-radius:var(--radius-cards);width:min(480px,100%);padding:var(--spacing-24);max-height:min(90vh,640px);overflow:auto;box-shadow:0 16px 48px #0000001f}.modal-head{margin-bottom:var(--spacing-16);justify-content:space-between;align-items:center;display:flex}.modal-head h3{font-size:var(--text-subheading);font-weight:var(--font-weight-medium);color:var(--color-ink);margin:0}.modal-x{color:var(--color-ashen);background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.modal-body{gap:var(--spacing-16);color:var(--color-graphite);font-size:var(--text-body-sm);white-space:normal;flex-direction:column;line-height:1.5;display:flex;overflow:visible}.modal-body p{-webkit-line-clamp:unset;margin:0;display:block;overflow:visible}.modal-foot{justify-content:flex-end;gap:var(--spacing-8);margin-top:var(--spacing-24);display:flex}.viol-grid{gap:var(--spacing-16);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.viol-card-wrap{min-width:0}.viol-card{flex-direction:column;gap:0;display:flex}.viol-card .shot-thumb,.viol-card .shot-miss{border:none;border-bottom:1px solid var(--color-chalk);border-radius:0}.viol-meta{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.viol-host{font-weight:var(--font-weight-medium);color:var(--color-ink);font-size:var(--text-body-sm)}.viol-app{color:var(--color-ashen);font-size:var(--text-caption)}.viol-meta p{color:var(--color-graphite);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:0;margin:4px 0 0;line-height:1.4;display:-webkit-box;overflow:hidden}.viol-foot{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}@media (width<=1100px){.viol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.viol-grid{grid-template-columns:1fr}}.rp-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;display:grid}.rp-card{background:var(--surface,#fff);border:1px solid #14102814;border-radius:14px;padding:14px 16px}.rp-label{color:#6b677a;margin-bottom:6px;font-size:12px}.rp-value{font-size:24px;font-weight:700}.rp-green{color:#1f9d55}.rp-red{color:#c0392b}.rp-h2{letter-spacing:.04em;text-transform:uppercase;color:#6b677a;margin:0 0 12px;font-size:14px}.rp-months{gap:12px;display:grid}.rp-month{background:#fff;border:1px solid #14102814;border-radius:14px;padding:14px 16px}.rp-month-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.rp-tag{color:#3d5afe;background:#3d5afe1f;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.rp-json{white-space:pre-wrap;color:#3a3648;margin:0;font-size:12px}.rp-empty{color:#6b677a;padding:20px 0}.at-admin-meta{color:#6b677a;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.at-admin-pill{background:#f3f2f7;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:650}.at-admin-pill.present{color:#1f9d55;background:#1f9d551f}.at-admin-pill.absent{color:#c0392b;background:#c0392b1f}.at-admin-pill.left{color:#a07a10;background:#d4a01724}.at-admin-list{gap:8px;display:grid}.at-admin-row{background:#fff;border:1px solid #14102814;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.at-admin-name{font-weight:650}.at-admin-sub{color:#6b677a;margin-top:4px;font-size:12px}.at-admin-status{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.at-admin-status.present{color:#1f9d55;background:#1f9d551f}.at-admin-status.absent{color:#c0392b;background:#c0392b1f}.at-admin-status.left{color:#a07a10;background:#d4a01724}.at-admin-empty{color:#6b677a;padding:24px 0}:root{--color-bone:#fff;--color-paper:#fff;--color-soft:#f4f4f2;--color-ink:#121212;--color-graphite:#373734;--color-ashen:#7b7974;--color-pebble:#9c9a92;--color-mist:#b7b7b5;--color-chalk:#e7e6e1;--color-border:#e7e6e1;--color-accent:#3ecf8e;--color-accent-soft:#1212120f;--color-danger:#d14b4b;--color-snow:var(--color-ink);--color-silver-mist:var(--color-graphite);--color-smoke:var(--color-ashen);--color-slate:var(--color-chalk);--color-charcoal:var(--color-chalk);--color-ash:var(--color-soft);--color-obsidian:var(--color-bone);--color-void:var(--color-soft);--color-phosphor-green:var(--color-accent);--color-mint-pulse:#00c573;--font-sans:"IBM Plex Sans", "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-caption:12px;--text-body-sm:14px;--text-body:16px;--text-subheading:18px;--text-heading-sm:24px;--text-heading:36px;--font-weight-regular:400;--font-weight-medium:500;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--radius-inputs:10px;--radius-cards:16px;--radius-buttons:12px;--sidebar-width:240px;--nav-height:64px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{background:var(--color-bone);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--font-weight-regular);letter-spacing:-.007em;-webkit-font-smoothing:antialiased;margin:0;line-height:1.43;overflow:hidden}a{color:var(--color-ink);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}code,.mono{font-family:var(--font-mono);letter-spacing:.02em}::selection{background:var(--color-accent-soft);color:var(--color-ink)}.page-title{margin:0 0 var(--spacing-24);font-size:var(--text-heading-sm);font-weight:var(--font-weight-medium);color:var(--color-ink)}.muted{color:var(--color-ashen);font-size:var(--text-caption)}