:root{color-scheme:dark;--bg: #07090a;--panel: #0c1110;--panel-2: #111917;--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .05);--text: #e2e8f0;--text-dim: #94a3b8;--echo: #28e049;--echo-bright: #5dff6e;--echo-dim: #1b9a35;--echo-rgb: 40, 224, 73;--on-echo: #04170a;--script-ink: #86efac;--gold: #e8b84b;--gold-bright: #ffd96b;--err: #f87171;--warn: #fbbf24;--ok: #28e049;--iron: #cbd5e1;--fs: 1;--font-sans: "Inter", system-ui, sans-serif;--font-display: "Sora", "Inter", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1100px 500px at 80% -10%,rgba(var(--echo-rgb),.07),transparent 60%),radial-gradient(900px 420px at 0% 110%,rgba(232,184,75,.05),transparent 60%),var(--bg);color:var(--text);font:calc(16px * var(--fs))/1.5 var(--font-sans);-webkit-font-smoothing:antialiased}#root{height:100%}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:14px;padding:12px clamp(24px,4vw,64px);background:#07090ad9;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand-icon{font-size:calc(26px * var(--fs))}.brand-logo{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.brand h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:calc(17px * var(--fs));color:#fff}.brand-sub{font-size:calc(11px * var(--fs));color:var(--text-dim);display:block}.brand-sub a{color:var(--echo);text-decoration:none}.brand-sub a:hover{color:var(--echo-bright);text-decoration:underline}.build-name{flex:1;min-width:160px;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:7px 10px;font-size:calc(14px * var(--fs));font-weight:600;font-family:var(--font-sans)}.topbar-actions{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}.btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:10px;padding:8px 14px;cursor:pointer;font-size:calc(14px * var(--fs));font-weight:500;font-family:var(--font-sans);white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.btn:hover{border-color:rgba(var(--echo-rgb),.4);color:#fff}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{border-color:#ffffff1a;color:var(--text)}.btn.primary{background:var(--echo);border-color:var(--echo);color:var(--on-echo)}.btn.primary:hover{background:var(--echo-bright);border-color:var(--echo-bright);color:var(--on-echo)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#241a04}.btn.gold:hover{background:var(--gold-bright);border-color:var(--gold-bright);color:#241a04}.btn.tiny{padding:2px 7px;font-size:calc(12px * var(--fs));border-radius:7px}.btn.danger:hover{border-color:var(--err);color:var(--err)}.menu{position:relative}.menu summary{list-style:none;-webkit-user-select:none;user-select:none}.menu summary::-webkit-details-marker{display:none}.menu-body{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:250px;max-height:60vh;overflow-y:auto;background:#0e1413;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 50px -20px #000c;padding:6px}.menu-item{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:7px 10px;border-radius:8px;cursor:pointer;font-size:calc(13px * var(--fs));font-family:var(--font-sans)}.menu-item:hover{background:rgba(var(--echo-rgb),.08);color:var(--echo-bright)}.menu-item.active{color:var(--echo-bright)}.menu-item.danger:hover{color:var(--err);background:#f8717114}.menu-item-sub{color:var(--text-dim);font-size:calc(11px * var(--fs))}.menu-sep{border-top:1px solid var(--border-soft);margin:6px 4px}.status-strip{display:flex;gap:10px;align-items:center;padding:8px 24px;border-bottom:1px solid var(--border-soft);font-size:calc(12px * var(--fs));color:var(--text-dim);flex-wrap:wrap;font-variant-numeric:tabular-nums}.chip{border:1px solid var(--border);border-radius:999px;padding:2px 10px;background:var(--panel);font-weight:500}.chip.err{color:var(--err);border-color:#f8717180}.chip.warn{color:var(--warn);border-color:#fbbf2480}.chip.ok{color:var(--echo);border-color:rgba(var(--echo-rgb),.45)}.chip.iron{color:var(--iron);border-color:#cbd5e166}.chip.rsn{color:var(--gold-bright);border-color:#e8b84b80}.rsn-box{display:flex;align-items:center;gap:6px}.rsn-input{width:130px;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:4px 8px;font-size:calc(12px * var(--fs));font-family:var(--font-sans)}.rsn-input::placeholder{color:#64748b}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:16px clamp(24px,4vw,64px) 24px;flex:1;min-height:0}.mid-col{display:flex;flex-direction:column;gap:10px;min-height:0}.hiscores-bar{flex:none;padding:12px 14px;gap:10px}.hs-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hs-title{font-family:var(--font-display);font-weight:600;font-size:calc(13px * var(--fs));color:var(--text-dim)}.hs-input{flex:1;min-width:160px;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:9px 12px;font-size:calc(15px * var(--fs));font-family:var(--font-sans)}.hs-input::placeholder{color:#576578}.hs-iron{display:flex;align-items:center;gap:6px;font-size:calc(13px * var(--fs));color:var(--text-dim);cursor:pointer;white-space:nowrap}.hs-hint{margin:0;font-size:calc(12px * var(--fs));color:var(--text-dim)}.hs-summary{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.hs-chip{border:1px solid rgba(var(--echo-rgb),.4);color:var(--echo-bright);border-radius:999px;padding:2px 12px;font-size:calc(12px * var(--fs));font-weight:600;font-variant-numeric:tabular-nums}.hs-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:4px;margin-top:10px}.hs-stat{display:flex;justify-content:space-between;align-items:baseline;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:7px;padding:3px 7px}.hs-stat-name{font-size:calc(10px * var(--fs));text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.hs-stat-val{font-size:calc(13px * var(--fs));font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.right-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-soft)}.right-title{font-family:var(--font-display);font-weight:600;font-size:calc(13px * var(--fs));color:var(--text-dim)}.panel{background:linear-gradient(180deg,#ffffff0b,#ffffff04);border:1px solid var(--border);border-radius:16px;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 50px -20px #000c}@media(max-width:1100px){.columns{grid-template-columns:repeat(2,minmax(0,1fr))}.right{grid-column:1 / -1;max-height:45vh}}.palette-head{padding:10px;border-bottom:1px solid var(--border-soft)}.search{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:7px 10px;margin-bottom:8px;font-family:var(--font-sans)}.search::placeholder{color:#64748b}.cat-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px}.cat-tab{background:none;border:1px solid transparent;color:var(--text-dim);border-radius:8px;padding:4px 10px;font-size:calc(12px * var(--fs));font-weight:500;font-family:var(--font-sans);cursor:pointer}.cat-tab:hover{color:var(--text)}.cat-tab.active{background:rgba(var(--echo-rgb),.1);border-color:rgba(var(--echo-rgb),.35);color:var(--echo-bright)}.palette-list{overflow-y:auto;padding:6px;flex:1}.palette-item{border-bottom:1px solid var(--border-soft)}.palette-item-main{display:flex;align-items:center;gap:8px;padding:7px 6px;cursor:pointer;border-radius:8px}.palette-item-main:hover{background:rgba(var(--echo-rgb),.05)}.palette-item-text{flex:1;display:flex;flex-direction:column;min-width:0}.palette-item-title{font-size:calc(13px * var(--fs))}.palette-item-sub{font-size:calc(11px * var(--fs));color:var(--text-dim)}.add-btn{font-weight:700;color:var(--echo);background:rgba(var(--echo-rgb),.1);border-color:rgba(var(--echo-rgb),.35)}.palette-detail{margin:0;padding:4px 10px 10px 22px;font-size:calc(12px * var(--fs));color:var(--text-dim)}.palette-detail li{margin:2px 0}.empty-note{padding:16px;color:var(--text-dim);text-align:center}.build{overflow-y:auto}.rows{padding:8px;display:flex;flex-direction:column;gap:6px}.row{background:var(--panel-2);border:1px solid var(--border-soft);border-left:3px solid var(--ok);border-radius:10px;padding:6px 8px}.row.status-warn{border-left-color:var(--warn)}.row.status-err{border-left-color:var(--err)}.row-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.drag-handle{cursor:grab;color:var(--text-dim);-webkit-user-select:none;user-select:none;padding:0 2px;letter-spacing:-2px}.drag-handle:active{cursor:grabbing}.row-num{color:var(--text-dim);font-size:calc(11px * var(--fs));min-width:20px;text-align:right;font-variant-numeric:tabular-nums}.row-icon{font-size:calc(15px * var(--fs))}.row-text{flex:1;min-width:140px}.row-title{font-size:calc(13px * var(--fs));font-weight:600}.row-line{font-size:calc(11px * var(--fs));color:var(--echo-dim);font-family:Consolas,monospace}.row:hover .row-line{color:var(--echo)}.row-params{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.param{display:flex;align-items:center;gap:5px;font-size:calc(12px * var(--fs));color:var(--text-dim)}.param select,.param input,.raw-input,.acquire-row input{background:var(--panel);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:3px 6px;font-size:calc(12px * var(--fs));font-family:var(--font-sans)}.lvl-input{width:58px}.alloy-input{width:130px}.raw-input{width:240px;font-family:Consolas,monospace}.row-actions{display:flex;gap:4px}.row-issues{margin-top:6px;display:flex;flex-direction:column;gap:4px}.issue{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:calc(12px * var(--fs));padding:4px 8px;border-radius:8px;flex-wrap:wrap}.issue.error{background:#f871711a;color:#fca5a5}.issue.warn{background:#fbbf2414;color:#fcd34d}.fix-btn{border-color:rgba(var(--echo-rgb),.5);color:var(--echo-bright);font-size:calc(11px * var(--fs));padding:2px 8px}.drop-before>.row{box-shadow:0 -3px 0 0 var(--echo)}.drop-after>.row{box-shadow:0 3px 0 0 var(--echo)}.acquire-editor{display:flex;flex-direction:column;gap:4px}.acquire-row{display:flex;align-items:center;gap:4px}.acquire-name{width:150px}.acquire-qty{width:62px}.acquire-dash{color:var(--text-dim)}.empty-state{padding:34px 26px;text-align:center;color:var(--text-dim)}.empty-state h2{color:var(--text);margin:0 0 6px;font-family:var(--font-display);font-weight:600}.preset-buttons{display:flex;flex-direction:column;gap:10px;margin-top:18px;align-items:center}.preset-btn{display:flex;flex-direction:column;gap:3px;max-width:460px;width:100%;padding:10px 14px;text-align:left;border-radius:12px;background:var(--panel-2);border-color:rgba(var(--echo-rgb),.3)}.preset-btn:hover{background:rgba(var(--echo-rgb),.1);border-color:var(--echo)}.preset-btn strong{color:var(--echo-bright);font-size:calc(15px * var(--fs))}.preset-btn span{font-size:calc(12px * var(--fs));color:var(--text-dim);white-space:normal;font-weight:400}.right .cat-tabs{border-bottom:1px solid var(--border-soft);padding:8px}.tab-body{padding:10px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px}.script-actions{display:flex;gap:8px;flex-wrap:wrap}.script-out,.script-in{width:100%;min-height:220px;flex:1;resize:vertical;background:#05080a;border:1px solid var(--border);border-radius:12px;color:var(--script-ink);font-family:Consolas,Courier New,monospace;font-size:calc(12px * var(--fs));padding:10px;white-space:pre}.script-in{min-height:140px;color:var(--text)}.import-box summary{cursor:pointer;color:var(--echo);font-size:calc(13px * var(--fs));margin-bottom:8px}.stat-chips{display:flex;gap:8px}.stat-chip{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center}.stat-chip span{font-size:calc(11px * var(--fs));font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.stat-chip strong{font-size:calc(18px * var(--fs));color:var(--gold-bright);font-variant-numeric:tabular-nums}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.stat-cell{display:flex;justify-content:space-between;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:8px;padding:4px 8px;font-size:calc(12px * var(--fs))}.stat-name{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-val{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.fine-print{font-size:calc(11px * var(--fs));color:var(--text-dim);margin:0}.iron-toggle{display:flex;align-items:center;gap:8px;font-size:calc(14px * var(--fs));cursor:pointer}.settings-h{margin:8px 0 0;font-size:calc(12px * var(--fs));font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.start-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.start-cell{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:calc(12px * var(--fs));color:var(--text-dim)}.start-cell input{width:56px;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:3px 6px;font-variant-numeric:tabular-nums}.cloud-list{display:flex;flex-direction:column;gap:6px}.cloud-row{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border-soft);border-radius:10px;padding:8px 10px;transition:border-color .15s}.cloud-row:hover{border-color:rgba(var(--echo-rgb),.35)}.cloud-row-text{flex:1;min-width:0}.cloud-row-name{font-size:calc(13px * var(--fs));font-weight:600;color:var(--text)}.cloud-row-sub{font-size:calc(11px * var(--fs));color:var(--text-dim)}.cloud-note{background:#e8b84b12;border:1px solid rgba(232,184,75,.3);border-radius:10px;padding:10px 12px;font-size:calc(12px * var(--fs));color:var(--gold-bright)}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gate-card{width:100%;max-width:360px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);border:1px solid var(--border);border-radius:20px;box-shadow:0 18px 50px -20px #000c,0 0 28px -4px rgba(var(--echo-rgb),.15);padding:34px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.gate-logo{width:64px;height:64px;border-radius:14px;object-fit:cover;border:1px solid var(--border)}.gate-card h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:calc(22px * var(--fs));background:linear-gradient(180deg,var(--gold-bright),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.gate-sub{margin:-6px 0 6px;font-size:calc(12px * var(--fs));color:var(--text-dim)}.gate-input{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-size:calc(14px * var(--fs));text-align:center;font-family:var(--font-sans)}.gate-btn{width:100%;padding:9px 12px}.gate-error{margin:0;color:var(--err);font-size:calc(12px * var(--fs))}.mode-tabs{display:flex;gap:2px;padding:4px 22px 0;border-bottom:1px solid var(--border-soft)}.mode-tab{position:relative;background:none;border:none;color:var(--text-dim);padding:10px 14px 12px;font-family:var(--font-sans);font-weight:500;font-size:calc(14px * var(--fs));cursor:pointer;transition:color .15s}.mode-tab:hover,.mode-tab.active{color:#fff}.mode-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--echo),var(--echo-bright))}.vault-main{flex:1;min-height:0;padding:20px 24px;display:flex}.presets{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;width:100%;max-width:1280px;margin:0 auto}.pb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pb-cats{display:flex;gap:4px;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.pb-cat{display:flex;align-items:center;gap:8px;background:none;border:none;border-radius:9px;padding:8px 16px;font:500 calc(14px * var(--fs))/calc(20px * var(--fs)) var(--font-sans);color:var(--text-dim);cursor:pointer}.pb-cat:hover{color:var(--text)}.pb-cat.active{background:var(--echo);color:var(--on-echo)}.pb-count{font-size:calc(11px * var(--fs));font-weight:700;padding:1px 7px;border-radius:999px;background:#ffffff1a}.pb-cat.active .pb-count{background:#04170a33}.pb-author,.pb-search{background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:6px 12px;font:calc(14px * var(--fs))/calc(20px * var(--fs)) var(--font-sans)}.pb-body{flex:1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px}.pb-list{overflow:hidden}.pb-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 10px}.pb-list-head h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:calc(18px * var(--fs));line-height:calc(28px * var(--fs));color:#fff}.pb-muted{font:400 calc(12px * var(--fs)) var(--font-sans);color:var(--text-dim);margin-left:6px}.pb-search{width:140px}.pb-cards{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}.pb-card{display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--text);font-family:var(--font-sans);cursor:pointer;transition:border-color .15s,background .15s}.pb-card:hover{border-color:rgba(var(--echo-rgb),.35)}.pb-card.active{border-color:var(--echo);background:rgba(var(--echo-rgb),.06)}.pb-card-title{font-family:var(--font-display);font-weight:600;font-size:calc(14px * var(--fs));line-height:calc(20px * var(--fs));color:#fff}.pb-card-desc{font-size:calc(12px * var(--fs));line-height:calc(16px * var(--fs));color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pb-pills{display:flex;gap:6px;flex-wrap:wrap}.pb-pill{font-size:calc(10px * var(--fs));line-height:calc(15px * var(--fs));font-weight:500;padding:2px 8px;border-radius:9999px;background:#ffffff12;color:var(--text-dim)}.pb-pill.cat-regular{background:rgba(var(--echo-rgb),.12);color:var(--echo-bright)}.pb-pill.cat-ironman{background:#cbd5e11f;color:var(--iron)}.pb-pill.cat-misc{background:#e8b84b1f;color:var(--gold-bright)}.pb-by{font-size:calc(12px * var(--fs));color:var(--text-dim);margin:0}.pb-by a{color:var(--echo)}.pb-detail{overflow-y:auto;padding:24px}.pb-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.pb-detail-head h1{margin:0 0 6px;font-family:var(--font-display);font-weight:700;font-size:calc(20px * var(--fs));line-height:calc(28px * var(--fs));color:#fff}.pb-detail-desc{margin:0 0 8px;font-size:calc(16px * var(--fs));line-height:calc(24px * var(--fs));color:var(--text);max-width:70ch}.pb-actions{display:flex;gap:8px}.pb-actions .btn{height:36px;padding:0 12px;font-size:calc(14px * var(--fs))}.pb-content-label{margin:22px 0 8px;font-family:var(--font-display);font-weight:600;font-size:calc(16px * var(--fs));color:#fff}.pb-script{margin:0;background:#05080a;border:1px solid var(--border);border-radius:12px;padding:16px;color:var(--script-ink);font:calc(14px * var(--fs))/calc(20px * var(--fs)) ui-monospace,Consolas,"Courier New",monospace;white-space:pre-wrap;word-break:break-word}@media(max-width:900px){.pb-body{grid-template-columns:1fr}}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:100}.toast{background:#0e1413;border:1px solid rgba(var(--echo-rgb),.5);color:var(--echo-bright);border-radius:10px;padding:8px 16px;font-size:calc(13px * var(--fs));box-shadow:0 6px 18px #0009;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#07090a}::-webkit-scrollbar-thumb{background:rgba(var(--echo-rgb),.18);border-radius:9999px;border:2px solid #07090a}::-webkit-scrollbar-thumb:hover{background:rgba(var(--echo-rgb),.3)}::selection{background:rgba(var(--echo-rgb),.3);color:#eafff0}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(var(--echo-rgb),.6);outline-offset:2px;border-radius:6px}:root[data-flavor=porous]{--bg: #0b0912;--panel: #120f1c;--panel-2: #181428;--border: rgba(167, 139, 250, .12);--border-soft: rgba(167, 139, 250, .07);--echo: #8b5cf6;--echo-bright: #a78bfa;--echo-dim: #7c3aed;--echo-rgb: 139, 92, 246;--on-echo: #ffffff;--ok: #8b5cf6;--gold: #e879f9;--gold-bright: #f0abfc;--script-ink: #c4b5fd}:root[data-flavor=porous] body{background:radial-gradient(1100px 500px at 80% -10%,rgba(139,92,246,.14),transparent 60%),radial-gradient(900px 420px at 0% 110%,rgba(232,121,249,.07),transparent 60%),var(--bg)}.brand-mono{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--echo),var(--gold));color:#fff;font:700 calc(20px * var(--fs)) var(--font-display)}.gate-logo.brand-mono{font-size:calc(32px * var(--fs))}:root[data-flavor=porous]{--fs: 1.15;--text: #f3f0ff;--text-dim: #c4bce0;--border: rgba(167, 139, 250, .22);--border-soft: rgba(167, 139, 250, .13);--echo-dim: #b9a3fb}:root[data-flavor=porous] .panel{background:linear-gradient(180deg,#a78bfa12,#a78bfa06)}:root[data-flavor=porous] ::placeholder{color:#9d93c2}:root[data-flavor=porous] .cat-tab{padding:6px 12px}:root[data-flavor=porous] .palette-item-main{padding:9px 8px}:root[data-flavor=porous] .param select,:root[data-flavor=porous] .param input,:root[data-flavor=porous] .raw-input,:root[data-flavor=porous] .acquire-row input{padding:5px 8px}:root[data-flavor=porous] .btn.tiny{padding:4px 9px}:root[data-flavor=porous] .topbar{background:linear-gradient(90deg,#160d2b,#1e1240 55%,#27165a);border-bottom:1px solid transparent;border-image:linear-gradient(90deg,#8b5cf626,#facc158c 50%,#8b5cf626) 1}:root[data-flavor=porous] .brand h1{letter-spacing:.2px}:root[data-flavor=porous] .brand-sub{color:#b9aee0}:root[data-flavor=porous] .brand-logo{border-color:#facc1559}:root[data-flavor=porous] .build-name{background:#08051280;border-color:#c4b5fd33}:root[data-flavor=porous] .topbar .btn:not(.primary){background:#ffffff0a;border-color:#c4b5fd33;color:#ece8ff}:root[data-flavor=porous] .topbar .btn:not(.primary):hover{background:#8b5cf629;border-color:#c4b5fd73}:root[data-flavor=porous] .mode-tabs{padding-left:calc(clamp(24px,4vw,64px) - 14px)}:root[data-flavor=porous] .panel{background:linear-gradient(180deg,#1c1535,#161029);border-color:#a78bfa52}:root[data-flavor=porous] .search,:root[data-flavor=porous] .rsn-input,:root[data-flavor=porous] .hs-input,:root[data-flavor=porous] .pb-search,:root[data-flavor=porous] .pb-author,:root[data-flavor=porous] .script-out,:root[data-flavor=porous] .right textarea,:root[data-flavor=porous] .param select,:root[data-flavor=porous] .param input,:root[data-flavor=porous] .raw-input,:root[data-flavor=porous] .acquire-row input{background:#0b0816;border-color:#a78bfa61}:root[data-flavor=porous] .search:focus,:root[data-flavor=porous] .hs-input:focus,:root[data-flavor=porous] .pb-search:focus,:root[data-flavor=porous] .right textarea:focus,:root[data-flavor=porous] .param input:focus,:root[data-flavor=porous] .raw-input:focus{outline:none;border-color:var(--echo-bright)}:root[data-flavor=porous] ::placeholder{color:#a99fd0}:root[data-flavor=porous] .cat-tab{color:#d6cff0}:root[data-flavor=porous] .right-head,:root[data-flavor=porous] .palette-head{border-bottom-color:#a78bfa38}:root[data-flavor=porous] .btn:not(.primary):not(.add-btn){background:#ffffff0d;border-color:#a78bfa4d}:root[data-flavor=porous] .btn.primary:disabled{opacity:.6}