@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #0b1020;--bg-accent: #131b35;--panel: #111827;--panel-border: rgba(148, 163, 184, .18);--text: #e2e8f0;--text-muted: #9aa6b2;--accent: #f97316;--accent-soft: rgba(249, 115, 22, .18);font-family:Space Grotesk,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#1f2a4a,var(--bg) 55%),linear-gradient(120deg,var(--bg),var(--bg-accent))}#app,.page-shell{min-height:100vh}.page-shell{display:flex;flex-direction:column}#app{max-width:980px;margin:0 auto;padding:3.5rem 1.5rem 4.5rem}.page-main{flex:1}.site-footer{margin-top:2rem;padding:2.5rem 1.5rem 3.5rem;border-top:1px solid rgba(148,163,184,.18);background:#090d1acc;display:grid;gap:.75rem}.footer-title{margin:0;font-weight:600;letter-spacing:.02em}.footer-text{margin:0;color:var(--text-muted);max-width:60ch;font-size:.9rem}.footer-links{display:flex;flex-wrap:wrap;gap:1rem}.footer-links a{color:var(--accent);text-decoration:none;font-size:.9rem}.footer-links a:hover{text-decoration:underline}.topbar{padding:1.25rem 1.5rem;background:#090d1ad9;border-bottom:1px solid rgba(148,163,184,.18);position:static;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__inner{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.8rem;background:none;border:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;font-weight:600;letter-spacing:.02em;transition:transform .2s ease}.brand:hover{transform:translateY(-1px)}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:999px}.brand__mark{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:radial-gradient(circle at 30% 20%,rgba(94,234,212,.4),transparent 55%),linear-gradient(140deg,#0f172af2,#1e293b99);border:1px solid rgba(148,163,184,.25);box-shadow:0 18px 30px #05091473}.brand__logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(15,23,42,.35))}.brand__text{display:grid;gap:.2rem}.brand__title{font-size:1rem}.brand__tagline{font-size:.75rem;color:var(--text-muted)}.topbar__nav{display:flex;gap:1rem;align-items:center}.topbar__nav .nav-link{background:none;border:1px solid transparent;font:inherit;cursor:pointer;color:var(--text);text-decoration:none;font-size:.9rem;padding:.35rem .65rem;border-radius:999px;transition:border-color .2s ease,color .2s ease}.topbar__nav .nav-link:hover{border-color:var(--accent);color:var(--accent)}.app{display:grid;gap:2rem}.app--layout{gap:2.5rem}.layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:2rem;align-items:start}.sidebar{position:sticky;top:1.5rem;display:grid;gap:1.25rem;padding:1.25rem;border-radius:20px;background:#0f172a99;border:1px solid var(--panel-border)}.sidebar__header h2{margin:0 0 .25rem;font-size:1.2rem}.sidebar__header p{margin:0;color:var(--text-muted);font-size:.9rem}.sidebar__search input{background:#111827e6}.sidebar__list{display:grid;gap:.75rem}.sidebar__link{display:grid;gap:.25rem;padding:.75rem;border-radius:14px;background:#0f172a99;border:1px solid transparent;color:var(--text);text-align:left;text-decoration:none;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.sidebar__link:hover{border-color:var(--accent);transform:translateY(-1px)}.sidebar__link.is-active{border-color:var(--accent);background:#f973161f}.sidebar__title{font-weight:600}.sidebar__desc{font-size:.85rem;color:var(--text-muted)}.sidebar__empty{margin:0;color:var(--text-muted);font-size:.85rem}.content{display:grid;gap:2.5rem}.calc-section{display:grid;gap:1.5rem;scroll-margin-top:2rem}.calc-section--compact{gap:1rem}.calc-section--compact .panel{padding:1.25rem}.calc-section--compact .form-layout{gap:1rem}.calc-section--compact .form-section{padding:1rem;gap:.75rem}.calc-section--compact .results{gap:1rem}.calc-section--compact .result-card{padding:1.2rem}.calc-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.calc-header h2{margin:0 0 .3rem;font-size:1.4rem}.calc-header p{margin:0;color:var(--text-muted);font-size:.95rem}.hero{display:grid;gap:.5rem;animation:fadeUp .6s ease-out}.topbar__controls{min-width:220px}.topbar__controls .field{gap:.25rem}.eyebrow{font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin:0}h1{font-size:clamp(2.2rem,4vw,3.2rem);margin:0}.subhead{margin:0;color:var(--text-muted);max-width:60ch}.subhead__highlight{color:var(--text);font-weight:600}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:1.75rem;box-shadow:0 20px 40px #05091459;animation:fadeUp .8s ease-out}.panel--form{display:grid;gap:1.5rem}.panel--compact .form-layout{gap:1rem}.panel--compact .form-section{border:none;background:transparent;padding:0}.panel--compact .form-section__header{margin-bottom:.35rem}.panel--compact .form-divider{height:1px;background:#94a3b833}.form-layout{display:grid;gap:1.5rem}.form-section{border:1px solid rgba(148,163,184,.1);border-radius:18px;padding:1.25rem;background:#0f172a73;display:grid;gap:1rem}.form-section__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.form-title{margin:0;font-weight:600;font-size:1rem}.form-subtitle{margin:0;font-size:.85rem;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.grid--compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid--single{grid-template-columns:minmax(0,1fr)}.field{display:grid;gap:.45rem;font-size:.95rem;color:var(--text-muted)}.field span{color:var(--text);font-weight:500}.form-block{display:grid;gap:.9rem}.field-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);font-weight:500}.tooltip{position:relative;display:inline-flex}.tooltip__trigger{border:1px solid rgba(148,163,184,.35);background:#0f172a99;color:var(--text);width:18px;height:18px;border-radius:50%;font-size:.75rem;line-height:1;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tooltip__trigger:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tooltip__content{position:absolute;top:calc(100% + .4rem);right:0;min-width:220px;max-width:260px;padding:.6rem .7rem;border-radius:12px;background:#0a0f1cfa;border:1px solid rgba(148,163,184,.2);color:var(--text-muted);font-size:.8rem;line-height:1.4;box-shadow:0 16px 30px #05091473;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease;z-index:30}.tooltip__list{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}.tooltip__list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.tooltip__list .tooltip__action{margin-top:0}.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content{opacity:1;pointer-events:auto;transform:translateY(0)}.tooltip__action{margin-top:.5rem;border:none;background:var(--accent);color:#0b1020;font-weight:600;font-size:.75rem;padding:.35rem .65rem;border-radius:999px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#050914bf;display:grid;place-items:center;padding:1.5rem;z-index:50}.modal-card{background:#0f172afa;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:1rem;max-width:min(900px,95vw);max-height:85vh;display:grid;gap:.75rem;box-shadow:0 24px 60px #05091480}.modal-close{justify-self:end;border:none;background:#94a3b829;color:var(--text);font-weight:600;padding:.4rem .9rem;border-radius:999px;cursor:pointer}.modal-image{width:100%;height:auto;border-radius:12px;border:1px solid rgba(148,163,184,.15);object-fit:contain}input,select,textarea{width:100%;padding:.7rem .85rem;border-radius:12px;border:1px solid transparent;background:#0f172a99;color:var(--text);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.icon-select{position:relative;width:100%}.icon-select__button{width:100%;padding:.7rem .85rem;border-radius:12px;border:1px solid transparent;background:#0f172a99;color:var(--text);font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.icon-select__button:hover{border-color:#94a3b84d}.icon-select.is-open .icon-select__button{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.icon-select__value{display:inline-flex;align-items:center;gap:.5rem}.icon-select__value .icon-select__tokens{flex-wrap:nowrap;align-items:center}.icon-select__value .icon-select__token--text{-webkit-line-clamp:1}.icon-select__chevron{color:var(--text-muted);font-size:.9rem}.icon-select__list{position:absolute;top:calc(100% + .35rem);left:0;right:0;background:#0c1222fa;border:1px solid rgba(148,163,184,.2);border-radius:12px;box-shadow:0 16px 30px #05091466;display:grid;gap:.2rem;padding:.35rem;z-index:20;outline:none}.icon-select__viewport{position:relative;overflow-y:auto;border-radius:10px}.icon-select__spacer{width:100%;display:flex;flex-direction:column;gap:0}.icon-select__search{padding:.5rem;border-bottom:1px solid rgba(148,163,184,.15);background:#0a0f1cfa;border-radius:10px}.icon-select__search input{width:100%;padding:.45rem .6rem;border-radius:10px;font-size:.85rem;background:#0f172acc}.icon-select__option{width:100%;padding:.45rem .65rem;height:var(--icon-select-row-height, 48px);border-radius:10px;border:none;background:transparent;color:var(--text);display:flex;align-items:flex-start;gap:.5rem;cursor:pointer;text-align:left;white-space:normal;overflow:hidden}.icon-select__option>span:not(.icon-select__tokens){display:-webkit-box;-webkit-line-clamp:var(--icon-select-line-clamp, 2);-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.25}.icon-select__option.is-selected{font-weight:600}.icon-select__option.is-active{background:#f9731633}.icon-select__option.is-desecrated{border-left:3px solid rgba(74,222,128,.9);background:linear-gradient(90deg,#22c55e2e,#0f172a33)}.icon-select__option.is-desecrated.is-active{background:linear-gradient(90deg,#22c55e42,#f9731633)}.icon-select__option.is-recommended{border-left:3px solid rgba(96,165,250,.9);background:linear-gradient(90deg,#3b82f629,#0f172a33)}.icon-select__option.is-recommended.is-active{background:linear-gradient(90deg,#3b82f638,#f9731633)}.icon-select__tokens{display:inline-flex;flex-wrap:wrap;gap:.35rem .45rem;align-items:flex-start;min-width:0;overflow:hidden}.icon-select__token{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:999px;font-size:.85em;line-height:1.2;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#f1f5ffe6;white-space:nowrap}.icon-select__token--item{background:#4b6eb440;border-color:#78a0dc59;color:#dae8fff2}.icon-select__token--pool{background:#46917833;border-color:#6ebea04d;color:#cef4e6f2}.icon-select__token--tier{background:#d28c4138;border-color:#ebaa6459;color:#ffe6c8f2}.icon-select__token--text{background:#7882a02e;border-color:#a0aacd40;color:#e6ecf8e6;white-space:normal;display:-webkit-box;-webkit-line-clamp:var(--icon-select-line-clamp, 2);-webkit-box-orient:vertical;overflow:hidden}.icon-select__option:hover{background:#94a3b81f}.icon-select__empty{margin:0;padding:.75rem;font-size:.85rem;color:var(--text-muted)}textarea{resize:vertical;min-height:160px}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.form-note{margin:0;color:var(--text-muted);font-size:.9rem}.action-btn{border:none;border-radius:999px;padding:.6rem 1.3rem;background:var(--accent);color:#0b1020;font-weight:600;cursor:pointer}.action-btn.secondary{background:#94a3b829;color:var(--text)}.input-row{display:flex;align-items:center;gap:.6rem}.input-row--icon{gap:.35rem;position:relative}.input-row--icon .input-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);pointer-events:none}.input-row--icon .input-with-icon{padding-left:2.1rem}.suffix{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.prefix-icon{width:18px;height:18px;margin-right:.2rem;vertical-align:middle}.results{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.chaos-panel{display:grid;gap:1.5rem}.chaos-inputs{max-width:320px}.chaos-results .result-card{background:#11182799}.result-card{background:#0f172ab3;border:1px solid var(--panel-border);border-radius:18px;padding:1.5rem;display:grid;gap:.5rem;animation:fadeUp 1s ease-out}.result-card.small{background:#11182799}.label{margin:0;color:var(--text-muted);font-size:.9rem}.value{margin:0;font-size:1.8rem;font-weight:600;color:var(--accent)}.detail{margin:0;color:var(--text-muted);font-size:.9rem}.detail .metric{color:var(--text);font-weight:600}.inline-icon{width:18px;height:18px;object-fit:contain;margin-right:.35rem;vertical-align:text-bottom}.value-icon{width:28px;height:28px;margin-left:.35rem;vertical-align:middle}.detail-divider{height:1px;background:#94a3b833;margin:.4rem 0}.note{color:var(--text-muted);font-size:.9rem;display:inline-flex;align-items:center;gap:.35rem}.note--hint{color:var(--text-muted);font-size:.8rem;font-style:normal;letter-spacing:.01em}.note-row{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:100%}.checkbox-stack{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;align-items:center}.checkbox-inline{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;color:var(--text);font-size:.9rem;background:#0f172a8c;border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:.35rem .65rem}.checkbox-inline label{cursor:pointer;color:var(--text);font-weight:600;font-size:.93rem;white-space:nowrap}.checkbox-inline__label{display:inline-flex;align-items:center;gap:.35rem}.checkbox-inline input[type=checkbox]{width:18px;height:18px;padding:0;margin:0 0 0 .4rem;background:transparent;accent-color:var(--accent)}.checkbox-inline--compact{background:transparent;border:none;padding:0;font-size:.85rem}.modifier-category-list{display:grid;gap:.5rem}.modifier-category-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.modifier-category-label{color:var(--text-muted);font-size:.85rem;min-width:165px}.modifier-category-items{display:flex;flex-wrap:wrap;gap:.45rem}.modifier-category-chip{border:1px solid rgba(148,163,184,.2);background:#0f172a8c;color:var(--text);border-radius:999px;padding:.3rem .7rem;font-size:.85rem;cursor:pointer}.modifier-category-chip.active{border-color:var(--accent);background:#f9731626;color:var(--accent)}@media(max-width:720px){.modifier-category-label{min-width:100%}}.privacy{max-width:840px;margin:0 auto;padding:3rem 1.5rem 4rem;display:grid;gap:2rem}.privacy__header h1{margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.6rem)}.privacy__header p{margin:0;color:var(--text-muted)}.privacy__content{display:grid;gap:1.5rem}.privacy__content section{background:#0f172a99;border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:1.25rem}.privacy__content h2{margin:0 0 .5rem;font-size:1.1rem}.privacy__content p{margin:0;color:var(--text-muted)}.consent-banner{position:fixed;bottom:1.5rem;right:1.5rem;left:1.5rem;max-width:620px;margin:0 auto;display:grid;gap:1rem;background:#0f172af2;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:1.25rem;box-shadow:0 20px 40px #05091466;z-index:40}.consent-title{margin:0 0 .35rem;font-weight:600}.consent-text{margin:0;color:var(--text-muted);font-size:.9rem}.consent-link{color:var(--accent);background:none;border:none;padding:0;font:inherit;cursor:pointer;text-decoration:none}.consent-link:hover{text-decoration:underline}.consent-actions{display:flex;flex-wrap:wrap;gap:.75rem}.consent-btn{border:none;border-radius:999px;padding:.5rem 1.1rem;background:var(--accent);color:#0b1020;font-weight:600;cursor:pointer}.consent-btn.secondary{background:#94a3b829;color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){#app{padding:2.5rem 1.25rem 3.5rem}.topbar__inner{flex-direction:column;align-items:flex-start}.topbar__nav{flex-wrap:wrap}.brand__mark{width:54px;height:54px}.brand__logo{width:46px;height:46px}.layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar__list{grid-template-columns:1fr}.content{gap:2rem}.panel{padding:1.25rem}.panel--form,.form-layout{gap:1rem}.form-section{padding:1rem}.form-section__header{flex-direction:column;align-items:flex-start}.value{font-size:1.5rem}}