:root{
  --bg:#f5f5f7;
  --bg-elevated:#ffffff;
  --label:#1d1d1f;
  --label-secondary:#6e6e73;
  --label-tertiary:#86868b;
  --fill:#e8e8ed;
  --fill-secondary:#f2f2f7;
  --separator:rgba(0,0,0,.08);
  --separator-strong:rgba(0,0,0,.12);
  --accent:#0071e3;
  --accent-hover:#0077ed;
  --accent-soft:rgba(0,113,227,.10);
  --coral:#ff3b30;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
  --radius-xl:22px;
  --radius-pill:980px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);
  --shadow-md:0 8px 28px rgba(0,0,0,.08);
  --shadow-lg:0 18px 48px rgba(0,0,0,.10);
  --blur: saturate(180%) blur(20px);
  --ease:cubic-bezier(.25,.1,.25,1);
  --ink:var(--label);
  --muted:var(--label-secondary);
  --faint:var(--label-tertiary);
  --paper:var(--bg);
  --surface:var(--bg-elevated);
  --hairline:var(--separator);
  --hairline-2:var(--separator-strong);
  --accent-soft-legacy:var(--accent-soft);
  --shadow:var(--shadow-sm);
  --shadow-lift:var(--shadow-md);
  --radius:var(--radius-md);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;
  color:var(--label);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.47059;
  letter-spacing:-.022em;
  position:relative;
}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
::selection{background:rgba(0,113,227,.16);color:var(--label)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}

/* ---------- BACKGROUND (theme-driven) ---------- */
.bg-fx{
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  transition:background .45s var(--ease);
}
#bgCanvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.bg-fx__layer{position:absolute;inset:0;pointer-events:none}

