/* Clear optical glass. WebGL supplies the lens; CSS is the fallback material. */
:root{--glass-line:#edf6ff36;--acc:#ffc3a5;--acc-h:#fff0e5;--acc-glow:#ff9c7429;--txt:#fff8f3;--dim:#cdbab2}
body.public-page,body.widescreen{background:#170d11;font-family:var(--ui-font,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);isolation:isolate}
#shader-bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:-2!important;pointer-events:none;opacity:1!important}
#liquid-scene{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}
body[data-shader="off"] #liquid-scene,body[data-shader="off"] #shader-bg,.solid-cards #liquid-scene{display:none}
.public-page .top{max-width:1020px;margin:22px auto 0;padding:16px 22px;border-radius:999px}
.public-page .wrap{max-width:1020px;padding-top:18px}.public-page .hero{padding:44px 6px 26px}.public-page .hero h1{font-size:clamp(32px,4.1vw,52px);letter-spacing:-1.8px;line-height:1.12;margin-bottom:20px;text-shadow:0 2px 22px #0006}.public-page .hero .sub{max-width:800px;font-size:15px;line-height:1.8;color:#ddc5bb}.public-page .hero .grad{background:linear-gradient(105deg,#fff,#ffddcc 58%,#efa98d);background-clip:text;-webkit-background-clip:text;color:transparent}
.top,.card,.public-page .model,.fin-card,.nav-tabs,.appearance-body,.modal-card,.modal-box{position:relative;background:linear-gradient(160deg,#ffffff0e,#ffffff03 46%,#dce9f00a)!important;border:1px solid var(--glass-line)!important;backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);box-shadow:inset 0 1px 1px #fff5,inset 0 -1px 1px #fff1,0 18px 40px #0003!important}
/* A second blur would hide the optical surface. It is used only without WebGL. */
.optical-glass .top,.optical-glass .card,.optical-glass .model,.optical-glass .fin-card,.optical-glass .nav-tabs,.optical-glass .appearance-body,.optical-glass .modal-card,.optical-glass .modal-box,.optical-glass .btn-primary{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(160deg,#ffffff06,#ffffff01 55%,#ffffff04)!important;border-color:#ffffff16!important;box-shadow:0 18px 40px #0002!important}
.card{border-radius:32px!important;padding:30px!important;margin-bottom:22px!important;overflow:visible;transition:border-color .2s!important}.card:hover{transform:none!important;border-color:#ffffff45!important}
.checker .label,.sec-title{letter-spacing:.1em;font-size:11px;color:#d5e0e8}.public-page .checker{padding:30px!important}.public-page .key-row{gap:10px}
.public-page #key-input,input:not([type=checkbox]):not([type=range]),textarea,select{border:1px solid #edf4ff25!important;background:linear-gradient(140deg,#00000030,#00000016)!important;box-shadow:inset 0 1px 5px #0003!important;color:var(--txt);border-radius:18px!important;min-height:46px}.public-page #key-input{min-height:56px;padding:15px 20px;font-size:14px}.public-page #toggle-vis{width:56px;min-height:56px;border-radius:50%!important}
.btn{border-radius:999px!important;font-weight:650;box-shadow:inset 0 1px 0 #ffffff36!important;transition:background .2s,box-shadow .2s!important}.btn:hover{transform:none!important}.btn:active{filter:brightness(.85)}.btn-primary,.optical-glass .btn-primary{color:#fff6ed!important;background:linear-gradient(160deg,#ffc6a636,#ec846326)!important;border:1px solid #ffe0c965!important;box-shadow:inset 0 1px 1px #ffffff60,0 8px 24px #ffa3761a!important;text-shadow:0 1px 4px #00131c60}.btn-primary:hover,.optical-glass .btn-primary:hover{background:linear-gradient(160deg,#ffc29c48,#ff977437)!important}.btn-block{min-height:54px}
.btn-ghost,.btn-link{background:#ffffff0a!important;border:1px solid #ffffff2d!important;color:#eef7ff;backdrop-filter:blur(3px)}.buy-row{padding-top:18px;margin-top:22px;border-color:#ffffff21}.language-switch{border-radius:999px;background:#ffffff08;border:1px solid #ffffff28;box-shadow:inset 0 1px 0 #ffffff26;backdrop-filter:none}.language-switch button{border-radius:999px}.language-switch button[aria-pressed=true]{background:#ffffff24;color:#fff;box-shadow:inset 0 1px 1px #ffffff48}
.public-page .models{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.public-page .model{padding:22px;border-radius:24px!important;transform:none!important}.model .name{gap:8px}.model-badge{background:#ffffff13;color:#ffcfb4;border:1px solid #ffffff29;border-radius:999px}.model .meta{color:#bdcbd6}.model .meta.mono{opacity:.75}.catalog-note{color:#d0b9af;font-size:11px;margin:0 0 18px;line-height:1.7}
.code-block{border-radius:18px!important;background:#03070d3b!important;backdrop-filter:none;box-shadow:inset 0 1px 0 #fff2!important;border:1px solid #ffffff25!important}.code-head{background:#ffffff05;border-color:#ffffff16}.integration{border-color:#ffffff20}.integration summary{padding:18px 0}.integration[open]{border-color:#ffffff40}.integration pre{border-radius:16px;background:#00000033;border:1px solid #ffffff1e;padding:20px}
.public-page .appearance-body{border-radius:0 28px 28px 0;border-color:#ffffff38}.appearance-tab{background:#14232e80!important;border-color:#ffffff44!important;backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 #fff5}.appearance-reset,.background-options button{background:#ffffff08;border-color:#ffffff28}.background-options button[aria-pressed=true]{background:#ffffff18;border-color:#ffb48c70}
.stat,.quota-card{background:#ffffff08;border:1px solid #ffffff22;border-radius:18px}.bar{background:#ffffff14}.bar i{background:linear-gradient(90deg,#ffa885,#ffdfbd)}.activity-table th{background:#ffffff07}.activity-table td{border-color:#ffffff15}.foot{color:#9aaeba;padding:22px}
body.widescreen .top{max-width:1500px;margin:20px auto 0;padding:18px 24px;border-radius:999px}.widescreen .wrap{max-width:1500px!important;padding:28px 24px 60px!important}.widescreen .admin-login{max-width:520px;margin:55px auto!important;padding:38px!important}.admin-login h2{font-size:26px;letter-spacing:-.8px}.login-form label{color:#c7d5de}.nav-tabs{position:sticky;top:12px;z-index:15;padding:8px;border-radius:999px;gap:6px}.nav-tab{border-radius:999px!important;border:1px solid transparent!important;background:transparent!important}.nav-tab.active{background:#ffffff20!important;border-color:#ffffff46!important;color:#f4fbff;box-shadow:inset 0 1px 1px #ffffff42}.fin-card{padding:20px;border-radius:24px!important}.fin-title{color:#cddae2}.fin-sub{color:#a8bcc9!important}.fin-val{color:#f5faff}.fin-grid,.financial-grid{gap:14px}.widescreen .table-wrap{border:1px solid #ffffff20;border-radius:18px;overflow:auto;background:#00000026}.widescreen th{background:#ffffff0a!important}.widescreen td{border-color:#ffffff15}.widescreen .status-pill{border-color:#ffffff28;background:#ffffff0c}.widescreen .model-editor-row{border-radius:18px;background:#ffffff07;border:1px solid #ffffff22}.widescreen .hidden{display:none!important}.widescreen .modal-overlay{backdrop-filter:blur(5px)}.widescreen .modal-card,.widescreen .modal-box{border-radius:28px}
body.solid-cards .card,body.solid-cards .model{background:#27171c!important;backdrop-filter:none}
body.shader-unavailable .card,body[data-shader="off"] .card{background:linear-gradient(145deg,#ffffff0c,#ffffff04)!important}
@media(max-width:700px){.public-page .top{margin:14px 16px 0;padding:12px 16px}.public-page .wrap{padding-left:16px;padding-right:16px}.public-page .hero{padding:30px 4px 22px}.public-page .hero h1{letter-spacing:-1px;font-size:30px}.public-page .hero .sub{font-size:13px}.card,.public-page .checker{padding:24px!important;border-radius:28px!important}.public-page .model{padding:18px;border-radius:22px!important}.public-page .models{grid-template-columns:1fr 1fr;gap:10px}.model .name{font-size:12px;flex-wrap:wrap}.model .meta{font-size:10px}.model-badge{font-size:9px}.widescreen .wrap{padding:22px 14px!important}.widescreen .top{margin:14px;padding:14px!important;border-radius:28px}.widescreen .admin-login{padding:24px!important;margin-top:30px!important}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;top:4px;border-radius:26px}.nav-tab{white-space:nowrap}.code-block code{font-size:10px;overflow-wrap:anywhere}.appearance-panel{z-index:60}.fin-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.btn,.card{transition:none!important;transform:none!important}}