:root{color-scheme:light;--bg:#f4f5f0;--surface-rgb:255,255,252;--surface:rgba(var(--surface-rgb),.82);--surface-strong:#fff;--ink:#18201d;--muted:#747d77;--line:rgba(35,55,47,.11);--brand:#1e6b53;--brand-soft:#dcebe3;--accent:#e97851;--shadow:0 18px 50px rgba(36,54,46,.08);--radius:24px;--card-opacity:.82;--card-blur:18px;--font-scale:1;--font:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif}
[data-theme="dark"]{color-scheme:dark;--bg:#111613;--surface-rgb:28,35,31;--surface:rgba(var(--surface-rgb),.85);--surface-strong:#202823;--ink:#eef4ef;--muted:#98a49c;--line:rgba(220,240,228,.1);--brand:#78c7a5;--brand-soft:#223d31;--accent:#ef9c7e;--shadow:0 20px 60px rgba(0,0,0,.25)}

html[data-preset="midnight"]{color-scheme:dark;--bg:#090b19;--surface-rgb:22,25,48;--surface:rgba(var(--surface-rgb),.84);--surface-strong:#191d35;--ink:#f2f1ff;--muted:#9b9cbd;--line:rgba(198,199,255,.12);--brand:#a8a5ff;--brand-soft:#272849;--accent:#7ce7d8;--shadow:0 24px 65px rgba(1,2,12,.34)}
html[data-preset="sakura"]{color-scheme:light;--bg:#fff5f7;--surface-rgb:255,251,252;--surface:rgba(var(--surface-rgb),.84);--surface-strong:#fffafb;--ink:#432f36;--muted:#947981;--line:rgba(112,64,79,.12);--brand:#c95778;--brand-soft:#f7dce5;--accent:#e8a16f;--shadow:0 20px 55px rgba(110,55,75,.1)}
html[data-preset="ocean"]{color-scheme:dark;--bg:#061821;--surface-rgb:12,39,50;--surface:rgba(var(--surface-rgb),.82);--surface-strong:#0d2a36;--ink:#e9fbff;--muted:#8eb0ba;--line:rgba(158,227,240,.12);--brand:#6ed9dd;--brand-soft:#153f49;--accent:#f2c572;--shadow:0 22px 65px rgba(0,12,18,.35)}
html[data-preset="sunset"]{color-scheme:dark;--bg:#241316;--surface-rgb:53,29,31;--surface:rgba(var(--surface-rgb),.84);--surface-strong:#3a2022;--ink:#fff2e8;--muted:#c7a39b;--line:rgba(255,211,186,.12);--brand:#ffb071;--brand-soft:#59352b;--accent:#ff6b6b;--shadow:0 24px 65px rgba(25,5,7,.32)}
html[data-preset="forest"]{color-scheme:dark;--bg:#071812;--surface-rgb:18,43,33;--surface:rgba(var(--surface-rgb),.85);--surface-strong:#132e24;--ink:#eefbf3;--muted:#91ad9d;--line:rgba(191,238,209,.11);--brand:#76d596;--brand-soft:#204b34;--accent:#e6c56d;--shadow:0 24px 65px rgba(0,13,8,.36)}
html[data-preset="cyber"]{color-scheme:dark;--bg:#080711;--surface-rgb:22,17,39;--surface:rgba(var(--surface-rgb),.8);--surface-strong:#19132c;--ink:#f9f4ff;--muted:#a69ab7;--line:rgba(224,133,255,.16);--brand:#dd77ff;--brand-soft:#40234e;--accent:#58f0dd;--shadow:0 22px 70px rgba(77,0,108,.26)}
html[data-preset="paper"]{color-scheme:light;--bg:#f2efe8;--surface-rgb:250,248,242;--surface:rgba(var(--surface-rgb),.9);--surface-strong:#fbfaf6;--ink:#282723;--muted:#77736a;--line:rgba(54,49,41,.14);--brand:#3e5145;--brand-soft:#dfe4dc;--accent:#b55e42;--shadow:0 13px 40px rgba(45,38,29,.07);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden;isolation:isolate}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.ambient{position:fixed;border-radius:50%;filter:blur(10px);pointer-events:none;z-index:-2}.ambient-one{width:430px;height:430px;right:-120px;top:-120px;background:radial-gradient(circle,rgba(136,194,165,.28),transparent 67%)}.ambient-two{width:370px;height:370px;left:-160px;top:45%;background:radial-gradient(circle,rgba(237,176,139,.2),transparent 70%)}button,input{font:inherit}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);font-weight:760;font-size:18px;text-decoration:none;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--ink);color:var(--bg);font-family:serif;font-size:19px}.top-actions{display:flex;align-items:center;gap:10px}.icon-button,.user-button,.more-button,.refresh-button,.source-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.icon-button{width:42px;height:42px;border-radius:50%;font-size:20px}.appearance-button{color:var(--brand)}.user-button{height:42px;border-radius:23px;display:flex;align-items:center;gap:10px;padding:4px 5px 4px 16px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-weight:700}.welcome{text-align:center;padding:35px 0 28px}.eyebrow,.card-kicker{margin:0;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.17em}.welcome h1{font-family:Georgia,"Noto Serif SC",serif;margin:11px 0 10px;font-size:clamp(34px,5vw,58px);line-height:1.15;font-weight:500}.quote{margin:0;color:var(--muted);font-size:15px}.search-area{width:min(820px,100%);margin:0 auto 26px;position:relative}.search-box{height:64px;border:1px solid var(--line);border-radius:20px;padding:7px;display:flex;align-items:center;background:rgba(var(--surface-rgb),.9);backdrop-filter:blur(var(--card-blur));box-shadow:var(--shadow)}.engine-button{height:48px;padding:0 14px;border:0;border-right:1px solid var(--line);background:transparent;display:flex;align-items:center;gap:9px;color:var(--ink);cursor:pointer}.engine-logo{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-weight:800}.chevron{color:var(--muted)}#search-input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:var(--ink);padding:0 18px;font-size:16px}.search-submit{height:46px;padding:0 24px;border:0;border-radius:14px;background:var(--ink);color:var(--bg);cursor:pointer;font-weight:700}.engine-tabs{display:flex;justify-content:center;gap:7px;margin-top:13px}.engine-tabs button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:6px 10px;border-radius:9px;cursor:pointer}.engine-tabs button.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.category-bar{display:flex;justify-content:center;gap:8px;overflow-x:auto;padding:9px 0 24px;scrollbar-width:none}.category{flex:none;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);padding:10px 15px;cursor:pointer}.category.active{color:var(--ink);border-color:var(--line);background:var(--surface);font-weight:700}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:120px}.card{min-width:0;min-height:220px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(var(--surface-rgb),var(--card-opacity));backdrop-filter:blur(var(--card-blur));box-shadow:0 1px 0 rgba(255,255,255,.4) inset;padding:22px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .25s ease,border-radius .25s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 28%,transparent)}.card-wide{grid-column:span 2}.card-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:19px}.card h2{font-family:Georgia,"Noto Serif SC",serif;margin:5px 0 0;font-size:20px;font-weight:600}.more-button,.refresh-button{width:36px;height:36px;border-radius:12px;line-height:1}.source-chip{border-radius:11px;padding:8px 10px;font-size:12px}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-item{min-width:0;min-height:62px;border-radius:15px;padding:9px;display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;transition:background .16s ease,transform .16s ease}.nav-item:hover{background:var(--surface-strong)}.nav-item:active{transform:scale(.97)}.nav-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;font-size:12px;font-weight:800}.nav-icon.ink{background:#242a27;color:#fff}.nav-icon.mint{background:#dceee5;color:#176547}.nav-icon.blue{background:#dce9f4;color:#357aa8}.nav-icon.coral{background:#f6e0d8;color:#c45d3f}.nav-item strong,.nav-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item strong{font-size:14px}.nav-item small{margin-top:3px;color:var(--muted);font-size:11px}.weather-now{display:flex;align-items:center;gap:13px;margin-top:9px}.weather-symbol{font-size:37px;color:#719b8a}.weather-now strong{font-family:Georgia,serif;font-size:45px;font-weight:500}.weather-now span:last-child{font-size:13px}.weather-now small{color:var(--muted)}.weather-meta{display:flex;justify-content:space-between;margin-top:23px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.trend-list{list-style:none;padding:0;margin:0}.trend-list li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;min-height:34px;font-size:13px}.trend-list b{font-family:Georgia,serif;font-weight:500;color:var(--muted)}.trend-list li:first-child b{color:var(--accent)}.trend-list a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;color:var(--ink)}.trend-list em{font-style:normal;color:var(--accent);font-size:11px}.trend-list span{color:var(--brand)}.ai-card{grid-column:span 2}.pill-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pill-links a{display:flex;justify-content:space-between;align-items:center;min-height:52px;border:1px solid var(--line);border-radius:15px;color:var(--ink);text-decoration:none;padding:0 14px;font-size:13px}.pill-links a:hover{background:var(--surface-strong)}.pill-links span{color:var(--muted)}.quote-card blockquote{margin:25px 0 16px;font-family:Georgia,"Noto Serif SC",serif;font-size:21px;line-height:1.75}.quote-card>p{margin:0;color:var(--muted);font-size:12px}.customize{position:fixed;right:28px;bottom:28px;z-index:10;height:48px;padding:0 18px;border:0;border-radius:16px;background:var(--ink);color:var(--bg);box-shadow:var(--shadow);font-weight:700;cursor:pointer}.customize span{color:var(--accent);margin-right:5px}
@media(max-width:1000px){.dashboard{grid-template-columns:repeat(2,1fr)}.card-wide,.ai-card{grid-column:span 2}}
@media(max-width:640px){.shell{width:min(100% - 24px,1180px)}.topbar{height:68px}.user-button>span:first-child{display:none}.user-button{padding-left:5px}.welcome{padding:24px 0 21px}.welcome h1{font-size:33px}.search-box{height:58px;border-radius:17px}.engine-button{width:49px;padding:0 9px;border-right:0}.engine-button>[data-engine-label],.engine-button .chevron{display:none}.search-submit{padding:0 16px}.engine-tabs{justify-content:flex-start;overflow-x:auto}.category-bar{justify-content:flex-start;margin-inline:-12px;padding-inline:12px}.dashboard{gap:12px}.card{min-height:190px;padding:18px;border-radius:20px}.card-wide,.ai-card,.weather-card,.hot-card,.quote-card{grid-column:span 2}.nav-grid{gap:5px}.nav-item{padding:7px}.customize{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));height:46px}.ambient-one{width:280px;height:280px}.quote-card blockquote{font-size:19px}}
@media(max-width:370px){.nav-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.card-wide,.ai-card,.weather-card,.hot-card,.quote-card{grid-column:span 1}.pill-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Interactive states and overlays */
[hidden]{display:none!important}.modal-open{overflow:hidden}.card.category-dimmed{opacity:.22;filter:saturate(.25);pointer-events:none}.card.refreshing{overflow:hidden}.card.refreshing::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.34) 45%,transparent 65%);transform:translateX(-100%);animation:card-refresh .9s ease infinite}.card{position:relative}.card.collapsed{min-height:78px;height:78px}.card.collapsed>:not(.card-head){display:none}.card.collapsed .card-head{margin:0}.card.pinned{border-color:rgba(30,107,83,.32)}.card.pinned::before{content:"";position:absolute;top:13px;left:13px;width:6px;height:6px;border-radius:50%;background:var(--brand)}.card[data-size="S"]{grid-column:span 1}.card[data-size="M"],.card[data-size="L"]{grid-column:span 2}.card[data-size="L"]{min-height:330px}.card[data-size="XL"]{grid-column:1/-1;min-height:330px}.editing-layout .card{cursor:grab;outline:1px dashed var(--brand);outline-offset:-6px;animation:edit-wiggle 1.6s ease-in-out infinite alternate}.editing-layout .card:active{cursor:grabbing}.card.dragging{opacity:.72;transform:scale(1.015);box-shadow:0 24px 65px rgba(24,32,29,.22);z-index:4}.editing-layout .customize{background:var(--accent);color:#fff}
/* Engine picker and global input effects */
.engine-picker{height:48px;padding:0 12px 0 7px;border-right:1px solid var(--line);display:flex;align-items:center;gap:9px}.engine-picker .engine-button{height:42px;min-width:112px;padding:0 24px 0 0;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:13px;outline:0}.engine-tabs{display:none!important}.customize{display:none!important}
.nav-icon img{width:26px;height:26px;object-fit:contain;border-radius:6px}
html[data-input-effect="rainbow"] input[data-interactive-input],html[data-input-effect="rainbow"] textarea[data-interactive-input]{color:transparent;background:linear-gradient(90deg,#ff6b6b,#f3c969,#68d391,#63b3ed,#b794f4,#ff6b6b);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;caret-color:var(--ink);animation:input-rainbow 4s linear infinite}html[data-input-effect="cyber"] input[data-interactive-input],html[data-input-effect="cyber"] textarea[data-interactive-input]{color:var(--brand);font-family:Consolas,monospace;letter-spacing:.04em;text-shadow:1px 0 var(--accent),-1px 0 #28dff3,0 0 8px var(--brand)}html[data-input-effect="glow"] input[data-interactive-input],html[data-input-effect="glow"] textarea[data-interactive-input]{animation:input-glow 2.2s ease-in-out infinite alternate}
@media(max-width:640px){.engine-picker{padding-left:4px;padding-right:4px;border-right:0}.engine-picker .engine-button{min-width:38px;width:38px;padding:0;font-size:0}.engine-tabs{display:none}}
.footer{border-top:1px solid var(--line);padding:30px 0 45px;display:grid;grid-template-columns:1fr auto;gap:15px;color:var(--muted);font-size:12px}.footer div{display:flex;flex-direction:column;gap:4px}.footer strong{color:var(--ink);font-size:14px}.footer nav{display:flex;gap:18px}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:var(--brand)}.footer p{grid-column:1/-1;margin:5px 0 0}
.overlay,.sheet-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:rgba(10,17,14,.52);backdrop-filter:blur(10px);opacity:0;transition:opacity .18s ease}.overlay.open,.sheet-overlay.open{opacity:1}.auth-dialog{position:relative;width:min(440px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--line);border-radius:28px;background:var(--surface-strong);box-shadow:0 35px 100px rgba(0,0,0,.25);padding:30px;transform:translateY(12px) scale(.98);transition:transform .18s ease}.overlay.open .auth-dialog{transform:none}.auth-dialog h2{font-family:Georgia,"Noto Serif SC",serif;font-size:28px;margin:7px 0 22px}.dialog-close{position:absolute;right:18px;top:17px;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);color:var(--ink);font-size:22px;cursor:pointer}.oauth-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.oauth{display:grid;place-items:center;min-height:46px;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.oauth:hover{border-color:var(--brand);background:var(--brand-soft)}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:11px}.divider::before,.divider::after{content:"";height:1px;flex:1;background:var(--line)}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:7px;color:var(--muted);font-size:12px}.auth-form input{width:100%;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);outline:0;padding:0 13px}.auth-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.primary-button{height:48px;border:0;border-radius:14px;background:var(--ink);color:var(--bg);font-weight:750;cursor:pointer}.primary-button:disabled{opacity:.55}.form-message{min-height:17px;margin:0;text-align:center;color:#c75348;font-size:12px}.auth-switch{display:block;margin:5px auto 0;border:0;background:transparent;color:var(--brand);cursor:pointer;font-size:12px}
.sheet-overlay{align-items:end;padding:0}.card-sheet{width:min(540px,100%);max-height:80vh;overflow:auto;border:1px solid var(--line);border-bottom:0;border-radius:27px 27px 0 0;background:var(--surface-strong);padding:10px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .2s ease}.sheet-overlay.open .card-sheet{transform:none}.sheet-handle{width:44px;height:4px;border-radius:3px;background:var(--line);margin:0 auto 15px}.card-sheet h2{text-align:center;font-family:Georgia,"Noto Serif SC",serif;font-size:19px;margin:0 0 14px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet-actions button{min-height:52px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);text-align:left;padding:0 15px;cursor:pointer}.sheet-actions button span{margin-left:7px}.sheet-actions button:hover{border-color:var(--brand);color:var(--brand)}
.toast-region{position:fixed;z-index:100;top:20px;left:50%;transform:translateX(-50%);display:grid;gap:8px;width:min(360px,calc(100% - 32px));pointer-events:none}.toast{padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:var(--surface-strong);box-shadow:var(--shadow);color:var(--ink);font-size:13px;text-align:center;animation:toast-in .22s ease}.toast.success{border-color:rgba(30,107,83,.35)}.toast.error{border-color:rgba(199,83,72,.45);color:#c75348}
@keyframes card-refresh{to{transform:translateX(100%)}}@keyframes edit-wiggle{to{transform:rotate(.18deg) translateY(-1px)}}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}}
@media(max-width:640px){.footer{display:block;padding-bottom:95px}.footer nav{margin:18px 0;overflow-x:auto}.footer p{margin-top:18px}.card[data-size="S"]{grid-column:span 1}.card[data-size="M"],.card[data-size="L"],.card[data-size="XL"]{grid-column:1/-1}.card[data-size="L"],.card[data-size="XL"]{min-height:280px}.auth-dialog{padding:25px 20px;border-radius:23px}.sheet-actions{grid-template-columns:1fr}.sheet-actions button{min-height:50px}}

/* Appearance workshop, backgrounds and pointer effects */
.custom-background,.fx-background,.pointer-glow{position:fixed;inset:0;pointer-events:none}.custom-background{z-index:-5;background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .35s ease}.custom-background.has-image{opacity:1}.custom-background.has-image::after{content:"";position:absolute;inset:0;background:rgba(5,12,10,.28)}.fx-background{z-index:-3;overflow:hidden}.fx-background canvas{width:100%;height:100%;display:block}.fx-background::before,.fx-background::after{content:"";position:absolute;opacity:0;transition:opacity .4s ease}.pointer-glow{z-index:-1;opacity:0;background:radial-gradient(circle 230px at var(--pointer-x,50%) var(--pointer-y,30%),color-mix(in srgb,var(--brand) 19%,transparent),transparent 70%);transition:opacity .2s ease}.pointer-glow.active{opacity:1}.pointer-effects{position:fixed;inset:0;z-index:90;overflow:hidden;pointer-events:none}
html[data-background-effect="aurora"] .fx-background::before{inset:-30%;opacity:.72;background:conic-gradient(from 120deg at 42% 45%,transparent 0 12%,color-mix(in srgb,var(--brand) 36%,transparent) 22%,transparent 36% 52%,color-mix(in srgb,var(--accent) 30%,transparent) 65%,transparent 78%);filter:blur(55px);animation:aurora-drift 14s ease-in-out infinite alternate}
html[data-background-effect="aurora"] .fx-background::after{width:62vw;height:62vw;right:-20vw;top:-26vw;border-radius:50%;opacity:.55;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 32%,transparent),transparent 68%);filter:blur(30px);animation:aurora-pulse 9s ease-in-out infinite alternate}
html[data-background-effect="grid"] .fx-background::before{inset:-20%;opacity:.22;background-image:linear-gradient(color-mix(in srgb,var(--brand) 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand) 38%,transparent) 1px,transparent 1px);background-size:46px 46px;transform:perspective(500px) rotateX(58deg) translateY(23%);transform-origin:center;mask-image:linear-gradient(to bottom,transparent 5%,#000 35%,transparent 92%);animation:grid-flow 12s linear infinite}
.fx-spark,.fx-trail,.fx-ripple{position:fixed;left:0;top:0;pointer-events:none}.fx-spark{width:7px;height:7px;color:var(--brand);animation:spark-out .72s ease-out forwards}.fx-spark::before,.fx-spark::after{content:"";position:absolute;left:3px;top:0;width:1px;height:7px;background:currentColor}.fx-spark::after{transform:rotate(90deg)}.fx-trail{width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--brand);box-shadow:0 0 13px var(--brand);animation:trail-out .62s ease-out forwards}.fx-ripple{width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--brand);border-radius:50%;animation:ripple-out .72s ease-out forwards}
.appearance-overlay{position:fixed;inset:0;z-index:70;background:rgba(5,10,8,.52);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}.appearance-overlay.open{opacity:1}.appearance-workshop{position:absolute;top:0;right:0;width:min(500px,100%);height:100%;display:grid;grid-template-rows:auto 1fr auto;border-left:1px solid var(--line);background:rgba(var(--surface-rgb),.96);box-shadow:-30px 0 90px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .25s cubic-bezier(.2,.75,.25,1)}.appearance-overlay.open .appearance-workshop{transform:none}.workshop-head{position:relative;padding:28px 28px 20px;border-bottom:1px solid var(--line)}.workshop-head h2{margin:7px 0 5px;font-family:Georgia,"Noto Serif SC",serif;font-size:29px;font-weight:550}.workshop-head>div>p:last-child{margin:0;color:var(--muted);font-size:12px}.workshop-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 28px}.workshop-section{padding:24px 0;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title>div{display:flex;align-items:center;gap:9px}.section-title span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-family:Georgia,serif;font-size:11px}.section-title h3,.layout-shortcut h3{margin:0;font-size:14px}.section-title small{color:var(--muted);font-size:10px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-grid label{position:relative;min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ink);padding:8px;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.theme-grid label:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 45%,transparent)}.theme-grid label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}.theme-grid input,.effect-options input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.theme-grid label>span{min-width:0;font-size:12px;font-weight:700}.theme-grid label small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:400}.theme-swatch{position:relative;flex:none;width:49px;height:38px;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,var(--swatch-a),var(--swatch-b));box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.theme-swatch::before{content:"";position:absolute;width:26px;height:26px;right:-6px;top:-7px;border-radius:50%;background:var(--swatch-c);filter:blur(2px);opacity:.85}.theme-swatch b{position:absolute;left:7px;bottom:6px;width:24px;height:9px;border-radius:5px;background:rgba(255,255,255,.74)}.swatch-shiguang{--swatch-a:#f4f5f0;--swatch-b:#b7d8c6;--swatch-c:#e97851}.swatch-midnight{--swatch-a:#090b19;--swatch-b:#5a56b5;--swatch-c:#7ce7d8}.swatch-sakura{--swatch-a:#fff5f7;--swatch-b:#eaa8bb;--swatch-c:#f5d083}.swatch-ocean{--swatch-a:#061821;--swatch-b:#1e7c8e;--swatch-c:#6ed9dd}.swatch-sunset{--swatch-a:#251316;--swatch-b:#b74a49;--swatch-c:#ffb071}.swatch-forest{--swatch-a:#071812;--swatch-b:#286a48;--swatch-c:#e6c56d}.swatch-cyber{--swatch-a:#080711;--swatch-b:#8a28b8;--swatch-c:#58f0dd}.swatch-paper{--swatch-a:#f2efe8;--swatch-b:#c9c2b3;--swatch-c:#b55e42}
.effect-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.effect-options label{position:relative;min-height:59px;display:grid;place-items:center;gap:3px;border:1px solid var(--line);border-radius:13px;background:transparent;color:var(--muted);cursor:pointer;font-size:10px}.effect-options label i{font-style:normal;color:var(--ink);font-size:18px;line-height:1}.effect-options label:has(input:checked){border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.effect-options label:has(input:checked) i{color:var(--brand)}.pointer-options{grid-template-columns:repeat(5,1fr)}.pointer-options label{padding:7px 3px}.diy-controls{display:grid;gap:14px}.range-control{display:grid;gap:7px}.range-control>div{display:flex;justify-content:space-between;color:var(--ink);font-size:11px}.diy-controls output{color:var(--brand);font-variant-numeric:tabular-nums}.diy-controls input[type="range"]{width:100%;height:4px;accent-color:var(--brand);cursor:pointer}.color-control{display:grid;grid-template-columns:1fr auto;align-items:center}.color-control label{display:grid;gap:3px;color:var(--ink);font-size:11px}.color-control label small{color:var(--muted);font-size:9px}.color-control input{width:48px;height:34px;padding:2px;border:1px solid var(--line);border-radius:10px;background:transparent;cursor:pointer}.background-diy{display:grid;gap:11px;margin-top:20px;padding-top:18px;border-top:1px dashed var(--line)}.background-url-control{display:grid;gap:7px;color:var(--muted);font-size:10px}.background-url-control>div{display:grid;grid-template-columns:1fr auto}.background-diy input[type="url"]{min-width:0;height:40px;border:1px solid var(--line);border-radius:11px 0 0 11px;background:var(--bg);color:var(--ink);padding:0 11px;outline:0}.background-url-control button{border:0;border-radius:0 11px 11px 0;background:var(--ink);color:var(--bg);padding:0 14px;cursor:pointer}.upload-row{display:flex;align-items:center;justify-content:space-between}.upload-button,.text-button{border:0;background:transparent;color:var(--brand);font-size:11px;cursor:pointer}.upload-button{display:inline-flex;align-items:center;min-height:36px;border:1px solid var(--line);border-radius:11px;padding:0 12px}.upload-button input{position:absolute;width:1px;height:1px;opacity:0}.background-diy>p{margin:0;color:var(--muted);font-size:9px}.layout-shortcut{display:flex;align-items:center;justify-content:space-between;gap:15px}.layout-shortcut>div{display:flex;align-items:center;gap:11px}.layout-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--brand-soft);color:var(--brand);font-size:19px}.layout-shortcut p{margin:4px 0 0;color:var(--muted);font-size:10px}.layout-shortcut>button{flex:none;min-height:38px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--ink);padding:0 11px;cursor:pointer;font-size:10px}.workshop-footer{display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:12px 28px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface-strong);color:var(--muted);font-size:10px}.workshop-footer button{border:0;background:transparent;color:var(--accent);font-size:10px;cursor:pointer}
@keyframes aurora-drift{to{transform:translate3d(8%,-5%,0) rotate(18deg) scale(1.12)}}@keyframes aurora-pulse{to{transform:translate(-12%,18%) scale(1.2);opacity:.35}}@keyframes grid-flow{to{background-position:0 92px,92px 0}}@keyframes spark-out{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8) rotate(130deg)}}@keyframes trail-out{to{opacity:0;transform:scale(.15)}}@keyframes ripple-out{to{opacity:0;transform:scale(5)}}
@media(max-width:640px){.appearance-workshop{width:100%;top:auto;bottom:0;height:min(88vh,760px);border-left:0;border-top:1px solid var(--line);border-radius:25px 25px 0 0;transform:translateY(100%)}.appearance-overlay.open .appearance-workshop{transform:none}.workshop-head{padding:22px 18px 16px}.workshop-scroll{padding:0 18px}.workshop-section{padding:20px 0}.workshop-footer{padding-inline:18px}.theme-grid{grid-template-columns:1fr 1fr}.theme-swatch{width:42px}.pointer-options{grid-template-columns:repeat(3,1fr)}.layout-shortcut{align-items:flex-start}.layout-shortcut>button{min-height:42px}.pointer-glow{display:none}}
@media(max-width:380px){.theme-grid{grid-template-columns:1fr}.effect-options{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.fx-background::before,.fx-background::after{animation:none!important}.pointer-effects,.pointer-glow{display:none!important}}
.oauth{display:flex;align-items:center;justify-content:center;gap:8px}.oauth img{width:21px;height:21px;object-fit:contain}
.auth-links{display:flex;justify-content:center;gap:18px}.secondary-button{height:43px;border:1px solid var(--line);border-radius:13px;background:var(--brand-soft);color:var(--brand);font-weight:700;cursor:pointer}
.effect-subtitle{margin:16px 0 8px;color:var(--muted);font-size:10px;font-weight:600}.effect-subtitle:first-of-type{margin-top:0}.visibility-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.visibility-list label{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 10px;border:1px solid var(--line);border-radius:11px;color:var(--ink);font-size:10px}.visibility-list input{accent-color:var(--brand)}.visibility-list small{margin-left:auto;color:var(--accent);font-size:8px}.user-card-hidden,.category-user-hidden{display:none!important}
html[data-input-effect="rainbow"] #search-input{color:transparent;background:linear-gradient(90deg,#ff6b6b,#f3c969,#68d391,#63b3ed,#b794f4,#ff6b6b);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;caret-color:var(--ink);animation:input-rainbow 4s linear infinite}html[data-input-effect="cyber"] #search-input{color:var(--brand);font-family:Consolas,monospace;letter-spacing:.04em;text-shadow:1px 0 var(--accent),-1px 0 #28dff3,0 0 8px var(--brand)}html[data-input-effect="glow"] .search-box{animation:input-glow 2.2s ease-in-out infinite alternate}.fx-char{position:fixed;z-index:95;pointer-events:none;color:var(--brand);font-weight:900;text-shadow:0 0 9px var(--brand);animation:char-explode .65s ease-out forwards}
html[data-button-effect="lift"] button:not(:disabled):hover{transform:translateY(-2px)}html[data-button-effect="glow"] button:not(:disabled){position:relative;overflow:hidden}html[data-button-effect="glow"] button:not(:disabled)::after{content:"";position:absolute;inset:-2px;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35),transparent 70%);transform:translateX(-120%);transition:transform .5s ease;pointer-events:none}html[data-button-effect="glow"] button:not(:disabled):hover::after{transform:translateX(120%)}html[data-button-effect="pulse"] button:not(:disabled):active{animation:button-pulse .35s ease}html[data-button-effect="magnetic"] button{transition:transform .16s ease,box-shadow .16s ease}
.fx-heart,.fx-starburst,.fx-ink{position:fixed;z-index:91;pointer-events:none}.fx-heart{color:var(--accent);font-size:20px;animation:heart-float .9s ease-out forwards}.fx-starburst{width:8px;height:8px;color:var(--brand);animation:starburst .7s ease-out forwards}.fx-starburst::before,.fx-starburst::after{content:"";position:absolute;left:3px;top:-3px;width:2px;height:14px;border-radius:2px;background:currentColor}.fx-starburst::after{transform:rotate(90deg)}.fx-ink{width:18px;height:18px;margin:-9px;border-radius:50%;background:var(--ink);filter:blur(1px);animation:ink-spread .65s ease-out forwards}
.context-menu{position:fixed;z-index:120;width:245px;padding:8px;border:1px solid var(--line);border-radius:17px;background:rgba(var(--surface-rgb),.96);backdrop-filter:blur(22px);box-shadow:0 25px 75px rgba(0,0,0,.25);transform-origin:top left;animation:context-in .16s ease}.context-menu header{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--line);margin-bottom:5px}.context-menu header .brand-mark{width:31px;height:31px;border-radius:10px;font-size:14px}.context-menu header strong,.context-menu header small{display:block}.context-menu header strong{font-size:11px}.context-menu header small{margin-top:2px;color:var(--muted);font-size:8px}.context-menu button{width:100%;height:39px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;padding:0 9px;font-size:11px;cursor:pointer}.context-menu button:hover{background:var(--brand-soft);color:var(--brand)}.context-menu kbd{color:var(--muted);font:9px var(--font)}.context-menu footer{padding:7px 9px 3px;color:var(--muted);font-size:8px;border-top:1px solid var(--line);margin-top:5px}.category-leave{animation:category-leave .2s ease forwards}.category-enter{animation:category-enter .25s ease}.category-filtered{display:none!important}
@keyframes input-rainbow{to{background-position:240% 0}}@keyframes input-glow{to{box-shadow:0 18px 60px color-mix(in srgb,var(--brand) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--brand) 35%,transparent)}}@keyframes char-explode{to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--rotate)) scale(.3)}}@keyframes button-pulse{50%{transform:scale(.94);box-shadow:0 0 0 8px color-mix(in srgb,var(--brand) 12%,transparent)}}@keyframes heart-float{to{opacity:0;transform:translate(var(--tx),-70px) rotate(var(--rotate)) scale(1.4)}}@keyframes starburst{to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(120deg) scale(.2)}}@keyframes ink-spread{to{opacity:0;transform:scale(5.5)}}@keyframes context-in{from{opacity:0;transform:scale(.9) translateY(-5px)}}@keyframes category-leave{to{opacity:0;transform:scale(.94) translateY(10px)}}@keyframes category-enter{from{opacity:0;transform:scale(.94) translateY(10px)}}
@media(max-width:480px){.visibility-list{grid-template-columns:1fr}.context-menu{display:none!important}}
.footer-link{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;font-size:inherit}.footer-link:hover{color:var(--brand)}.dialog-intro{margin:-12px 0 20px;color:var(--muted);font-size:12px}.auth-form textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--ink);outline:0;padding:11px 13px;font:inherit;line-height:1.6}.auth-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.captcha-row{display:grid;grid-template-columns:1fr 116px auto;gap:7px;align-items:center}.captcha-row img{width:116px;height:42px;border-radius:10px}.captcha-row button{height:42px;border:0;background:transparent;color:var(--brand);font-size:10px;cursor:pointer}@media(max-width:480px){.captcha-row{grid-template-columns:1fr 104px}.captcha-row button{grid-column:1/-1;height:28px}.captcha-row img{width:104px}}