body[data-theme="apple"] .bg-fx{
  background:linear-gradient(165deg,#f5f5f7 0%,#eef1f8 42%,#f5f5f7 100%);
}
body[data-theme="apple"] .bg-fx__layer--apple{
  background:
    radial-gradient(ellipse 55% 45% at 18% 22%, rgba(0,113,227,.12), transparent 68%),
    radial-gradient(ellipse 50% 40% at 82% 18%, rgba(94,92,230,.08), transparent 65%),
    radial-gradient(ellipse 45% 38% at 62% 78%, rgba(41,151,255,.10), transparent 62%);
  animation:appleGlow 18s ease-in-out infinite alternate;
}

body[data-theme="apple-dark"]{
  --bg:#000000;
  --bg-elevated:#1c1c1e;
  --label:#f5f5f7;
  --label-secondary:#aeaeb2;
  --label-tertiary:#636366;
  --fill:#2c2c2e;
  --fill-secondary:#1c1c1e;
  --separator:rgba(255,255,255,.08);
  --separator-strong:rgba(255,255,255,.12);
  --accent:#0a84ff;
  --accent-hover:#409cff;
  --accent-soft:rgba(10,132,255,.18);
  --shadow-sm:0 1px 3px rgba(0,0,0,.35), 0 1px 2px rgba(0,0,0,.25);
  --shadow-md:0 8px 28px rgba(0,0,0,.45);
  --shadow-lg:0 18px 48px rgba(0,0,0,.55);
  color:var(--label);
  background:var(--bg);
}
body[data-theme="apple-dark"] ::selection{background:rgba(10,132,255,.28);color:#fff}
body[data-theme="apple-dark"] .bg-fx{
  background:linear-gradient(165deg,#000 0%,#121214 42%,#0a0a0c 70%,#000 100%);
}
body[data-theme="apple-dark"] .bg-fx__layer--apple-dark{
  background:
    radial-gradient(ellipse 55% 45% at 20% 20%, rgba(10,132,255,.14), transparent 68%),
    radial-gradient(ellipse 48% 40% at 80% 22%, rgba(94,92,230,.10), transparent 65%),
    radial-gradient(ellipse 42% 36% at 58% 80%, rgba(255,255,255,.04), transparent 62%);
  animation:appleGlow 18s ease-in-out infinite alternate;
}
body[data-theme="apple-dark"] .simple .wordmark,
body[data-theme="apple-dark"] .cbar .wordmark{color:#fff}
body[data-theme="apple-dark"] .simple .hero-title{color:rgba(255,255,255,.72)}
body[data-theme="apple-dark"] .simple .hero-title b{color:#fff}
body[data-theme="apple-dark"] .simple .wordmark .brand-num{color:#0a84ff}
body[data-theme="apple-dark"] .simple .toplink,
body[data-theme="apple-dark"] .simple .morebtn{color:#0a84ff}
body[data-theme="apple-dark"] .simple .lang-switch,
body[data-theme="apple-dark"] .simple .theme-switch__btns,
body[data-theme="apple-dark"] .cbar .lang-switch,
body[data-theme="apple-dark"] .cbar .theme-switch__btns{background:rgba(255,255,255,.1)}
body[data-theme="apple-dark"] .simple .lang-btn,
body[data-theme="apple-dark"] .simple .theme-btn,
body[data-theme="apple-dark"] .cbar .lang-btn,
body[data-theme="apple-dark"] .cbar .theme-btn{color:rgba(255,255,255,.65)}
body[data-theme="apple-dark"] .simple .lang-btn.on,
body[data-theme="apple-dark"] .simple .theme-btn.on,
body[data-theme="apple-dark"] .cbar .lang-btn.on,
body[data-theme="apple-dark"] .cbar .theme-btn.on{color:#fff;background:rgba(255,255,255,.16);box-shadow:none}
body[data-theme="apple-dark"] .simple .engines__tabs,
body[data-theme="apple-dark"] .cbar .engine-select{background:transparent}
body[data-theme="apple-dark"] .simple .engine{color:rgba(255,255,255,.6)}
body[data-theme="apple-dark"] .simple .engine.on{color:#fff;background:rgba(255,255,255,.16);box-shadow:none}
body[data-theme="apple-dark"] .cbar{
  background:rgba(12,12,14,.72);
  border-bottom-color:rgba(255,255,255,.08);
}
body[data-theme="apple-dark"] .cbar .collapse{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75)}
body[data-theme="apple-dark"] .cbar .collapse:hover{background:rgba(255,255,255,.18);color:#fff}
body[data-theme="apple-dark"] .cbar .wordmark .brand-num{color:#0a84ff}
body[data-theme="apple-dark"] .complex .sec-head h2{color:#fff}
body[data-theme="apple-dark"] .complex .sec-head .sub{color:rgba(255,255,255,.45)}
body[data-theme="apple-dark"] .complex .footnote{color:rgba(255,255,255,.38);border-top-color:rgba(255,255,255,.1)}
body[data-theme="apple-dark"] .complex .sec-head .reset,
body[data-theme="apple-dark"] .complex .sec-more{color:#0a84ff}
body[data-theme="apple-dark"] .foryou-hub,
body[data-theme="apple-dark"] .foryou-auth{background:rgba(255,255,255,.08)}
body[data-theme="apple-dark"] .foryou-auth__hint{color:rgba(255,255,255,.55)}
body[data-theme="apple-dark"] .foryou-site{border-top-color:rgba(255,255,255,.1)}
body[data-theme="apple-dark"] .foryou-site a{color:rgba(255,255,255,.55)}
body[data-theme="apple-dark"] .foryou-btn{background:rgba(255,255,255,.1);color:rgba(255,255,255,.72)}
body[data-theme="apple-dark"] .foryou-btn:hover{background:rgba(255,255,255,.16);color:#fff}

body[data-theme="space"] .bg-fx{
  background:
    radial-gradient(ellipse 80% 60% at 50% 40%, #1a2456 0%, transparent 55%),
    linear-gradient(165deg, #050814 0%, #0c1232 38%, #120a2e 68%, #060818 100%);
}
body[data-theme="space"] .bg-fx__layer--space{
  inset:-15%;
  background:
    radial-gradient(ellipse 45% 35% at 20% 25%, rgba(88,86,214,.22), transparent 68%),
    radial-gradient(ellipse 40% 32% at 78% 20%, rgba(0,113,227,.18), transparent 65%),
    radial-gradient(ellipse 38% 30% at 55% 75%, rgba(175,82,222,.14), transparent 62%),
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(41,151,255,.08), transparent 70%);
  animation:nebulaPulse 20s ease-in-out infinite alternate;
}

@keyframes appleGlow{
  0%{transform:scale(1);opacity:.85}
  100%{transform:scale(1.04);opacity:1}
}
@keyframes nebulaPulse{
  0%{transform:scale(1) translate(0,0);opacity:.9}
  100%{transform:scale(1.06) translate(1%,-1%);opacity:1}
}

.simple,.complex,.toast{position:relative;z-index:1}

@media (prefers-reduced-motion:reduce){
  .bg-fx__layer--apple,.bg-fx__layer--apple-dark,.bg-fx__layer--space,.bg-fx__layer--tesla,.bg-fx__layer--nvidia{animation:none}
}

body[data-theme="tesla"] .bg-fx{
  background:linear-gradient(165deg,#0a0a0b 0%,#141418 40%,#1a1214 70%,#0a0a0b 100%);
}
body[data-theme="tesla"] .bg-fx__layer--tesla{
  inset:-10%;
  background:
    radial-gradient(ellipse 50% 40% at 70% 30%, rgba(232,33,39,.18), transparent 65%),
    radial-gradient(ellipse 45% 35% at 20% 70%, rgba(232,33,39,.08), transparent 60%),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(60,60,68,.25), transparent 55%);
  animation:teslaPulse 14s ease-in-out infinite alternate;
}

body[data-theme="nvidia"] .bg-fx{
  background:linear-gradient(160deg,#050805 0%,#0a1208 45%,#081008 75%,#030403 100%);
}
body[data-theme="nvidia"] .bg-fx__layer--nvidia{
  inset:-12%;
  background:
    radial-gradient(ellipse 55% 45% at 30% 25%, rgba(118,185,0,.16), transparent 65%),
    radial-gradient(ellipse 50% 40% at 75% 65%, rgba(118,185,0,.10), transparent 60%),
    radial-gradient(ellipse 40% 30% at 50% 50%, rgba(118,185,0,.05), transparent 70%);
  animation:nvPulse 16s ease-in-out infinite alternate;
}

@keyframes teslaPulse{
  0%{opacity:.85;transform:scale(1)}
  100%{opacity:1;transform:scale(1.03)}
}
@keyframes nvPulse{
  0%{opacity:.8;transform:translate(0,0)}
  100%{opacity:1;transform:translate(-1%,1%)}
}

/* dark-theme UI (space / tesla / nvidia) */
body[data-theme="space"] .simple .wordmark,
body[data-theme="tesla"] .simple .wordmark,
body[data-theme="nvidia"] .simple .wordmark{color:#fff}
body[data-theme="space"] .simple .hero-title,
body[data-theme="tesla"] .simple .hero-title,
body[data-theme="nvidia"] .simple .hero-title{color:rgba(255,255,255,.72)}
body[data-theme="space"] .simple .hero-title b,
body[data-theme="tesla"] .simple .hero-title b,
body[data-theme="nvidia"] .simple .hero-title b{color:#fff}
body[data-theme="space"] .simple .tries .lbl,
body[data-theme="tesla"] .simple .tries .lbl,
body[data-theme="nvidia"] .simple .tries .lbl{color:rgba(255,255,255,.45)}
body[data-theme="space"] .simple .quick-head .t,
body[data-theme="tesla"] .simple .quick-head .t,
body[data-theme="nvidia"] .simple .quick-head .t{color:rgba(255,255,255,.92)}
body[data-theme="space"] .simple .quick-head .hint,
body[data-theme="tesla"] .simple .quick-head .hint,
body[data-theme="nvidia"] .simple .quick-head .hint{color:rgba(255,255,255,.42)}
body[data-theme="space"] .simple .lang-switch,
body[data-theme="space"] .simple .theme-switch__btns,
body[data-theme="tesla"] .simple .lang-switch,
body[data-theme="tesla"] .simple .theme-switch__btns,
body[data-theme="nvidia"] .simple .lang-switch,
body[data-theme="nvidia"] .simple .theme-switch__btns{background:rgba(255,255,255,.12)}
body[data-theme="space"] .simple .theme-switch__label,
body[data-theme="tesla"] .simple .theme-switch__label,
body[data-theme="nvidia"] .simple .theme-switch__label,
body[data-theme="apple-dark"] .simple .theme-switch__label{color:rgba(255,255,255,.55)}
body[data-theme="space"] .simple .lang-btn,
body[data-theme="space"] .simple .theme-btn,
body[data-theme="tesla"] .simple .lang-btn,
body[data-theme="tesla"] .simple .theme-btn,
body[data-theme="nvidia"] .simple .lang-btn,
body[data-theme="nvidia"] .simple .theme-btn{color:rgba(255,255,255,.65)}
body[data-theme="space"] .simple .lang-btn.on,
body[data-theme="space"] .simple .theme-btn.on,
body[data-theme="tesla"] .simple .lang-btn.on,
body[data-theme="tesla"] .simple .theme-btn.on,
body[data-theme="nvidia"] .simple .lang-btn.on,
body[data-theme="nvidia"] .simple .theme-btn.on{color:#fff;background:rgba(255,255,255,.18);box-shadow:none}
body[data-theme="space"] .simple .chip,
body[data-theme="tesla"] .simple .chip,
body[data-theme="nvidia"] .simple .chip{
  background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.78);
}
body[data-theme="space"] .simple .engines__tabs,
body[data-theme="tesla"] .simple .engines__tabs,
body[data-theme="nvidia"] .simple .engines__tabs{background:rgba(255,255,255,.1)}
body[data-theme="space"] .simple .engine,
body[data-theme="tesla"] .simple .engine,
body[data-theme="nvidia"] .simple .engine{color:rgba(255,255,255,.6)}
body[data-theme="space"] .simple .engine.on,
body[data-theme="tesla"] .simple .engine.on,
body[data-theme="nvidia"] .simple .engine.on{color:#fff;background:rgba(255,255,255,.16);box-shadow:none}

body[data-theme="space"] .simple .wordmark .brand-num{color:#64d2ff}
body[data-theme="space"] .simple .toplink,
body[data-theme="space"] .simple .morebtn{color:#64d2ff}
body[data-theme="space"] .simple .chip:hover{background:rgba(100,210,255,.15);border-color:rgba(100,210,255,.3);color:#fff}

body[data-theme="tesla"] .simple .wordmark .brand-num{color:#E82127}
body[data-theme="tesla"] .simple .toplink,
body[data-theme="tesla"] .simple .morebtn{color:#E82127}
body[data-theme="tesla"] .simple .chip:hover{background:rgba(232,33,39,.15);border-color:rgba(232,33,39,.35);color:#fff}

body[data-theme="nvidia"] .simple .wordmark .brand-num{color:#76B900}
body[data-theme="nvidia"] .simple .toplink,
body[data-theme="nvidia"] .simple .morebtn{color:#76B900}
body[data-theme="nvidia"] .simple .chip:hover{background:rgba(118,185,0,.15);border-color:rgba(118,185,0,.35);color:#fff}

body[data-theme="space"] .cbar,
body[data-theme="tesla"] .cbar,
body[data-theme="nvidia"] .cbar{
  background:rgba(8,10,24,.55);
  border-bottom-color:rgba(255,255,255,.08);
}
body[data-theme="tesla"] .cbar{background:rgba(10,10,12,.6)}
body[data-theme="nvidia"] .cbar{background:rgba(5,8,5,.65)}
body[data-theme="space"] .cbar .wordmark,
body[data-theme="tesla"] .cbar .wordmark,
body[data-theme="nvidia"] .cbar .wordmark{color:#fff}
body[data-theme="space"] .cbar .lang-switch,
body[data-theme="space"] .cbar .theme-switch__btns,
body[data-theme="tesla"] .cbar .lang-switch,
body[data-theme="tesla"] .cbar .theme-switch__btns,
body[data-theme="nvidia"] .cbar .lang-switch,
body[data-theme="nvidia"] .cbar .theme-switch__btns{background:rgba(255,255,255,.1)}
body[data-theme="space"] .cbar .theme-switch__label,
body[data-theme="tesla"] .cbar .theme-switch__label,
body[data-theme="nvidia"] .cbar .theme-switch__label,
body[data-theme="apple-dark"] .cbar .theme-switch__label{color:rgba(255,255,255,.55)}
body[data-theme="space"] .cbar .lang-btn,
body[data-theme="space"] .cbar .theme-btn,
body[data-theme="tesla"] .cbar .lang-btn,
body[data-theme="tesla"] .cbar .theme-btn,
body[data-theme="nvidia"] .cbar .lang-btn,
body[data-theme="nvidia"] .cbar .theme-btn{color:rgba(255,255,255,.65)}
body[data-theme="space"] .cbar .lang-btn.on,
body[data-theme="space"] .cbar .theme-btn.on,
body[data-theme="tesla"] .cbar .lang-btn.on,
body[data-theme="tesla"] .cbar .theme-btn.on,
body[data-theme="nvidia"] .cbar .lang-btn.on,
body[data-theme="nvidia"] .cbar .theme-btn.on{color:#fff;background:rgba(255,255,255,.16);box-shadow:none}
body[data-theme="space"] .cbar .collapse,
body[data-theme="tesla"] .cbar .collapse,
body[data-theme="nvidia"] .cbar .collapse{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75)}
body[data-theme="space"] .cbar .collapse:hover,
body[data-theme="tesla"] .cbar .collapse:hover,
body[data-theme="nvidia"] .cbar .collapse:hover{background:rgba(255,255,255,.18);color:#fff}
body[data-theme="space"] .cbar .csearch,
body[data-theme="tesla"] .cbar .csearch,
body[data-theme="nvidia"] .cbar .csearch,
body[data-theme="apple-dark"] .cbar .csearch{background:rgba(255,255,255,.1)}
body[data-theme="space"] .cbar .csearch input,
body[data-theme="tesla"] .cbar .csearch input,
body[data-theme="nvidia"] .cbar .csearch input,
body[data-theme="apple-dark"] .cbar .csearch input{color:rgba(255,255,255,.9)}
body[data-theme="space"] .cbar .csearch input::placeholder,
body[data-theme="tesla"] .cbar .csearch input::placeholder,
body[data-theme="nvidia"] .cbar .csearch input::placeholder,
body[data-theme="apple-dark"] .cbar .csearch input::placeholder{color:rgba(255,255,255,.4)}
body[data-theme="space"] .cbar .csearch .engine-select--cbar,
body[data-theme="tesla"] .cbar .csearch .engine-select--cbar,
body[data-theme="nvidia"] .cbar .csearch .engine-select--cbar,
body[data-theme="apple-dark"] .cbar .csearch .engine-select--cbar{
  color:rgba(255,255,255,.85);background:transparent;
  border-right-color:rgba(255,255,255,.12);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.65)' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 8px center;
}
body[data-theme="space"] .cbar .wordmark .brand-num{color:#64d2ff}
body[data-theme="tesla"] .cbar .wordmark .brand-num{color:#E82127}
body[data-theme="nvidia"] .cbar .wordmark .brand-num{color:#76B900}
body[data-theme="space"] .complex .sec-head h2,
body[data-theme="tesla"] .complex .sec-head h2,
body[data-theme="nvidia"] .complex .sec-head h2{color:#fff}
body[data-theme="space"] .complex .sec-head .sub,
body[data-theme="tesla"] .complex .sec-head .sub,
body[data-theme="nvidia"] .complex .sec-head .sub{color:rgba(255,255,255,.45)}
body[data-theme="space"] .complex .footnote,
body[data-theme="tesla"] .complex .footnote,
body[data-theme="nvidia"] .complex .footnote{color:rgba(255,255,255,.38);border-top-color:rgba(255,255,255,.1)}
body[data-theme="space"] .complex .sec-head .reset,
body[data-theme="space"] .complex .sec-more{color:#64d2ff}
body[data-theme="tesla"] .complex .sec-head .reset,
body[data-theme="tesla"] .complex .sec-more{color:#E82127}
body[data-theme="nvidia"] .complex .sec-head .reset,
body[data-theme="nvidia"] .complex .sec-more{color:#76B900}

/* ---------- SIMPLE VIEW ---------- */
.simple{
  min-height:100vh;
  display:flex;flex-direction:column;align-items:center;
  padding:0 22px min(42vh, 220px);
}
.brandbar{
  width:100%;max-width:980px;
  display:flex;flex-direction:column;align-items:stretch;gap:12px;
  padding:18px 4px;
}
.brandbar-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
}
.wordmark{
  display:flex;align-items:center;gap:10px;flex:none;
  font-weight:600;letter-spacing:-.03em;font-size:21px;line-height:1;
  color:var(--label);
}
.wordmark--btn{
  background:none;border:none;padding:0;margin:0;
  font:inherit;color:inherit;text-align:left;
  transition:opacity .2s var(--ease);
}
.wordmark--btn:hover{opacity:.78}
.wordmark--btn:active{opacity:.62}
.wordmark__text{white-space:nowrap;line-height:1}
.wordmark .mk{
  flex:none;
  width:28px;height:28px;border-radius:7px;
  background:linear-gradient(145deg,#2997ff,#0071e3);
  display:grid;place-items:center;color:#fff;
  box-shadow:0 2px 8px rgba(0,113,227,.28);
  transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}
.wordmark--btn:hover .mk{transform:scale(1.04)}
.wordmark .mk svg{width:15px;height:15px;display:block}
.wordmark .brand-num{font-weight:700;color:var(--accent)}
body[data-theme="apple-dark"] .wordmark .mk{
  background:linear-gradient(145deg,#409cff,#0a84ff);
  box-shadow:0 2px 8px rgba(10,132,255,.32);
}
body[data-theme="space"] .wordmark .mk{
  background:linear-gradient(145deg,#7ee8ff,#64d2ff);
  box-shadow:0 2px 8px rgba(100,210,255,.28);
}
body[data-theme="tesla"] .wordmark .mk{
  background:linear-gradient(145deg,#ff4d4d,#E82127);
  box-shadow:0 2px 8px rgba(232,33,39,.32);
}
body[data-theme="nvidia"] .wordmark .mk{
  background:linear-gradient(145deg,#9ee038,#76B900);
  box-shadow:0 2px 8px rgba(118,185,0,.32);
}
.brandbar .toplink{
  font-size:14px;color:var(--accent);background:none;border:none;padding:0;
  font-weight:400;letter-spacing:-.01em;transition:opacity .2s var(--ease);
}
.brandbar .toplink:hover{opacity:.72}
.brandbar-actions{display:flex;align-items:center;gap:16px}
.lang-switch{
  display:flex;gap:0;background:var(--fill);
  border-radius:var(--radius-pill);padding:2px;
}
.lang-btn{
  font-size:12px;color:var(--label-secondary);background:transparent;border:none;
  padding:5px 12px;border-radius:var(--radius-pill);transition:all .22s var(--ease);
  font-weight:600;letter-spacing:.01em;
}
.lang-btn:hover{color:var(--label)}
.lang-btn.on{
  color:var(--label);background:var(--bg-elevated);
  box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.theme-switch{
  display:flex;align-items:center;width:100%;gap:10px;
}
.theme-switch--full{width:100%}
.theme-switch__label{
  display:none;flex:none;
  font-size:13px;font-weight:600;letter-spacing:-.01em;
  color:var(--label-secondary);white-space:nowrap;
}
.theme-switch__btns{
  display:flex;flex-wrap:nowrap;gap:2px;flex:1;min-width:0;
  background:var(--fill);
  border-radius:var(--radius-pill);padding:2px;
}
.theme-select{
  display:none;
  width:100%;max-width:none;
  font-size:13px;font-weight:600;letter-spacing:-.01em;
  color:var(--label);background:var(--fill);
  border:none;border-radius:var(--radius-pill);
  padding:8px 28px 8px 12px;min-width:0;
  cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;
}
.theme-select:focus{outline:2px solid var(--accent);outline-offset:2px}
.theme-btn{
  flex:1;min-width:0;
  font-size:11px;color:var(--label-secondary);background:transparent;border:none;
  padding:6px 4px;border-radius:var(--radius-pill);transition:all .22s var(--ease);
  font-weight:600;letter-spacing:.01em;white-space:nowrap;
}
.theme-btn:hover{color:var(--label)}
.theme-btn.on{
  color:var(--label);background:var(--bg-elevated);
  box-shadow:0 1px 4px rgba(0,0,0,.08);
}

.stage{
  flex:1;width:100%;max-width:692px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding-top:5vh;
}
.hero-title{
  margin:0 0 28px;text-align:center;
  font-size:17px;color:var(--label-secondary);font-weight:400;
  letter-spacing:-.01em;line-height:1.5;
  min-height:1.5em;
  transition:opacity .4s var(--ease), transform .4s var(--ease);
}
.hero-title.is-fading{opacity:0;transform:translateY(8px)}
.hero-title b{color:var(--label);font-weight:600}

.searchwrap{width:100%}
.engines-wrap{width:100%;margin:0 0 14px;text-align:center}
.engines__tabs{
  display:inline-flex;gap:0;max-width:100%;overflow-x:auto;
  background:var(--fill);border-radius:var(--radius-pill);padding:3px;
  -webkit-overflow-scrolling:touch;scrollbar-width:none;
}
.engines__tabs::-webkit-scrollbar{display:none}
.engine-select{
  display:none;width:100%;
  font-size:13px;font-weight:600;letter-spacing:-.01em;
  color:var(--label);background:var(--fill);
  border:none;border-radius:var(--radius-pill);
  padding:9px 28px 9px 14px;
  cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
}
.engine-select:focus{outline:2px solid var(--accent);outline-offset:2px}
.csearch .engine-select--cbar{
  display:block;flex:none;min-width:0;max-width:108px;width:auto;
  padding:6px 24px 6px 4px;font-size:12px;font-weight:600;
  background:transparent;border:none;border-radius:0;
  border-right:1px solid var(--separator);
  margin-left:-4px;
}
.engine{
  font-size:13px;color:var(--label-secondary);background:transparent;border:none;
  padding:7px 16px;border-radius:var(--radius-pill);transition:all .22s var(--ease);
  font-weight:600;letter-spacing:-.01em;
}
.engine:hover{color:var(--label)}
.engine.on{
  color:var(--label);background:var(--bg-elevated);
  box-shadow:0 1px 4px rgba(0,0,0,.08);
}

.searchbox{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border:1px solid var(--separator);
  border-radius:var(--radius-xl);
  padding:8px 8px 8px 22px;
  box-shadow:var(--shadow-md);
  transition:border-color .22s var(--ease), box-shadow .22s var(--ease);
}
.searchbox:focus-within{
  border-color:rgba(0,113,227,.35);
  box-shadow:0 0 0 4px rgba(0,113,227,.12), var(--shadow-md);
}
.searchbox input{
  flex:1;border:none;outline:none;background:transparent;
  font-size:17px;color:var(--label);padding:11px 0;min-width:0;
  letter-spacing:-.022em;
}
.searchbox input::placeholder{color:var(--label-tertiary)}
.go{
  flex:none;border:none;color:#fff;background:var(--accent);
  height:44px;padding:0 16px;border-radius:var(--radius-pill);
  font-size:14px;font-weight:600;letter-spacing:-.01em;
  display:flex;align-items:center;gap:6px;max-width:42%;
  transition:background .2s var(--ease), transform .15s var(--ease);
}
.go [data-search-btn-label]{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.go:hover{background:var(--accent-hover)}
.go:active{transform:scale(.98)}
.go svg{width:16px;height:16px}

.tries{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;
  margin:22px 0 0;
}
.tries .lbl{font-size:13px;color:var(--label-tertiary);align-self:center;margin-right:4px;font-weight:400}
.chip{
  font-size:13px;color:var(--label-secondary);background:var(--bg-elevated);
  border:1px solid var(--separator);border-radius:var(--radius-pill);
  padding:7px 14px;transition:all .2s var(--ease);font-weight:500;
}
.chip:hover{
  color:var(--accent);border-color:rgba(0,113,227,.22);
  background:var(--accent-soft);
}

.quick{width:100%;margin-top:40px}
.quick-head{display:flex;align-items:center;justify-content:space-between;margin:0 6px 14px}
.quick-head .t{font-size:13px;color:var(--label);font-weight:600;letter-spacing:-.01em;text-transform:none}
.quick-head .hint{font-size:12px;color:var(--label-tertiary);font-weight:400}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tool{
  display:flex;align-items:flex-start;gap:11px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(14px) saturate(160%);
  -webkit-backdrop-filter:blur(14px) saturate(160%);
  border:1px solid transparent;
  border-radius:var(--radius-lg);
  padding:12px 13px;
  box-shadow:var(--shadow-sm);
  transition:transform .22s var(--ease), box-shadow .22s var(--ease);
  position:relative;
  min-width:0;
}
.tool:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-md);
}
.tool .ic{
  width:32px;height:32px;flex:none;border-radius:9px;
  display:grid;place-items:center;
  font-size:14px;font-weight:700;color:#fff;letter-spacing:-.03em;
  overflow:hidden;position:relative;margin-top:1px;
}
.ic__img{width:100%;height:100%;object-fit:cover;display:block}
.ic--has-img .ic__txt{display:none}
.ic__txt{display:grid;place-items:center;width:100%;height:100%}
.tool .meta{
  min-width:0;flex:1;overflow:hidden;
  display:flex;flex-direction:column;gap:2px;
}
.tool .nm{
  font-size:14px;font-weight:600;letter-spacing:-.02em;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tool .ds{
  font-size:11px;color:var(--label-tertiary);line-height:1.35;
  overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:1;line-clamp:1;
  word-break:break-word;overflow-wrap:anywhere;
}
.tool.hot .meta{padding-right:44px}
.tool .freq{
  position:absolute;top:8px;right:9px;font-size:10px;color:var(--accent);
  background:var(--accent-soft);border-radius:var(--radius-pill);
  padding:2px 7px;font-weight:600;opacity:0;transition:opacity .2s;
}
.tool.hot .freq{opacity:1}

.morebtn{
  margin:36px auto 0;display:flex;align-items:center;gap:6px;
  font-size:15px;color:var(--accent);background:transparent;border:none;
  padding:10px 16px;border-radius:var(--radius-pill);
  transition:opacity .2s var(--ease);font-weight:400;letter-spacing:-.01em;
}
.morebtn:hover{opacity:.72}
.morebtn svg{width:14px;height:14px;opacity:.8}

/* ---------- COMPLEX VIEW ---------- */
.complex{display:none;min-height:100vh;background:transparent}
body.expanded .simple{display:none}
body.expanded .complex{display:block;animation:rise .4s var(--ease) both}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.cbar{
  position:sticky;top:0;z-index:20;
  background:rgba(245,245,247,.72);
  backdrop-filter:var(--blur);
  -webkit-backdrop-filter:var(--blur);
  border-bottom:1px solid var(--separator);
}
.cbar-inner{
  max-width:1060px;margin:0 auto;padding:10px 22px;
  display:flex;align-items:center;flex-wrap:wrap;gap:14px;
}
.cbar-actions{
  display:flex;align-items:center;gap:14px;flex:none;
  margin-left:auto;order:10;
}
.theme-switch--cbar{flex:1 1 100%;order:20}
.cbar .wordmark{font-size:19px;gap:8px}
.cbar .wordmark .mk{width:26px;height:26px;border-radius:6px}
.cbar .wordmark .mk svg{width:14px;height:14px}
.csearch{
  flex:1;display:flex;align-items:center;gap:8px;max-width:480px;
  background:var(--fill-secondary);
  border:1px solid transparent;
  border-radius:var(--radius-pill);
  padding:3px 4px 3px 16px;
  transition:background .2s var(--ease), box-shadow .2s var(--ease);
}
.csearch:focus-within{
  background:var(--bg-elevated);
  box-shadow:0 0 0 4px rgba(0,113,227,.12);
}
.csearch input{
  flex:1;border:none;outline:none;background:transparent;
  font-size:14px;padding:8px 0;min-width:0;color:var(--label);
}
.csearch button{
  border:none;background:var(--accent);color:#fff;
  width:32px;height:32px;padding:0;border-radius:var(--radius-pill);
  display:grid;place-items:center;flex:none;
  transition:background .2s var(--ease);
}
.csearch button svg{width:15px;height:15px;display:block}
.csearch button:hover{background:var(--accent-hover)}
.collapse{
  flex:none;font-size:13px;color:var(--label-secondary);
  background:var(--fill);border:none;border-radius:var(--radius-pill);
  padding:8px 14px;font-weight:500;transition:background .2s var(--ease);
}
.collapse:hover{background:var(--separator-strong);color:var(--label)}

.cwrap{max-width:1060px;margin:0 auto;padding:12px 22px 72px}

.section{margin-top:44px}
.sec-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;margin:0 4px 16px}
.sec-head--split{align-items:center;justify-content:space-between;flex-wrap:nowrap}
.sec-head-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;min-width:0}
.sec-head h2{
  margin:0;font-size:28px;font-weight:600;
  letter-spacing:-.03em;line-height:1.1;color:var(--label);
}
.sec-head .sub{font-size:14px;color:var(--label-tertiary);font-weight:400}
.sec-head .reset,.sec-more{
  margin-left:auto;font-size:14px;color:var(--accent);
  background:none;border:none;font-weight:400;letter-spacing:-.01em;
  transition:opacity .2s var(--ease);white-space:nowrap;flex:none;
}
.sec-head .reset:hover,.sec-more:hover{opacity:.72}
.sec-head--split .sec-more{margin-left:0}

.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

.foryou{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border-radius:var(--radius-xl);
  padding:18px;
  box-shadow:var(--shadow-sm);
}
.foryou .empty{font-size:14px;color:var(--label-tertiary);padding:12px 6px;line-height:1.5}

.foryou-section .sec-head--foryou{align-items:flex-start;gap:14px}
.foryou-toolbar{
  margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:flex-end;gap:8px;max-width:100%;
}
.foryou-btn{
  font-size:13px;color:var(--label-secondary);background:var(--fill);
  border:none;border-radius:var(--radius-pill);padding:7px 14px;
  font-weight:600;letter-spacing:-.01em;transition:background .2s var(--ease), color .2s var(--ease);
  text-decoration:none;white-space:nowrap;
}
.foryou-btn:hover{background:var(--separator-strong);color:var(--label)}
.foryou-btn--primary{color:#fff;background:var(--accent)}
.foryou-btn--primary:hover{background:var(--accent-hover);color:#fff}
.foryou-btn--sponsor{color:var(--coral);background:rgba(255,59,48,.08)}
.foryou-btn--sponsor:hover{background:rgba(255,59,48,.14);color:var(--coral)}
.foryou-section .reset{margin-left:0}

.foryou-hub{
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(20px) saturate(160%);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  border-radius:var(--radius-xl);
  padding:16px;
  box-shadow:var(--shadow-sm);
}
.foryou-auth{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:12px 14px;margin-bottom:14px;
  background:var(--fill-secondary);border-radius:var(--radius-lg);
}
.foryou-auth__hint{margin:0;font-size:13px;color:var(--label-secondary);line-height:1.45}
.foryou-auth__badge{
  font-size:11px;font-weight:600;color:var(--label-tertiary);
  background:var(--bg-elevated);border:1px dashed var(--separator-strong);
  border-radius:var(--radius-pill);padding:5px 10px;white-space:nowrap;
}
.foryou-site{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;
  margin-top:14px;padding-top:14px;border-top:1px solid var(--separator);
  font-size:13px;
}
.foryou-site a{color:var(--label-secondary);transition:color .2s var(--ease)}
.foryou-site a:hover{color:var(--accent)}
.foryou-site .site-sponsor{color:var(--coral)}
.foryou-site .site-sponsor:hover{color:#ff453a;opacity:.9}
.foryou-site .dot{color:var(--label-tertiary);user-select:none}

.tool--custom{position:relative;padding:0;overflow:hidden;min-width:0}
.tool--custom .tool-link{
  display:flex;align-items:flex-start;gap:11px;width:100%;
  padding:12px 13px;color:inherit;min-width:0;
}
.tool--custom .meta{padding-right:76px}
.tool--custom .freq--custom{
  position:absolute;top:8px;right:36px;opacity:1;
  color:var(--label-secondary);background:var(--fill-secondary);
}
.tool-del{
  position:absolute;top:8px;right:8px;width:24px;height:24px;
  border:none;border-radius:50%;background:var(--fill);
  color:var(--label-tertiary);font-size:16px;line-height:1;
  display:grid;place-items:center;cursor:pointer;
  transition:background .2s var(--ease), color .2s var(--ease);
}
.tool-del:hover{background:rgba(255,59,48,.12);color:var(--coral)}

body.modal-open{overflow:hidden}
.modal{
  position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;
}
.modal[hidden]{display:none}
.modal__backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.35);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.modal__panel{
  position:relative;width:min(420px,100%);
  background:var(--bg-elevated);border-radius:var(--radius-xl);
  box-shadow:var(--shadow-md);padding:22px;
  animation:rise .28s var(--ease) both;
}
.modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.modal__head h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.03em}
.modal__close{
  width:32px;height:32px;border:none;border-radius:50%;
  background:var(--fill);color:var(--label-secondary);font-size:20px;line-height:1;
}
.modal__form{display:flex;flex-direction:column;gap:14px}
.modal__form .field{display:flex;flex-direction:column;gap:6px}
.modal__form .field span{font-size:13px;color:var(--label-secondary);font-weight:500}
.modal__form input{
  border:1px solid var(--separator);border-radius:var(--radius-md);
  padding:11px 12px;font-size:15px;color:var(--label);background:var(--bg);
  outline:none;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.modal__form input:focus{
  border-color:rgba(0,113,227,.35);
  box-shadow:0 0 0 4px rgba(0,113,227,.12);
}
.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
.modal__cancel,.modal__submit{
  border:none;border-radius:var(--radius-pill);padding:9px 18px;
  font-size:14px;font-weight:600;letter-spacing:-.01em;
}
.modal__cancel{background:var(--fill);color:var(--label-secondary)}
.modal__submit{background:var(--accent);color:#fff}
.modal__submit:hover{background:var(--accent-hover)}

.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pcard{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  border-radius:var(--radius-lg);
  padding:18px;
  box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;gap:10px;
  transition:transform .22s var(--ease), box-shadow .22s var(--ease);
}
.pcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.pcard .ptag{font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.02em}
.pcard .ptxt{font-size:14px;color:var(--label);line-height:1.55;letter-spacing:-.01em}
.pcard .copy{
  align-self:flex-start;margin-top:4px;
  font-size:13px;color:var(--accent);
  background:var(--accent-soft);border:none;
  border-radius:var(--radius-pill);padding:7px 14px;font-weight:600;
  transition:background .2s var(--ease);
}
.pcard .copy:hover{background:rgba(0,113,227,.16)}

.hot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hcard{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  border-radius:var(--radius-xl);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
.hcard .hh{
  display:flex;align-items:center;gap:8px;
  padding:14px 16px;
  border-bottom:1px solid var(--separator);
  font-size:14px;font-weight:600;letter-spacing:-.02em;
}
.hcard .hh .dot{width:8px;height:8px;border-radius:50%;flex:none}
.hcard ol{margin:0;padding:4px 0;list-style:none;counter-reset:h}
.hcard li{
  counter-increment:h;padding:9px 16px;font-size:13px;color:var(--label-secondary);
  display:flex;gap:10px;align-items:baseline;
  transition:background .15s var(--ease);cursor:pointer;
}
.hcard li:hover{background:var(--fill-secondary);color:var(--label)}
.hcard li::before{
  content:counter(h);font-size:12px;font-weight:600;
  color:var(--label-tertiary);width:16px;flex:none;text-align:center;
}
.hcard li.top::before{color:var(--coral)}
.hcard li a{flex:1;min-width:0;color:inherit;letter-spacing:-.01em;line-height:1.35}
.hcard .extra{
  font-size:11px;color:var(--label-tertiary);font-weight:500;
  margin-left:auto;flex:none;white-space:nowrap;
}
.hcard .hh .count{font-size:12px;color:var(--label-tertiary);font-weight:400;margin-left:auto}
.hot-loading,.hot-error{
  font-size:14px;color:var(--label-tertiary);
  padding:20px 6px;grid-column:1/-1;
}

.footnote{
  margin-top:48px;padding-top:22px;
  border-top:1px solid var(--separator);
  font-size:12px;color:var(--label-tertiary);
  text-align:center;line-height:1.7;letter-spacing:0;
}

.bottom-ticker{
  position:fixed;left:0;right:0;bottom:0;z-index:25;
  padding:0 12px max(8px, env(safe-area-inset-bottom));
  pointer-events:none;
}
body.expanded .bottom-ticker{display:none}
.bottom-ticker[hidden]{display:none!important}
.bottom-ticker__panel{
  pointer-events:auto;
  max-width:692px;margin:0 auto;
  padding:12px 14px 14px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(20px) saturate(180%);
  -webkit-backdrop-filter:blur(20px) saturate(180%);
  border:1px solid var(--separator);
  border-bottom:none;
  border-radius:18px 18px 0 0;
  box-shadow:0 -4px 24px rgba(0,0,0,.06);
}
.bottom-ticker__head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:10px;padding:0 2px;
}
.bottom-ticker__meta{
  flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;
}
.bottom-ticker__title{
  font-size:13px;font-weight:700;letter-spacing:-.01em;
  color:var(--label);
}
.bottom-ticker__count{
  font-size:11px;color:var(--label-tertiary);line-height:1.35;
}
.bottom-ticker__nav{
  flex-shrink:0;display:flex;align-items:center;gap:4px;
}
.bottom-ticker__nav-btn{
  appearance:none;border:1px solid var(--separator);
  width:28px;height:28px;border-radius:8px;
  background:var(--fill);color:var(--label);
  font-size:18px;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s var(--ease), border-color .15s var(--ease);
}
.bottom-ticker__nav-btn:hover{
  background:var(--bg-elevated);border-color:var(--label-tertiary);
}
.bottom-ticker__nav-btn:active{transform:scale(.96)}
.bottom-ticker__nav-btn:disabled{
  opacity:.35;cursor:not-allowed;transform:none;
}
.bottom-ticker__page{
  min-width:52px;text-align:center;
  font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;
  color:var(--label-secondary);
}
.bottom-ticker__lines{
  display:flex;flex-direction:column;gap:8px;
  min-height:calc(3 * 1.45em + 16px);
}
@media (min-width:640px){
  .bottom-ticker__lines{min-height:calc(4 * 1.45em + 24px);gap:7px}
}
.bottom-ticker__row{
  display:flex;align-items:center;gap:8px;min-height:1.45em;
  transition:opacity .35s var(--ease);
}
.bottom-ticker__row.is-hidden{display:none}
.bottom-ticker__row.is-fading{opacity:0}
.bottom-ticker__tag{
  flex-shrink:0;min-width:36px;text-align:center;
  font-size:10px;font-weight:700;letter-spacing:.02em;
  padding:3px 7px;border-radius:999px;line-height:1.2;
  background:var(--fill);color:var(--label-secondary);
}
.bottom-ticker__tag--tianya{background:#fff3e0;color:#e65100}
.bottom-ticker__tag--zhihu{background:#e8f4fd;color:#0066ff}
.bottom-ticker__tag--bili{background:#ffe8f0;color:#fb7299}
.bottom-ticker__tag--other{background:var(--fill);color:var(--label-tertiary)}
.bottom-ticker__link{
  flex:1;min-width:0;
  font-size:13px;font-weight:500;letter-spacing:-.01em;
  color:var(--label-secondary);text-decoration:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color .2s var(--ease);
}
.bottom-ticker__link.is-ready{color:var(--label)}
.bottom-ticker__link.is-ready:hover{color:var(--accent);text-decoration:underline}
.bottom-ticker__row.is-placeholder .bottom-ticker__link{
  color:var(--label-tertiary);font-weight:400;cursor:default;
}
.bottom-ticker__cursor{
  flex-shrink:0;font-size:13px;line-height:1;color:var(--accent);
  animation:bottomTickerBlink 1s step-end infinite;
}
.bottom-ticker__cursor[hidden]{display:none}
@keyframes bottomTickerBlink{50%{opacity:0}}

body[data-theme="apple-dark"] .bottom-ticker__panel{
  background:rgba(28,28,30,.82);border-color:rgba(255,255,255,.1);
  box-shadow:0 -4px 24px rgba(0,0,0,.35);
}
body[data-theme="apple-dark"] .bottom-ticker__link{color:rgba(255,255,255,.55)}
body[data-theme="apple-dark"] .bottom-ticker__link.is-ready{color:rgba(255,255,255,.88)}
body[data-theme="apple-dark"] .bottom-ticker__link.is-ready:hover{color:#fff}
body[data-theme="apple-dark"] .bottom-ticker__row.is-placeholder .bottom-ticker__link{color:rgba(255,255,255,.32)}
body[data-theme="space"] .bottom-ticker__panel,
body[data-theme="tesla"] .bottom-ticker__panel,
body[data-theme="nvidia"] .bottom-ticker__panel{
  background:rgba(12,14,20,.78);border-color:rgba(255,255,255,.1);
  box-shadow:0 -4px 24px rgba(0,0,0,.4);
}
body[data-theme="space"] .bottom-ticker__link,
body[data-theme="tesla"] .bottom-ticker__link,
body[data-theme="nvidia"] .bottom-ticker__link{color:rgba(255,255,255,.55)}
body[data-theme="space"] .bottom-ticker__link.is-ready,
body[data-theme="tesla"] .bottom-ticker__link.is-ready,
body[data-theme="nvidia"] .bottom-ticker__link.is-ready{color:rgba(255,255,255,.88)}
body[data-theme="space"] .bottom-ticker__link.is-ready:hover,
body[data-theme="tesla"] .bottom-ticker__link.is-ready:hover,
body[data-theme="nvidia"] .bottom-ticker__link.is-ready:hover{color:#fff}
body[data-theme="space"] .bottom-ticker__row.is-placeholder .bottom-ticker__link,
body[data-theme="tesla"] .bottom-ticker__row.is-placeholder .bottom-ticker__link,
body[data-theme="nvidia"] .bottom-ticker__row.is-placeholder .bottom-ticker__link{color:rgba(255,255,255,.32)}


.toast{
  position:fixed;left:50%;bottom:36px;transform:translate(-50%,16px);
  background:rgba(29,29,31,.88);color:#fff;
  font-size:14px;padding:12px 20px;border-radius:var(--radius-pill);
  opacity:0;pointer-events:none;
  transition:opacity .28s var(--ease), transform .28s var(--ease);
  z-index:50;backdrop-filter:blur(12px);
  letter-spacing:-.01em;
}
.toast.show{opacity:1;transform:translate(-50%,0)}

body[data-theme="space"] .foryou-hub,
body[data-theme="tesla"] .foryou-hub,
body[data-theme="nvidia"] .foryou-hub{background:rgba(255,255,255,.08)}
body[data-theme="space"] .foryou-auth,
body[data-theme="tesla"] .foryou-auth,
body[data-theme="nvidia"] .foryou-auth{background:rgba(255,255,255,.08)}
body[data-theme="space"] .foryou-auth__hint,
body[data-theme="tesla"] .foryou-auth__hint,
body[data-theme="nvidia"] .foryou-auth__hint{color:rgba(255,255,255,.55)}
body[data-theme="space"] .foryou-site,
body[data-theme="tesla"] .foryou-site,
body[data-theme="nvidia"] .foryou-site{border-top-color:rgba(255,255,255,.1)}
body[data-theme="space"] .foryou-site a,
body[data-theme="tesla"] .foryou-site a,
body[data-theme="nvidia"] .foryou-site a{color:rgba(255,255,255,.55)}
body[data-theme="space"] .foryou-btn,
body[data-theme="tesla"] .foryou-btn,
body[data-theme="nvidia"] .foryou-btn{background:rgba(255,255,255,.1);color:rgba(255,255,255,.72)}
body[data-theme="space"] .foryou-btn:hover,
body[data-theme="tesla"] .foryou-btn:hover,
body[data-theme="nvidia"] .foryou-btn:hover{background:rgba(255,255,255,.16);color:#fff}

@media (max-width:720px){
  .quick-grid{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(2,1fr)}
  .prompt-grid{grid-template-columns:1fr}
  .hot-cols{grid-template-columns:1fr}
  .stage{padding-top:2vh}
  .searchbox input{font-size:16px}
  .cbar .wordmark__text{display:none}
  .cbar .wordmark .mk{width:32px;height:32px;border-radius:8px}
  .cbar .wordmark .mk svg{width:17px;height:17px}
  .sec-head--split{flex-wrap:wrap}
  .sec-head h2{font-size:24px}
  .brandbar-actions{gap:10px}
  .brandbar .toplink{display:none}
  .engines__tabs{display:none}
  .engine-select{display:block}
  .csearch .engine-select--cbar{max-width:88px;padding:6px 22px 6px 2px;font-size:12px}
  .cbar-inner{flex-wrap:wrap;gap:8px}
  .cbar-actions{order:1;gap:8px}
  .csearch{flex:1 1 100%;max-width:none;order:10}
  .go svg{display:none}
  .go{padding:0 12px;font-size:13px;max-width:38%}
  body[data-theme="space"] .simple .engine-select,
  body[data-theme="tesla"] .simple .engine-select,
  body[data-theme="nvidia"] .simple .engine-select,
  body[data-theme="apple-dark"] .simple .engine-select,
  body[data-theme="space"] .cbar .engine-select,
  body[data-theme="tesla"] .cbar .engine-select,
  body[data-theme="nvidia"] .cbar .engine-select,
  body[data-theme="apple-dark"] .cbar .engine-select{
    background-color:rgba(255,255,255,.12);color:rgba(255,255,255,.85);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.65)' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  }
  .theme-switch__btns{display:none}
  .theme-switch__label{display:block}
  .theme-select{display:block;flex:1;min-width:0;width:auto;max-width:none}
  .theme-switch{background:transparent;padding:0;max-width:none;width:100%;flex:1 1 100%;gap:10px}
  .theme-switch--cbar{order:8}
  body[data-theme="space"] .simple .theme-select,
  body[data-theme="tesla"] .simple .theme-select,
  body[data-theme="nvidia"] .simple .theme-select,
  body[data-theme="apple-dark"] .simple .theme-select{
    background-color:rgba(255,255,255,.12);color:rgba(255,255,255,.85);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.65)' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  }
  body[data-theme="space"] .cbar .theme-select,
  body[data-theme="tesla"] .cbar .theme-select,
  body[data-theme="nvidia"] .cbar .theme-select,
  body[data-theme="apple-dark"] .cbar .theme-select{
    background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.85);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.65)' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  }
  .foryou-toolbar{width:100%;margin-left:0;justify-content:flex-start}
  .sec-head--foryou{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}