@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

.tierlist-editor-shell{display:grid;gap:10px;max-width:1600px}.tierlist-editor-header{position:sticky;z-index:15;top:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--border);border-radius:14px;background:rgba(6,11,20,.94);backdrop-filter:blur(14px)}.tierlist-editor-header h1{margin:2px 0;font-size:1.25rem}.tierlist-editor-header>span{color:var(--muted);font-size:.72rem}.tierlist-editor-controls{display:grid;grid-template-columns:minmax(220px,2fr) minmax(90px,.55fr) minmax(220px,1.2fr) auto;align-items:end;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.tierlist-editor-controls label{margin:0;color:var(--muted);font-size:.68rem;font-weight:700}.tierlist-editor-controls input,.tierlist-editor-controls select,.tierlist-editor-controls textarea{min-height:36px;margin:4px 0 0;padding:7px 9px}.tierlist-description-field{grid-column:1/4}.tierlist-description-field textarea{min-height:42px;resize:vertical}.tierlist-editor-board .tierlist-row{min-height:76px;grid-template-columns:68px minmax(0,1fr)}.tierlist-editor-board .tierlist-row>label b{font-size:1.45rem}.tierlist-editor-board .tierlist-row-items{padding:4px}.tierlist-editor-page .tierlist-class-card{width:76px;min-width:76px;padding:3px}.tierlist-editor-page .tierlist-class-card img{height:49px}.tierlist-editor-page .tierlist-class-card strong{min-height:25px;padding:3px 2px;font-size:.48rem;line-height:1.15}.tierlist-editor-pool{margin:0;padding:10px}.tierlist-editor-pool header{margin-bottom:7px}.tierlist-editor-pool h2{font-size:.92rem}.tierlist-editor-pool .tierlist-class-grid{max-height:180px;overflow:auto;padding:5px}.tierlist-editor-actions{position:sticky;z-index:15;bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--border);border-radius:13px;background:rgba(6,11,20,.95);backdrop-filter:blur(14px)}.tierlist-editor-actions .form-message{margin:0}.tierlist-editor-actions .actions{margin:0}.tierlist-editor-actions a,.tierlist-editor-actions button{width:auto;margin:0;padding:9px 14px;text-decoration:none}@media(max-width:760px){.tierlist-editor-header{top:66px}.tierlist-editor-controls{grid-template-columns:1fr 1fr}.tierlist-description-field{grid-column:1/-1}.tierlist-editor-controls .active-group-toggle{grid-column:1/-1}.tierlist-editor-board .tierlist-row{grid-template-columns:48px minmax(0,1fr)}.tierlist-editor-page .tierlist-class-card{width:68px;min-width:68px}.tierlist-editor-actions{align-items:stretch;flex-direction:column}.tierlist-editor-actions .actions{display:grid;grid-template-columns:1fr 1fr}.tierlist-editor-actions a,.tierlist-editor-actions button{width:100%;text-align:center}}

.tierlist-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--border);border-radius:13px;background:#09111d}.tierlist-tabs button,.tierlist-pagination button{width:auto;margin:0;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:750;cursor:pointer}.tierlist-tabs button.active,.tierlist-pagination button.active{background:var(--primary-soft);color:#9bc1ff}.tierlist-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.tierlist-filters label,.tierlist-form-grid label{margin:0;color:var(--muted);font-size:.72rem;font-weight:700}.tierlist-filters select,.tierlist-form-grid select{margin-top:6px}.tierlist-view{display:grid;gap:18px}.tierlist-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tierlist-podium article{display:grid;grid-template-columns:auto 58px 1fr;align-items:center;gap:4px 12px;padding:15px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.1),var(--surface))}.tierlist-podium article>span{grid-row:1/3;font-size:1.65rem}.tierlist-podium img{grid-row:1/3;width:58px;height:58px;border-radius:10px;object-fit:cover;object-position:top}.tierlist-podium strong,.tierlist-podium small{display:block}.tierlist-podium small{color:var(--muted);font-size:.62rem}.tierlist-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tierlist-list-card{display:flex;min-height:220px;flex-direction:column;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.tierlist-list-card h3{margin:9px 0 6px;font-size:1rem}.tierlist-list-card p{margin:0;color:var(--muted);font-size:.75rem}.tierlist-kind{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--primary-soft);color:#9bc1ff;font-size:.6rem;font-weight:800}.tierlist-list-meta{margin-top:14px;color:#728198;font-size:.65rem}.tierlist-list-card .actions{margin-top:auto}.tierlist-list-card button{width:auto;margin:0;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:var(--soft);color:var(--text);font-size:.7rem;cursor:pointer}.tierlist-pagination{display:flex;justify-content:center;gap:5px}.tierlist-empty{grid-column:1/-1;padding:44px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center}.tierlist-actions{align-items:center}.tierlist-actions>span{color:var(--muted);font-size:.7rem}.tierlist-actions button:disabled{cursor:not-allowed;opacity:.45}.app-shell .tierlist-modal .modal{width:min(1100px,calc(100vw - 32px))}.tierlist-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.tierlist-modal textarea{min-height:72px;resize:vertical}.tierlist-modal .tierlist-board{margin-top:18px}.tierlist-modal .tierlist-pool{margin-top:12px}.tierlist-row>label b{position:relative;z-index:1;color:#fff;font-size:2rem;font-weight:950;text-shadow:0 2px 8px rgba(0,0,0,.38)}@media(max-width:850px){.tierlist-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tierlist-podium{grid-template-columns:1fr}.tierlist-form-grid{grid-template-columns:1fr 1fr}.tierlist-form-grid label:first-child{grid-column:1/-1}}@media(max-width:600px){.tierlist-filters,.tierlist-list{grid-template-columns:1fr}.tierlist-tabs{overflow:auto}.tierlist-tabs button{flex:1;white-space:nowrap}.tierlist-form-grid{grid-template-columns:1fr}.tierlist-form-grid label:first-child{grid-column:auto}.app-shell .tierlist-modal .modal{width:100%;padding:15px}.tierlist-row>label b{font-size:1.35rem}}

