.tier-page{--tier-accent:#7d91ff;--tier-line:#222b3d;color:#edf2ff;background:radial-gradient(circle at 78% 5%,#5968e72e,#0000 29%),#080b12;min-height:100vh;padding:0 max(24px,50vw - 730px) 48px}.tier-page button,.tier-page input{font:inherit}.tier-header{border-bottom:1px solid var(--tier-line);height:76px}.tier-brand img{width:128px}.tier-hero{justify-content:space-between;align-items:end;gap:48px;padding:68px 0 48px;display:flex}.tier-hero>div>span,.tier-templates>span,.tier-editor header span{color:#8ea0ff;letter-spacing:.15em;align-items:center;gap:8px;font:750 12px/1.2 ui-monospace,monospace;display:flex}.tier-hero h1{letter-spacing:-.058em;margin:18px 0 14px;font-size:clamp(46px,6vw,78px);line-height:.98}.tier-hero h1 em{color:#7f94ff;font-style:normal}.tier-hero p{color:#8e9bb0;max-width:680px;margin:0;line-height:1.75}.tier-hero aside{background:#0d121dd1;border:1px solid #29354a;border-radius:18px;grid-template-columns:repeat(3,1fr);min-width:360px;display:grid;overflow:hidden}.tier-hero aside div{border-left:1px solid #29354a;gap:5px;padding:20px;display:grid}.tier-hero aside div:first-child{border-left:0}.tier-hero aside strong{font-size:27px}.tier-hero aside span{color:#75829a;font-size:var(--font-size-meta)}.tier-toolbar{border:1px solid var(--tier-line);background:#0c111c;border-radius:17px;justify-content:space-between;align-items:end;gap:20px;padding:16px;display:flex}.tier-toolbar>label{color:#7b88a0;min-width:min(430px,45vw);font-size:var(--font-size-meta);gap:7px;font-weight:700;display:grid}.tier-toolbar input{color:#fff;background:#070b12;border:1px solid #2a364b;border-radius:10px;outline:0;height:42px;padding:0 13px}.tier-toolbar input:focus{border-color:#6179e6;box-shadow:0 0 0 3px #6179e621}.tier-toolbar>div{gap:7px;display:flex}.tier-toolbar button,.tier-add-row{color:#b5c2db;background:#111927;border:1px solid #2c3a54;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 13px;display:flex}.tier-toolbar button:first-child{color:#fff;background:#384fa9;border-color:#536bd1}.tier-hidden-input{display:none}.tier-status{color:#6f7c92;font-size:var(--font-size-meta);align-items:center;gap:7px;margin:9px 4px 14px;display:flex}.tier-status svg{color:#6f8cff}.tier-workspace{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:15px;display:grid}.tier-templates{border:1px solid var(--tier-line);background:#0b1019;border-radius:18px;padding:20px;position:sticky;top:88px}.tier-templates h2{margin:7px 0;font-size:21px}.tier-templates>p{color:#76839a;font-size:var(--font-size-meta);margin:0;line-height:1.55}.tier-templates>div{gap:7px;margin:18px 0;display:grid}.tier-templates>div button{color:#b9c5d9;text-align:left;background:#0e1521;border:1px solid #222d40;border-radius:11px;gap:4px;padding:12px;display:grid}.tier-templates>div button:hover{background:#121d32;border-color:#435ba9}.tier-templates>div small{color:#6f7c92;font-size:var(--font-size-meta)}.tier-add-row{color:#afc0ff;background:#182442;width:100%}.tier-templates>small{color:#667289;text-align:center;font-size:var(--font-size-meta);margin-top:12px;display:block}.tier-board{gap:9px;min-width:0;display:grid}.tier-row{border:1px solid var(--tier-line);background:#0b1019;border-radius:15px;grid-template-columns:142px minmax(0,1fr);min-height:142px;display:grid;overflow:hidden}.tier-row>header{background:color-mix(in srgb,var(--tier-color) 78%,#131925);flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:14px;display:flex;position:relative}.tier-row>header:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff21,#0000 45%);position:absolute;inset:0}.tier-name{color:#07101d;text-align:center;background:0 0;border:0;outline:0;width:100%;font-size:27px;font-weight:850;position:relative}.tier-color{background:0 0;border:0;width:30px;height:22px;padding:0;position:relative}.tier-row>header>div{gap:4px;display:flex;position:relative}.tier-row>header button{color:#13203a;background:#ffffff2e;border:1px solid #080e1838;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.tier-row>header button:disabled{opacity:.35}.tier-dropzone{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:9px;padding:13px;transition:background .18s;display:flex}.tier-row.dragging .tier-dropzone{background:#6f8cff12;box-shadow:inset 0 0 0 1px #6f8cff38}.tier-dropzone>p{color:#59657a;text-align:center;width:100%;font-size:var(--font-size-meta);align-self:center;margin:auto}.tier-item{background:#121a28;border:1px solid #29364c;border-radius:12px;width:142px;overflow:hidden;box-shadow:0 8px 20px #00000021}.tier-item[draggable=true]{cursor:grab}.tier-item[draggable=true]:active{cursor:grabbing}.tier-item-main{color:#edf3ff;text-align:left;background:0 0;border:0;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:8px;width:100%;min-height:92px;padding:9px;display:grid}.tier-item-main img,.tier-item-main>span{object-fit:cover;border-radius:9px;width:44px;height:44px}.tier-item-main>span{color:#bdc9ff;background:#26345d;place-items:center;font-weight:850;display:grid}.tier-item-main strong{font-size:var(--font-size-meta);text-overflow:ellipsis;line-height:1.35;overflow:hidden}.tier-item-main>svg{color:#5e6d87;width:14px}.tier-item-actions{border-top:1px solid #243048;grid-template-columns:repeat(3,1fr);display:grid}.tier-item-actions button{color:#718099;background:#0d1420;border:0;border-left:1px solid #243048;height:28px}.tier-item-actions button:first-child{border-left:0}.tier-item-actions button:hover:not(:disabled){color:#fff;background:#18233a}.tier-item-actions button:disabled{opacity:.25}.tier-item-actions svg{width:14px}.tier-unranked{background:#090e17;border-style:dashed;grid-template-columns:142px minmax(0,1fr);margin-top:5px}.tier-unranked>header{color:#aebbd2;background:#121a28}.tier-unranked>header>svg{color:#8095dc;width:25px}.tier-unranked>header strong{font-size:15px}.tier-unranked>header small{color:#657289;font-size:var(--font-size-meta);text-align:center}.tier-unranked .tier-dropzone>button{color:#aec2ff;background:#14213b;border:1px solid #33466e;border-radius:9px;align-self:center;align-items:center;gap:7px;margin:auto;padding:10px 13px;display:flex}.tier-privacy{background:#0c131f;border:1px solid #26334a;border-radius:15px;align-items:center;gap:18px;margin:18px 0 42px;padding:17px 20px;display:flex}.tier-privacy strong{white-space:nowrap}.tier-privacy p{color:#76849a;font-size:var(--font-size-meta);margin:0;line-height:1.6}.tier-footer{border-top:1px solid var(--tier-line)}.tier-editor-layer{z-index:1200;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.tier-editor-scrim{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02050ac7;border:0;position:absolute;inset:0}.tier-editor{color:#edf3ff;background:#0b111c;border:1px solid #34425c;border-radius:19px;width:min(500px,100%);padding:22px;position:relative;box-shadow:0 30px 100px #00000080}.tier-editor>header{border-bottom:1px solid #253044;justify-content:space-between;align-items:flex-start;padding-bottom:17px;display:flex}.tier-editor h2{margin:6px 0 0;font-size:22px}.tier-editor header>button{color:#8d9ab0;background:#111927;border:1px solid #29364c;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.tier-editor>label{color:#8794a9;font-size:var(--font-size-meta);gap:7px;margin-top:18px;font-weight:700;display:grid}.tier-editor>label input{color:#fff;background:#070c14;border:1px solid #2d3a50;border-radius:10px;outline:0;height:44px;padding:0 12px}.tier-image-picker{background:#090f19;border:1px solid #29364b;border-radius:13px;grid-template-columns:88px minmax(0,1fr);gap:14px;margin-top:14px;padding:13px;display:grid}.tier-image-picker>img,.tier-image-picker>span{object-fit:cover;border-radius:12px;width:88px;height:88px}.tier-image-picker>span{color:#839bff;background:#17223b;place-items:center;display:grid}.tier-image-picker>span svg{width:30px;height:30px}.tier-image-picker>div{flex-wrap:wrap;align-content:center;align-items:flex-start;gap:5px;display:flex}.tier-image-picker strong,.tier-image-picker small{width:100%}.tier-image-picker small{color:#68758c;font-size:var(--font-size-meta)}.tier-image-picker button{color:#afc0e1;font-size:var(--font-size-meta);background:#111b2b;border:1px solid #304161;border-radius:8px;margin-top:6px;padding:7px 9px}.tier-image-picker button.remove{color:#ff9dab;background:#251219;border-color:#55303a}.tier-editor>footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.tier-editor>footer button{color:#aebbd0;background:#111925;border:1px solid #30405a;border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:0 14px;display:flex}.tier-editor>footer button.primary{color:#06101e;background:#8093ee;border-color:#7186ec;font-weight:800}@media (width<=1050px){.tier-hero{flex-direction:column;align-items:flex-start}.tier-hero aside{width:100%}.tier-workspace{grid-template-columns:1fr}.tier-templates{position:static}.tier-templates>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.tier-page{padding-inline:14px}.tier-hero{padding:48px 0 36px}.tier-toolbar{flex-direction:column;align-items:stretch}.tier-toolbar>label{min-width:0}.tier-toolbar>div{grid-template-columns:repeat(2,1fr);display:grid}.tier-row,.tier-unranked{grid-template-columns:92px minmax(0,1fr)}.tier-name{font-size:20px}.tier-item{width:128px}.tier-item-main{grid-template-columns:38px minmax(0,1fr) 14px}.tier-item-main img,.tier-item-main>span{width:38px;height:38px}.tier-templates>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-privacy{flex-direction:column;align-items:flex-start;gap:7px}}@media (width<=430px){.tier-hero aside{grid-template-columns:1fr}.tier-hero aside div{border-top:1px solid #29354a;border-left:0}.tier-hero aside div:first-child{border-top:0}.tier-row,.tier-unranked{grid-template-columns:74px minmax(0,1fr)}.tier-row>header{padding:8px}.tier-color{width:24px}.tier-row>header>div{flex-direction:column}.tier-row>header button{width:26px;height:25px}.tier-item{width:112px}.tier-item-main{text-align:center;grid-template-columns:1fr;justify-items:center}.tier-item-main>svg{display:none}.tier-dropzone{padding:8px}.tier-image-picker{grid-template-columns:1fr}.tier-image-picker>img,.tier-image-picker>span{width:100%;height:160px}}@media (prefers-reduced-motion:reduce){.tier-dropzone{transition:none}}.tier-toolbar>div{flex-wrap:wrap;justify-content:flex-end}.tier-toolbar button:disabled{opacity:.35}.tier-insights{border:1px solid var(--tier-line);background:#0b1019;border-radius:15px;grid-template-columns:minmax(240px,430px) minmax(280px,1fr);align-items:center;gap:22px;margin:0 0 14px;padding:14px 16px;display:grid}.tier-insights>label{color:#7184c8;background:#080d16;border:1px solid #29364c;border-radius:10px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.tier-insights>label:focus-within{border-color:#6179e6;box-shadow:0 0 0 3px #6179e61f}.tier-insights>label input{color:#e9efff;background:0 0;border:0;outline:0;width:100%}.tier-insights>div{grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:11px;display:grid}.tier-insights>div span:first-child{color:#9ba8bc;font-size:var(--font-size-meta)}.tier-insights>div strong{color:#e6ebff;font-size:14px}.tier-insights>div small{color:#6c788d;font-size:var(--font-size-meta)}.tier-progress{background:#1b2537;border-radius:99px;height:7px;overflow:hidden}.tier-progress i{border-radius:inherit;background:linear-gradient(90deg,#536bdf,#8a9cff);height:100%;transition:width .2s;display:block}.tier-row>header>small{color:#07101da8;font-size:var(--font-size-meta);font-weight:800;position:relative}.tier-item-actions{grid-template-columns:repeat(6,1fr)}.tier-item-actions button{padding:0}.tier-editor>label textarea{resize:vertical;color:#fff;background:#070c14;border:1px solid #2d3a50;border-radius:10px;outline:0;min-height:220px;padding:12px;line-height:1.65}.tier-editor>label textarea:focus{border-color:#6179e6;box-shadow:0 0 0 3px #6179e621}.tier-bulk-editor>p{color:#6f7c92;font-size:var(--font-size-meta);margin:10px 0 0;line-height:1.55}.tier-presentation-exit{z-index:1100;color:#fff;background:#32499f;border:1px solid #7187e5;border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 40px #00000061}.tier-page.presentation{padding-top:24px}.tier-page.presentation .tier-header,.tier-page.presentation .tier-hero,.tier-page.presentation .tier-toolbar,.tier-page.presentation .tier-status,.tier-page.presentation .tier-insights,.tier-page.presentation .tier-templates,.tier-page.presentation .tier-privacy,.tier-page.presentation .tier-footer{display:none}.tier-page.presentation .tier-workspace{grid-template-columns:1fr}.tier-page.presentation .tier-board{max-width:1500px;margin:auto}.tier-page.presentation .tier-item-main>svg,.tier-page.presentation .tier-item-actions,.tier-page.presentation .tier-row>header>div,.tier-page.presentation .tier-color{display:none}.tier-page.presentation .tier-item-main{cursor:default}.tier-page.presentation .tier-row{min-height:150px}@media (width<=900px){.tier-insights{grid-template-columns:1fr}.tier-insights>div{grid-template-columns:auto 1fr}.tier-insights>div small{grid-column:1/-1}.tier-toolbar>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tier-toolbar button{padding-inline:8px}}@media (width<=540px){.tier-toolbar>div{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-insights{padding:12px}.tier-insights>div{grid-template-columns:1fr}.tier-progress{width:100%}.tier-presentation-exit{bottom:12px;right:12px}.tier-page.presentation{padding-inline:8px}.tier-page.presentation .tier-row{grid-template-columns:68px minmax(0,1fr)}.tier-page.presentation .tier-item{width:105px}}.tier-row{content-visibility:auto;contain-intrinsic-size:auto 150px}.tier-item-main:disabled{opacity:1}.tier-page.presentation .tier-name:disabled{-webkit-text-fill-color:#07101d;opacity:1}.tier-page.presentation .tier-item{cursor:default}.tier-page.presentation .tier-dropzone{min-height:132px}@media (prefers-reduced-motion:reduce){.tier-progress i{transition:none}}
