@font-face{font-family:KnightAIAV;src:url(/fonts/KnightAIAV.woff2)format("woff2");font-weight:300 800;font-style:normal;font-display:swap}:root{--bg:#050404;--panel:#0e0909db;--panel-soft:#ffffff06;--line:#e6c4692e;--line-bright:#e6c4696b;--gold:#e6c469;--gold-bright:#f8dda0;--red:#f04444;--red-deep:#7d121b;--green:#56d98b;--blue:#78a7ff;--text:#f8f4ef;--muted:#a99fa0;--dim:#746b6c;--text-main:var(--text);--text-muted:var(--muted);--trim:var(--gold);--accent:var(--red);--radius:22px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 12%,#74111942,#0000 36rem),radial-gradient(circle at 84% 34%,#724c121f,#0000 34rem),linear-gradient(145deg,#090505 0%,#030303 52%,#090606 100%);margin:0;overflow-x:hidden}body:before{z-index:-3;content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.font-display{font-family:KnightAIAV,Inter,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10000;color:#090505;background:var(--gold-bright);border-radius:8px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.particle-canvas{pointer-events:none;inset:0;z-index:-2!important;position:fixed!important}.custom-cursor{z-index:9999;pointer-events:none;width:20px;height:20px;color:var(--gold-bright);filter:drop-shadow(0 0 5px #e6c46959);will-change:transform;place-items:center;transition:color .12s,filter .12s;display:grid;position:fixed;top:0;left:0}.custom-cursor svg{fill:currentColor;width:100%;height:100%}.custom-cursor.moving{color:var(--red);filter:drop-shadow(0 0 8px #f04444b8)}.top-branding{top:max(18px, env(safe-area-inset-top));z-index:50;position:fixed;left:50%;transform:translate(-50%)}.top-branding a{min-width:max-content;color:inherit;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070505d1;border:1px solid #e6c4692b;border-radius:16px;align-items:center;gap:11px;padding:8px 13px 8px 9px;text-decoration:none;display:flex;box-shadow:0 14px 45px #0000006b,inset 0 1px #ffffff0a}.top-branding img{object-fit:contain;filter:drop-shadow(0 0 12px #f044443d);width:44px;height:44px}.top-branding div{gap:3px;display:grid}.brand-title{letter-spacing:.19em;color:#ffffffe6;font-size:.91rem}.brand-title strong{color:var(--gold-bright);font-weight:700}.brand-credit{color:var(--muted);letter-spacing:.22em;font-size:.56rem}.layout{z-index:1;grid-template-columns:minmax(390px,.92fr) minmax(500px,1.08fr);align-items:start;gap:24px;width:min(1500px,100% - 40px);min-height:calc(100vh - 58px);margin:0 auto;padding:112px 0 82px;display:grid;position:relative}.constraint-panel-wrapper,.model-list-wrapper{min-width:0}.glass-panel{border-radius:var(--radius);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(145deg,#130b0be6,#070606e0);border:1px solid #ffffff0f;position:relative;overflow:hidden;box-shadow:0 32px 90px #0000007a,inset 0 1px #ffffff0e}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(130deg,#ffffff09,#0000 30% 72%,#e6c46906);position:absolute;inset:0}.constraint-panel{padding:30px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:relative}.eyebrow,.section-kicker{color:var(--gold);letter-spacing:.19em;text-transform:uppercase;font-size:.66rem;font-weight:750}.panel-heading h1{letter-spacing:-.055em;margin:7px 0 8px;font-size:clamp(2.1rem,5vw,3.45rem);line-height:.98}.panel-heading p{max-width:570px;color:var(--muted);margin:0;font-size:.94rem;line-height:1.55}.readiness-orb{text-align:center;background:radial-gradient(circle,#56d98b29,#56d98b06 62%,#0000 64%);border:1px solid #56d98b47;border-radius:50%;flex:0 0 78px;place-content:center;width:78px;height:78px;display:grid;box-shadow:0 0 34px #56d98b14}.readiness-orb strong{color:var(--green);font-size:1.55rem;line-height:1}.readiness-orb span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:.62rem}.privacy-strip{color:#c9e8d4;background:#348e5816;border:1px solid #56d98b29;border-radius:10px;align-items:center;gap:9px;margin:24px 0;padding:11px 13px;font-size:.76rem;line-height:1.4;display:flex;position:relative}.privacy-strip svg{color:var(--green);flex:none}.section-block{border-top:1px solid #ffffff0e;padding:23px 0;position:relative}.section-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;display:flex}.section-title-row>div{align-items:baseline;gap:10px;display:flex}.section-title-row h2{letter-spacing:.01em;margin:0;font-size:1rem}.quiet-button,.primary-button,.icon-button,.preset-row button,.result-controls button,.sort-row button{cursor:pointer;background:#ffffff06;border:1px solid #ffffff16;transition:border-color .18s,background .18s,color .18s,transform .18s}.quiet-button{color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:.72rem;display:inline-flex}.quiet-button:hover{color:var(--text);border-color:var(--line-bright)}.assumption-label{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem}.preset-row{scrollbar-width:none;gap:7px;margin-bottom:24px;display:flex;overflow-x:auto}.preset-row::-webkit-scrollbar{display:none}.preset-row button{color:var(--muted);border-radius:999px;flex:none;padding:7px 10px;font-size:.69rem}.preset-row button:hover,.preset-row button.active{color:var(--gold-bright);border-color:var(--line-bright);background:#e6c46914}.fader-stack{gap:24px;display:grid}.fader-container{min-width:0}.fader-label-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.fader-label-row>div:first-child{gap:3px;display:grid}.fader-label-row label{color:#e7dfdc;letter-spacing:.045em;text-transform:uppercase;font-size:.78rem;font-weight:650}.fader-label-row>div:first-child span{color:var(--dim);font-size:.66rem;line-height:1.35}.value-input-wrap{border-bottom:1px solid #e6c4693d;flex:none;align-items:center;display:flex}.value-input-wrap input{width:70px;color:var(--gold-bright);text-align:right;background:0 0;border:0;outline:0;padding:2px 4px;font-size:.8rem;font-weight:700}.value-input-wrap span{color:var(--dim);font-size:.65rem}.value-input-wrap input::-webkit-inner-spin-button{opacity:.35}.fader-track{touch-action:none;cursor:ew-resize;align-items:center;height:26px;display:flex;position:relative}.fader-track:before{content:"";background:#ffffff13;border-radius:99px;height:3px;position:absolute;left:0;right:0}.fader-fill{pointer-events:none;background:linear-gradient(90deg, var(--red-deep), var(--red), var(--gold));border-radius:99px;width:0;height:3px;position:absolute;left:0;box-shadow:0 0 16px #f0444447}.fader-fill.dragging{filter:brightness(1.25)}.fader-knob{pointer-events:none;background:#171010;border:1px solid #f8dda0b8;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;left:0;transform:translate(-50%);box-shadow:0 5px 15px #00000080,0 0 16px #e6c46924}.fader-knob span{background:var(--gold-bright);width:6px;height:6px;box-shadow:0 0 7px var(--gold);border-radius:50%}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.scenario-grid label{background:var(--panel-soft);border:1px solid #ffffff0e;border-radius:12px;min-width:0;padding:12px}.scenario-grid label>span:first-child{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:9px;font-size:.68rem;font-weight:650;display:flex}.scenario-grid label>span svg{color:var(--gold)}.scenario-grid select,.speed-input{width:100%;min-height:38px;color:var(--text);background:#0d0909;border:1px solid #ffffff17;border-radius:8px}.scenario-grid select{padding:0 8px}.scenario-grid option{background:#0d0909}.speed-input{align-items:center;display:flex}.speed-input input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0 8px}.speed-input span{color:var(--dim);white-space:nowrap;padding-right:8px;font-size:.66rem}.scenario-grid small{min-height:2.6em;color:var(--dim);margin-top:7px;font-size:.6rem;line-height:1.35;display:block}.method-note{color:var(--dim);border-top:1px solid #ffffff0e;align-items:flex-start;gap:9px;padding-top:19px;display:flex;position:relative}.method-note svg{color:var(--gold);flex:none;margin-top:2px}.method-note p{margin:0;font-size:.64rem;line-height:1.55}.model-panel{flex-direction:column;max-height:calc(100vh - 140px);padding:25px;display:flex}.model-panel-header{justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex;position:relative}.model-panel-header h2{letter-spacing:-.025em;margin:5px 0;font-size:1.65rem}.model-panel-header p{color:var(--muted);margin:0;font-size:.76rem}.model-panel-header p strong{color:var(--green)}.action-row{gap:7px;display:flex}.icon-button{width:36px;height:36px;color:var(--muted);border-radius:10px;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--gold-bright);border-color:var(--line-bright);transform:translateY(-1px)}.filter-bar{grid-template-columns:minmax(0,1fr) 145px;gap:8px;display:grid;position:relative}.search-field,.select-field{min-width:0;height:42px;color:var(--dim);background:#00000038;border:1px solid #ffffff12;border-radius:10px;align-items:center;display:flex;position:relative}.search-field{gap:8px;padding:0 11px}.search-field input,.select-field select{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:.75rem}.search-field input::placeholder{color:#665e5f}.select-field select{appearance:none;height:100%;padding:0 30px 0 10px}.select-field svg{pointer-events:none;position:absolute;right:9px}.result-controls{justify-content:space-between;align-items:center;gap:10px;margin:12px 0;display:flex;position:relative}.result-controls>button,.sort-row button{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;border-radius:7px;padding:6px 8px;font-size:.62rem}.result-controls button:hover,.result-controls button.active{color:var(--gold-bright);border-color:var(--line-bright);background:#e6c46912}.sort-row{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.model-list{scrollbar-color:#e6c46940 transparent;scrollbar-width:thin;grid-auto-rows:max-content;align-content:start;gap:9px;min-height:220px;padding:2px 4px 4px 1px;display:grid;position:relative;overflow:auto}.model-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;flex:none;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.model-card:hover{background:#e6c46906;border-color:#e6c46933}.model-card.selected{background:#e6c4690a;border-color:#e6c4695c}.model-card.ready{box-shadow:inset 2px 0 #56d98b61}.model-card.blocked{box-shadow:inset 2px 0 #f044442e}.model-card-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;display:grid}.model-rank{color:#5f5657;letter-spacing:.08em;font-family:KnightAIAV,monospace;font-size:.68rem}.model-primary{min-width:0}.model-name-row{align-items:baseline;gap:8px;min-width:0;display:flex}.model-name-row h3{color:#eee7e2;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.86rem;font-weight:680;line-height:1.3;overflow:hidden}.model-name-row>span{color:var(--dim);flex:none;font-size:.58rem}.model-metrics{color:#877d7e;flex-wrap:wrap;gap:5px 11px;margin-top:6px;font-size:.59rem;display:flex}.fit-badge{white-space:nowrap;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:5px;padding:6px 7px;font-size:.59rem;display:inline-flex}.fit-badge.mode-gpu{color:var(--green);background:#56d98b0e;border-color:#56d98b2b}.fit-badge.mode-hybrid{color:var(--gold-bright);background:#e6c4690e;border-color:#e6c4692b}.fit-badge.mode-cpu{color:var(--blue);background:#78a7ff0e;border-color:#78a7ff2b}.fit-badge.mode-blocked{color:#e98a8a;background:#f044440d;border-color:#f0444424}.model-detail{padding:0 13px 14px 51px;animation:.22s both reveal}.detail-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.detail-grid>div{background:#0000002e;border-radius:8px;gap:2px;padding:8px;display:grid}.detail-grid span{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;font-size:.54rem}.detail-grid strong{color:#d9d0cb;font-size:.69rem}.model-detail ul{color:#dc9a9a;gap:4px;margin:10px 0;padding-left:17px;font-size:.65rem;line-height:1.4;display:grid}.passes{color:#9edbb4;align-items:center;gap:6px;margin:10px 0;font-size:.66rem;display:flex}.primary-button{color:var(--gold-bright);border-color:var(--line);border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:.65rem;display:inline-flex}.primary-button:hover{border-color:var(--line-bright);background:#e6c46917}.empty-state{min-height:230px;color:var(--dim);text-align:center;border:1px dashed #ffffff14;border-radius:13px;align-content:center;place-items:center;padding:28px;display:grid}.empty-state svg{color:var(--red)}.empty-state h3{color:var(--text);margin:9px 0 4px;font-size:.93rem}.empty-state p{max-width:380px;margin:0;font-size:.68rem;line-height:1.5}.catalog-note{color:#625a5b;margin:12px 0 0;font-size:.56rem;line-height:1.45;position:relative}.toast{z-index:100;color:#07100a;background:var(--green);border-radius:9px;padding:10px 14px;font-size:.72rem;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 40px #0000007a}.site-footer{z-index:40;padding:9px 16px max(9px, env(safe-area-inset-bottom));color:#756c6d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:.03em;background:#050404d9;border-top:1px solid #ffffff0b;justify-content:center;gap:22px;font-size:.6rem;display:flex;position:fixed;bottom:0;left:0;right:0}.site-footer span{align-items:center;gap:5px;display:inline-flex}.site-footer .online svg{color:var(--green)}.site-footer .offline svg{color:var(--gold)}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.layout{grid-template-columns:1fr;width:min(820px,100% - 32px)}.model-panel{max-height:none}.model-list{max-height:none;overflow:visible}}@media (width<=650px){.top-branding{top:max(8px, env(safe-area-inset-top))}.top-branding a{border-radius:13px;padding:6px 10px 6px 7px}.top-branding img{width:37px;height:37px}.brand-title{font-size:.75rem}.brand-credit{font-size:.48rem}.layout{gap:14px;width:calc(100% - 20px);padding-top:78px;padding-bottom:92px}.constraint-panel,.model-panel{border-radius:17px;padding:18px}.panel-heading{gap:12px}.panel-heading h1{font-size:2.25rem}.panel-heading p{font-size:.8rem}.readiness-orb{flex-basis:62px;width:62px;height:62px}.readiness-orb strong{font-size:1.25rem}.privacy-strip{align-items:flex-start}.scenario-grid{grid-template-columns:1fr}.scenario-grid small{min-height:0}.filter-bar{grid-template-columns:1fr}.result-controls{flex-direction:column;align-items:flex-start}.sort-row{width:100%}.model-card-select{grid-template-columns:22px minmax(0,1fr)}.fit-badge{grid-column:2;justify-self:start}.model-detail{padding-left:45px}.detail-grid{grid-template-columns:repeat(2,1fr)}.site-footer{flex-direction:column;align-items:center;gap:3px}}@media (width<=390px){.constraint-panel,.model-panel{padding:15px}.panel-heading h1{font-size:1.95rem}.panel-heading p{max-width:205px}.readiness-orb{flex-basis:56px;width:56px;height:56px}.fader-label-row{gap:7px}.fader-label-row>div:first-child span{max-width:175px}.value-input-wrap input{width:58px}.model-detail{padding-left:37px}}@media (pointer:fine){body,button,a,input,select,.fader-track{cursor:none!important}}@media (pointer:coarse),(prefers-reduced-motion:reduce){body,button,a,input,select,.fader-track{cursor:auto!important}.custom-cursor{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