.tierlist-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.tierlist-hero h1{margin:4px 0 7px}.tierlist-actions{display:flex;gap:9px;flex:none}.tierlist-actions button{width:auto;margin:0;padding:10px 14px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--soft);font-weight:700;cursor:pointer}.tierlist-actions .primary{border-color:transparent;background:var(--primary)}.tierlist-message{min-height:22px;margin:-8px 0;color:#9bc1ff;font-size:.8rem}.tierlist-board{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#09111d;box-shadow:var(--shadow)}.tierlist-row{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:112px;border-bottom:1px solid var(--border)}.tierlist-row:last-child{border-bottom:0}.tierlist-row>label{display:grid;place-items:center;margin:0;padding:10px;background:var(--tier-color)}.tierlist-row>label input{width:100%;margin:0;padding:8px 4px;border:0;background:transparent;color:white;font-size:1.45rem;font-weight:900;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.28)}.tierlist-row-items{display:flex;align-content:flex-start;align-items:flex-start;gap:7px;min-width:0;padding:10px;flex-wrap:wrap}.tierlist-dropzone.drag-over{background:rgba(96,165,250,.12);outline:2px dashed rgba(96,165,250,.55);outline-offset:-4px}.tierlist-class-card{position:relative;width:82px;overflow:hidden;border:1px solid rgba(148,173,211,.18);border-radius:9px;background:#101a29;cursor:grab;user-select:none;box-shadow:0 5px 14px rgba(0,0,0,.22)}.tierlist-class-card:active{cursor:grabbing}.tierlist-class-card.dragging{opacity:.4}.tierlist-class-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;object-position:top}.tierlist-class-card strong{display:block;overflow:hidden;padding:6px 5px;color:#e8f0fa;font-size:.62rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tierlist-pool{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.tierlist-pool>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.tierlist-pool h2{margin:3px 0 0}.tierlist-pool>header>strong{display:grid;place-items:center;min-width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:#9bc1ff}.tierlist-class-grid{display:flex;min-height:112px;align-items:flex-start;gap:8px;flex-wrap:wrap}.tierlist-class-grid>p{color:var(--muted)}.tierlist-source{margin:0;color:var(--muted);font-size:.7rem;text-align:center}.tierlist-source a{color:#8db8ff}@media(max-width:680px){.tierlist-hero{align-items:stretch;flex-direction:column}.tierlist-actions>*{flex:1}.tierlist-row{grid-template-columns:58px;min-height:86px}.tierlist-row>label{padding:5px}.tierlist-row>label input{font-size:1.05rem}.tierlist-class-card{width:66px}.tierlist-row-items{padding:7px;gap:5px}.tierlist-class-card strong{font-size:.55rem}}

.nav-menu{position:relative;display:flex;align-self:stretch}.nav-menu summary{height:100%;list-style:none;cursor:pointer}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu.active>.nav-item{color:var(--text)}.nav-menu.active>.nav-item:after{content:"";position:absolute;inset:auto 13px -1px;height:2px;border-radius:2px;background:var(--primary)}.nav-caret{margin-left:-3px;font-size:.8rem;transition:transform .18s ease}.nav-menu[open] .nav-caret{transform:rotate(180deg)}.nav-submenu{position:absolute;top:calc(100% - 7px);left:0;min-width:170px;padding:7px;border:1px solid var(--border);border-radius:12px;background:#0d1522;box-shadow:0 18px 44px rgba(0,0,0,.38)}.nav-submenu a{display:block;padding:10px 12px;border-radius:8px;color:var(--muted);font-size:.8rem;font-weight:650;text-decoration:none}.nav-submenu a:hover,.nav-submenu a.active{background:var(--primary-soft);color:var(--text)}
.tierlist-page{display:grid;gap:18px}.tierlist-hero,.tierlist-workspace{padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.tierlist-hero h1{margin:5px 0 8px;font-size:clamp(2rem,5vw,3.2rem)}.tierlist-hero>p:last-child,.tierlist-workspace p{margin:0;color:var(--muted)}.tierlist-workspace{min-height:280px;display:grid;place-items:center;text-align:center}.tierlist-workspace>div{max-width:620px}.tierlist-workspace h2{margin:12px 0 8px}.tierlist-badge{display:inline-flex;padding:5px 9px;border:1px solid rgba(96,165,250,.24);border-radius:999px;background:var(--primary-soft);color:#9bc1ff;font-size:.68rem;font-weight:750;text-transform:uppercase}
@media(max-width:680px){.nav-menu .nav-caret{display:none}.nav-submenu{position:fixed;top:62px;left:12px;right:12px}.tierlist-hero,.tierlist-workspace{padding:20px}}

/* Tierlist ranking visual */
.tierlist-board{gap:3px;padding:5px;border-color:rgba(148,173,211,.2);border-radius:20px;background:#070d17}.tierlist-row{position:relative;grid-template-columns:116px minmax(0,1fr);min-height:122px;overflow:hidden;border:1px solid rgba(148,173,211,.1);border-radius:13px;background:linear-gradient(90deg,color-mix(in srgb,var(--tier-color) 7%,#0b1421),#0b1421 36%);transition:border-color .18s ease,box-shadow .18s ease}.tierlist-row:last-child{border-bottom:1px solid rgba(148,173,211,.1)}.tierlist-row:focus-within{border-color:color-mix(in srgb,var(--tier-color) 52%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--tier-color) 13%,transparent)}.tierlist-row:before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:116px;background:linear-gradient(145deg,color-mix(in srgb,var(--tier-color) 92%,white 8%),color-mix(in srgb,var(--tier-color) 72%,#020617));box-shadow:inset -1px 0 rgba(255,255,255,.18),8px 0 28px color-mix(in srgb,var(--tier-color) 16%,transparent)}.tierlist-row>label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;margin:0;padding:13px 10px;background:transparent}.tierlist-rank-mark{position:absolute;color:rgba(255,255,255,.13);font-size:5rem;font-weight:950;line-height:1;transform:translateY(-4px);filter:blur(.2px)}.tierlist-row>label input{position:relative;z-index:1;width:86px;margin:0;padding:4px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;font-size:2rem;font-weight:950;line-height:1;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.38);transition:.18s ease}.tierlist-row>label input:hover{background:rgba(0,0,0,.12)}.tierlist-row>label input:focus{border-color:rgba(255,255,255,.34);outline:0;background:rgba(2,6,23,.24);box-shadow:0 0 0 3px rgba(255,255,255,.08)}.tierlist-row>label small{position:relative;z-index:1;max-width:96px;overflow:hidden;color:rgba(255,255,255,.78);font-size:.57rem;font-weight:800;letter-spacing:.1em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tierlist-row-items{position:relative;z-index:1;min-height:120px;padding:12px}.tierlist-row-items:empty:after{content:"Arraste as classes para esta categoria";display:grid;place-items:center;width:100%;min-height:94px;border:1px dashed rgba(148,173,211,.14);border-radius:10px;color:#526178;font-size:.68rem}.tierlist-class-card{transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.tierlist-class-card:hover{z-index:2;border-color:color-mix(in srgb,var(--tier-color,#3b82f6) 45%,white);transform:translateY(-2px);box-shadow:0 9px 20px rgba(0,0,0,.34)}
@media(max-width:680px){.tierlist-board{gap:2px;padding:3px;border-radius:15px}.tierlist-row{grid-template-columns:68px minmax(0,1fr);min-height:92px;border-radius:10px}.tierlist-row:before{width:68px}.tierlist-row>label{padding:8px 4px}.tierlist-rank-mark{font-size:3.5rem}.tierlist-row>label input{width:58px;font-size:1.35rem}.tierlist-row>label small{max-width:62px;font-size:.46rem;letter-spacing:.04em}.tierlist-row-items{min-height:90px;padding:7px}.tierlist-row-items:empty:after{min-height:74px;padding:6px;font-size:.58rem;text-align:center}}

:root{color-scheme:dark;--bg:#050d0c;--surface:rgba(10,25,22,.92);--soft:#102723;--border:rgba(151,220,202,.12);--text:#f1f8f5;--muted:#91aaa3;--primary:#18a999;--primary-hover:#20c7b3;--primary-soft:rgba(24,169,153,.15);--accent:#d6a756;--danger:#fb7185;--success:#42d6a4;--shadow:0 24px 70px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth}button,input,textarea,select{font:inherit}
body.app-shell,body.auth-page,body.groups-page{margin:0;padding:0;min-height:100vh;font-family:Inter,"Segoe UI",sans-serif;color:var(--text);line-height:1.5;background:radial-gradient(circle at 8% 4%,rgba(24,169,153,.18),transparent 28rem),radial-gradient(circle at 92% 12%,rgba(214,167,86,.08),transparent 24rem),var(--bg)}
body.app-shell:before,body.groups-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
.app-shell .page,.groups-page .page{position:relative;width:min(1280px,calc(100% - 48px));max-width:none;margin:auto;padding:28px 0 52px}
.app-shell .topbar,.groups-page .topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:rgba(14,17,26,.8);box-shadow:0 12px 36px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;background:linear-gradient(135deg,var(--primary),#4f8cff);font-weight:800;letter-spacing:-.04em;box-shadow:0 8px 24px rgba(124,92,255,.3)}
.brand-mark.marni-mark{overflow:hidden;background:#0d1b16;box-shadow:0 7px 22px rgba(214,167,86,.24)}.marni-mark img{display:block;width:100%;height:100%;object-fit:cover}
.eyebrow{margin:0 0 3px;color:#72798b;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.app-shell h1,.groups-page h1{font-size:1.12rem;letter-spacing:-.02em}.app-shell h2,.groups-page h2{font-size:1.3rem;letter-spacing:-.035em}#userInfo{color:var(--muted);font-size:.85rem}
.app-shell .topbar nav{display:flex;gap:8px;flex-wrap:wrap}.app-shell .topbar button,.app-shell .modal button,.app-shell .card button,.groups-page button,.back-link{width:auto;margin:0;padding:10px 15px;border:1px solid var(--border);border-radius:11px;background:var(--soft);color:var(--text);font-size:.85rem;font-weight:650;text-decoration:none;cursor:pointer;box-shadow:none;transition:.18s ease}
.app-shell button:hover,.groups-page button:hover,.back-link:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.17);background:#202536}.app-shell button.primary,.groups-page button:not(.secondary){border-color:transparent;background:var(--primary);color:#fff;box-shadow:0 8px 22px rgba(124,92,255,.22)}.app-shell button.primary:hover,.groups-page button:not(.secondary):hover{background:var(--primary-hover)}.app-shell .topbar button.danger{background:transparent;border-color:rgba(251,113,133,.22);color:var(--danger)}
.app-shell .card,.groups-page .card{margin:0;padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head h2{margin:0 0 4px}.section-head p{margin:0;color:var(--muted);font-size:.88rem}.section-link{color:#a999ff!important;font-size:.85rem;font-weight:650!important}
.app-shell .group-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-shell .group-item,.groups-page .group-item{position:relative;min-height:280px;padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015));display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:.2s ease}.app-shell .group-item:before,.groups-page .group-item:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(to bottom,var(--primary),transparent 70%)}.app-shell .group-item:hover,.groups-page .group-item:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.35);background:rgba(255,255,255,.045)}
.app-shell .group-item strong{font-size:1.05rem;letter-spacing:-.025em}.app-shell .group-pill,.groups-page .pill{display:inline-flex;width:fit-content;margin:0;padding:5px 9px;border:1px solid rgba(124,92,255,.22);border-radius:999px;background:var(--primary-soft);color:#b9abff;font-size:.68rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.status{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:.72rem;font-weight:650}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.status.inactive{color:#72798b}.group-description{margin:0;color:var(--muted);font-size:.85rem;line-height:1.55;min-height:2.65em}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:2px}.stat{padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.025)}.stat span{display:block;color:#72798b;font-size:.66rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.stat strong{display:block;margin-top:2px;font-size:.84rem!important}.members{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .group-meta,.groups-page .group-meta{margin:0;color:var(--muted);font-size:.83rem;line-height:1.55}.app-shell .actions,.groups-page .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.app-shell .actions button,.groups-page .actions button{flex:1}.app-shell .actions button.secondary,.groups-page .secondary{background:transparent;color:var(--muted)}.app-shell .actions button.danger{background:rgba(251,113,133,.1);border-color:rgba(251,113,133,.18);color:var(--danger)}
.empty-state{grid-column:1/-1;padding:52px 20px;text-align:center;color:var(--muted)}.empty-state strong{display:block;margin-bottom:6px;color:var(--text)}
.app-shell input,.app-shell textarea,.app-shell select,.groups-page select{width:100%;margin:7px 0 0;padding:11px 12px;border:1px solid var(--border);border-radius:11px;outline:0;background:#0d1018;color:var(--text);transition:.18s ease}.app-shell input:focus,.app-shell textarea:focus,.app-shell select:focus,.groups-page select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.app-shell label{display:block;margin-top:14px;color:var(--muted);font-size:.82rem;font-weight:600}.app-shell textarea{min-height:96px}
.app-shell .modal-backdrop{background:rgba(3,4,8,.76);backdrop-filter:blur(8px)}.app-shell .modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#121520;box-shadow:0 30px 90px rgba(0,0,0,.6)}.modal-head{margin-bottom:18px}.modal-head h3{margin:0 0 5px;font-size:1.22rem;letter-spacing:-.03em}.modal-head p{margin:0;color:var(--muted);font-size:.85rem}.app-shell .profile-grid{grid-template-columns:repeat(3,1fr)}.app-shell input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--primary)}
.groups-page .topbar{margin-bottom:16px}.groups-page .card{padding:20px}.groups-page .filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,240px) auto;gap:10px;margin:0 0 18px}.groups-page .filters select,.groups-page .filters input{width:100%;margin:0;padding:11px 12px;border:1px solid var(--border);border-radius:11px;outline:0;background:#0d1018;color:var(--text)}.groups-page .filters input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.groups-page .group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.groups-page .group-item{min-height:260px}
.auth-page{display:grid!important;place-items:center;padding:36px 24px!important}.auth-page .container{max-width:1080px;gap:16px}.auth-page .card{border:1px solid var(--border);border-radius:24px;background:rgba(18,21,32,.9);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-page .hero-card{position:relative;overflow:hidden}.auth-page .hero-card:after{content:"";position:absolute;width:240px;height:240px;right:-110px;top:-110px;border-radius:50%;background:rgba(124,92,255,.14)}.auth-page .hero-badge{background:var(--primary-soft);color:#b9abff}.auth-page h1{color:var(--text);font-size:clamp(2rem,5vw,3.25rem);line-height:1.04;letter-spacing:-.06em}.auth-page h2{color:var(--text);letter-spacing:-.035em}.auth-page p,.auth-page .small{color:var(--muted)}.auth-page input{border-color:var(--border);background:#0d1018}.auth-page input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.auth-page button{background:var(--primary);color:#fff;box-shadow:0 8px 22px rgba(124,92,255,.2)}.auth-page button:hover{background:var(--primary-hover)}.auth-page .btn-social{background:rgba(255,255,255,.035);border-color:var(--border);box-shadow:none}.auth-page .message:not(:empty){padding:10px 12px;border:1px solid rgba(251,113,133,.18);border-radius:10px;background:rgba(251,113,133,.08)}.auth-page .message.success:not(:empty){color:var(--success);border-color:rgba(54,211,153,.18);background:rgba(54,211,153,.08)}
@media(max-width:960px){.app-shell .group-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell .page,.groups-page .page{width:calc(100% - 28px);padding-top:14px}.app-shell .topbar,.groups-page .topbar{align-items:flex-start;padding:15px}.app-shell .topbar{flex-direction:column}.app-shell .topbar nav{width:100%}.app-shell .topbar nav button{flex:1}.app-shell .card,.groups-page .card{padding:16px;border-radius:18px}.app-shell .group-list,.groups-page .group-list{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.app-shell .profile-grid{grid-template-columns:1fr}.groups-page .filters{grid-template-columns:1fr}.groups-page .filters button{width:100%}.auth-page{padding:14px!important}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Marni application shell */
.app-shell .page{padding-top:92px}.site-header{position:fixed;z-index:100;inset:0 0 auto;height:68px;border-bottom:1px solid var(--border);background:rgba(9,11,18,.9);backdrop-filter:blur(20px)}.site-header-inner{width:min(1380px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}.site-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:1.08rem;font-weight:800;letter-spacing:-.035em}.site-brand .brand-mark{width:36px;height:36px;border-radius:11px}.main-nav{display:flex;align-items:center;align-self:stretch;gap:4px}.nav-item{position:relative;display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted);text-decoration:none;font-size:.84rem;font-weight:650;transition:.18s ease}.nav-item svg{width:18px;height:18px}.nav-item:hover{color:var(--text);background:rgba(255,255,255,.025)}.nav-item.active{color:var(--text)}.nav-item.active:after{content:"";position:absolute;inset:auto 13px -1px;height:2px;border-radius:2px;background:var(--primary)}.header-account{display:flex;align-items:center;gap:10px;margin-left:auto}.account-copy{text-align:right}.account-name{display:block;font-size:.8rem;font-weight:700}.account-meta{display:block;color:var(--muted);font-size:.7rem}.avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(124,92,255,.3);border-radius:50%;background:var(--primary-soft);color:#c8bfff;font-size:.76rem;font-weight:800}.icon-button{display:grid!important;place-items:center;width:36px!important;height:36px;padding:0!important;border-radius:10px!important}.icon-button svg{width:17px;height:17px}
.dashboard{display:grid;gap:18px}.welcome-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:24px;min-height:260px;padding:34px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(130deg,rgba(124,92,255,.16),rgba(18,21,32,.94) 48%,rgba(66,211,255,.06));box-shadow:var(--shadow);overflow:hidden}.welcome-panel:after{content:"N";position:absolute;right:36px;top:-54px;color:rgba(255,255,255,.025);font-size:18rem;font-weight:800;line-height:1}.welcome-content{position:relative;z-index:1;align-self:center}.welcome-content .eyebrow{color:#a999ff}.welcome-content h1{max-width:620px;margin:8px 0 12px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.06em}.welcome-content>p:not(.eyebrow){max-width:570px;margin:0;color:var(--muted);font-size:.95rem}.hero-actions{display:flex;gap:10px;margin-top:24px}.hero-actions button,.hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--border);border-radius:11px;color:var(--text);background:var(--soft);font-size:.84rem;font-weight:700;text-decoration:none;cursor:pointer}.hero-actions .primary{border-color:transparent;background:var(--primary)}.welcome-side{position:relative;z-index:1;align-self:end;padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(9,11,18,.55)}.welcome-side-label{color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.profile-gear{display:flex;gap:8px;margin-top:12px}.gear-chip{flex:1;padding:10px;border-radius:10px;background:rgba(255,255,255,.04)}.gear-chip span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase}.gear-chip strong{font-size:.95rem}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.78rem;font-weight:600}.metric-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:#a999ff}.metric-icon svg{width:16px;height:16px}.metric-value{display:block;margin-top:12px;font-size:1.7rem;line-height:1;font-weight:800;letter-spacing:-.045em}.metric-help{display:block;margin-top:7px;color:#72798b;font-size:.72rem}.home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:18px}.home-panel{padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.home-panel .section-head{align-items:center;margin-bottom:18px}.home-panel .group-list{grid-template-columns:repeat(2,minmax(0,1fr))}.home-panel .group-item{min-height:270px}.quick-list{display:grid;gap:9px}.quick-link{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid transparent;border-radius:12px;color:var(--text);text-decoration:none;background:rgba(255,255,255,.025);transition:.18s ease}.quick-link:hover{border-color:var(--border);background:rgba(255,255,255,.045)}.quick-link-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--primary-soft);color:#ad9fff}.quick-link-icon svg{width:17px;height:17px}.quick-link strong{display:block;font-size:.8rem}.quick-link span{display:block;color:var(--muted);font-size:.7rem}.quick-link-arrow{margin-left:auto;color:#72798b}.mobile-menu-button{display:none!important}
@media(max-width:900px){.welcome-panel{grid-template-columns:1fr}.welcome-side{align-self:auto}.home-grid{grid-template-columns:1fr}.home-panel .group-list{grid-template-columns:repeat(2,minmax(0,1fr))}.account-copy{display:none}}@media(max-width:680px){.app-shell .page{padding-top:82px}.site-header{height:62px}.site-header-inner{width:calc(100% - 24px);gap:12px}.site-brand span:last-child{display:none}.main-nav{gap:0}.nav-item{padding:0 10px}.nav-item span{display:none}.header-account{gap:6px}.mobile-menu-button{display:grid!important}.welcome-panel{min-height:0;padding:24px 20px}.welcome-panel:after{font-size:12rem}.welcome-content h1{font-size:2rem}.hero-actions{flex-direction:column}.hero-actions>*{width:100%}.dashboard-stats{grid-template-columns:1fr}.home-panel .group-list{grid-template-columns:1fr}.home-panel{padding:16px}}

.site-header .icon-button{margin:0!important}.hero-actions button,.hero-actions a{width:auto;margin:0}.quick-link{width:100%;margin:0;text-align:left;box-shadow:none}.quick-link:hover{transform:none}.quick-link>span:nth-child(2){flex:1}.quick-link>span:nth-child(2)>span{margin-top:2px}.quick-link-arrow{display:inline!important;flex:none!important}.home-panel button.quick-link{background:rgba(255,255,255,.025);border-color:transparent;color:var(--text)}.home-panel button.quick-link:hover{background:rgba(255,255,255,.045);border-color:var(--border)}.groups-page .page{padding-top:92px}@media(max-width:680px){.groups-page .page{padding-top:82px}}
.page-actions{display:flex;align-items:center;gap:8px}.create-limit{color:var(--muted);font-size:.72rem}.groups-page .modal-backdrop{position:fixed;z-index:1000;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,4,8,.76);backdrop-filter:blur(8px)}.groups-page .modal-backdrop.open{display:flex}.groups-page .modal{width:min(600px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#121520;box-shadow:0 30px 90px rgba(0,0,0,.6)}.groups-page .modal label{display:block;margin-top:14px;color:var(--muted);font-size:.82rem;font-weight:600}.groups-page .modal input,.groups-page .modal textarea,.groups-page .modal select{width:100%;margin:7px 0 0;padding:11px 12px;border:1px solid var(--border);border-radius:11px;outline:0;background:#0d1018;color:var(--text)}.groups-page .modal textarea{min-height:92px;resize:vertical}.groups-page .modal input:focus,.groups-page .modal textarea:focus,.groups-page .modal select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.groups-page .modal .profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.groups-page .modal .actions{margin-top:20px}.groups-page button:disabled{cursor:not-allowed;opacity:.48;transform:none!important}.form-message{min-height:20px;margin:12px 0 0;color:var(--danger);font-size:.8rem}.form-hint{margin:5px 0 0;color:var(--muted);font-size:.74rem}@media(max-width:680px){.page-actions{width:100%;flex-wrap:wrap}.page-actions button{flex:1}.create-limit{width:100%}.groups-page .modal .profile-grid{grid-template-columns:1fr}}
.groups-page .actions button.danger{border-color:rgba(251,113,133,.2);background:rgba(251,113,133,.09);color:var(--danger);box-shadow:none}.groups-page .actions button.danger:hover{border-color:rgba(251,113,133,.38);background:rgba(251,113,133,.14)}
.group-activity-notice{position:fixed;z-index:1200;right:20px;bottom:20px;max-width:min(390px,calc(100vw - 40px));padding:13px 16px;border:1px solid rgba(96,165,250,.28);border-radius:12px;background:#101c2d;color:var(--text);box-shadow:0 16px 45px rgba(0,0,0,.42);font-size:.84rem}.group-activity-notice.join{border-color:rgba(54,211,153,.35)}.group-activity-notice.leave{border-color:rgba(251,113,133,.32)}
.optional-label{color:var(--muted);font-size:.72rem;font-weight:500}.group-schedule{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025);font-size:.75rem;transition:border-color .2s ease,background .2s ease}.group-schedule:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;opacity:.85}.group-schedule span{margin-right:auto;color:inherit}.group-schedule strong{color:inherit;font-size:.78rem!important}.group-schedule.now{border-color:rgba(94,176,143,.14);background:rgba(54,211,153,.035);color:#8fb9a9}.group-schedule.future{border-color:rgba(117,145,181,.14);background:rgba(96,165,250,.035);color:#8fa7c7}.group-schedule.near{border-color:rgba(96,165,250,.22);background:rgba(96,165,250,.055);color:#9bbfe6}.group-schedule.soon{border-color:rgba(205,164,91,.24);background:rgba(205,164,91,.06);color:#d1b57f}
.schedule-picker{min-width:0;margin:18px 0 4px;padding:0;border:0}.schedule-picker legend{margin-bottom:9px;color:var(--text);font-size:.82rem;font-weight:700}.schedule-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px}.groups-page .schedule-mode-button,.app-shell .schedule-mode-button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:64px;padding:12px 42px 12px 14px;border:1px solid #343942;background:#171a20;color:#d1d5db;text-align:left;box-shadow:none}.groups-page .schedule-mode-button:hover,.app-shell .schedule-mode-button:hover{border-color:#505761;background:#20242b;transform:none}.groups-page .schedule-mode-button span,.app-shell .schedule-mode-button span{color:#858c98;font-size:.72rem;font-weight:500}.schedule-mode-button:after{content:"";position:absolute;top:50%;right:14px;width:18px;height:18px;border:2px solid #626873;border-radius:50%;transform:translateY(-50%);transition:.16s ease}.groups-page .schedule-mode-button.now-option.selected,.app-shell .schedule-mode-button.now-option.selected{border-color:rgba(54,211,153,.7);background:rgba(54,211,153,.14);color:#d9fff1;box-shadow:0 0 0 2px rgba(54,211,153,.09)}.groups-page .schedule-mode-button.later-option.selected,.app-shell .schedule-mode-button.later-option.selected{border-color:rgba(96,165,250,.75);background:rgba(59,130,246,.16);color:#e2eeff;box-shadow:0 0 0 2px rgba(59,130,246,.1)}.schedule-mode-button.selected:after{border-width:5px;border-color:currentColor;background:#fff}.schedule-mode-button.now-option.selected:after{color:#36d399}.schedule-mode-button.later-option.selected:after{color:#60a5fa}.schedule-mode-button.selected span{color:inherit!important;opacity:.72}.schedule-details{margin-top:10px;padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(4,10,18,.45)}.schedule-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.schedule-fields label{margin-top:0!important}.schedule-summary{margin:10px 0 0;color:#b9d4ff;font-size:.78rem;font-weight:600}@media(max-width:520px){.schedule-mode,.schedule-fields{grid-template-columns:1fr}}
.confirmation-modal{width:min(440px,100%)!important;text-align:center}.confirmation-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 14px;border:1px solid rgba(251,113,133,.35);border-radius:50%;background:rgba(251,113,133,.1);color:var(--danger);font-size:1.25rem;font-weight:800}.confirmation-modal .modal-head h3{margin-bottom:7px}.confirmation-modal .modal-head p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}.confirmation-modal .modal-head strong{color:var(--text)}.confirmation-actions{justify-content:center!important;margin-top:18px!important}.confirmation-actions button{min-width:130px;flex:0 1 auto!important}.confirmation-actions .danger{border-color:rgba(251,113,133,.35)!important;background:#b93852!important;color:#fff!important}.confirmation-actions .danger:hover{background:#ce4560!important}
.groups-page .create-group-modal,.app-shell .create-group-modal{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:22px 24px;overflow:auto}.create-group-modal .modal-head{margin-bottom:14px}.create-group-modal .modal-head h3{margin-bottom:3px}.create-group-modal .modal-head p{margin:0;font-size:.78rem}.create-group-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.create-group-column{min-width:0}.create-group-details{padding-right:24px;border-right:1px solid var(--border)}.create-group-modal .create-group-column>label,.create-group-modal .profile-grid label{display:block;margin-top:9px;color:var(--muted);font-size:.78rem;font-weight:600}.create-group-modal .create-group-column>label:first-child{margin-top:0}.create-group-modal .create-group-column>input,.create-group-modal .create-group-column>textarea,.create-group-modal .create-group-column>select{width:100%;margin-top:6px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;outline:0;background:#0d1018;color:var(--text)}.create-group-modal .create-group-column>textarea{min-height:88px;resize:vertical}.create-group-modal .profile-grid{gap:8px}.create-group-modal .schedule-picker{margin:0}.create-group-modal .schedule-mode-button{min-height:56px;padding-top:9px;padding-bottom:9px}.create-group-modal .schedule-details{padding:10px}.create-group-modal .form-hint{margin-bottom:0}.create-group-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.create-group-footer .form-message{margin:0}.create-group-footer .actions{margin:0!important}.active-group-toggle{display:flex!important;align-items:center;gap:8px;margin-top:12px!important}.create-group-modal .active-group-toggle input{width:17px;margin:0}.create-group-modal input:focus,.create-group-modal textarea:focus,.create-group-modal select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}@media(max-width:760px){.groups-page .create-group-modal,.app-shell .create-group-modal{width:min(560px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:19px 18px}.create-group-layout{grid-template-columns:1fr;gap:18px}.create-group-details{padding:0 0 18px;border-right:0;border-bottom:1px solid var(--border)}.create-group-footer{grid-template-columns:1fr}.create-group-footer .actions{display:grid;grid-template-columns:1fr 1fr}.create-group-footer .actions button{width:100%}}@media(max-width:460px){.groups-page .modal-backdrop,.app-shell .modal-backdrop{padding:8px}.groups-page .create-group-modal,.app-shell .create-group-modal{width:100%;max-height:calc(100dvh - 16px);padding:16px 14px;border-radius:15px}.create-group-modal .profile-grid{grid-template-columns:1fr 1fr}.create-group-modal .profile-grid>div:first-child{grid-column:1/-1}.create-group-modal .schedule-mode{grid-template-columns:1fr 1fr}.create-group-modal .schedule-mode-button{padding-right:34px}.create-group-modal .schedule-mode-button:after{right:10px}.create-group-modal .schedule-fields{grid-template-columns:1fr 1fr}}
.groups-page .stat-grid{grid-template-columns:repeat(3,1fr)}.group-power{border-color:rgba(54,211,153,.18);background:rgba(54,211,153,.07)}.group-power strong{color:var(--success)}.participants-block{display:grid;gap:8px}.participants-label{color:#72798b;font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.participant-list{display:grid;gap:7px}.participant-chip{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.participant-avatar{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:var(--primary-soft);color:#b9abff;font-size:.72rem;font-weight:800}.participant-copy{min-width:0;flex:1}.participant-copy strong{display:block;overflow:hidden;color:var(--text);font-size:.76rem!important;text-overflow:ellipsis;white-space:nowrap}.participant-copy span{display:block;color:var(--muted);font-size:.65rem}.participant-gear{display:flex;gap:5px}.participant-gear span{padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.045);color:var(--muted);font-size:.62rem}.participant-gear b{color:var(--text)}@media(max-width:680px){.groups-page .stat-grid{grid-template-columns:1fr 1fr}.group-power{grid-column:1/-1}.participant-gear{flex-direction:column}}

/* Simple Marni home */
.header-login{width:auto;margin:0;padding:9px 15px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-size:.8rem;font-weight:700;cursor:pointer}.header-login:hover{background:var(--primary-hover)}[hidden]{display:none!important}.auth-modal{width:min(820px,100%)!important}.auth-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.modal-close{width:36px!important;height:36px;padding:0!important;margin:0!important;font-size:1.5rem!important;line-height:1}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.auth-grid section+section{padding-left:28px;border-left:1px solid var(--border)}.auth-grid h4{margin:0 0 12px;font-size:1rem}.auth-submit{width:100%!important;margin-top:18px!important}.auth-grid section>button:not(.auth-submit){width:100%;margin:8px 0 0}.auth-divider{display:flex;align-items:center;gap:10px;margin:13px 0;color:var(--muted);font-size:.72rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}@media(max-width:680px){.auth-grid{grid-template-columns:1fr}.auth-grid section+section{padding:22px 0 0;border-top:1px solid var(--border);border-left:0}.header-login{padding:8px 11px}.auth-modal{padding:19px!important}}
.simple-auth-options{max-width:440px;margin:8px auto 0}.twitch-login{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:13px 16px;border-radius:11px;background:#9146ff;color:#fff;text-decoration:none;font-size:.9rem;font-weight:750;transition:.18s ease}.twitch-login:hover{background:#a970ff;transform:translateY(-1px)}.twitch-login svg{width:21px;height:21px}.simple-auth-options .auth-submit{margin-top:12px!important}.auth-note{margin:12px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5;text-align:center}
.unofficial-notice{margin:0;text-align:center;color:#636a7c;font-size:.68rem}

/* Marni identity */
.site-brand{font-family:Georgia,"Times New Roman",serif;font-size:1.12rem;letter-spacing:.015em}
.site-header{background:rgba(5,13,12,.92)}
.avatar{border-color:rgba(24,169,153,.3);color:#8ee8dc}
.section-link,.welcome-content .eyebrow{color:#73d8cc!important}
.metric-icon,.quick-link-icon,.content-count{color:#73d8cc}
.app-shell .group-pill,.groups-page .pill{border-color:rgba(24,169,153,.25);color:#8ee8dc}
.app-shell .group-item:hover,.groups-page .group-item:hover{border-color:rgba(24,169,153,.36)}
.welcome-panel{background:linear-gradient(130deg,rgba(24,169,153,.17),rgba(10,25,22,.96) 48%,rgba(214,167,86,.07))}
.welcome-panel:after{content:"M"}
.coupon-copy{border-color:rgba(24,169,153,.28)!important;color:#8ee8dc!important}
.event-item:hover{border-color:rgba(24,169,153,.3)}
.event-arrow{color:var(--accent)!important}
.language-picker{margin:0!important}.language-picker select{width:auto;min-width:58px;margin:0;padding:7px 8px;border:1px solid var(--border);border-radius:9px;background:var(--soft);color:var(--text);font-size:.72rem;font-weight:750;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.simple-home-intro{display:flex;align-items:center;gap:28px}
.marni-welcome-art{width:210px;height:170px;flex:none;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28))}
.simple-home-head .simple-home-intro>div>p:last-child{margin:0;color:var(--muted);font-size:.9rem}
@media(max-width:820px){.marni-welcome-art{width:170px;height:145px}}
@media(max-width:520px){.simple-home-intro{align-items:center;gap:14px}.marni-welcome-art{width:110px;height:110px}}
.legacy-home{display:none}.simple-home{display:grid;gap:20px}.simple-home-head{padding:8px 2px}.simple-home-head h1{margin:5px 0 5px;font-size:clamp(1.8rem,4vw,2.65rem);letter-spacing:-.055em}.simple-home-head>div>p:last-child{margin:0;color:var(--muted);font-size:.9rem}.simple-home-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:16px}.content-panel{padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.2)}.content-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.content-panel-head h2{margin:3px 0 0}.content-count{display:grid;place-items:center;min-width:30px;height:30px;padding:0 9px;border-radius:9px;background:var(--primary-soft);color:#b9abff;font-size:.78rem;font-weight:800}.content-list{display:grid;gap:9px}.coupon-item,.event-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.025)}.coupon-item strong,.event-item strong{display:block;color:var(--text);font-size:.84rem}.coupon-item span,.event-item span{display:block;margin-top:3px;color:var(--muted);font-size:.7rem}.event-main{min-width:0;display:grid;gap:9px}.event-title{line-height:1.35}.event-dates{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.event-date{display:inline-flex!important;align-items:baseline;gap:5px;margin:0!important;padding:4px 7px;border:1px solid rgba(96,165,250,.12);border-radius:7px;background:rgba(59,130,246,.07)}.event-date small{color:#6f829c;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.event-date time{color:var(--muted);font-size:.68rem}.event-date-separator{margin:0!important;color:#52647d!important}.coupon-copy{width:auto!important;margin:0!important;padding:8px 12px!important;border:1px solid rgba(124,92,255,.25)!important;border-radius:9px!important;background:var(--primary-soft)!important;color:#c7bdff!important;font-size:.74rem!important;font-weight:700}.event-item{text-decoration:none;transition:.18s ease}.event-item:hover{border-color:rgba(124,92,255,.28);background:rgba(255,255,255,.045);transform:translateY(-1px)}.event-arrow{margin:0!important;color:#8e7cff!important;font-size:1rem!important}.unofficial-notice{margin:0;text-align:center;color:#636a7c;font-size:.68rem}.simple-home .empty-state{padding:34px 12px;font-size:.8rem}@media(max-width:820px){.simple-home-grid{grid-template-columns:1fr}.content-panel{padding:17px}}@media(max-width:520px){.event-item{align-items:flex-start}.event-dates{gap:5px}.event-date{padding:3px 6px}.event-date-separator{display:none!important}}

/* Modern blue visual system */
:root{--bg:#060b14;--surface:#0d1522;--soft:#131e2e;--border:rgba(148,173,211,.13);--text:#f5f8fc;--muted:#8e9db2;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-soft:rgba(59,130,246,.14);--accent:#7dd3fc;--success:#34d399;--shadow:0 16px 44px rgba(0,0,0,.24)}
body.app-shell,body.auth-page,body.groups-page{background:radial-gradient(circle at 12% -10%,rgba(59,130,246,.15),transparent 30rem),radial-gradient(circle at 92% 0,rgba(14,165,233,.07),transparent 25rem),var(--bg)}
body.app-shell:before,body.groups-page:before{opacity:.07;background-size:64px 64px}
.site-header{border-color:var(--border);background:rgba(6,11,20,.94);box-shadow:0 1px 0 rgba(255,255,255,.02);backdrop-filter:blur(16px)}
.site-brand{font-family:Inter,"Segoe UI",sans-serif;font-weight:750;letter-spacing:-.025em}
.brand-mark.marni-mark{overflow:visible;border:0;background:transparent;box-shadow:none}.marni-mark img{object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}
.nav-item:hover{background:rgba(59,130,246,.06)}
.app-shell .card,.groups-page .card,.content-panel,.home-panel,.metric-card{border-color:var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);backdrop-filter:none}
.content-panel{padding:24px}.coupon-item,.event-item,.participant-chip,.stat{border-color:rgba(148,173,211,.1);background:#101a29}
.patchnotes-list{grid-template-columns:repeat(3,minmax(0,1fr))}.patchnote-item{display:flex;min-width:0;flex-direction:column;gap:7px;padding:16px;border:1px solid rgba(148,173,211,.1);border-radius:13px;background:#101a29;color:var(--text);text-decoration:none;transition:.18s ease}.patchnote-item:hover{border-color:rgba(96,165,250,.28);background:#132033}.patchnote-item strong{font-size:.84rem;line-height:1.35}.patchnote-item>span:last-child{color:var(--muted);font-size:.7rem}.patchnote-type{align-self:flex-start;padding:4px 7px;border-radius:7px;background:var(--primary-soft);color:#b9abff;font-size:.65rem;font-weight:800;text-transform:uppercase}@media(max-width:820px){.patchnotes-list{grid-template-columns:1fr}}
#homeEvents{max-height:520px;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}.event-countdown{width:fit-content;margin:0!important;padding:5px 8px;border-radius:999px;background:rgba(52,211,153,.1);color:#72ddb1!important;font-size:.66rem!important;font-weight:800}@media(max-width:820px){#homeEvents{max-height:560px}}
.coupon-item:hover,.event-item:hover{border-color:rgba(96,165,250,.28);background:#132033;transform:none}
.section-link,.welcome-content .eyebrow{color:#75aaff!important}
.metric-icon,.quick-link-icon,.content-count{color:#8bb8ff}
.content-count{border:1px solid rgba(96,165,250,.16)}
.app-shell .group-pill,.groups-page .pill{border-color:rgba(96,165,250,.22);color:#93baff}
.app-shell .group-item,.groups-page .group-item{border-radius:14px;background:#101a29}
.app-shell .group-item:hover,.groups-page .group-item:hover{border-color:rgba(96,165,250,.3);background:#121e30;transform:translateY(-1px)}
.app-shell .group-item:before,.groups-page .group-item:before{width:1px}
.avatar{border-color:rgba(96,165,250,.3);color:#9bc1ff}
.app-shell input,.app-shell textarea,.app-shell select,.groups-page .filters input,.groups-page .filters select,.groups-page .modal input,.groups-page .modal textarea,.groups-page .modal select,.language-picker select{border-color:var(--border);background:#09111d}
.app-shell button.primary,.groups-page button:not(.secondary),.header-login{box-shadow:none}
.app-shell button:hover,.groups-page button:hover,.back-link:hover{background:#18263a}
.coupon-copy{border-color:rgba(96,165,250,.24)!important;color:#9bc1ff!important}
.event-arrow{color:#7dd3fc!important}
.app-shell .modal,.groups-page .modal{border-color:var(--border);border-radius:18px;background:#0d1522;box-shadow:0 24px 70px rgba(0,0,0,.48)}
.header-gear{display:flex;align-items:center;gap:5px}.header-gear span{padding:5px 7px;border:1px solid rgba(96,165,250,.14);border-radius:8px;background:var(--primary-soft);color:var(--muted);font-size:.62rem}.header-gear b{color:var(--text);font-size:.72rem}@media(max-width:760px){.header-gear{display:none!important}}

/* Shared site footer */
.site-footer{position:relative;width:100%;margin-top:24px;border-top:1px solid var(--border);background:#050a12;color:var(--muted)}
.site-footer-inner{width:min(1280px,calc(100% - 48px));margin:auto;padding:42px 0 24px}
.footer-main{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(130px,.55fr) minmax(180px,.7fr) minmax(200px,.8fr);gap:42px;padding-bottom:32px}
.footer-brand-link{display:inline-flex;align-items:center;gap:11px;color:var(--text);font-size:1rem;font-weight:750;text-decoration:none}.footer-brand-link img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.28))}.footer-brand p{max-width:390px;margin:13px 0 0;color:var(--muted);font-size:.8rem;line-height:1.6}
.footer-nav h2,.footer-legal h2,.footer-resources h2{margin:0 0 13px;color:var(--text);font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.footer-nav ul,.footer-legal ul,.footer-resources ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.footer-nav a,.footer-legal a,.footer-resources a{color:var(--muted);font-size:.78rem;text-decoration:none;transition:color .16s ease}.footer-nav a:hover,.footer-legal a:hover,.footer-resources a:hover{color:#9bc1ff}.footer-nav a:focus-visible,.footer-legal a:focus-visible,.footer-resources a:focus-visible,.footer-brand-link:focus-visible{border-radius:4px;outline:2px solid var(--primary);outline-offset:4px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid rgba(148,173,211,.09);font-size:.7rem}.footer-bottom p{margin:0}.footer-bottom span{flex:none;color:#66758a}
.auth-page .site-footer{align-self:end;grid-column:1/-1}
.footer-meta{display:flex;align-items:center;gap:10px}.footer-meta #siteVersion{padding-left:10px;border-left:1px solid var(--border);color:#8190a5}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:720px){.site-footer-inner{width:calc(100% - 28px);padding-top:32px}.footer-main{gap:30px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}}

/* Legal pages */
.legal-page .page{width:min(920px,calc(100% - 32px));margin:0 auto}.legal-main{padding:42px 0 28px}.legal-hero{margin-bottom:22px;padding:30px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(13,21,34,.96))}.legal-hero .eyebrow{margin:0 0 8px}.legal-hero h1{margin:0;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.045em}.legal-hero p{max-width:720px;margin:12px 0 0;color:var(--muted);line-height:1.65}.legal-document{display:grid;gap:14px}.legal-section{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.legal-section h2{margin:0 0 10px;font-size:1.08rem}.legal-section p,.legal-section li{color:var(--muted);font-size:.86rem;line-height:1.7}.legal-section p{margin:8px 0}.legal-section ul{display:grid;gap:6px;margin:10px 0 0;padding-left:20px}.legal-section a{color:#8db8ff}.legal-updated{font-size:.75rem!important}.legal-notice{border-color:rgba(96,165,250,.28);background:rgba(59,130,246,.07)}

/* Shared modal overlay */
.app-shell .modal-backdrop{position:fixed;z-index:1000;inset:0;display:none;align-items:center;justify-content:center;padding:20px}.app-shell .modal-backdrop.open{display:flex}
.shared-group-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 16px;padding:10px 12px;border:1px solid rgba(96,165,250,.25);border-radius:11px;background:var(--primary-soft);color:#b9d2ff;font-size:.78rem;font-weight:650}.shared-group-filter button{padding:7px 11px}.share-status{min-height:0;margin:0;color:var(--success);font-size:.76rem}.share-status:not(:empty){margin:-7px 0 14px}.share-group-button{margin-left:auto}@media(max-width:680px){.share-group-button{margin-left:0}.shared-group-filter{align-items:flex-start;flex-direction:column}.shared-group-filter button{width:100%}}

.group-discord{margin:0}.group-discord a{display:inline-flex;align-items:center;width:fit-content;color:#b9abff;font-size:.82rem;font-weight:700;text-decoration:none}.group-discord a:hover{text-decoration:underline}

.remove-member-button{flex:0 0 auto!important;min-width:76px;min-height:36px;padding:8px 12px!important;border:1px solid rgba(251,113,133,.28)!important;border-radius:9px!important;background:rgba(251,113,133,.12)!important;color:var(--danger)!important;font-size:.72rem!important;font-weight:750}.remove-member-button:hover{border-color:rgba(251,113,133,.48)!important;background:rgba(251,113,133,.2)!important}.owner-member-actions{display:flex;flex-wrap:wrap;gap:6px}.owner-member-actions button{padding:8px 12px;font-size:.72rem}

.groups-page .modal input.input-invalid,.app-shell .modal input.input-invalid{border-color:var(--danger)!important;background:rgba(251,113,133,.08)!important;box-shadow:0 0 0 3px rgba(251,113,133,.18)!important;animation:input-error-pulse .28s ease-out}@keyframes input-error-pulse{0%{transform:translateX(-3px)}50%{transform:translateX(3px)}100%{transform:translateX(0)}}

.footer-link-button{padding:0;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}.footer-link-button:hover{color:#9bc1ff}.analytics-consent{position:fixed;z-index:1200;right:20px;bottom:20px;display:flex;align-items:center;gap:22px;width:min(720px,calc(100vw - 40px));padding:18px 20px;border:1px solid rgba(96,165,250,.3);border-radius:16px;background:rgba(12,18,29,.98);box-shadow:0 20px 60px rgba(0,0,0,.45);color:var(--text);backdrop-filter:blur(16px)}.analytics-consent strong{display:block;margin-bottom:4px}.analytics-consent p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.analytics-consent a{color:#8db8ff}.analytics-consent-actions{display:flex;gap:8px;flex:none}.analytics-consent-actions button{min-width:94px;margin:0;padding:10px 15px;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.analytics-consent-actions button:hover{transform:translateY(-1px)}.analytics-consent-decline{background:transparent}.analytics-consent-decline:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}.analytics-consent-accept{border-color:transparent!important;background:var(--primary);color:#fff!important;box-shadow:0 8px 22px rgba(24,169,153,.22)!important}.analytics-consent-accept:hover{background:var(--primary-hover)}.analytics-consent-actions button:focus-visible{outline:2px solid #8db8ff;outline-offset:3px}@media(max-width:620px){.analytics-consent{right:12px;bottom:12px;align-items:stretch;flex-direction:column;width:calc(100vw - 24px)}.analytics-consent-actions{display:grid;grid-template-columns:1fr 1fr}.analytics-consent-actions button{width:100%}}

/* Patch notes */
.updates-feed-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 2px 14px}.updates-feed-heading .eyebrow{margin:0 0 4px}.updates-feed-heading h2{margin:0;font-size:1.35rem;letter-spacing:-.03em}.updates-feed-heading>span{color:var(--muted);font-size:.76rem}.patchnotes-list{position:relative}.patchnotes-list:before{content:"";position:absolute;top:0;bottom:0;left:-18px;width:1px;background:linear-gradient(var(--primary),rgba(96,165,250,.08))}.patchnote-card{position:relative}.patchnote-card:before{content:"";position:absolute;top:31px;left:-23px;width:9px;height:9px;border:3px solid var(--background);border-radius:50%;background:var(--primary)}.patchnote-events{grid-column:1/-1;border-color:rgba(251,191,36,.18);background:rgba(251,191,36,.045)}.patchnote-event-list{display:grid;gap:8px}.patchnote-event{display:grid;gap:3px;margin:0;padding:11px;border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.8rem;line-height:1.5}.patchnote-event strong{color:#f3d68b}.patchnote-event p{margin:0}.patchnote-event-period{font-size:.7rem;color:#d3ad54}@media(max-width:680px){.updates-feed-heading{align-items:start;flex-direction:column;gap:4px}.patchnotes-list:before,.patchnote-card:before{display:none}}
.updates-shell{width:min(1120px,calc(100% - 40px))}.updates-hero{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:30px;padding:32px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(135deg,rgba(59,130,246,.13),rgba(13,21,34,.96) 55%);overflow:hidden}.updates-hero h1{max-width:760px;margin:6px 0 10px;font-size:clamp(2rem,5vw,3.4rem);line-height:1.04;letter-spacing:-.055em}.updates-hero p:last-child{max-width:720px;margin:0;color:var(--muted)}.updates-hero img{width:180px;height:150px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(0,0,0,.3))}.updates-toolbar{display:flex;gap:8px;margin:18px 0}.updates-toolbar .update-filter{border-color:var(--border);background:var(--surface);color:var(--muted)}.updates-toolbar .update-filter.active{border-color:rgba(96,165,250,.35);background:var(--primary-soft);color:#a9c9ff}.patchnotes-list{display:grid;gap:14px}.patchnote-card{padding:25px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.patchnote-head>div{display:flex;align-items:center;gap:10px}.patchnote-head time{color:var(--muted);font-size:.72rem}.patchnote-head h2{margin:12px 0 0;font-size:1.35rem;letter-spacing:-.03em}.source-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.67rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.source-badge.official{background:rgba(52,211,153,.11);color:#72ddb1}.source-badge.global_lab{background:rgba(251,191,36,.11);color:#f6c95f}.patchnote-tldr{margin:12px 0 18px;color:#cbd6e5;font-size:.94rem;line-height:1.65}.patchnote-section{padding:15px;border:1px solid rgba(148,173,211,.1);border-radius:13px;background:#101a29}.patchnote-section h3{margin:0 0 8px;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.patchnote-section ul{display:grid;gap:7px;margin:0;padding-left:18px;color:var(--muted);font-size:.8rem;line-height:1.55}.primary-section{border-color:rgba(96,165,250,.2);background:rgba(59,130,246,.07)}.patchnote-details{margin-top:12px}.patchnote-details>summary{width:fit-content;color:#8db8ff;font-size:.78rem;font-weight:700;cursor:pointer}.patchnote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.patchnote-verdict{margin:12px 0 0;padding:13px;border-left:2px solid var(--primary);background:var(--primary-soft);color:#cddcf1;font-size:.82rem}.patchnote-source{display:inline-flex;margin-top:16px;color:#8db8ff;font-size:.76rem;font-weight:700;text-decoration:none}.updates-empty{padding:56px 20px;border:1px dashed var(--border);border-radius:16px;color:var(--muted);text-align:center}.updates-empty.error{color:var(--danger)}@media(max-width:680px){.updates-shell{width:calc(100% - 24px)}.updates-hero{grid-template-columns:1fr;padding:23px}.updates-hero img{display:none}.updates-toolbar{overflow:auto}.updates-toolbar button{white-space:nowrap}.patchnote-card{padding:18px}.patchnote-grid{grid-template-columns:1fr}}
.patchnote-visual-block{margin-top:14px;padding:16px;border:1px solid rgba(148,173,211,.14);border-radius:14px;background:#0d1725}.patchnote-visual-block>h3{margin:0 0 12px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.patchnote-boss-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.patchnote-boss-card{overflow:hidden;border:1px solid rgba(148,173,211,.16);border-radius:12px;background:#111c2b}.patchnote-boss-card img{display:block;width:100%;aspect-ratio:1.12;object-fit:cover;background:#fff}.patchnote-boss-card>strong{display:block;padding:10px 10px 5px;font-size:.88rem}.patchnote-boss-card dl{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;margin:0;padding:5px 10px 10px;font-size:.74rem}.patchnote-boss-card dt{color:var(--muted);font-weight:700}.patchnote-boss-card dd{margin:0;color:#e2e8f0}.patchnote-boss-card p{margin:0;padding:0 10px 12px;color:var(--muted);font-size:.72rem;line-height:1.45}.patchnote-table-description{margin:-4px 0 12px;color:var(--muted);font-size:.76rem}.patchnote-table-scroll{overflow-x:auto;border:1px solid rgba(148,173,211,.14);border-radius:10px}.patchnote-table-scroll table{width:100%;border-collapse:collapse;min-width:680px;font-size:.72rem}.patchnote-table-scroll th,.patchnote-table-scroll td{padding:9px 10px;border-right:1px solid rgba(148,173,211,.12);border-bottom:1px solid rgba(148,173,211,.12);text-align:left;vertical-align:top}.patchnote-table-scroll th{background:#152234;color:#dce8f7;font-weight:750}.patchnote-table-scroll td{color:#aebed2}.patchnote-table-scroll tr:last-child td{border-bottom:0}.patchnote-table-scroll th:last-child,.patchnote-table-scroll td:last-child{border-right:0}@media(max-width:850px){.patchnote-boss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.patchnote-boss-grid{grid-template-columns:1fr 1fr}.patchnote-boss-card img{aspect-ratio:1}.patchnote-boss-card dl{grid-template-columns:1fr}.patchnote-boss-card dd{margin-bottom:4px}}
.item-inline-icon{display:inline-block;width:1.35em;height:1.35em;margin:0 .28em 0 .08em;object-fit:contain;vertical-align:-.32em;border-radius:3px;background:rgba(255,255,255,.06)}
.enhancement-cost-table .enhancement-group-row th{text-align:center;vertical-align:middle;font-size:.7rem;letter-spacing:.025em}.enhancement-cost-table .enhancement-average-group{background:rgba(59,130,246,.15);color:#bcd7ff}.enhancement-cost-table .enhancement-maximum-group{background:rgba(245,158,11,.12);color:#f5d08a}.enhancement-cost-table .enhancement-reference-column{background:#152234!important}.enhancement-cost-table .enhancement-detail-row th{font-size:.67rem;text-align:center}.enhancement-cost-table tbody td{text-align:center}.enhancement-cost-table tbody td:first-child,.enhancement-cost-table tbody td:nth-child(2){text-align:left}
.enhancement-calculator{margin-top:12px;padding:14px;border:1px solid rgba(96,165,250,.22);border-radius:12px;background:rgba(59,130,246,.045)}.enhancement-calculator h4{margin:0 0 11px;color:#dce8f7;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.enhancement-calculator-controls{display:flex;align-items:end;gap:10px}.enhancement-calculator-controls label{display:grid;gap:5px;min-width:150px;color:var(--muted);font-size:.68rem;font-weight:700}.enhancement-calculator-controls select{width:100%;padding:8px 10px;border:1px solid rgba(148,173,211,.2);border-radius:8px;background:#111c2b;color:#e2e8f0}.enhancement-calculator-arrow{padding-bottom:8px;color:#8db8ff;font-weight:800}.enhancement-calculator-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.enhancement-calculator-interval{grid-column:1/-1;margin:0;color:#9cb0c8;font-size:.72rem;font-weight:700}.enhancement-calculator-scenario{padding:11px;border:1px solid rgba(148,173,211,.12);border-radius:10px;background:rgba(255,255,255,.02)}.enhancement-calculator-scenario h5{margin:0 0 8px;color:#dce8f7;font-size:.72rem}.enhancement-calculator-scenario>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.enhancement-calculator-scenario>div>div{padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.025)}.enhancement-calculator-scenario>div>div:nth-child(3){grid-column:2;grid-row:1}.enhancement-calculator-results span{display:block;color:var(--muted);font-size:.64rem}.enhancement-calculator-results strong{display:block;margin-top:4px;color:#e2e8f0;font-size:.84rem;line-height:1.45}.enhancement-materials-card{grid-column:1/-1;grid-row:2;min-width:0}.enhancement-material-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:7px 0 0;padding:0;list-style:none}.enhancement-material-list li{display:flex;align-items:center;min-width:0;padding:8px 9px;border:1px solid rgba(148,173,211,.1);border-radius:7px;background:rgba(9,16,27,.32)}.enhancement-material-list strong{margin:0!important;font-size:.76rem!important;line-height:1.35!important}@media(max-width:850px){.enhancement-calculator-results{grid-template-columns:1fr}}@media(max-width:680px){.enhancement-calculator-controls{align-items:stretch;flex-direction:column}.enhancement-calculator-controls label{width:100%}.enhancement-calculator-arrow{display:none}.enhancement-calculator-scenario>div{grid-template-columns:1fr}.enhancement-calculator-scenario>div>div:nth-child(3),.enhancement-materials-card{grid-column:1;grid-row:auto}.enhancement-material-list{grid-template-columns:1fr}}
.mirror-page{width:min(1360px,calc(100% - 32px));padding-bottom:50px}.mirror-heading,.mirror-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.mirror-heading{margin:30px 0 18px}.mirror-heading h1{margin:4px 0 0}.mirror-audit{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.mirror-audit>div,.mirror-character-grid article{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.mirror-audit small,.mirror-character-grid span,.mirror-character-grid small,.mirror-preview-head small{display:block;color:var(--muted)}.mirror-audit strong{display:block;margin-top:5px;font-size:1.2rem}.mirror-preview,.mirror-repository{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.mirror-preview-head{margin-bottom:14px}.mirror-preview-head a{color:#8db8ff;text-decoration:none}.mirror-version-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0;padding:10px 12px;border:1px solid rgba(96,165,250,.2);border-radius:10px;background:rgba(59,130,246,.07)}.mirror-version-label span{color:var(--muted);font-size:.72rem}.mirror-preview iframe{width:100%;height:72vh;border:0;border-radius:12px;background:#fff}.mirror-original{margin-top:12px;border:1px solid var(--border);border-radius:11px;background:#0d1725}.mirror-original>summary{padding:12px 14px;color:#9cbce8;font-size:.78rem;font-weight:750;cursor:pointer}.mirror-original>div{padding:0 10px 10px}.mirror-original iframe{height:65vh}.mirror-repository{margin-top:16px}.mirror-repository h2{margin-top:0}.mirror-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mirror-character-card{display:block!important;background:#101a29!important}.mirror-character-card>header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid rgba(148,173,211,.12)}.mirror-character-card>header strong{font-size:.95rem}.mirror-skill-list{display:grid;gap:7px;margin:11px 0 0;padding:0;list-style:none}.mirror-skill-list li{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid rgba(148,173,211,.1);border-radius:9px;background:rgba(255,255,255,.02)}.mirror-skill-list img,.mirror-skill-placeholder{width:42px;height:42px;border-radius:7px;background:#09111d;object-fit:contain}.mirror-skill-placeholder{display:grid!important;place-items:center;color:var(--muted);font-weight:800}.mirror-skill-list strong{font-size:.78rem;line-height:1.35}.mirror-skill-list span{margin-top:2px;font-size:.72rem}.mirror-skill-list small{margin-top:4px;font-size:.64rem;font-weight:700}.mirror-skill-list .term-pending{color:#f6c95f}.mirror-skill-list .term-verified{color:#72ddb1}.mirror-skill-empty{display:block!important;color:var(--muted);font-size:.74rem}@media(max-width:800px){.mirror-audit{grid-template-columns:repeat(2,minmax(0,1fr))}.mirror-heading,.mirror-preview-head,.mirror-version-label{align-items:flex-start;flex-direction:column}.mirror-character-grid{grid-template-columns:1fr}}
.mirror-term-table-wrap{overflow:auto;max-height:70vh;border:1px solid var(--border);border-radius:11px}.mirror-term-table{width:100%;border-collapse:collapse;font-size:.74rem}.mirror-term-table th,.mirror-term-table td{padding:9px 10px;border-right:1px solid rgba(148,173,211,.1);border-bottom:1px solid rgba(148,173,211,.1);text-align:left;vertical-align:middle}.mirror-term-table th{position:sticky;top:0;z-index:1;background:#152234;color:#dce8f7}.mirror-term-table td{color:#b8c7da}.mirror-term-table img{display:block;width:38px;height:38px;border-radius:6px;background:#09111d;object-fit:contain}.mirror-term-table small{display:block;margin-top:3px;color:var(--muted);font-size:.62rem}.mirror-term-table .term-pending{color:#f6c95f;font-weight:700}.mirror-term-table .term-verified{color:#72ddb1;font-weight:700}
.mirror-preview>iframe{display:block;max-width:900px;margin-right:auto;margin-left:auto;border-radius:2px}.mirror-original>div{padding:10px}.mirror-original iframe{max-width:900px}
.mirror-character-card>header{align-items:center;justify-content:flex-start}.mirror-character-card>header>img{width:48px;height:48px;flex:0 0 48px;border-radius:9px;background:#09111d;object-fit:cover}.mirror-character-card>header>small{margin-left:auto}
.patchnotes-v3-page{width:min(1380px,calc(100% - 32px));padding-bottom:60px}.v3-hero,.v3-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.v3-hero{margin:30px 0 18px;padding:24px;border:1px solid rgba(96,165,250,.2);border-radius:18px;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(15,23,42,.35))}.v3-hero h1{margin:4px 0 8px}.v3-hero p:last-child{margin:0;color:var(--muted)}.v3-agent-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.v3-agent-pipeline article{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:3px 10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.v3-agent-pipeline article>span{display:grid;grid-row:1/3;place-items:center;width:30px;height:30px;border-radius:50%;background:#172337;color:var(--muted);font-weight:800}.v3-agent-pipeline article.complete>span{background:rgba(52,211,153,.15);color:#72ddb1}.v3-agent-pipeline small{color:var(--muted)}.v3-card{margin-bottom:16px;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.v3-card h2{margin:3px 0 12px}.v3-section-head a{color:#8db8ff;text-decoration:none}.v3-tldr{max-width:980px;color:#c8d5e5;font-size:1rem;line-height:1.75}.v3-summary>div>ul,.v3-summary-grid ul{padding-left:20px;color:#b8c7da;line-height:1.7}.v3-summary>details{margin-top:14px}.v3-summary>details>summary{color:#9fc2f2;font-weight:750;cursor:pointer}.v3-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.v3-summary-grid section,.v3-summary-grid article{padding:12px;border:1px solid rgba(148,173,211,.1);border-radius:10px;background:rgba(255,255,255,.02)}.v3-summary-grid h3{margin-top:0}.v3-summary-grid small{display:block;color:var(--muted)}.v3-inline-metrics,.v3-knowledge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v3-inline-metrics>div,.v3-knowledge-grid>div{padding:9px 11px;border:1px solid rgba(148,173,211,.12);border-radius:9px;background:rgba(255,255,255,.025)}.v3-inline-metrics small,.v3-knowledge-grid small{display:block;color:var(--muted);font-size:.64rem}.v3-inline-metrics strong,.v3-knowledge-grid strong{display:block;margin-top:3px}.v3-mirror-frame{display:block;width:100%;max-width:900px;height:76vh;margin:16px auto 0;border:0;border-radius:3px;background:#fff}.v3-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v3-tools-grid article{padding:15px;border:1px solid rgba(148,173,211,.12);border-radius:12px;background:#101a29}.v3-tools-grid h3{margin:9px 0}.v3-tools-grid p,.v3-tools-grid li{color:#b8c7da;line-height:1.55}.v3-tool-state{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(52,211,153,.12);color:#72ddb1;font-size:.65rem;font-weight:800}.v3-tools-grid dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px}.v3-tools-grid dt{color:var(--muted)}.v3-tools-grid dd{margin:0;color:#dce8f7}@media(max-width:900px){.v3-agent-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-tools-grid,.v3-summary-grid{grid-template-columns:1fr}}@media(max-width:650px){.v3-hero,.v3-section-head{flex-direction:column}.v3-agent-pipeline,.v3-inline-metrics,.v3-knowledge-grid{grid-template-columns:1fr 1fr}.v3-mirror-frame{height:70vh}}
.v3-section-description{margin:0;color:var(--muted)}.v3-knowledge-section{margin-top:22px}.v3-knowledge-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v3-knowledge-title h3{margin:0}.v3-knowledge-title span{color:var(--muted);font-size:.72rem}.v3-class-repository{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.v3-class-repository article{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:4px 10px;padding:10px;border:1px solid rgba(148,173,211,.12);border-radius:10px;background:#101a29}.v3-class-repository img,.v3-image-placeholder{display:grid;grid-row:1/3;place-items:center;width:46px;height:46px;border-radius:8px;background:#09111d;object-fit:cover;color:var(--muted)}.v3-class-repository strong,.v3-class-repository span,.v3-class-repository small{display:block}.v3-class-repository span,.v3-class-repository small{color:var(--muted);font-size:.68rem}.v3-class-repository article>small{grid-column:2}.v3-class-repository em{position:absolute;top:7px;right:7px;padding:3px 6px;border-radius:999px;background:rgba(59,130,246,.13);color:#9fc2f2;font-size:.58rem;font-style:normal;font-weight:800}.v3-item-table-wrap{overflow:auto;max-height:520px;border:1px solid var(--border);border-radius:11px}.v3-item-table{width:100%;border-collapse:collapse;font-size:.74rem}.v3-item-table th,.v3-item-table td{padding:9px 10px;border-right:1px solid rgba(148,173,211,.1);border-bottom:1px solid rgba(148,173,211,.1);text-align:left;vertical-align:middle}.v3-item-table th{position:sticky;top:0;z-index:1;background:#152234;color:#dce8f7}.v3-item-table td{color:#b8c7da}.v3-item-table img,.v3-item-table .v3-image-placeholder{width:38px;height:38px;border-radius:6px;object-fit:contain}.v3-item-table a{color:#8db8ff;text-decoration:none}.v3-item-table .term-verified{color:#72ddb1;font-weight:700}.v3-item-table .term-pending{color:#f6c95f;font-weight:700}@media(max-width:950px){.v3-class-repository{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.v3-class-repository{grid-template-columns:1fr}.v3-knowledge-title{align-items:flex-start;flex-direction:column}}
.main-nav .nav-item small{font-size:.58rem;font-weight:700;opacity:.7}.marni-notes-page{width:min(1240px,calc(100% - 32px));padding-bottom:60px}.marni-notes-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:30px 0 20px;padding:28px;border:1px solid rgba(139,92,246,.24);border-radius:20px;background:radial-gradient(circle at 85% 10%,rgba(139,92,246,.16),transparent 34%),linear-gradient(135deg,rgba(59,130,246,.08),rgba(15,23,42,.42))}.marni-notes-hero h1{margin:4px 0 8px}.marni-notes-hero h1 small{color:#a78bfa;font-size:.48em}.marni-notes-hero p:last-child{margin:0;color:var(--muted)}.marni-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.marni-note-card{display:flex;min-height:210px;flex-direction:column;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.marni-note-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.5)}.marni-note-card h2{margin:10px 0;font-size:1.05rem;line-height:1.45}.marni-note-card time,.marni-note-card p{color:var(--muted);font-size:.75rem}.marni-note-card strong{margin-top:auto;color:#a9c9f6;font-size:.76rem}.marni-note-kind{align-self:flex-start;padding:4px 8px;border-radius:999px;background:rgba(139,92,246,.12);color:#c4b5fd;font-size:.62rem;font-weight:800}.marni-notes-loading,.marni-notes-empty{padding:30px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--muted);text-align:center}.marni-note-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:24px 0 14px}.marni-note-detail>header h1{max-width:900px;margin:5px 0 8px;font-size:1.55rem;line-height:1.35}.marni-note-detail>header p{margin:0;color:var(--muted)}.marni-note-detail>header a{color:#8db8ff;text-decoration:none}.marni-note-menu{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 0;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.marni-note-menu-link{padding:9px 14px;border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.78rem;font-weight:750;text-decoration:none}.marni-note-menu-link:hover{background:rgba(139,92,246,.24);color:var(--text)}.marni-note-menu-link.is-active{background:rgba(139,92,246,.24);color:var(--text)}.marni-note-menu-stats{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.marni-note-menu-stats>div{padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.025)}.marni-note-menu-stats small{display:block;color:var(--muted);font-size:.58rem}.marni-note-menu-stats strong{display:block;margin-top:2px;font-size:.8rem}.marni-note-frame{display:block;width:100%;max-width:900px;height:78vh;margin:18px auto 0;border:0;border-radius:4px;background:#fff}@media(max-width:800px){.marni-notes-grid{grid-template-columns:1fr}.marni-notes-hero,.marni-note-detail>header{flex-direction:column}.marni-note-frame{height:70vh}}@media(max-width:520px){.marni-note-menu-stats{margin-left:0;width:100%}}
.marni-experiment-status{position:relative;display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:250px;padding:11px 14px 11px 11px;border:1px solid rgba(196,181,253,.28);border-radius:15px;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(15,23,42,.72));box-shadow:0 12px 30px rgba(5,8,18,.22),inset 0 1px rgba(255,255,255,.05);overflow:hidden}.marni-experiment-status:after{content:"";position:absolute;inset:auto -18px -28px auto;width:75px;height:75px;border-radius:50%;background:rgba(167,139,250,.08)}.marni-experiment-icon{position:relative;z-index:1;display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:13px;background:linear-gradient(145deg,rgba(167,139,250,.24),rgba(59,130,246,.12));color:#d8b4fe;transform:rotate(-3deg)}.marni-experiment-icon svg{width:31px;height:31px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.marni-experiment-icon .marni-flask-liquid{fill:rgba(52,211,153,.28);stroke:#72ddb1}.marni-experiment-status>span:last-child{position:relative;z-index:1;display:grid;gap:4px}.marni-experiment-status strong{color:#ede9fe;font-size:.75rem;letter-spacing:.01em}.marni-experiment-status small{display:flex;align-items:center;gap:6px;color:#b8c6da;font-size:.61rem;white-space:nowrap}.marni-experiment-status small i{width:6px;height:6px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 4px rgba(251,191,36,.1);animation:marni-test-pulse 2.2s ease-in-out infinite}@keyframes marni-test-pulse{50%{box-shadow:0 0 0 7px rgba(251,191,36,0)}}@media(max-width:800px){.marni-experiment-status{min-width:0;width:100%;max-width:310px}}@media(prefers-reduced-motion:reduce){.marni-experiment-status small i{animation:none}}
.marni-notes-list{display:grid;gap:10px}.marni-note-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.55fr) auto;align-items:center;gap:20px;padding:17px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.marni-note-row:hover{transform:translateX(2px);border-color:rgba(139,92,246,.5)}.marni-note-row h2{margin:7px 0 5px;font-size:.96rem;line-height:1.4}.marni-note-row time{color:var(--muted);font-size:.7rem}.marni-note-row>strong{color:#a9c9f6;font-size:.75rem}.marni-note-row-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px}.marni-note-row-stats>div{padding:8px 9px;border-radius:8px;background:rgba(255,255,255,.025)}.marni-note-row-stats small,.marni-note-row-stats strong{display:block}.marni-note-row-stats small{color:var(--muted);font-size:.58rem}.marni-note-row-stats strong{margin-top:3px;font-size:.78rem}@media(max-width:850px){.marni-note-row{grid-template-columns:1fr auto}.marni-note-row-stats{grid-column:1/-1;grid-row:2}.marni-note-row>strong{grid-column:2;grid-row:1}}@media(max-width:520px){.marni-note-row{grid-template-columns:1fr}.marni-note-row-stats,.marni-note-row>strong{grid-column:1;grid-row:auto}.marni-note-row>strong{justify-self:start}}
.marni-note-row.pending-translation{border-color:rgba(251,191,36,.2);background:linear-gradient(90deg,rgba(251,191,36,.045),var(--surface) 32%)}.marni-note-row.pending-translation:hover{border-color:rgba(251,191,36,.48)}.marni-note-status{display:inline-block;margin-left:7px;padding:4px 8px;border-radius:999px;font-size:.62rem;font-weight:800}.marni-note-status.pending{background:rgba(251,191,36,.12);color:#f6c95f}
.marni-notes-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.marni-notes-pagination span{color:var(--muted);font-size:.74rem;font-weight:700}.marni-notes-pagination button{padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.025);color:var(--text);font-size:.74rem;font-weight:750;cursor:pointer}.marni-notes-pagination button:hover:not(:disabled){border-color:rgba(139,92,246,.5)}.marni-notes-pagination button:disabled{opacity:.4;cursor:not-allowed}
.marni-learning{margin-top:20px;padding:20px;border:1px solid rgba(139,92,246,.22);border-radius:18px;background:var(--surface)}.marni-learning-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.7fr);align-items:start;gap:20px}.marni-learning-head h2{margin:3px 0 7px}.marni-learning-head p:last-child{margin:0;color:var(--muted)}.marni-learning-group{margin-top:12px;border:1px solid rgba(148,173,211,.12);border-radius:11px;background:rgba(255,255,255,.015)}.marni-learning-group>summary{padding:12px 14px;color:#b9cef0;font-size:.78rem;font-weight:800;cursor:pointer}.marni-learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 12px 12px}.marni-learning-grid article{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:3px 9px;padding:9px;border:1px solid rgba(148,173,211,.1);border-radius:9px;background:#101a29}.marni-learning-grid img,.marni-learning-placeholder{display:grid;grid-row:1/3;place-items:center;width:42px;height:42px;border-radius:7px;background:#09111d;object-fit:contain;color:var(--muted)}.marni-learning-grid strong{font-size:.72rem;line-height:1.35}.marni-learning-grid small{color:var(--muted);font-size:.62rem}.marni-learning-assets{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:0 12px 12px}.marni-learning-assets figure{min-width:0;margin:0;padding:6px;border:1px solid rgba(148,173,211,.1);border-radius:8px;background:#101a29}.marni-learning-assets img,.marni-learning-assets .marni-learning-placeholder{width:100%;aspect-ratio:1;object-fit:contain;border-radius:5px;background:#09111d}.marni-learning-assets figcaption{overflow:hidden;margin-top:5px;color:var(--muted);font-size:.55rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}@media(max-width:950px){.marni-learning-head{grid-template-columns:1fr}.marni-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marni-learning-assets{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:600px){.marni-learning-grid{grid-template-columns:1fr}.marni-learning-assets{grid-template-columns:repeat(3,minmax(0,1fr))}}
.marni-metadata-page{width:min(1440px,calc(100% - 32px));padding-bottom:60px}.marni-metadata-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:30px 0 16px;padding:26px;border:1px solid rgba(34,211,238,.2);border-radius:19px;background:linear-gradient(135deg,rgba(6,182,212,.09),rgba(15,23,42,.4))}.marni-metadata-hero h1{margin:4px 0 8px}.marni-metadata-hero p:last-child{max-width:850px;margin:0;color:var(--muted);line-height:1.6}.marni-metadata-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:16px}.marni-metadata-metrics article{padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.marni-metadata-metrics small,.marni-metadata-metrics strong{display:block}.marni-metadata-metrics small{color:var(--muted);font-size:.63rem}.marni-metadata-metrics strong{margin-top:5px;font-size:1.1rem}.marni-metadata-browser{padding:20px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.marni-metadata-browser>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.marni-metadata-browser h2{margin:0 0 5px}.marni-metadata-browser header p{margin:0;color:var(--muted);font-size:.7rem}.marni-metadata-browser label{display:grid;gap:5px;min-width:300px;color:var(--muted);font-size:.66rem;font-weight:750}.marni-metadata-browser input{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:#0d1725;color:#e2e8f0}.marni-metadata-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 12px}.marni-metadata-tabs button{padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:#101a29;color:#aebed2;font-size:.7rem;font-weight:750;cursor:pointer}.marni-metadata-tabs button.active{border-color:rgba(34,211,238,.38);background:rgba(6,182,212,.12);color:#a5f3fc}.marni-metadata-table-wrap{overflow:auto;max-height:72vh;border:1px solid var(--border);border-radius:10px}.marni-metadata-table{width:100%;border-collapse:collapse;font-size:.7rem}.marni-metadata-table th,.marni-metadata-table td{padding:8px 9px;border-right:1px solid rgba(148,173,211,.09);border-bottom:1px solid rgba(148,173,211,.09);text-align:left;vertical-align:middle}.marni-metadata-table th{position:sticky;top:0;z-index:1;background:#152234;color:#dce8f7}.marni-metadata-table td{color:#b8c7da}.marni-metadata-table img,.marni-metadata-placeholder{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#09111d;object-fit:contain;color:var(--muted)}.marni-metadata-table .term-verified{color:#72ddb1;font-weight:700}.marni-metadata-table .term-pending{color:#f6c95f;font-weight:700}.marni-metadata-table td.marni-metadata-select{width:26px;text-align:center}.marni-metadata-table tr.is-selected td{background:rgba(52,211,153,.06)}@media(max-width:900px){.marni-metadata-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.marni-metadata-browser>header{align-items:stretch;flex-direction:column}.marni-metadata-browser label{min-width:0}.marni-metadata-hero{flex-direction:column}}@media(max-width:520px){.marni-metadata-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.marni-note-kind{--origin-color-1:#8b5cf6;--origin-color-2:var(--origin-color-1);--origin-color-3:var(--origin-color-2);display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--origin-color-1) 70%,white)!important;background:linear-gradient(115deg,color-mix(in srgb,var(--origin-color-1) 38%,#111827),color-mix(in srgb,var(--origin-color-2) 30%,#111827),color-mix(in srgb,var(--origin-color-3) 34%,#111827))!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.9)}

/* Tier List publishing and specialization UI */
.tierlist-editor-header{position:static;top:auto}.tierlist-draft-note{align-self:center;color:var(--muted);font-size:.7rem}.tierlist-editor-board .tierlist-row,.tierlist-detail-page .tierlist-row{grid-template-columns:82px minmax(0,1fr);isolation:isolate}.tierlist-editor-board .tierlist-row>label,.tierlist-detail-page .tierlist-row>label{position:relative;z-index:3;min-width:82px}.tierlist-editor-board .tierlist-row-items,.tierlist-detail-page .tierlist-row-items{position:relative;z-index:1;min-width:0;overflow-x:auto}.tierlist-editor-page .tierlist-class-card,.tierlist-detail-page .tierlist-class-card{width:96px;min-width:96px;padding:5px}.tierlist-editor-page .tierlist-class-card img,.tierlist-detail-page .tierlist-class-card img{height:68px}.tierlist-editor-page .tierlist-class-card strong,.tierlist-detail-page .tierlist-class-card strong{min-height:20px;padding:4px 3px 1px;font-size:.58rem}.specialization-tag{display:block;margin:2px 3px 4px;padding:3px 5px;border-radius:999px;font-size:.48rem;font-weight:850;text-align:center}.spec-succession .specialization-tag,.spec-succession.tierlist-preview-item small{background:rgba(52,211,153,.18);color:#78e7bc}.spec-awakening .specialization-tag,.spec-awakening.tierlist-preview-item small{background:rgba(96,165,250,.2);color:#9bc5ff}.spec-ascension .specialization-tag,.spec-ascension.tierlist-preview-item small{background:rgba(192,132,252,.2);color:#d8b4fe}.spec-legacy .specialization-tag,.spec-legacy.tierlist-preview-item small{background:rgba(148,163,184,.18);color:#cbd5e1}.tierlist-preview{display:flex;align-items:center;gap:5px;min-width:230px}.tierlist-preview-item{position:relative;display:block;width:42px;height:50px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:#09111d}.tierlist-preview-item img{width:100%;height:100%;object-fit:cover}.tierlist-preview-item small{position:absolute;right:2px;bottom:2px;left:2px;padding:2px;border-radius:4px;font-size:.38rem;font-weight:850;text-align:center}.tierlist-list{grid-template-columns:1fr}.tierlist-list-card{display:grid;grid-template-columns:minmax(230px,1fr) minmax(220px,.8fr) auto auto;align-items:center;gap:14px;min-height:0;padding:12px 14px}.tierlist-list-card .tierlist-list-meta{margin:0}.tierlist-list-card .actions{margin:0}.tierlist-manage-page,.tierlist-detail-page{display:grid;gap:18px}.tierlist-manage-head,.tierlist-detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.tierlist-manage-head h1,.tierlist-detail-head h1{margin:4px 0 5px}.tierlist-manage-head p:last-child,.tierlist-detail-head p{margin:0;color:var(--muted)}.tierlist-manage-head>a{width:auto;padding:10px 14px;border-radius:10px;text-decoration:none}.tierlist-compact-list{display:grid;gap:8px}.tierlist-compact-row{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:16px;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.tierlist-compact-copy h3{margin:5px 0 4px;font-size:.9rem}.tierlist-compact-copy p{margin:0;color:var(--muted);font-size:.65rem}.tierlist-compact-row .actions{margin:0}.tierlist-compact-row a,.tierlist-compact-row button,.tierlist-detail-head a,.tierlist-detail-head button{width:auto;margin:0;padding:8px 10px;text-decoration:none}.tierlist-detail-page .tierlist-board{margin-bottom:24px}@media(max-width:900px){.tierlist-list-card,.tierlist-compact-row{grid-template-columns:1fr auto}.tierlist-preview{grid-column:1}.tierlist-list-card .actions,.tierlist-compact-row .actions{grid-column:2;grid-row:1/3;flex-direction:column}}@media(max-width:620px){.tierlist-manage-head,.tierlist-detail-head{align-items:stretch;flex-direction:column}.tierlist-list-card,.tierlist-compact-row{grid-template-columns:1fr}.tierlist-list-card .actions,.tierlist-compact-row .actions{grid-column:1;grid-row:auto;flex-direction:row;overflow:auto}.tierlist-editor-board .tierlist-row,.tierlist-detail-page .tierlist-row{grid-template-columns:58px minmax(0,1fr)}.tierlist-editor-board .tierlist-row>label,.tierlist-detail-page .tierlist-row>label{min-width:58px}.tierlist-editor-page .tierlist-class-card,.tierlist-detail-page .tierlist-class-card{width:84px;min-width:84px}.tierlist-editor-page .tierlist-class-card img,.tierlist-detail-page .tierlist-class-card img{height:58px}}

/* Tier List header actions */
.tierlist-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none}.tierlist-action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:10px 16px;border:1px solid rgba(151,220,202,.2);border-radius:12px;color:var(--text);font-size:.8rem;font-weight:750;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.tierlist-action-button span{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;font-size:.9rem}.tierlist-my-lists{background:rgba(255,255,255,.035)}.tierlist-my-lists span{background:rgba(151,220,202,.1);color:#9ad9c8}.tierlist-my-lists:hover{border-color:rgba(151,220,202,.38);background:rgba(151,220,202,.08);transform:translateY(-1px)}.tierlist-create-button{border-color:transparent!important;background:linear-gradient(135deg,var(--primary),#128b7f)!important;color:#fff!important;box-shadow:0 10px 24px rgba(24,169,153,.22)!important}.tierlist-create-button span{background:rgba(255,255,255,.16);color:#fff}.tierlist-create-button:hover{background:linear-gradient(135deg,var(--primary-hover),#169d8f)!important;transform:translateY(-1px);box-shadow:0 13px 28px rgba(24,169,153,.3)!important}.tierlist-action-button:focus-visible{outline:2px solid #8dd8c7;outline-offset:3px}@media(max-width:680px){.tierlist-header-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.tierlist-action-button{width:100%;padding-inline:12px}.tierlist-hero{align-items:stretch}}@media(max-width:420px){.tierlist-header-actions{grid-template-columns:1fr}}

/* Tier List editor command bar */
.tierlist-editor-command-bar{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:0!important}.tierlist-editor-command-bar>a,.tierlist-editor-command-bar>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin:0!important;padding:9px 15px!important;border:1px solid rgba(151,220,202,.18);border-radius:11px;color:var(--text);font-size:.78rem;font-weight:750;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.tierlist-editor-command-bar span{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;font-size:.78rem}.tierlist-editor-cancel{background:transparent;color:var(--muted)!important}.tierlist-editor-cancel:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--text)!important}.tierlist-editor-save{background:rgba(151,220,202,.07)!important}.tierlist-editor-save span{background:rgba(151,220,202,.12);color:#9ad9c8}.tierlist-editor-save:hover{border-color:rgba(151,220,202,.4)!important;background:rgba(151,220,202,.12)!important}.tierlist-editor-publish{border-color:transparent!important;background:linear-gradient(135deg,var(--primary),#128b7f)!important;color:#fff!important;box-shadow:0 9px 22px rgba(24,169,153,.24)!important}.tierlist-editor-publish span{background:rgba(255,255,255,.16);color:#fff}.tierlist-editor-publish:hover{background:linear-gradient(135deg,var(--primary-hover),#169d8f)!important;box-shadow:0 12px 27px rgba(24,169,153,.32)!important}.tierlist-editor-unpublish{border-color:rgba(251,113,133,.25)!important;background:rgba(251,113,133,.07)!important;color:#fda4af!important}.tierlist-editor-unpublish span{background:rgba(251,113,133,.12)}.tierlist-editor-unpublish:hover{border-color:rgba(251,113,133,.48)!important;background:rgba(251,113,133,.13)!important}.tierlist-editor-command-bar>a:hover,.tierlist-editor-command-bar>button:hover{transform:translateY(-1px)}.tierlist-editor-command-bar>a:focus-visible,.tierlist-editor-command-bar>button:focus-visible{outline:2px solid #8dd8c7;outline-offset:3px}.tierlist-editor-command-bar>button:disabled{cursor:wait;opacity:.58;transform:none;box-shadow:none!important}@media(max-width:760px){.tierlist-editor-command-bar{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.tierlist-editor-command-bar>a,.tierlist-editor-command-bar>button{width:100%!important}}@media(max-width:430px){.tierlist-editor-command-bar{grid-template-columns:1fr}}

/* Tier List management row actions */
.tierlist-row-actions{align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap!important;padding:0!important}.tierlist-row-actions>a,.tierlist-row-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;flex:0 0 auto!important;margin:0!important;padding:9px 13px!important;border:1px solid transparent;border-radius:10px;font-size:.76rem;font-weight:750;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.tierlist-row-actions span{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;font-size:.82rem}.tierlist-row-link{color:#b9abff;background:transparent}.tierlist-row-link:hover{background:rgba(185,171,255,.08);color:#d4caff}.tierlist-row-publish{border-color:transparent!important;background:linear-gradient(135deg,var(--primary),#128b7f)!important;color:#fff!important;box-shadow:0 8px 19px rgba(24,169,153,.2)!important}.tierlist-row-publish span{background:rgba(255,255,255,.16)}.tierlist-row-publish:hover{background:linear-gradient(135deg,var(--primary-hover),#169d8f)!important;box-shadow:0 11px 23px rgba(24,169,153,.29)!important}.tierlist-row-unpublish{border-color:rgba(214,167,86,.27)!important;background:rgba(214,167,86,.08)!important;color:#e7c27e!important}.tierlist-row-unpublish span{background:rgba(214,167,86,.12)}.tierlist-row-unpublish:hover{border-color:rgba(214,167,86,.48)!important;background:rgba(214,167,86,.14)!important}.tierlist-row-delete{border-color:rgba(251,113,133,.3)!important;background:rgba(251,113,133,.07)!important;color:#fb7185!important}.tierlist-row-delete span{background:rgba(251,113,133,.13);font-size:1rem}.tierlist-row-delete:hover{border-color:rgba(251,113,133,.55)!important;background:rgba(251,113,133,.14)!important;color:#fda4af!important}.tierlist-row-actions>a:hover,.tierlist-row-actions>button:hover{transform:translateY(-1px)}.tierlist-row-actions>a:focus-visible,.tierlist-row-actions>button:focus-visible{outline:2px solid #8dd8c7;outline-offset:3px}.tierlist-row-actions>button:disabled{cursor:wait;opacity:.55;transform:none;box-shadow:none!important}@media(max-width:900px){.tierlist-row-actions{align-items:stretch!important}.tierlist-row-actions>a,.tierlist-row-actions>button{width:100%;min-width:132px}}@media(max-width:620px){.tierlist-row-actions{display:grid!important;grid-template-columns:1fr 1fr;overflow:visible!important}.tierlist-row-actions>a,.tierlist-row-actions>button{min-width:0}}

/* Global cards share the editor specialization standard */
.tierlist-global-class-card{width:96px;min-width:96px;padding:5px;cursor:default}.tierlist-global-class-card img{height:68px;aspect-ratio:auto}.tierlist-global-class-card strong{min-height:20px;padding:4px 3px 1px;font-size:.58rem}.tierlist-global-class-card .specialization-tag{margin-top:2px}.tierlist-podium article>div{min-width:0}.tierlist-podium article>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tierlist-podium article>div .specialization-tag{display:inline-flex;width:auto;margin:4px 0 0;padding:3px 7px}.tierlist-podium article>small:last-child{align-self:start}@media(max-width:680px){.tierlist-global-class-card{width:84px;min-width:84px}.tierlist-global-class-card img{height:58px}}

/* Larger unranked class workspace */
.tierlist-editor-pool{padding:14px}.tierlist-editor-pool header{margin-bottom:10px}.tierlist-editor-pool .tierlist-class-grid{min-height:260px;max-height:380px;align-content:flex-start;overflow:auto;padding:10px;border:1px solid rgba(151,220,202,.08);border-radius:12px;background:rgba(4,12,18,.34);scrollbar-gutter:stable}@media(max-width:760px){.tierlist-editor-pool .tierlist-class-grid{min-height:230px;max-height:330px;padding:8px}}@media(max-width:430px){.tierlist-editor-pool .tierlist-class-grid{min-height:210px;max-height:300px}}

.tierlist-quick-classify{display:flex;align-items:center;gap:8px}.tierlist-quick-classify label{margin:0;color:var(--muted);font-size:.68rem;font-weight:750}.tierlist-quick-classify select{width:72px;min-height:34px;margin:0;padding:6px 9px;border-color:rgba(151,220,202,.22);background:#0b1721;color:#dffcf4;font-weight:900}.tierlist-quick-classify>strong{display:grid;place-items:center;min-width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:#9bc1ff}.tierlist-quick-classify-hint{margin:-3px 0 9px;color:var(--muted);font-size:.66rem}@media(max-width:600px){.tierlist-editor-pool>header{align-items:flex-start;flex-direction:column}.tierlist-quick-classify{width:100%}.tierlist-quick-classify>strong{margin-left:auto}}

.tierlist-class-filters{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tierlist-class-filters>input{flex:1;min-width:180px;margin:0}.tierlist-specialization-filters{display:flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#09111d}.tierlist-specialization-filters button{width:auto;margin:0;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.65rem;font-weight:750;cursor:pointer}.tierlist-specialization-filters button.active{background:var(--primary-soft);color:#a9d3ff}.tierlist-filter-empty{margin:12px;color:var(--muted);text-align:center}.searchable-select{position:relative;margin-top:4px}.searchable-select-trigger{display:flex;width:100%;min-height:36px;align-items:center;justify-content:space-between;margin:0;padding:7px 9px;text-align:left}.searchable-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-popover{position:absolute;z-index:40;top:calc(100% + 5px);right:0;left:0;min-width:280px;padding:7px;border:1px solid var(--border);border-radius:11px;background:#0b1522;box-shadow:var(--shadow)}.searchable-select-popover>input{width:100%;margin:0 0 6px}.searchable-select-options{display:grid;max-height:280px;overflow:auto}.searchable-select-option{display:grid;width:100%;gap:2px;margin:0;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.searchable-select-option:hover,.searchable-select-option:focus-visible{background:var(--primary-soft);outline:2px solid rgba(96,165,250,.55)}.searchable-select-option small{color:var(--muted);font-size:.62rem}.searchable-select-empty{padding:10px;color:var(--muted);font-size:.68rem;text-align:center}.nickname-auth-option[hidden]{display:none!important}@media(max-width:760px){.tierlist-class-filters{align-items:stretch;flex-direction:column}.tierlist-specialization-filters{overflow:auto}.tierlist-specialization-filters button{flex:1;white-space:nowrap}.searchable-select-popover{min-width:min(300px,calc(100vw - 40px))}}
.variant-tag{display:block;margin:-2px 3px 4px;padding:3px 5px;border-radius:999px;background:rgba(255,255,255,.08);color:#e5e7eb;font-size:.48rem;font-weight:850;text-align:center}
.tierlist-editor-pool .tierlist-class-grid{min-height:220px;max-height:360px;overflow-y:auto;align-content:flex-start}.tierlist-drop-indicator{align-self:stretch;flex:0 0 3px;min-height:82px;border-radius:999px;background:#60a5fa;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 0 12px rgba(96,165,250,.8)}@media(max-width:680px){.tierlist-editor-pool .tierlist-class-grid{min-height:170px;max-height:280px}.tierlist-drop-indicator{min-height:66px}}
.tierlist-editor-page .tierlist-class-card{display:flex;width:96px;min-width:96px;height:150px;flex-direction:column}.tierlist-editor-page .tierlist-class-card img{flex:0 0 68px;height:68px}.tierlist-editor-page .tierlist-class-card strong{flex:0 0 20px;min-height:20px}.tierlist-editor-page .tierlist-class-card .specialization-tag,.tierlist-editor-page .tierlist-class-card .variant-tag{flex:0 0 auto}.tierlist-editor-page .variant-angel .variant-tag{background:linear-gradient(120deg,var(--seraph-angel-start),var(--seraph-angel-middle),var(--seraph-angel-end),var(--seraph-angel-middle));color:var(--seraph-angel-text);box-shadow:inset 0 1px rgba(255,255,255,.45),0 0 8px color-mix(in srgb,var(--seraph-angel-end) 45%,transparent)}.tierlist-editor-page .variant-demon .variant-tag{background:linear-gradient(120deg,var(--seraph-demon-start),var(--seraph-demon-middle),var(--seraph-demon-end));color:var(--seraph-demon-text)}@media(max-width:680px){.tierlist-editor-page .tierlist-class-card{width:84px;min-width:84px;height:136px}.tierlist-editor-page .tierlist-class-card img{flex-basis:58px;height:58px}}