/* Search engine dropdown */
.engine-picker{position:relative;height:48px;padding:0 8px 0 6px;border-right:1px solid var(--line);display:flex;align-items:center}.engine-picker .engine-button{min-width:148px;height:42px;padding:0 8px 0 0;border:0;border-radius:13px;background:transparent;color:var(--ink);display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:9px;text-align:left;outline:0;transition:background .16s ease,box-shadow .16s ease}.engine-picker .engine-button:hover,.engine-picker.open .engine-button{background:var(--brand-soft)}.engine-picker .engine-button:focus-visible{box-shadow:0 0 0 3px var(--brand-soft)}.engine-label{font-size:13px;font-weight:750;white-space:nowrap}.engine-chevron{color:var(--muted);font-size:18px;line-height:1;transform:translateY(-2px);transition:transform .18s ease}.engine-picker.open .engine-chevron{transform:translateY(2px) rotate(180deg)}.engine-menu{position:absolute;left:0;top:calc(100% + 12px);z-index:45;width:230px;padding:7px;border:1px solid var(--line);border-radius:17px;background:rgba(var(--surface-rgb),.98);box-shadow:0 22px 60px rgba(18,28,23,.2);backdrop-filter:blur(22px);animation:engine-menu-in .16s ease both}.engine-menu::before{content:"";position:absolute;left:23px;top:-6px;width:11px;height:11px;border-left:1px solid var(--line);border-top:1px solid var(--line);background:rgba(var(--surface-rgb),.98);transform:rotate(45deg)}.engine-menu button{position:relative;width:100%;height:46px;border:0;border-radius:12px;background:transparent;color:var(--ink);display:grid;grid-template-columns:30px 1fr 22px;align-items:center;gap:10px;padding:0 10px;text-align:left;cursor:pointer;outline:0}.engine-menu button:hover,.engine-menu button:focus-visible{background:var(--surface-strong)}.engine-menu button.selected{background:var(--brand-soft);color:var(--brand)}.engine-menu button strong{font-size:13px}.engine-option-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--bg);color:var(--brand);font-size:11px;font-weight:850}.engine-check{text-align:center;font-weight:900}.oauth.qq{border-color:rgba(18,183,245,.24);background:rgba(18,183,245,.07)}.oauth.qq:hover{border-color:#12b7f5;background:rgba(18,183,245,.13)}.oauth.qq img{width:23px;height:23px;filter:drop-shadow(0 2px 4px rgba(18,183,245,.2))}@keyframes engine-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:640px){.engine-picker{padding:0 4px;border-right:0}.engine-picker .engine-button{min-width:44px;width:44px;grid-template-columns:1fr;padding:0 7px;font-size:13px}.engine-picker .engine-label,.engine-picker .engine-chevron{display:none}.engine-menu{left:-3px;top:calc(100% + 10px);width:210px}.engine-menu::before{left:20px}}