:root{--fg:#171717;--bg:#fff;--muted:#6b7280;--accent:#6366f1;--accent-hover:#4f46e5;--border:#e5e7eb;--card-bg:#f9fafb;--radius:12px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--appbar-bg:#fff;--appbar-border:1px solid rgba(186,198,220,.5);--gentle-color:#89b1e1;--page-title-color:#64748b;--surface-active:#dde6f3;--grace:#e4eeff;--icon-filter:brightness(0) saturate(100%) invert(39%) sepia(11%) saturate(1035%) hue-rotate(176deg) brightness(92%) contrast(92%);--glass-bg:linear-gradient(145deg,rgba(250,252,255,.96),rgba(230,236,248,.9));--glass-shadow:inset -5px 5px 10px rgba(188,198,214,.45),inset 5px -5px 10px hsla(0,0%,100%,.92);--glass-frame-bg:linear-gradient(145deg,#dce5ff,#b0c2ff);--panel-shadow:0 8px 32px rgba(100,120,180,.15),0 2px 8px rgba(100,120,180,.1)}[data-theme=dark]{--fg:#dbe4ff;--bg:#0d0f14;--muted:#b0b0b0;--accent:#60a5fa;--accent-hover:#3b82f6;--border:rgba(120,130,150,.18);--card-bg:#282d35;--appbar-bg:#1f2126;--appbar-border:1px solid rgba(120,130,150,.18);--gentle-color:#5e7c98;--page-title-color:#dbe4ff;--surface-active:#1f232c;--grace:#263349;--icon-filter:brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(506%) hue-rotate(181deg) brightness(103%) contrast(101%);--glass-bg:linear-gradient(145deg,rgba(20,22,28,.92),rgba(26,30,36,.85));--glass-shadow:inset -5px 5px 10px rgba(0,0,0,.55),inset 5px -5px 10px rgba(70,78,92,.35);--glass-frame-bg:linear-gradient(145deg,#3a4568,#2d3759);--panel-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.25)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--fg);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.shade-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:6px 12px!important;border-radius:6px!important;background:var(--glass-bg)!important;border:1px solid rgba(186,198,220,.4)!important;box-shadow:var(--glass-shadow)!important;color:var(--page-title-color)!important;font-family:var(--font)!important;font-weight:400!important;font-size:12px!important;height:34px!important;min-width:100px!important;text-transform:none!important;transition:all .2s ease!important;cursor:pointer!important;transform:translateY(0)!important}.shade-button:active{transform:translateY(2px)!important}.shade-button:hover{background:var(--grace)!important;transform:translateY(-1px)}.shade-button-active,.shade-button:hover{border-color:var(--gentle-color)!important}.shade-button-active{background:linear-gradient(135deg,#e4eeff,#d4e4ff)!important;font-weight:400!important;box-shadow:-2px -2px 8px rgba(228,238,255,.65),2px 2px 12px rgba(228,238,255,.55)!important}[data-theme=dark] .shade-button-active{background:linear-gradient(135deg,#263349,#344560)!important;box-shadow:-2px -2px 8px rgba(38,51,73,.55),2px 2px 12px rgba(38,51,73,.65)!important}