/* Liquid Glass: ambient color -> navigation -> cards -> reading surfaces. */
:root{--green:#2868d8;--deep:#2059bf;--muted:#60738a;--line:rgba(111,139,171,.16);--glass-nav:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.38));--glass-card:linear-gradient(140deg,rgba(255,255,255,.86),rgba(255,255,255,.66));--glass-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 10px 32px rgba(55,83,118,.08);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Microsoft YaHei",sans-serif;color:#202c40;background:#f7f9fc}
body{background:radial-gradient(70rem 45rem at -8% 6%,rgba(255,210,157,.46),transparent 55%),radial-gradient(70rem 44rem at 108% 9%,rgba(160,207,255,.50),transparent 58%),radial-gradient(40rem 30rem at 75% 100%,rgba(203,206,255,.12),transparent 70%),#f7f9fc;background-attachment:fixed;min-height:100vh}
.sidebar{inset:20px auto 20px 20px;width:224px;padding:24px 16px;border:1px solid rgba(255,255,255,.84);border-radius:24px;background:var(--glass-nav);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(130%);backdrop-filter:blur(24px) saturate(130%)}
.brand{font-size:16px;padding:0 3px;gap:10px}.brand-mark{width:39px;height:41px;background:linear-gradient(140deg,#4c8cee,#2868d8);border:1px solid #ffffff80;box-shadow:inset 0 1px 0 #ffffff60,0 5px 12px #2868d826;border-radius:13px}.brand small{font-size:8px;color:#6a7c92;letter-spacing:1.2px}.workspace{border-color:#ffffffbd;background:#ffffff55;border-radius:13px;margin:27px 0 26px;padding:12px}.workspace-icon{background:#ffffffb3;border-color:#ffffffbd;border-radius:9px;color:#4f6784}.workspace small{color:#74859a;font-size:11px}.nav-label{color:#7c8aa0;letter-spacing:.5px;font-size:11px}.nav-item{height:45px;border-radius:12px;font-size:13px;color:#566981;margin-bottom:5px;transition:background .18s,color .18s}.nav-item:hover{background:#ffffff80}.nav-item.active{background:linear-gradient(120deg,#ffffffb8,#ffffff6b);color:#2868d8;box-shadow:inset 0 1px 0 #fff,0 3px 12px #47729d10;border:1px solid #ffffffb3}.nav-badge{background:#e4edfb;color:#4172b5;border-radius:6px}.local-status{font-size:10px;border-color:#7189a221;color:#648098}.local-status .dot{background:#4a93d8}.profile{font-size:12px}.profile small{font-size:10px;color:#71849b}.avatar,.top-avatar{background:linear-gradient(140deg,#f4f8ff,#dce7f6);border:1px solid #ffffffb3;color:#527395}.profile>.icon{color:#738eb0}.main{margin-left:256px}.topbar{margin:20px 28px 0;height:58px;padding:0 24px;border:1px solid rgba(255,255,255,.83);border-radius:18px;background:var(--glass-nav);box-shadow:inset 0 1px 0 #fff,0 6px 24px #37537605;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);color:#71849b}.topbar strong{color:#425871}.local-chip{font-size:11px}.local-chip .icon{color:#547bad}.topbar>div{gap:17px}main{padding:30px 28px 24px}.page-heading{margin-bottom:24px;gap:20px}.eyebrow{font-size:10px;color:#6e8aaa;letter-spacing:1.7px;margin-bottom:9px}h1{font-size:27px;letter-spacing:-.65px;font-weight:650;line-height:1.35;margin-bottom:9px}.page-heading p{font-size:12px;color:#5b6d85}.btn{border-radius:11px;min-height:40px;font-size:12px;background:#ffffffb3;border:1px solid #ffffffde;color:#516780;box-shadow:inset 0 1px 0 #fff,0 3px 8px #39577b07;padding:10px 16px}.btn:hover{background:#ffffffed;border-color:#b3cbef}.btn.primary{background:linear-gradient(180deg,#387ce8,#2868d8);border:1px solid #ffffff4d;box-shadow:inset 0 1px 0 #ffffff42,0 5px 14px #2868d822;color:#fff}.btn.primary:hover{background:linear-gradient(180deg,#2f70de,#2059bf)}.btn.text{color:#52759f;border-color:transparent;box-shadow:none}.btn.small{min-height:34px;font-size:11px;border-radius:9px}.summary-strip{background:var(--glass-card);border:1px solid #ffffffd9;border-radius:19px;box-shadow:var(--glass-shadow);padding:21px 0;margin-bottom:27px}.summary-strip>div{padding:0 20px;border-color:var(--line);gap:13px}.summary-strip small{font-size:11px;color:#708097}.summary-strip strong{font-size:25px;color:#293a51}.summary-strip em{color:#7e8ca0}.summary-strip .summary-note{font-size:11px;color:#52718a}.summary-note small{font-size:10px;color:#8190a3}.summary-note>.icon{color:#6096c8}.summary-icon{border-radius:12px;width:38px;height:38px}.mint{background:#e8f1fd;color:#5e8fd0}.blue{background:#ecf2fc;color:#6c8dd0}.violet{background:#f0edfb;color:#9481c1}.section-title{margin-bottom:16px}.section-title h2{font-size:16px}.section-title h2>span{border:1px solid #ffffffa3;background:#ffffff78;color:#6c83a2;border-radius:6px}.segmented{background:#b6c8e329;border:1px solid #ffffffb3;border-radius:12px;padding:3px}.segmented button{border-radius:9px;font-size:11px;color:#6e8099;padding:7px 14px}.segmented button.selected{background:#ffffffe0;color:#416aa6;box-shadow:0 2px 8px #3f608b12,inset 0 1px 0 #fff}.notice{background:#fffaebd1;border-color:#e4d7b369;border-radius:13px;font-size:11px;color:#887341;padding:12px 16px}.notice.neutral{background:#edf4ffd1;border-color:#bfd1ed69;color:#557291}.filter-row{border:1px solid #ffffffe0;background:#ffffff75;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:9px;gap:8px}.searchbox{height:40px;border-radius:10px;background:#ffffff78;border-color:#c1cfe245;color:#7c8ea6}.searchbox input{font-size:12px;color:#304660}.filter-row select{border-radius:10px;border-color:#c1cfe245;background:#ffffff78;font-size:11px;color:#536b89}input::placeholder{color:#8292a6}.pricing-hint{font-size:10px;color:#6f839c;line-height:1.7;margin:13px 4px 18px}.pricing-hint .dot{background:#6d9acd}.link-button{font-size:10px;color:#4e77a9}.model-grid{gap:16px}.model-card{background:var(--glass-card);border:1px solid #ffffffed;border-radius:20px;box-shadow:var(--glass-shadow);padding:21px 22px 0;transition:transform .18s,box-shadow .18s,border-color .18s}.model-card:hover{border-color:#a9c7f399;transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 14px 36px #37537613}.card-top{margin-bottom:15px}.model-logo{border-radius:13px;border:1px solid #ffffffc9;box-shadow:inset 0 1px 0 #ffffffb3;width:43px;height:43px}.category{border-color:#c8d6e54f;color:#7187a2;border-radius:6px;font-size:10px;background:#ffffff42;padding:4px 7px}.model-owner{font-size:11px;color:#6c819b}.model-card h3{font-size:18px;margin-top:6px;color:#293e59}.model-card p{font-size:11px;color:#63788f;line-height:1.8;min-height:38px;margin-bottom:13px}.card-tags{gap:6px;margin-bottom:17px}.card-tags span{font-size:10px;color:#68809c;background:#e6edf754;border:1px solid #ffffff5e;border-radius:6px;padding:4px 7px}.card-price{border-color:#8dabc629;padding:15px 0 18px}.card-price small{color:#7b8da4;font-size:10px}.card-price strong{font-size:22px;color:#3466aa;font-weight:650}.card-link{font-size:11px;color:#507cab}.tone-0{background:#e8f1ff;color:#447cce}.tone-1{background:#fbefe5;color:#b68e71}.tone-2{background:#edf1ff;color:#7b84ce}.tone-3{background:#eaf5f0;color:#5c9282}.tone-4{background:#f3eefc;color:#9276bf}.tone-5{background:#eef2f6;color:#56738d}.bottom-tip{font-size:11px;color:#788ba2;line-height:1.8}.bottom-tip .icon{width:15px}footer{padding:20px 28px;border-top:1px solid #8ca6c21a;color:#71859d;font-size:10px;margin-top:0}footer>span:first-child{color:#8394a9}.empty{background:var(--glass-card);border:1px solid #ffffffd9;border-radius:21px;box-shadow:var(--glass-shadow);padding:48px 24px}.empty-icon{background:#e8f1fd;border:1px solid white;color:#6792c9;border-radius:18px}.empty p{font-size:12px;color:#6d819b}.empty h3{font-size:18px}.back-link{color:#5279a8;font-size:12px;margin-bottom:20px}.calculator{background:var(--glass-card);border:1px solid #ffffffd9;border-radius:18px;box-shadow:var(--glass-shadow);padding:22px}.calculator p{color:#798ba3;font-size:11px}.calculator input{border-radius:10px;background:#ffffffa6;border-color:#ced9e794;color:#385878}.calculator select,select{border-radius:10px}.calculator label{color:#6d829d;font-size:11px}.table-wrap{border:1px solid #ffffffd9;border-radius:18px;background:#ffffffe8;box-shadow:var(--glass-shadow)}table{font-size:12px}th{background:#f5f8fcc9;color:#657c98;font-size:11px;padding:16px}td{padding:19px 16px;border-color:#8aabc11c;color:#4e6886}td strong{color:#314d70}td small{font-size:10px;color:#7e90a7}.best-row{background:#edf4fdd6}.best-label{color:#447dbd;font-size:10px}.status{border-radius:6px;background:#e9eef6ad;color:#798ca6;font-size:10px;padding:4px 7px}.status.good{background:#e3f2edbd;color:#43866e}.source-notes{background:#ffffffcf;border:1px solid #ffffffed;border-radius:17px}.source-notes p{color:#6d829b;font-size:11px}.source-notes strong{color:#466683}.provider-card,.preset-card,.help-panel,.guide-card,.chart-panel,.usage-stats>div{background:var(--glass-card);border:1px solid #ffffffed;border-radius:19px;box-shadow:var(--glass-shadow)}.provider-heading h3,.preset-title h3{color:#314c6c}.preset-card p{font-size:11px;color:#637a94;min-height:60px}.preset-actions{gap:6px}.preset-title .model-logo{width:36px;height:36px;border-radius:11px}.endpoint,.help-panel code,.guide-card pre{background:#edf2f9b8;color:#506e90;border-radius:10px;font-size:11px}.help-panel p,.guide-card p{color:#687e98}.guide-card p{font-size:12px}dt{color:#7890a8}dd{color:#466888}.usage-stats small{font-size:11px;color:#6a809d}.usage-stats strong{color:#345e95}.usage-stats span{color:#7c8fa7;font-size:10px}.bar-track svg{fill:#7ba9e0}.muted{color:#7289a3;font-size:11px}.bar-track{background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#dce6f333 30px,#dce6f333 31px)}.bar-column small,.bar-column>span{color:#6c86a6}.profile button{margin-left:auto;min-height:30px;padding:4px;color:#6684a7}.large-model-logo{border:1px solid #ffffffe0}.inline-note{background:#edf4fce0;color:#6386a8;border:1px solid #dae6f54d}.field{font-size:12px;color:#536e90}.field input,.field select,.field textarea{border-radius:11px;border-color:#cad7e5;background:#ffffffe0;color:#354f70;min-height:44px;font-size:13px}.field-note{font-size:11px;color:#7588a1}.icon-button{background:#edf2f8b3;border:1px solid #ffffffcc;border-radius:9px;color:#7390b2}.modal-heading h2{color:#2a4363}.modal-heading p,.dialog-copy{color:#6c819c;font-size:12px}.modal-footer{border-color:#b6c9e142}.form-error{color:#a84949}dialog{border:1px solid #fffffff0;border-radius:23px;background:linear-gradient(135deg,#fffffff5,#f4f8fbe8);box-shadow:inset 0 1px 0 white,0 25px 90px #29487338;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:28px;color:#324c6b}dialog::backdrop{background:#33465e38;backdrop-filter:blur(6px)}#toast{background:#345b89ed;border:1px solid #ffffff69;backdrop-filter:blur(18px);border-radius:13px;color:white;box-shadow:0 12px 32px #2a4b762b}.inline-link{color:#2868d8}.success-symbol{background:#e6f2fc;color:#477cb5;border:1px solid #fff}.step{color:#5f8bc0}.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #73a7ef;outline-offset:3px}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:30px}.login-panel{width:440px;max-width:100%;padding:40px;background:linear-gradient(145deg,#ffffffd6,#ffffff8c);border:1px solid #ffffffe0;border-radius:28px;box-shadow:inset 0 1px 0 white,0 24px 70px #3753761f;-webkit-backdrop-filter:blur(26px) saturate(130%);backdrop-filter:blur(26px) saturate(130%);text-align:center}.login-brand{margin:0 auto 24px;width:60px;height:60px;display:grid;place-items:center;color:white;border-radius:20px;background:linear-gradient(145deg,#639cf0,#2868d8);box-shadow:inset 0 1px 0 #ffffff80,0 12px 24px #2868d822}.login-brand .icon{width:30px;height:30px}.login-panel .eyebrow{margin-bottom:12px}.login-panel h1{font-size:28px}.login-panel p{font-size:13px;color:#607894;line-height:1.9}.login-panel .btn{width:100%;margin-top:12px;min-height:46px}.login-divider{margin:24px 0 16px;border-top:1px solid #a2b9d42b}.login-note{font-size:11px!important;color:#7a8fa8!important}.login-error{color:#a95151!important}.session-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1180px){.sidebar{width:202px;left:16px}.main{margin-left:230px}.topbar{margin:16px 22px 0}main{padding:26px 22px}.summary-strip{grid-template-columns:repeat(3,1fr)}.summary-strip>div{padding:0 16px}.summary-strip .summary-note{display:none}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-price{flex-direction:row;align-items:flex-end}footer{padding:20px 22px}}
@media(max-width:850px){.sidebar{width:76px;left:12px;padding:20px 11px;top:14px;bottom:14px;border-radius:21px}.brand{margin-bottom:30px}.brand-mark{width:40px}.main{margin-left:100px}.topbar{margin:14px 18px 0;padding:0 18px}main{padding:25px 18px}.model-grid{gap:13px}.summary-strip>div{padding:0 13px;gap:9px}.summary-strip small{font-size:10px}.summary-icon{width:30px;height:30px}.model-card{padding:20px 18px 0}.card-link{font-size:10px}.calculator>div{max-width:none}.local-chip{font-size:10px}.heading-actions{flex-wrap:wrap}.model-card h3{font-size:17px}footer{padding:18px}}
@media(max-width:600px){body{background:radial-gradient(32rem 38rem at -25% 0%,#ffd29d69,transparent 60%),radial-gradient(32rem 38rem at 130% 12%,#a0cfff73,transparent 60%),#f7f9fc;background-attachment:fixed}.sidebar{position:sticky;top:8px;left:auto;inset:auto;z-index:20;width:calc(100% - 24px);height:auto;margin:12px 12px 0;padding:9px 12px;display:flex;flex-direction:row;align-items:center;border-radius:18px;gap:8px}.brand{margin:0 6px 0 0;flex-shrink:0}.brand>span:last-child,.workspace,.nav-label,.sidebar-bottom{display:none}.brand-mark{width:34px;height:36px;border-radius:11px}.brand-mark .icon{width:22px}.sidebar nav{display:flex;gap:3px;flex:1;justify-content:space-between;margin:0!important}.sidebar nav:nth-of-type(2){flex:0}.nav-item{width:39px;height:39px;min-height:39px;justify-content:center;margin:0;padding:0;border-radius:11px}.nav-item>span{display:none}.main{margin-left:0}.topbar{height:47px;margin:12px 12px 0;padding:0 14px;border-radius:15px;font-size:10px}.topbar>div{gap:8px}.local-chip{font-size:9px}.local-chip .icon{width:12px}.top-avatar{width:25px;height:25px;font-size:9px}.slash{margin:0 7px}main{padding:24px 16px 20px}.page-heading{gap:15px;margin-bottom:21px}.page-heading>div:first-child{width:100%}h1{font-size:25px}.page-heading p{font-size:12px}.heading-actions .btn{min-height:42px}.summary-strip{padding:18px 0;border-radius:17px;margin-bottom:23px}.summary-strip>div{padding:0 12px;gap:0}.summary-icon{display:none}.summary-strip small{font-size:10px}.summary-strip strong{font-size:23px}.summary-strip em{font-size:10px;margin-left:5px}.model-grid{grid-template-columns:1fr;gap:15px}.model-card{padding:22px 23px 0}.model-card h3{font-size:19px}.model-card p{font-size:12px;min-height:0}.card-price{padding:16px 0 20px}.card-price strong{font-size:24px}.card-link{font-size:11px}.category{font-size:10px}.filter-row{flex-wrap:wrap;padding:8px;gap:8px;border-radius:15px}.searchbox{flex-basis:100%;height:44px}.filter-row select{min-height:41px}.segmented button{font-size:10px;padding:7px 10px}.section-title{gap:10px}.section-title h2{font-size:15px}.notice{font-size:11px;line-height:1.8}.pricing-hint{gap:8px;font-size:10px;margin:12px 1px 16px}.link-button{font-size:10px;text-align:left;min-height:25px}.bottom-tip{font-size:10px;align-items:flex-start}.empty{padding:36px 20px}.calculator{padding:19px;border-radius:16px}.calculator label{font-size:11px;max-width:calc(50% - 14px)}.calculator input{min-height:42px}.table-wrap{border-radius:15px}td,th{padding:16px 13px}.preset-card{padding:21px}.preset-actions .btn{min-height:40px}.preset-card p{font-size:12px;min-height:0}.preset-grid{gap:14px}.source-notes p{display:block;line-height:1.9}.source-notes p strong{display:block;margin-bottom:5px}.usage-stats{grid-template-columns:1fr 1fr;gap:10px}.usage-stats>div{padding:18px 14px}.usage-stats small{font-size:10px}.usage-stats span{font-size:10px}.usage-stats strong{font-size:22px}.chart-panel{padding:19px}.bar-chart{gap:8px;padding:0}.form-row{flex-direction:column;gap:0}.modal-heading h2{font-size:20px}dialog{padding:23px;border-radius:20px;max-height:90dvh}.btn{min-height:42px}.modal-footer{padding-top:18px}.guide-card{padding:23px}.login-screen{padding:20px}.login-panel{padding:32px 25px;border-radius:24px}footer{font-size:9px;padding:18px 16px}.footer-right{display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sidebar,.topbar,.filter-row,.login-panel{background:#f6f9fe}dialog{background:#fff}}
@media(prefers-reduced-transparency:reduce){body{background:#f7f9fc}.sidebar,.topbar,.filter-row,.model-card,.summary-strip,.calculator,.provider-card,.preset-card,.help-panel,.guide-card,.chart-panel,.usage-stats>div,.login-panel,.empty,dialog{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}dialog::backdrop{backdrop-filter:none;background:#33465e66}}
@media(prefers-contrast:more){:root{--muted:#354e6b;--line:#596f8e}.sidebar,.topbar,.filter-row,.model-card,.summary-strip,.preset-card,.provider-card,.table-wrap,.login-panel,dialog{background:#fff;border-color:#596f8e}.model-card p,.page-heading p,.field-note,.muted,.pricing-hint{color:#354e6b}.category,.card-tags span{color:#354e6b;border-color:#71849a}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.model-card:hover{transform:none}}