*{margin:0;padding:0;box-sizing:border-box}:root{--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--bg-primary: #000;--bg-secondary: #111;--bg-panel: #1a1a1a;--text-primary: #fff;--text-secondary: rgba(255,255,255,.6);--accent: #22c55e;--border: rgba(255,255,255,.1);--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-counter: "JetBrains Mono", monospace;--radius: 12px;--shadow: 0 4px 20px rgba(0,0,0,.3);--on-accent: var(--bg-primary);--control-h: 3.25rem}html,body,#root{height:100%;width:100%}.form-input,.form-select,.font-selector-trigger,.lang-trigger,.curr-trigger{height:var(--control-h)}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-slow),color var(--transition-slow);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;position:relative;z-index:1}.dashboard-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:all;z-index:1}@keyframes slide-in-left{0%{transform:translate(8%);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(-8%);opacity:.6}to{transform:translate(0);opacity:1}}.dashboard-slide-left{animation:slide-in-left .32s cubic-bezier(.25,.46,.45,.94)}.dashboard-slide-right{animation:slide-in-right .32s cubic-bezier(.25,.46,.45,.94)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dashboard-fade-left,.dashboard-fade-right{animation:fade-in .35s ease}@keyframes zoom-in-left{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoom-in-right{0%{transform:scale(1.08);opacity:0}to{transform:scale(1);opacity:1}}.dashboard-zoom-left{animation:zoom-in-left .35s cubic-bezier(.25,.46,.45,.94)}.dashboard-zoom-right{animation:zoom-in-right .35s cubic-bezier(.25,.46,.45,.94)}@keyframes flip-in-left{0%{transform:perspective(800px) rotateY(-30deg);opacity:0}to{transform:perspective(800px) rotateY(0);opacity:1}}@keyframes flip-in-right{0%{transform:perspective(800px) rotateY(30deg);opacity:0}to{transform:perspective(800px) rotateY(0);opacity:1}}.dashboard-flip-left{animation:flip-in-left .4s cubic-bezier(.25,.46,.45,.94)}.dashboard-flip-right{animation:flip-in-right .4s cubic-bezier(.25,.46,.45,.94)}.draggable-widget{position:fixed;pointer-events:all;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow .15s;display:flex;flex-direction:column;min-width:min-content;min-height:min-content}.draggable-widget--locked:hover>.widget-content{box-shadow:none}.widget-toolbar{display:flex;align-items:center;height:22px;opacity:0;transition:opacity .15s;flex-shrink:0}.draggable-widget:hover .widget-toolbar{opacity:.7}.widget-dragging .widget-toolbar{opacity:1}.widget-drag-handle{flex:1;height:100%;display:flex;align-items:center;gap:4px;padding-left:12px;cursor:grab;font-size:11px;color:var(--text-secondary);overflow:hidden}.draggable-widget--minimized .widget-drag-handle{padding-left:5px}.drag-dots{font-size:10px;flex-shrink:0;letter-spacing:0}.widget-toolbar-title{font-size:10px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.widget-drag-handle:active,.widget-dragging .widget-drag-handle{cursor:grabbing}.widget-dragging{cursor:grabbing!important}.widget-drag-handle--locked{cursor:default;padding-left:8px}.widget-toolbar-actions{display:flex;gap:1px;padding-right:2px;flex-shrink:0}.widget-toolbar-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:11px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:3px;opacity:.5;transition:opacity .15s,background .15s;line-height:1;padding:0}.widget-toolbar-btn:hover{opacity:1;background:var(--border)}.widget-toolbar-btn--close:hover{color:#f44}.wt-icon{display:block;position:relative}.wt-icon--minimize{width:8px;height:1.5px;background:currentColor;border-radius:1px}.wt-icon--expand{width:8px;height:8px;border:1.5px solid currentColor;border-radius:1px;background:transparent}.wt-icon--close{width:9px;height:9px}.wt-icon--close:before,.wt-icon--close:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:1.5px;background:currentColor;border-radius:1px}.wt-icon--close:before{transform:translate(-50%,-50%) rotate(45deg)}.wt-icon--close:after{transform:translate(-50%,-50%) rotate(-45deg)}.widget-content{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.widget-content>*{width:100%;box-sizing:border-box}.widget-content>*:only-child{flex:1}.draggable-widget--minimized{min-height:24px;overflow:hidden;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.draggable-widget--minimized .widget-toolbar,.widget-toolbar--always{opacity:1!important}.draggable-widget--transparent>.widget-content{background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}.draggable-widget--transparent:hover>.widget-content{box-shadow:none!important}.draggable-widget--transparent .card,.draggable-widget--transparent .digital-clock,.draggable-widget--transparent .month-cal,.draggable-widget--transparent .analog-clock,.draggable-widget--transparent .sw-widget,.draggable-widget--transparent .timer-widget,.draggable-widget--transparent .alarm-widget,.draggable-widget--transparent .notes-widget,.draggable-widget--transparent .todo-widget,.draggable-widget--transparent .pomodoro-widget,.draggable-widget--transparent .bookmarks-widget{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.draggable-widget--transparent .card:hover{border-color:transparent!important;box-shadow:none!important}.draggable-widget--transparent .analog-clock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.draggable-widget--transparent .clock-face{fill:transparent!important;stroke:transparent!important}[data-widget-id=analog].draggable-widget--transparent>.widget-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important}.theme-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.theme-bg-matrix{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,65,.03) 2px,rgba(0,255,65,.03) 4px),linear-gradient(180deg,#000,#001a00)}@keyframes matrix-flow{0%{background-position:0 0px}25%{background-position:0 2px}50%{background-position:0 0px}75%{background-position:0 -2px}to{background-position:0 0px}}.theme-bg-hacker{background:linear-gradient(rgba(57,255,20,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.03) 1px,transparent 1px),radial-gradient(ellipse at center,#0a0a0a,#000);background-size:50px 50px,50px 50px,100% 100%;animation:grid-pulse 4s ease-in-out infinite}@keyframes grid-pulse{0%,to{opacity:1}50%{opacity:.7}}.theme-bg-synthwave{background:linear-gradient(180deg,#0f0f23,#1a1a2e,#2d1b4e 60%,#ff2a6d)}.theme-bg-synthwave:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(255,42,109,.3) 49px,rgba(255,42,109,.3) 51px),repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(255,42,109,.3) 49px,rgba(255,42,109,.3) 51px);background-size:50px 50px;transform:perspective(500px) rotateX(60deg);transform-origin:bottom}.theme-bg-tron{background:radial-gradient(ellipse at bottom,#0c141f,#000)}.theme-bg-tron:before{--size: 22px;content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 49%,rgba(111,195,223,.1) 49%,rgba(111,195,223,.1) 51%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(111,195,223,.1) 49%,rgba(111,195,223,.1) 51%,transparent 51%);background-size:var(--size) var(--size)}.theme-bg-vaporwave{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.theme-bg-vaporwave:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 80%,rgba(5,217,232,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,42,109,.15) 0%,transparent 50%)}.theme-bg-obsidian{background:radial-gradient(ellipse at center,#1a1025,#0d0d0d)}.theme-bg-obsidian:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(ellipse at center,rgba(139,92,246,.1) 0%,transparent 50%);animation:obsidian-pulse 6s ease-in-out infinite}@keyframes obsidian-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.theme-bg-midnight{background:linear-gradient(180deg,#0f172a,#1e293b)}.theme-bg-midnight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.5),transparent);background-size:200px 200px;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.theme-bg-carbon{background:repeating-linear-gradient(45deg,#1a1a1a,#1a1a1a 10px,#1f1f1f 10px,#1f1f1f 20px)}.theme-bg-newspaper{background:beige;background-image:repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(0,0,0,.03) 35px,rgba(0,0,0,.03) 36px)}.theme-bg-typewriter{background:radial-gradient(ellipse at center,#f4ecd8,#e8dcc8)}.theme-bg-typewriter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E")}.theme-bg-sepia{background:linear-gradient(135deg,#f4e4bc,#d4c4a0)}.theme-bg-retro{background:linear-gradient(180deg,#2d1b00,#1a1000)}.theme-bg-retro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 70%,rgba(255,149,0,.2) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(255,100,0,.15) 0%,transparent 40%)}.theme-bg-arcade{background:linear-gradient(180deg,#1a0a2e,#0f051a)}.theme-bg-arcade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at bottom,rgba(255,221,0,.1) 0%,transparent 50%);animation:arcade-glow 2s ease-in-out infinite}@keyframes arcade-glow{0%,to{opacity:.5}50%{opacity:1}}.theme-bg-pop{background:#ffeb3b;background-image:radial-gradient(circle,#e91e63 10%,transparent 10%);background-size:30px 30px}.theme-bg-candy{background:linear-gradient(135deg,#fce4ec,#f8bbd9,#fce4ec)}.theme-bg-neonpink{background:radial-gradient(ellipse at center,#2a0a2a,#1a0a1a)}.theme-bg-neonpink:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,20,147,.15) 0%,transparent 60%);animation:pink-pulse 3s ease-in-out infinite}@keyframes pink-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.theme-bg-electric{background:linear-gradient(180deg,#0a0a1a,#0a1a2a)}.theme-bg-electric:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(0,255,255,.1) 0%,transparent 30%),radial-gradient(ellipse at 70% 50%,rgba(0,255,255,.1) 0%,transparent 30%);animation:electric-flicker .5s ease-in-out infinite}@keyframes electric-flicker{0%,to{opacity:1}50%{opacity:.8}}.theme-bg-forest{background:linear-gradient(180deg,#0d1f0d,#0a1a0a,#051505)}.theme-bg-forest:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(74,222,128,.1) 0%,transparent 50%)}.theme-bg-ocean{background:linear-gradient(180deg,#0a192f,#0d1a2d,#051520)}.theme-bg-ocean:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;scale:1.075;background:radial-gradient(ellipse at 30% 80%,rgba(100,223,223,.1) 0%,transparent 40%),radial-gradient(ellipse at 70% 60%,rgba(100,223,223,.05) 0%,transparent 40%);animation:ocean-wave 8s ease-in-out infinite}@keyframes ocean-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.theme-bg-sunset{background:linear-gradient(180deg,#1a0a0f,#2a1015,#3a1520 60%,#4a1a25)}.theme-bg-sunset:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(180deg,transparent 0%,rgba(251,146,60,.1) 100%)}.theme-bg-aurora{background:linear-gradient(180deg,#0f0f23,#101030)}.theme-bg-aurora:before{content:"";position:absolute;top:0;left:0;right:0;width:130dvw;height:100dvh;margin-left:-15%;background:linear-gradient(135deg,rgba(125,211,252,.1) 0%,rgba(74,222,128,.1) 25%,rgba(168,85,247,.1) 50%,rgba(125,211,252,.1) 75%,transparent 100%);animation:aurora-shift 10s ease-in-out infinite}@keyframes aurora-shift{0%,to{transform:translate(-10%);opacity:.5}50%{transform:translate(10%);opacity:1}}.theme-bg-sakura{background:linear-gradient(180deg,#1a0f14,#2a1520)}.theme-bg-sakura:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(249,168,212,.1) 0%,transparent 30%),radial-gradient(ellipse at 80% 70%,rgba(249,168,212,.1) 0%,transparent 30%),radial-gradient(ellipse at 50% 50%,rgba(249,168,212,.05) 0%,transparent 50%)}.theme-bg-gaming{background:radial-gradient(ellipse at center,#1a0a0f,#0a0a0f)}.theme-bg-gaming:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(239,68,68,.05) 0%,transparent 50%),linear-gradient(270deg,rgba(239,68,68,.05) 0%,transparent 50%)}.theme-bg-esports{background:linear-gradient(180deg,#0f0f1a,#1a1030)}.theme-bg-esports:before{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.1) 100%)}.theme-bg-pixel{background:#1a1c2c;background-image:linear-gradient(rgba(247,118,34,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(247,118,34,.05) 1px,transparent 1px);background-size:8px 8px}.theme-bg-console{background:linear-gradient(180deg,#1e1e2e,#181825)}.theme-bg-tokyo{background:linear-gradient(180deg,#0f0f0f,#1a0a15)}.theme-bg-tokyo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 70%,rgba(255,51,102,.1) 0%,transparent 40%),radial-gradient(ellipse at 70% 30%,rgba(0,255,255,.05) 0%,transparent 40%)}.theme-bg-kyoto{background:linear-gradient(180deg,#1a1510,#2a2015)}.theme-bg-kyoto:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 80%,rgba(212,165,116,.1) 0%,transparent 50%)}.theme-bg-nordic{background:linear-gradient(180deg,#2e3440,#3b4252)}.theme-bg-mediterranean{background:linear-gradient(180deg,#1a2744,#0f1d35)}.theme-bg-mediterranean:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 100%,rgba(251,191,36,.1) 0%,transparent 50%)}.theme-bg-statement{background:radial-gradient(ellipse at center,#1a1025,#0d0d0d)}.theme-bg-statement:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 70%,rgba(168,85,247,.1) 0%,transparent 40%),radial-gradient(ellipse at 70% 30%,rgba(99,102,241,.1) 0%,transparent 40%)}.theme-bg-basalt{background:#141414}.theme-bg-cream{background:linear-gradient(180deg,#fffef5,#faf8f0)}.theme-bg-lavender{background:linear-gradient(180deg,#faf5ff,#f3e8ff)}.theme-bg-mint{background:linear-gradient(180deg,#f0fdf4,#dcfce7)}.theme-bg-corporate{background:linear-gradient(180deg,#1e293b,#0f172a)}.theme-bg-executive{background:linear-gradient(180deg,#18181b,#09090b)}.theme-bg-banking{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.theme-bg-finance{background:linear-gradient(180deg,#1a1a2e,#0f1f1a)}.theme-bg-finance:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 80%,rgba(16,185,129,.1) 0%,transparent 50%)}.theme-bg-ink{background:#0a0a0a}.theme-bg-grayscale{background:#262626}.theme-bg-cyber,.theme-bg-terminal,.theme-bg-neon,.theme-bg-luxury,.theme-bg-noir,.theme-bg-minimal,.theme-bg-paper,.theme-bg-soft,.theme-bg-glacier,.theme-bg-brutal,.theme-bg-monochrome{background:var(--bg-primary)}.surface-effects{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;overflow:hidden}.effect-scanlines:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);animation:scanlines .1s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.effect-crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 4px;animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}.effect-vignette:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.6) 100%)}.surface-effects.effect-grid{z-index:0}.effect-grid:before{--size: 1;--size-value: calc(var(--size) * 10px);content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px);background-size:var(--size-value) var(--size-value);opacity:.1}.effect-grid--x0-1:before{--size: .2}.effect-grid--x0-2:before{--size: .3}.effect-grid--x0-3:before{--size: .4}.effect-grid--x0-4:before{--size: .6}.effect-grid--x0-5:before{--size: .8}.effect-grid--x1:before{--size: 1}.effect-grid--x2:before{--size: 2}.effect-grid--x3:before{--size: 3}.effect-grid--x4:before{--size: 4}.effect-grid--x5:before{--size: 5}.effect-noise:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;animation:noise .5s steps(5) infinite}@keyframes noise{0%,to{transform:translate(0)}25%{transform:translate(-5%,5%)}50%{transform:translate(5%,-5%)}75%{transform:translate(-5%,-5%)}}.effect-glow:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(ellipse at center,var(--accent) 0%,transparent 70%);opacity:.05;animation:glow-pulse 4s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.03;transform:translate(-50%,-50%) scale(1)}50%{opacity:.08;transform:translate(-50%,-50%) scale(1.1)}}.header{position:fixed;top:0;right:0;padding:1.5rem;display:flex;gap:.75rem;z-index:100;transition:opacity var(--transition-normal),transform var(--transition-normal)}.header-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--accent);cursor:pointer;transition:all var(--transition-fast);opacity:.85}.header-btn:hover{opacity:1;background:var(--bg-secondary);border-color:var(--accent);transform:scale(1.05)}.header-btn svg{width:20px;height:20px}.counter-container{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.4rem 0;transition:transform .5s cubic-bezier(.4,0,.2,1)}.counter-container:active{transform:scale(.98)}.counter-label{font-size:clamp(.75rem,2vw,1rem);text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);margin-bottom:1rem;transition:color var(--transition-normal)}.counter-value{font-family:var(--font-counter);font-size:clamp(2.5rem,12vw,7rem);font-weight:700;color:var(--accent);line-height:1;text-shadow:0 0 40px var(--accent);transition:color var(--transition-normal),text-shadow var(--transition-normal),opacity .14s ease}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%;max-width:500px;transition:opacity var(--transition-normal),transform var(--transition-normal)}.cards-container:empty{display:none}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:all var(--transition-fast)}.card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.card-value{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.progress-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width 1s linear}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;right:0;bottom:0;width:min(400px,90vw);background:var(--bg-panel);border-left:1px solid var(--border);z-index:201;transform:translate(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;overflow:hidden}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.sidebar-title{font-size:1.25rem;font-weight:600}.sidebar-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;flex-shrink:0}.sidebar-close svg{width:18px;height:18px}.sidebar-close:hover{background:#ff46461a;border-color:#ff464640;color:#f55;transform:scale(1.08)}.sidebar-content{flex:1;overflow-y:auto;padding:1.5rem}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border);padding:0;gap:0}.sidebar-tab{flex:1;padding:1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:center}.sidebar-tab:hover{color:var(--text-primary)}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:1rem}.section-header-with-action{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-header-with-action .form-label{margin-bottom:0}.hover-toggle-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.cycle-control{display:flex;align-items:stretch;margin-top:.5rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.cycle-btn{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:none;color:var(--text-secondary);cursor:pointer;font-size:1.25rem;line-height:1;transition:all var(--transition-fast);font-family:inherit}.cycle-btn:first-child{border-right:1px solid var(--border)}.cycle-btn:last-child{border-left:1px solid var(--border)}.cycle-btn:hover{background:var(--bg-panel);color:var(--accent)}.cycle-label{flex:1;text-align:center;font-size:.8rem;color:var(--text-primary);padding:.5rem .25rem;background:var(--bg-panel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.cycle-btn-inline{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:1rem;line-height:1;font-family:inherit;transition:all var(--transition-fast);flex-shrink:0}.cycle-btn-inline:hover{background:var(--bg-panel);border-color:var(--accent);color:var(--accent)}.selector-with-cycle{display:flex;align-items:stretch}.selector-with-cycle .font-selector{flex:1;min-width:0}.selector-with-cycle .font-selector-trigger{border-radius:0}.cycle-btn-side{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:1.2rem;line-height:1;font-family:inherit;transition:all var(--transition-fast)}.cycle-btn-side:first-child{border-radius:var(--radius) 0 0 var(--radius);border-right:none}.cycle-btn-side:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.cycle-btn-side:hover{background:var(--bg-panel);color:var(--accent)}.random-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.random-btn:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.random-btn svg{width:16px;height:16px}.random-btn--active,.random-btn--active:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent, var(--bg-primary))}.random-btn--active:hover{filter:brightness(1.06)}.cycle-btn-inline:disabled{opacity:.35;cursor:not-allowed}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.button-row .btn{padding:.75rem 1rem;font-size:.8rem}.button-row .btn svg{width:16px;height:16px}.theme-accordion{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-secondary);cursor:pointer;transition:background var(--transition-fast)}.accordion-header:hover{background:var(--bg-panel)}.accordion-header-left{display:flex;align-items:center;gap:.75rem}.accordion-title{font-size:.85rem;font-weight:500;color:var(--text-primary)}.accordion-current{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.theme-dot-small{width:12px;height:12px;border-radius:50%}.accordion-header-right{display:flex;align-items:center;gap:.5rem}.accordion-chevron{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.accordion-chevron svg{width:16px;height:16px;color:var(--text-secondary)}.accordion-chevron.open{transform:rotate(180deg)}.accordion-content{padding:1rem;border-top:1px solid var(--border)}.accordion-content--locked{cursor:not-allowed}.accordion-content--locked .accordion-search,.accordion-content--locked .theme-grid{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.accordion-search{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.accordion-search svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.accordion-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.85rem;outline:none}.accordion-search input::placeholder{color:var(--text-secondary)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.form-label-badge{display:inline-flex;font-size:.7rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;padding:1px 6px;margin-left:4px;vertical-align:middle}.form-input{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #22c55e1a}.form-input::placeholder{color:var(--text-secondary);opacity:.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-select{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.form-select:focus{outline:none;border-color:var(--accent)}.form-select option{background:var(--bg-panel);color:var(--text-primary)}.form-group--inline{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.form-group--inline .form-label{margin-bottom:0}.stepper{display:flex;align-items:center;gap:.5rem}.stepper-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:calc(var(--radius) * .5);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.stepper-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.stepper-btn:disabled{opacity:.3;cursor:default}.stepper-value{min-width:2ch;text-align:center;font-size:.85rem;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}.lang-selector{position:relative;width:100%}.lang-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:0;color:var(--text-primary);font-family:inherit;font-size:.9rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);text-align:left;gap:.5rem}.lang-trigger:hover,.lang-trigger.open{border-color:var(--accent)}.lang-trigger-label{display:flex;align-items:center;gap:.5rem;min-width:0}.lang-chevron{font-size:.6rem;color:var(--text-secondary);flex-shrink:0;opacity:.7}.lang-flag{display:flex;align-items:center;flex-shrink:0}.flag-svg{width:21px;height:14px;border-radius:2px;display:block;box-shadow:0 0 0 1px #00000026}.lang-code{font-size:.72rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--accent);letter-spacing:.05em;flex-shrink:0}.lang-native{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-translated{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.lang-check{font-size:.75rem;color:var(--accent);flex-shrink:0}.lang-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto;max-height:320px;z-index:200;box-shadow:0 8px 24px #0000004d;animation:dropdown-in .12s ease both}.lang-option{width:100%;display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;background:transparent;border:none;color:var(--text-primary);font-family:inherit;font-size:.9rem;cursor:pointer;transition:background var(--transition-fast);text-align:left}.lang-option:hover,.lang-option.active{background:var(--bg-secondary)}.lang-option .lang-native{flex:1}.curr-selector{position:relative;width:100%}.curr-trigger{width:100%;display:flex;align-items:center;gap:.45rem;padding:.75rem .85rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast);text-align:left}.curr-trigger:hover,.curr-trigger.open{border-color:var(--accent)}.curr-trigger-symbol{font-size:1.05rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace;flex-shrink:0;min-width:1.2ch;text-align:center}.curr-trigger-code{font-size:.8rem;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text-secondary);letter-spacing:.04em;flex:1}.curr-chevron{font-size:.6rem;color:var(--text-secondary);opacity:.7;flex-shrink:0}.curr-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;z-index:200;box-shadow:0 8px 24px #0000004d;animation:dropdown-in .12s ease both}.curr-option{width:100%;display:grid;grid-template-columns:2rem 3rem 1fr auto;align-items:center;gap:.4rem;padding:.6rem .85rem;background:transparent;border:none;color:var(--text-primary);font-family:inherit;cursor:pointer;transition:background var(--transition-fast);text-align:left}.curr-option:hover,.curr-option.active{background:var(--bg-secondary)}.curr-option-symbol{font-size:1.1rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace;text-align:center;justify-self:center}.curr-option-code{font-size:.78rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text-primary);letter-spacing:.04em}.curr-option-name{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.curr-check{font-size:.72rem;color:var(--accent);justify-self:end}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.toggle-label{font-size:.9rem;color:var(--text-primary)}.toggle{position:relative;width:48px;height:26px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:26px;cursor:pointer;transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:50%;transform:translateY(-50%);background:var(--text-secondary);border-radius:50%;transition:all var(--transition-fast)}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translateY(-50%) translate(22px);background:#fff}.toggle--disabled{opacity:.5;pointer-events:none}.font-selector{position:relative}.font-selector-trigger{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between;text-align:left}.font-selector-trigger:hover{border-color:var(--text-secondary)}.font-selector-trigger:focus{outline:none;border-color:var(--accent)}.font-selector-trigger svg{width:16px;height:16px;opacity:.5;transition:transform var(--transition-fast)}.font-selector:has(.font-selector-dropdown) .font-selector-trigger svg{transform:rotate(180deg)}.font-selector-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 40px #0000004d;z-index:100;overflow:hidden;animation:dropdown-in .2s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.font-selector-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.font-selector-search svg{width:18px;height:18px;color:var(--text-secondary);flex-shrink:0}.font-selector-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;outline:none}.font-selector-search input::placeholder{color:var(--text-secondary)}.font-selector-list{max-height:300px;overflow-y:auto}.font-selector-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between;text-align:left}.font-selector-item:hover,.font-selector-item.highlighted{background:var(--bg-secondary)}.font-selector-item.selected{color:var(--accent)}.font-selector-item.selected:after{content:"✓";margin-left:.5rem}.selected-prefix{margin-right:.5rem;font-weight:700;color:var(--accent)}.font-selector-item-name{flex:1}.font-selector-item-preview{color:var(--text-secondary);font-size:.85rem}.font-selector-empty{padding:2rem 1rem;text-align:center;color:var(--text-secondary)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}.theme-option{aspect-ratio:1;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);overflow:hidden;position:relative;background:transparent;padding:0}.theme-option:hover{transform:scale(1.05)}.theme-option.active{border-color:var(--accent);outline:2.5px solid var(--accent);outline-offset:2px}.theme-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.theme-preview-dot{width:20px;height:20px;border-radius:50%;border:2px solid}.theme-name{position:absolute;bottom:0;left:0;right:0;padding:.2rem;background:#000000b3;font-size:.55rem;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-family:inherit;font-size:.9rem;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent);border:none;color:var(--on-accent)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.btn-danger{background:transparent;border:1px solid #ef4444;color:#ef4444}.btn-danger:hover{background:#ef4444;color:#fff}.btn-block{width:100%}.btn svg{width:18px;height:18px}.onboarding-slate{--slate-bg: #121417;--slate-surface: #1a1d23;--slate-deboss: inset 6px 6px 12px rgba(0, 0, 0, .6), inset -2px -2px 8px rgba(255, 255, 255, .03);--slate-emboss: 8px 8px 16px rgba(0, 0, 0, .4), -4px -4px 12px rgba(255, 255, 255, .02);--slate-accent: #00f2ff;--slate-text: #e2e8f0;--slate-dim: #64748b;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;background-color:var(--slate-bg);background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.02) 1px,transparent 0);background-size:32px 32px}.onboarding-footer{position:relative;z-index:10;width:100%;margin-top:auto;padding:1.25rem 2.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.06)}.onboarding-copyright{font-size:.72rem;font-family:JetBrains Mono,monospace;color:var(--slate-dim, #64748b);letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.onboarding-footer-lang{min-width:300px;position:relative;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent: #00f2ff;--bg-secondary: rgba(255, 255, 255, .07);--bg-panel: #1a1d23;--border: rgba(255, 255, 255, .12);--radius: 4px;--transition-fast: .15s ease}.onboarding-footer-lang .lang-dropdown{top:auto;bottom:calc(100% + 4px);z-index:9999}.slate-bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,242,255,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(120,0,255,.06) 0%,transparent 50%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(0,242,255,.04) 0%,transparent 40%);animation:gradientShift 15s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.slate-bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background-image:linear-gradient(rgba(0,242,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent)}.onboarding-container{position:relative;width:100%;max-width:980px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:40px;padding:2.25rem;z-index:10;margin:auto 0}.hero-section{display:flex;flex-direction:column;justify-content:center}.brand-tag{font-family:JetBrains Mono,monospace;color:var(--slate-accent);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:24px;font-weight:400}.hero-title{font-family:Inter,sans-serif;font-size:clamp(2rem,6.5vw,4rem);font-weight:900;line-height:1;letter-spacing:-.04em;margin-bottom:24px;background:linear-gradient(180deg,#fff,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:var(--slate-dim);line-height:1.6;max-width:340px}.slate-panel{background:var(--slate-surface);padding:48px;min-width:320px;border-radius:4px;box-shadow:var(--slate-emboss);border:1px solid rgba(255,255,255,.03);position:relative;transition:transform .1s ease-out}.bracket{position:absolute;width:20px;height:20px;border:1px solid rgba(255,255,255,.1)}.bracket-tl{top:-10px;left:-10px;border-right:none;border-bottom:none}.bracket-br{bottom:-10px;right:-10px;border-left:none;border-top:none}.slate-form-group{margin-bottom:32px}.slate-label-wrapper{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.slate-label{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--slate-dim);letter-spacing:.1em}.slate-hint{font-family:JetBrains Mono,monospace;font-size:10px;opacity:.4;color:var(--slate-dim)}.slate-input{width:100%;background:#0f1115;border:none;outline:none;color:var(--slate-text);padding:18px 20px;font-family:JetBrains Mono,monospace;font-size:1.1rem;box-shadow:var(--slate-deboss);border-radius:2px;transition:all .3s ease}.slate-input:focus{box-shadow:var(--slate-deboss),0 0 0 1px #00f2ff33}.slate-input::placeholder{color:var(--slate-dim);opacity:.5}.slate-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.slate-select option{background:#0f1115;color:var(--slate-text)}.slate-grid-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.slate-btn{width:100%;background:#1e2228;color:var(--slate-accent);border:none;padding:24px;font-family:Inter,sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;position:relative;box-shadow:6px 6px 12px #0006,-4px -4px 10px #ffffff05,inset 1px 1px #ffffff0d;transition:all .2s cubic-bezier(.16,1,.3,1);margin-top:10px;overflow:hidden}.slate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:.5s}.slate-btn:hover:before{left:100%}.slate-btn:hover:not(:disabled){color:#fff;background:#232830;transform:translateY(-2px);box-shadow:10px 10px 20px #00000080,-4px -4px 12px #ffffff05}.slate-btn:active:not(:disabled){transform:translateY(2px);box-shadow:var(--slate-deboss);color:var(--slate-accent)}.slate-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes revealLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-reveal-left{animation:revealLeft .8s cubic-bezier(.16,1,.3,1) forwards}.animate-reveal-up{animation:revealUp .8s cubic-bezier(.16,1,.3,1) .2s forwards;opacity:0}@media(max-width:800px){.onboarding-container{grid-template-columns:1fr;padding:50px 40px 40px;gap:40px}.hero-section{align-items:center;text-align:center}.hero-title{font-size:clamp(2rem,10vw,3rem)}.hero-subtitle{max-width:100%}.slate-panel{padding:30px}.slate-grid-inputs{grid-template-columns:1fr}}@media(max-width:768px){.onboarding-container{padding:30px}.onboarding-footer{flex-direction:column;align-items:stretch;gap:.75rem;padding-bottom:2rem}.onboarding-copyright{text-align:center}.onboarding-footer-lang{min-width:unset;width:100%}}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.onboarding-card{width:100%;max-width:420px;background:var(--bg-panel);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);padding:2.5rem;box-shadow:var(--shadow)}.onboarding-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.onboarding-subtitle{color:var(--text-secondary);margin-bottom:2rem}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--bg-panel);border:1px solid var(--accent);border-radius:var(--radius);padding:1rem 1.5rem;color:var(--text-primary);font-size:.9rem;z-index:300;opacity:0;transition:all var(--transition-normal);pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}body.theme-cyber{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-panel: #1a1a24;--text-primary: #e0e0e0;--text-secondary: rgba(224, 224, 224, .6);--accent: #22c55e;--border: rgba(34, 197, 94, .2);--font-main: "JetBrains Mono", monospace;--radius: 4px}body.theme-matrix{--bg-primary: #000;--bg-secondary: #0a0a0a;--bg-panel: #001a00;--text-primary: #00ff41;--text-secondary: rgba(0, 255, 65, .6);--accent: #00ff41;--border: rgba(0, 255, 65, .3);--font-main: "VT323", monospace;--radius: 0}body.theme-terminal{--bg-primary: #000;--bg-secondary: #0a0a0a;--bg-panel: #000;--text-primary: #22c55e;--text-secondary: rgba(34, 197, 94, .7);--accent: #22c55e;--border: rgba(34, 197, 94, .4);--font-main: "VT323", monospace;--radius: 0}body.theme-hacker{--bg-primary: #0a0a0a;--bg-secondary: #111;--bg-panel: #0a0a0a;--text-primary: #39ff14;--text-secondary: rgba(57, 255, 20, .6);--accent: #39ff14;--border: rgba(57, 255, 20, .3);--font-main: "JetBrains Mono", monospace;--radius: 0}body.theme-neon{--bg-primary: #000;--bg-secondary: #0a0a0a;--bg-panel: #111;--text-primary: #0ff;--text-secondary: rgba(0, 255, 255, .6);--accent: #f0f;--border: rgba(0, 255, 255, .3);--font-main: "Space Grotesk", sans-serif;--radius: 0}body.theme-neon .counter-value{text-shadow:0 0 10px #f0f,0 0 20px #f0f,0 0 40px #f0f,0 0 80px #f0f}body.theme-synthwave{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-panel: #0f3460;--text-primary: #ff2a6d;--text-secondary: rgba(255, 42, 109, .7);--accent: #ff2a6d;--border: rgba(255, 42, 109, .3);--font-main: "Orbitron", sans-serif;--radius: 4px}body.theme-vaporwave{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-panel: #0f3460;--text-primary: #ff2a6d;--text-secondary: rgba(255, 42, 109, .7);--accent: #05d9e8;--border: rgba(5, 217, 232, .3);--font-main: "Space Grotesk", sans-serif;--radius: 8px}body.theme-vaporwave .counter-value{background:linear-gradient(135deg,#ff2a6d,#05d9e8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}body.theme-tron{--bg-primary: #0c141f;--bg-secondary: #0a1018;--bg-panel: #0f1a28;--text-primary: #6fc3df;--text-secondary: rgba(111, 195, 223, .6);--accent: #6fc3df;--border: rgba(111, 195, 223, .3);--font-main: "Orbitron", sans-serif;--radius: 2px}body.theme-tron .counter-value{text-shadow:0 0 20px #6fc3df,0 0 40px #6fc3df}body.theme-luxury{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-panel: #141414;--text-primary: #d4af37;--text-secondary: rgba(212, 175, 55, .7);--accent: #f5e0a3;--border: rgba(212, 175, 55, .2);--font-main: "Playfair Display", serif;--radius: 4px}body.theme-obsidian{--bg-primary: #0d0d0d;--bg-secondary: #1a1025;--bg-panel: #15101f;--text-primary: #e5e5e5;--text-secondary: rgba(229, 229, 229, .6);--accent: #8b5cf6;--border: rgba(139, 92, 246, .2);--font-main: "Inter", sans-serif;--radius: 12px}body.theme-midnight{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-panel: #1e293b;--text-primary: #e2e8f0;--text-secondary: rgba(226, 232, 240, .6);--accent: #60a5fa;--border: rgba(96, 165, 250, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-noir{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-panel: #1a1a1a;--text-primary: #f5f5f5;--text-secondary: rgba(245, 245, 245, .5);--accent: #f5f5f5;--border: rgba(245, 245, 245, .1);--font-main: "Inter", sans-serif;--radius: 0}body.theme-noir .counter-value{text-shadow:none}body.theme-carbon{--bg-primary: #1a1a1a;--bg-secondary: #252525;--bg-panel: #202020;--text-primary: #e5e5e5;--text-secondary: rgba(229, 229, 229, .6);--accent: #ff6b35;--border: rgba(255, 107, 53, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-statement{--bg-primary: #0d0d0d;--bg-secondary: #161616;--bg-panel: #1a1a1a;--text-primary: #f5f5f5;--text-secondary: rgba(245, 245, 245, .6);--accent: #a855f7;--border: rgba(168, 85, 247, .2);--font-main: "Inter", sans-serif;--radius: 16px}body.theme-statement .counter-value{background:linear-gradient(135deg,#a855f7,#6366f1,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}body.theme-basalt{--bg-primary: #141414;--bg-secondary: #1c1c1c;--bg-panel: #1f1f1f;--text-primary: #e5e5e5;--text-secondary: rgba(229, 229, 229, .5);--accent: #fbbf24;--border: rgba(251, 191, 36, .15);--font-main: "Inter", sans-serif;--radius: 12px}body.theme-basalt .counter-value{text-shadow:none;font-weight:300}body.theme-minimal{--bg-primary: #fff;--bg-secondary: #f5f5f5;--bg-panel: #fff;--text-primary: #111;--text-secondary: rgba(17, 17, 17, .6);--accent: #111;--border: #e5e5e5;--font-main: "Inter", sans-serif;--radius: 8px}body.theme-minimal .counter-value{text-shadow:none}body.theme-paper{--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-panel: #ffffff;--text-primary: #171717;--text-secondary: rgba(23, 23, 23, .5);--accent: #3b82f6;--border: #e5e5e5;--font-main: "Inter", sans-serif;--radius: 8px;--on-accent: #fff}body.theme-paper .counter-value{text-shadow:none}body.theme-paper .counter-label{color:#3b82f6}body.theme-soft{--bg-primary: #e8eaed;--bg-secondary: #dfe1e5;--bg-panel: #e8eaed;--text-primary: #3c4043;--text-secondary: rgba(60, 64, 67, .7);--accent: #1a73e8;--border: transparent;--font-main: "Inter", sans-serif;--radius: 20px;--shadow: 8px 8px 16px #c8cacd, -8px -8px 16px #ffffff;--on-accent: #fff}body.theme-soft .card,body.theme-soft .header-btn,body.theme-soft .form-input,body.theme-soft .form-select{box-shadow:var(--shadow);border:none}body.theme-soft .counter-value{text-shadow:none}body.theme-glacier{--bg-primary: #f0f9ff;--bg-secondary: #e0f2fe;--bg-panel: rgba(255,255,255,.8);--text-primary: #0c4a6e;--text-secondary: rgba(12, 74, 110, .6);--accent: #0ea5e9;--border: rgba(14, 165, 233, .2);--font-main: "Inter", sans-serif;--radius: 16px;--on-accent: #fff}body.theme-glacier .sidebar,body.theme-glacier .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.theme-glacier .counter-value{text-shadow:0 0 30px rgba(14,165,233,.5)}body.theme-cream{--bg-primary: #fffef5;--bg-secondary: #faf8f0;--bg-panel: #fffef5;--text-primary: #44403c;--text-secondary: rgba(68, 64, 60, .6);--accent: #ca8a04;--border: rgba(202, 138, 4, .2);--font-main: "Inter", sans-serif;--radius: 12px;--on-accent: #422006}body.theme-cream .counter-value{text-shadow:none}body.theme-lavender{--bg-primary: #faf5ff;--bg-secondary: #f3e8ff;--bg-panel: #faf5ff;--text-primary: #581c87;--text-secondary: rgba(88, 28, 135, .6);--accent: #9333ea;--border: rgba(147, 51, 234, .2);--font-main: "Inter", sans-serif;--radius: 12px;--on-accent: #fff}body.theme-lavender .counter-value{text-shadow:none}body.theme-mint{--bg-primary: #f0fdf4;--bg-secondary: #dcfce7;--bg-panel: #f0fdf4;--text-primary: #166534;--text-secondary: rgba(22, 101, 52, .6);--accent: #16a34a;--border: rgba(22, 163, 74, .2);--font-main: "Inter", sans-serif;--radius: 12px;--on-accent: #fff}body.theme-mint .counter-value{text-shadow:none}body.theme-corporate{--bg-primary: #1e293b;--bg-secondary: #334155;--bg-panel: #1e293b;--text-primary: #f1f5f9;--text-secondary: rgba(241, 245, 249, .6);--accent: #3b82f6;--border: rgba(59, 130, 246, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-executive{--bg-primary: #18181b;--bg-secondary: #27272a;--bg-panel: #1f1f23;--text-primary: #fafafa;--text-secondary: rgba(250, 250, 250, .5);--accent: #a1a1aa;--border: rgba(161, 161, 170, .2);--font-main: "Inter", sans-serif;--radius: 4px}body.theme-executive .counter-value{text-shadow:none}body.theme-banking{--bg-primary: #0f2027;--bg-secondary: #203a43;--bg-panel: #1a3038;--text-primary: #e0f7fa;--text-secondary: rgba(224, 247, 250, .6);--accent: #00b4d8;--border: rgba(0, 180, 216, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-finance{--bg-primary: #1a1a2e;--bg-secondary: #1f2937;--bg-panel: #1a1a2e;--text-primary: #e5e7eb;--text-secondary: rgba(229, 231, 235, .6);--accent: #10b981;--border: rgba(16, 185, 129, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-newspaper{--bg-primary: #f5f5dc;--bg-secondary: #eee8d5;--bg-panel: #f5f5dc;--text-primary: #2f2f2f;--text-secondary: rgba(47, 47, 47, .6);--accent: #2f2f2f;--border: #2f2f2f;--font-main: "Courier Prime", monospace;--radius: 0}body.theme-newspaper .counter-value{text-shadow:none}body.theme-typewriter{--bg-primary: #f4ecd8;--bg-secondary: #e8dcc8;--bg-panel: #f4ecd8;--text-primary: #3d3d3d;--text-secondary: rgba(61, 61, 61, .6);--accent: #3d3d3d;--border: #3d3d3d;--font-main: "Courier Prime", monospace;--radius: 0}body.theme-typewriter .counter-value{text-shadow:none}body.theme-sepia{--bg-primary: #f4e4bc;--bg-secondary: #d4c4a0;--bg-panel: #f4e4bc;--text-primary: #5c4033;--text-secondary: rgba(92, 64, 51, .6);--accent: #5c4033;--border: rgba(92, 64, 51, .3);--font-main: "Playfair Display", serif;--radius: 4px}body.theme-sepia .counter-value{text-shadow:none}body.theme-retro{--bg-primary: #2d1b00;--bg-secondary: #3d2800;--bg-panel: #2d1b00;--text-primary: #ff9500;--text-secondary: rgba(255, 149, 0, .6);--accent: #ff9500;--border: rgba(255, 149, 0, .3);--font-main: "VT323", monospace;--radius: 0}body.theme-arcade{--bg-primary: #1a0a2e;--bg-secondary: #2a1050;--bg-panel: #1a0a2e;--text-primary: #ffdd00;--text-secondary: rgba(255, 221, 0, .6);--accent: #ffdd00;--border: rgba(255, 221, 0, .3);--font-main: "Press Start 2P", monospace;--radius: 0}body.theme-arcade .counter-value{text-shadow:0 0 20px #ffdd00,0 0 40px #ffdd00}body.theme-brutal{--bg-primary: #ff90e8;--bg-secondary: #ffc900;--bg-panel: #fff;--text-primary: #000;--text-secondary: rgba(0, 0, 0, .7);--accent: #000;--border: #000;--font-main: "Courier Prime", monospace;--radius: 0}body.theme-brutal .card,body.theme-brutal .btn,body.theme-brutal .form-input,body.theme-brutal .form-select,body.theme-brutal .sidebar{border-width:3px;box-shadow:6px 6px #000}body.theme-brutal .counter-value{text-shadow:4px 4px 0 #000}body.theme-pop{--bg-primary: #ffeb3b;--bg-secondary: #ffc107;--bg-panel: #fff;--text-primary: #e91e63;--text-secondary: rgba(233, 30, 99, .7);--accent: #e91e63;--border: #000;--font-main: "Bungee", sans-serif;--radius: 0}body.theme-pop .counter-value{text-shadow:3px 3px 0 #000}body.theme-candy{--bg-primary: #fce4ec;--bg-secondary: #f8bbd9;--bg-panel: #fff;--text-primary: #ec407a;--text-secondary: rgba(236, 64, 122, .6);--accent: #ec407a;--border: rgba(236, 64, 122, .3);--font-main: "Poppins", sans-serif;--radius: 20px;--on-accent: #fff}body.theme-candy .counter-value{text-shadow:none}body.theme-neonpink{--bg-primary: #1a0a1a;--bg-secondary: #2a102a;--bg-panel: #1a0a1a;--text-primary: #ff1493;--text-secondary: rgba(255, 20, 147, .6);--accent: #ff1493;--border: rgba(255, 20, 147, .3);--font-main: "Orbitron", sans-serif;--radius: 4px}body.theme-neonpink .counter-value{text-shadow:0 0 20px #ff1493,0 0 40px #ff1493}body.theme-electric{--bg-primary: #0a0a1a;--bg-secondary: #0f0f2a;--bg-panel: #0a0a1a;--text-primary: #00ffff;--text-secondary: rgba(0, 255, 255, .6);--accent: #00ffff;--border: rgba(0, 255, 255, .3);--font-main: "Tektur", sans-serif;--radius: 4px}body.theme-electric .counter-value{text-shadow:0 0 20px #00ffff,0 0 40px #00ffff}body.theme-forest{--bg-primary: #0d1f0d;--bg-secondary: #1a2f1a;--bg-panel: #0d1f0d;--text-primary: #4ade80;--text-secondary: rgba(74, 222, 128, .6);--accent: #4ade80;--border: rgba(74, 222, 128, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-ocean{--bg-primary: #0a192f;--bg-secondary: #112240;--bg-panel: #0a192f;--text-primary: #64dfdf;--text-secondary: rgba(100, 223, 223, .6);--accent: #64dfdf;--border: rgba(100, 223, 223, .2);--font-main: "Inter", sans-serif;--radius: 12px}body.theme-sunset{--bg-primary: #1a0a0f;--bg-secondary: #2a1520;--bg-panel: #1a0a0f;--text-primary: #fb923c;--text-secondary: rgba(251, 146, 60, .6);--accent: #fb923c;--border: rgba(251, 146, 60, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-aurora{--bg-primary: #0f0f23;--bg-secondary: #1a1a35;--bg-panel: #0f0f23;--text-primary: #7dd3fc;--text-secondary: rgba(125, 211, 252, .6);--accent: #7dd3fc;--border: rgba(125, 211, 252, .2);--font-main: "Inter", sans-serif;--radius: 12px}body.theme-aurora .counter-value{background:linear-gradient(135deg,#7dd3fc,#4ade80,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}body.theme-sakura{--bg-primary: #1a0f14;--bg-secondary: #2a1a20;--bg-panel: #1a0f14;--text-primary: #f9a8d4;--text-secondary: rgba(249, 168, 212, .6);--accent: #f9a8d4;--border: rgba(249, 168, 212, .2);--font-main: "Inter", sans-serif;--radius: 16px}body.theme-monochrome{--bg-primary: #000;--bg-secondary: #111;--bg-panel: #000;--text-primary: #fff;--text-secondary: rgba(255, 255, 255, .6);--accent: #fff;--border: #fff;--font-main: "Inter", sans-serif;--radius: 0}body.theme-monochrome .card,body.theme-monochrome .btn,body.theme-monochrome .sidebar{border-width:2px}body.theme-monochrome .counter-value{text-shadow:none}body.theme-ink{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-panel: #0a0a0a;--text-primary: #e5e5e5;--text-secondary: rgba(229, 229, 229, .5);--accent: #e5e5e5;--border: rgba(229, 229, 229, .2);--font-main: "Inter", sans-serif;--radius: 4px}body.theme-ink .counter-value{text-shadow:none}body.theme-grayscale{--bg-primary: #262626;--bg-secondary: #333;--bg-panel: #262626;--text-primary: #d4d4d4;--text-secondary: rgba(212, 212, 212, .6);--accent: #d4d4d4;--border: rgba(212, 212, 212, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-grayscale .counter-value{text-shadow:none}body.theme-gaming{--bg-primary: #0a0a0f;--bg-secondary: #15151f;--bg-panel: #0a0a0f;--text-primary: #ef4444;--text-secondary: rgba(239, 68, 68, .6);--accent: #ef4444;--border: rgba(239, 68, 68, .2);--font-main: "Rajdhani", sans-serif;--radius: 4px}body.theme-gaming .counter-value{text-shadow:0 0 20px #ef4444}body.theme-esports{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-panel: #0f0f1a;--text-primary: #8b5cf6;--text-secondary: rgba(139, 92, 246, .6);--accent: #8b5cf6;--border: rgba(139, 92, 246, .2);--font-main: "Teko", sans-serif;--radius: 4px}body.theme-esports .counter-value{text-shadow:0 0 20px #8b5cf6}body.theme-pixel{--bg-primary: #1a1c2c;--bg-secondary: #262a3f;--bg-panel: #1a1c2c;--text-primary: #f77622;--text-secondary: rgba(247, 118, 34, .6);--accent: #f77622;--border: rgba(247, 118, 34, .3);--font-main: "Pixelify Sans", monospace;--radius: 0}body.theme-console{--bg-primary: #1e1e2e;--bg-secondary: #313244;--bg-panel: #1e1e2e;--text-primary: #cdd6f4;--text-secondary: rgba(205, 214, 244, .6);--accent: #89b4fa;--border: rgba(137, 180, 250, .2);--font-main: "JetBrains Mono", monospace;--radius: 8px}body.theme-tokyo{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-panel: #0f0f0f;--text-primary: #ff3366;--text-secondary: rgba(255, 51, 102, .6);--accent: #ff3366;--border: rgba(255, 51, 102, .2);--font-main: "Inter", sans-serif;--radius: 4px}body.theme-tokyo .counter-value{text-shadow:0 0 20px #ff3366}body.theme-kyoto{--bg-primary: #1a1510;--bg-secondary: #2a2015;--bg-panel: #1a1510;--text-primary: #d4a574;--text-secondary: rgba(212, 165, 116, .6);--accent: #d4a574;--border: rgba(212, 165, 116, .2);--font-main: "Playfair Display", serif;--radius: 4px}body.theme-kyoto .counter-value{text-shadow:none}body.theme-nordic{--bg-primary: #2e3440;--bg-secondary: #3b4252;--bg-panel: #2e3440;--text-primary: #eceff4;--text-secondary: rgba(236, 239, 244, .6);--accent: #88c0d0;--border: rgba(136, 192, 208, .2);--font-main: "Inter", sans-serif;--radius: 8px}body.theme-mediterranean{--bg-primary: #1a2744;--bg-secondary: #243b5f;--bg-panel: #1a2744;--text-primary: #fbbf24;--text-secondary: rgba(251, 191, 36, .6);--accent: #fbbf24;--border: rgba(251, 191, 36, .2);--font-main: "Inter", sans-serif;--radius: 12px}@media(max-width:640px){.main-content{padding:1.5rem}.header{padding:1rem}.cards-container{grid-template-columns:1fr;margin-top:2rem}.sidebar{width:100vw}.sidebar-content{padding:1rem}.wg-subview-header{top:-1rem}.form-row{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.onboarding-card{padding:1.5rem}}.custom-styles-accordion{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:.5rem}.custom-styles-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--on-accent);font-size:.65rem;font-weight:700;margin-left:6px}.custom-styles-content{display:flex;flex-direction:column;gap:.6rem}.custom-styles-scope{font-size:.7rem;color:var(--text-secondary);padding:.3rem .5rem;background:var(--bg-secondary);border-radius:4px;border:1px solid var(--border);line-height:1.4;display:none}.custom-styles-scope code{font-family:JetBrains Mono,Courier New,monospace;color:var(--accent);opacity:.85}.custom-var-list{display:flex;flex-direction:column;gap:.25rem}.custom-var-row{display:flex;align-items:center;gap:.4rem;padding:.15rem 0}.custom-var-label{font-size:.73rem;color:var(--text-secondary);width:76px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);cursor:default}.custom-var-row.is-overridden .custom-var-label{color:var(--accent)}.custom-var-controls{display:flex;align-items:center;flex:1;gap:.3rem;min-width:0}.custom-var-swatch{position:relative;width:22px;height:22px;border-radius:4px;border:1px solid var(--border);flex-shrink:0;cursor:pointer;overflow:hidden;display:block;transition:border-color var(--transition-fast)}.custom-var-swatch:hover{border-color:var(--accent)}.custom-var-swatch-empty{background:repeating-linear-gradient(45deg,var(--border) 0px,var(--border) 2px,transparent 2px,transparent 8px);opacity:.5;cursor:no-drop}.custom-var-swatch-empty:hover{border-color:var(--border)}.custom-var-color-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.custom-var-input{flex:1;min-width:0;height:26px;padding:0 .4rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.7rem;font-family:JetBrains Mono,Courier New,monospace;transition:border-color var(--transition-fast),color var(--transition-fast)}.custom-var-input:focus{outline:none;border-color:var(--accent)}.custom-var-row.is-overridden .custom-var-input{border-color:var(--accent);color:var(--accent)}.custom-var-reset-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;line-height:1;padding:0;flex-shrink:0;border-radius:3px;transition:color var(--transition-fast),background var(--transition-fast)}.custom-var-reset-btn:hover{color:var(--accent);background:var(--bg-secondary)}.custom-styles-reset-all{width:100%;margin-top:.1rem;font-size:.78rem;padding:.4rem .75rem;justify-content:center}.info-tab{display:flex;flex-direction:column}.info-section{margin-bottom:2rem}.info-section:last-child{margin-bottom:0}.info-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:.75rem;font-weight:600}.info-desc{font-size:.9rem;color:var(--text-primary);line-height:1.65;margin-bottom:1rem}.info-features{list-style:none;padding:0;display:flex;flex-direction:column;gap:.45rem}.info-features li{font-size:.85rem;color:var(--text-secondary);padding-left:1.1rem;position:relative;line-height:1.5}.info-features li:before{content:"—";position:absolute;left:0;color:var(--accent);font-size:.75rem}.info-author-text{font-size:.9rem;color:var(--text-primary);line-height:1.7}.info-link{color:var(--accent);text-decoration:none;font-size:.875rem}.info-link:hover{text-decoration:underline}.info-hotkeys-note{font-size:.8rem;color:var(--text-secondary);margin-bottom:.85rem;font-style:italic}.info-hotkeys-table{display:flex;flex-direction:column;gap:.55rem}.info-hotkey-row{display:flex;align-items:center;gap:.85rem}.info-key{background:var(--bg-secondary);border:1px solid var(--border);border-bottom-width:2px;border-radius:calc(var(--radius) * .6);padding:.2rem .55rem;font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--accent);white-space:nowrap;min-width:64px;text-align:center;flex-shrink:0}.info-hotkey-action{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.info-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem;animation:info-fade-in .2s ease both}@keyframes info-fade-in{0%{opacity:0}to{opacity:1}}.info-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);width:100%;max-width:540px;max-height:min(90vh,760px);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 32px 80px #00000073,0 0 0 1px #ffffff0a;animation:info-slide-up .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes info-slide-up{0%{transform:translateY(28px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes info-fade-out{0%{opacity:1}to{opacity:0}}@keyframes info-slide-down{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(20px) scale(.97);opacity:0}}.info-modal-backdrop.closing{animation:info-fade-out .35s ease-in-out both}.info-modal.closing{animation:info-slide-down .3s cubic-bezier(.4,0,.2,1) both}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.info-modal-brand{display:flex;align-items:center;gap:.6rem}.info-modal-brand-mark{width:30px;height:30px;background:var(--accent);color:var(--on-accent, var(--bg-primary));border-radius:calc(var(--radius) * .75);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;font-family:JetBrains Mono,monospace;flex-shrink:0}.info-modal-brand-name{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.info-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.info-modal-close svg{width:16px;height:16px}.info-modal-close:hover{background:#ff46461a;border-color:#ff464640;color:#f55;transform:scale(1.08)}.info-modal-body{flex:1;min-height:0;overflow-y:auto;padding:1.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.5rem}.info-modal-eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:600;margin-bottom:.5rem}.info-modal-tagline{font-size:clamp(1.5rem,5vw,2rem);font-weight:700;color:var(--text-primary);line-height:1.15;letter-spacing:-.025em;margin-bottom:.9rem}.info-modal-tagline-accent{color:var(--accent);text-decoration:underline}.info-modal-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.75;max-width:71ch}.info-modal-features{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(max-width:420px){.info-modal-features{grid-template-columns:1fr}}.info-modal-feature{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,background .15s}.info-modal-feature:hover{border-color:var(--accent);background:var(--bg-secondary)}.info-modal-feature-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:calc(var(--radius) * .6);font-size:.95rem;color:var(--accent);line-height:1}.info-modal-feature-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.info-modal-feature-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.5}.info-modal-shortcuts{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.info-modal-shortcuts-header{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);font-weight:600;padding:.55rem .9rem;border-bottom:1px solid var(--border)}.info-modal-shortcut{display:flex;align-items:center;gap:.85rem;padding:.55rem .9rem;font-size:.82rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.info-modal-shortcut:last-child{border-bottom:none}.info-modal-shortcut kbd{background:var(--bg-secondary);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:.15rem .5rem;font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--accent);white-space:nowrap;min-width:56px;text-align:center;flex-shrink:0}.info-modal-shortcut kbd.kbd-gesture{border-bottom-width:1px;font-family:inherit;font-size:.75rem;letter-spacing:.01em}.info-tips-section{margin-top:1.2rem}.info-tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.info-tip-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius, 8px);padding:10px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s}.info-tip-card:hover{border-color:var(--accent)}.info-tip-card-icon{font-size:1.1rem;line-height:1}.info-tip-card-title{font-size:.72rem;font-weight:700;color:var(--text-primary);line-height:1.3}.info-tip-card-text{font-size:.68rem;color:var(--text-secondary);line-height:1.4}@media(max-width:480px){.info-tips-grid{grid-template-columns:repeat(2,1fr)}}.info-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.info-modal-copyright{font-size:.78rem;color:var(--text-secondary)}.info-modal-link{font-size:.78rem;color:var(--accent);text-decoration:none;opacity:.85;transition:opacity .15s}.info-modal-link:hover{opacity:1;text-decoration:underline}.selector-with-cycle{position:relative}.selector-with-cycle .font-selector{position:static}.selector-with-cycle .font-selector-dropdown{left:0;width:100%}.scale-row{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.scale-label{font-size:.8rem;color:var(--text-secondary);flex-shrink:0;width:68px}.scale-controls{display:flex;align-items:center;flex:1;gap:.35rem}.scale-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:1rem;flex-shrink:0;transition:border-color var(--transition-fast),color var(--transition-fast);-webkit-tap-highlight-color:transparent}.scale-btn:hover{border-color:var(--accent);color:var(--accent)}.scale-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform var(--transition-fast)}.scale-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.scale-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.scale-value{font-size:.75rem;color:var(--text-secondary);width:34px;text-align:right;flex-shrink:0;font-family:JetBrains Mono,Courier New,monospace}*{-webkit-tap-highlight-color:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .5s ease}.animate-slide-up{animation:slideUp .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.sidebar-tabs:has(.sidebar-tab:nth-child(3)) .sidebar-tab{font-size:.78rem;padding:.85rem .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-row{display:flex;gap:.4rem;flex-wrap:wrap}.radio-btn{flex:1;min-width:0;padding:.45rem .6rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:inherit;font-size:.82rem;cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap}.radio-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.radio-btn.active{background:var(--accent);color:var(--on-accent, var(--bg-primary));border-color:var(--accent)}.analog-clock{display:block;width:100%;height:100%;min-width:120px;min-height:120px;overflow:visible}.clock-face{fill:var(--bg-panel);stroke:var(--border);stroke-width:1.5}.clock-tick{stroke:var(--text-secondary);stroke-width:1;opacity:.5}.clock-tick-maj{stroke:var(--text-primary);stroke-width:2;opacity:.8}.clock-hand{stroke:var(--text-primary);transition:none}.clock-hour{stroke-width:4}.clock-minute{stroke-width:2.5}.clock-second{stroke:var(--accent);stroke-width:1.5}.clock-center{fill:var(--accent)}.clock-roman{fill:var(--text-secondary);font-size:7px;font-family:serif}.clock-dot-mark{fill:var(--text-primary)}.clock-style-minimal .clock-face{stroke-width:.5}.clock-style-minimal .clock-tick{display:none}.clock-style-minimal .clock-tick-maj{stroke-width:1;display:block;opacity:.3}.clock-style-minimal .clock-hour{stroke-width:2.5}.clock-style-minimal .clock-minute{stroke-width:1.5}.clock-style-minimal .clock-second{stroke-width:1}.clock-style-roman .clock-tick-maj,.clock-style-dots .clock-tick,.clock-style-dots .clock-tick-maj{display:none}.clock-style-neon .clock-face{fill:var(--bg-primary);stroke:var(--accent);stroke-width:2;filter:drop-shadow(0 0 6px var(--accent))}.clock-style-neon .clock-hour,.clock-style-neon .clock-minute{stroke:var(--accent);filter:drop-shadow(0 0 4px var(--accent))}.clock-style-neon .clock-tick{stroke:var(--accent);opacity:.2}.clock-style-neon .clock-tick-maj{stroke:var(--accent);opacity:.6}.clock-style-neon .clock-center{filter:drop-shadow(0 0 4px var(--accent))}.clock-style-retro .clock-face{fill:#f4e4bc;stroke:#5c4033;stroke-width:3}.clock-style-retro .clock-tick{stroke:#5c4033}.clock-style-retro .clock-tick-maj{stroke:#5c4033;stroke-width:2.5}.clock-style-retro .clock-hour{stroke:#2d1b00;stroke-width:5}.clock-style-retro .clock-minute{stroke:#2d1b00;stroke-width:3}.clock-style-retro .clock-second{stroke:#c30;stroke-width:1.5}.clock-style-retro .clock-center{fill:#2d1b00}.clock-style-skeleton .clock-face{fill:transparent;stroke:var(--border);stroke-width:1}.clock-style-skeleton .clock-hour{stroke-width:2;opacity:.7}.clock-style-skeleton .clock-minute{stroke-width:1;opacity:.5}.clock-style-polar .clock-face{fill:var(--bg-secondary)}.clock-style-polar .clock-tick{opacity:.2}.clock-style-art-deco .clock-face{fill:var(--bg-panel);stroke:var(--accent);stroke-width:3}.clock-style-art-deco .clock-hour{stroke-width:5;stroke-linecap:square}.clock-style-art-deco .clock-minute{stroke-width:3;stroke-linecap:square}.clock-style-art-deco .clock-second{stroke-width:1}.clock-style-art-deco .clock-tick-maj{stroke-width:3;stroke-linecap:square}.clock-style-bauhaus .clock-face{fill:#fff;stroke:#000;stroke-width:2}.clock-style-bauhaus .clock-hour{stroke:#000;stroke-width:6}.clock-style-bauhaus .clock-minute{stroke:#c00;stroke-width:3}.clock-style-bauhaus .clock-second{stroke:#04c;stroke-width:2}.clock-style-bauhaus .clock-center{fill:#000;r:6}.clock-style-bauhaus .clock-tick{stroke:#000}.clock-style-bauhaus .clock-tick-maj{stroke:#000;stroke-width:3}.clock-style-hybrid .clock-face{fill:var(--bg-secondary)}.clock-style-swiss .clock-face{fill:#fff;stroke:#1a1a1a;stroke-width:2}.clock-style-swiss .clock-tick{stroke:#1a1a1a;stroke-width:1.5}.clock-style-swiss .clock-tick-maj{stroke:#1a1a1a;stroke-width:4;stroke-linecap:square}.clock-style-swiss .clock-hour{stroke:#1a1a1a;stroke-width:7;stroke-linecap:square}.clock-style-swiss .clock-minute{stroke:#1a1a1a;stroke-width:4;stroke-linecap:square}.clock-style-swiss .clock-second{stroke:#c00;stroke-width:2;stroke-linecap:round}.clock-style-swiss .clock-center{fill:#c00;r:5}.clock-style-space .clock-face{fill:#0a0a1a;stroke:#334;stroke-width:1}.clock-style-space .clock-tick{stroke:#4af;opacity:.3}.clock-style-space .clock-tick-maj{stroke:#4af;opacity:.7}.clock-style-space .clock-hour{stroke:#7df;stroke-width:3}.clock-style-space .clock-minute{stroke:#aef;stroke-width:2}.clock-style-space .clock-second{stroke:#f70}.clock-style-space .clock-center{fill:#f70}.clock-style-zen .clock-face{fill:transparent;stroke:var(--text-secondary);stroke-width:.5}.clock-style-zen .clock-tick,.clock-style-zen .clock-tick-maj{display:none}.clock-style-zen .clock-hour{stroke:var(--text-primary);stroke-width:2}.clock-style-zen .clock-minute{stroke:var(--text-primary);stroke-width:1}.clock-style-zen .clock-second{stroke:var(--accent);stroke-width:.8}.clock-style-zen .clock-center{fill:var(--text-primary);r:2}.clock-style-square-classic .clock-face-square,.clock-style-square-minimal .clock-face-square,.clock-style-square-grid .clock-face-square{fill:var(--bg-panel);stroke:var(--border);stroke-width:2}.clock-style-square-minimal .clock-face-square{fill:transparent;stroke:var(--accent);stroke-width:1.5}.clock-style-square-grid .clock-face-square{fill:transparent;stroke:var(--border);stroke-width:1}.clock-grid-line{stroke:var(--border);stroke-width:.5}.clock-style-hands-only svg,.clock-style-hands-minimal svg,.clock-style-hands-shadow svg{background:transparent}.clock-style-hands-minimal .clock-hour{stroke-width:1.5}.clock-style-hands-minimal .clock-minute{stroke-width:1}.clock-style-hands-minimal .clock-second{stroke-width:.75}.clock-style-hands-shadow .clock-hand{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.clock-center-shadow{filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.digital-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem 1.5rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);font-family:JetBrains Mono,monospace}.digital-time{font-family:inherit;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text-primary);letter-spacing:-1px;font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline}.digital-seg{display:inline-block;text-align:center;min-width:2ch}.digital-sep{display:inline-block;text-align:center;width:.5ch}.digital-date{font-family:inherit;font-size:clamp(.75rem,1.8vw,.9rem);color:var(--text-secondary);letter-spacing:-.5px}.digital-label{font-size:clamp(.65rem,1.5vw,.8rem);color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;opacity:.7}.digital-tz{font-size:clamp(.6rem,1.3vw,.72rem);color:var(--text-secondary);opacity:.5;font-variant-numeric:tabular-nums}.digital-clock--transparent{background:transparent!important;border:none!important;box-shadow:none!important}.monthly-calendar{width:100%;max-width:380px;min-width:280px;display:flex;flex-direction:column}.monthly-calendar>.month-cal{flex:1}.monthly-calendar--adjacent{gap:4px}.monthly-calendar--adjacent>.month-cal:first-child,.monthly-calendar--adjacent>.month-cal:last-child{transition:opacity .3s;opacity:.8}.monthly-calendar--adjacent>.month-cal:first-child:hover,.monthly-calendar--adjacent>.month-cal:last-child:hover{opacity:1}.monthly-calendar--horizontal{flex-direction:row;align-items:stretch;max-width:none;min-width:0}.monthly-calendar--horizontal>.month-cal{min-width:0;flex:1}.monthly-calendar--transparent .month-cal{background:transparent!important;border:none!important;box-shadow:none!important}.monthly-calendar--3col{max-width:100%;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.monthly-calendar--3col .month-cal{flex:1;min-width:180px;max-width:260px}.month-cal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;font-size:.82rem}.mcal-header{text-align:center;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.mcal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.25rem}.mcal-wd{text-align:center;color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:.15rem 0}.mcal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mcal-cell{text-align:center;padding:.25rem 0;border-radius:calc(var(--radius) * .5);color:var(--text-primary);font-size:.8rem;line-height:1.4;cursor:default}.mcal-empty{visibility:hidden}.mcal-neighbor{opacity:.4;color:var(--text-secondary)}.mcal-neighbor--hidden{opacity:0;pointer-events:none}.mcal-today{background:var(--accent);color:var(--on-accent, var(--bg-primary));font-weight:700}.mcal-payday{outline:2px solid var(--accent);outline-offset:-2px;font-weight:600}.mcal-today.mcal-payday{background:var(--accent);color:var(--on-accent, var(--bg-primary));outline:3px solid var(--text-primary);outline-offset:-3px;font-weight:700}.mcal-style-minimal{background:transparent;border-color:transparent}.mcal-style-minimal .mcal-header{color:var(--text-secondary);font-weight:400}.mcal-style-grid .mcal-grid{gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}.mcal-style-grid .mcal-cell{border-bottom:1px solid var(--border);border-right:1px solid var(--border);border-radius:0}.mcal-style-rounded{border-radius:1.5rem}.mcal-style-rounded .mcal-cell{border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;margin:auto;padding:0}.mcal-style-bold-header .mcal-header{font-size:1.1rem;font-weight:800;color:var(--accent)}.mcal-style-compact{padding:.4rem;font-size:.72rem}.mcal-style-compact .mcal-cell{padding:.1rem 0;font-size:.7rem}.mcal-style-compact .mcal-header{font-size:.8rem;margin-bottom:.2rem}.mcal-style-card{box-shadow:0 4px 16px #00000040}.mcal-style-neon .mcal-today{box-shadow:0 0 8px var(--accent),0 0 16px var(--accent)}.mcal-style-neon{border-color:var(--accent);box-shadow:0 0 10px var(--accent) inset}.mcal-style-retro{background:#f4e4bc;border-color:#5c4033;color:#2d1b00}.mcal-style-retro .mcal-header,.mcal-style-retro .mcal-cell{color:#2d1b00}.mcal-style-retro .mcal-wd{color:#5c4033}.mcal-style-retro .mcal-today{background:#5c4033;color:#f4e4bc}.mcal-style-retro .mcal-payday{outline-color:#2d1b00}.mcal-style-notebook{background:repeating-linear-gradient(transparent,transparent 28px,rgba(0,100,200,.08) 29px)}.mcal-style-terminal{background:#000;border-color:#0f0;color:#0f0}.mcal-style-terminal .mcal-header,.mcal-style-terminal .mcal-cell{color:#0f0}.mcal-style-terminal .mcal-wd{color:#0a0}.mcal-style-terminal .mcal-today{background:#0f0;color:#000}.mcal-style-terminal .mcal-payday{outline-color:#ff0}.mcal-style-soft{background:color-mix(in srgb,var(--bg-panel) 80%,var(--accent) 20%);border-color:transparent}.mcal-style-soft .mcal-today{background:color-mix(in srgb,var(--accent) 70%,white 30%)}.mcal-style-ink .mcal-cell{border:1px solid transparent}.mcal-style-ink .mcal-cell:not(.mcal-empty){border-color:var(--border)}.mcal-style-ink .mcal-today{border-color:var(--accent)}.mcal-style-glass{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffff1a}.mcal-style-pixel{border-radius:0;font-size:.55rem;image-rendering:pixelated}.mcal-style-pixel .mcal-cell{border-radius:0}.mcal-style-pixel .mcal-header{font-size:.6rem}.mcal-style-mono .mcal-today{background:var(--text-primary);color:var(--bg-primary)}.yearly-calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:960px}.yearly-calendar .month-cal{width:100%;font-size:.72rem}.yearly-calendar .mcal-cell{font-size:.65rem;padding:.1rem 0}.yearly-calendar .mcal-header{font-size:.78rem}@media(max-width:900px){.yearly-calendar{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.yearly-calendar{grid-template-columns:repeat(2,1fr)}}.yearly-calendar--transparent .month-cal{background:transparent!important;border:none!important;box-shadow:none!important}.style-accordion{width:100%;margin-bottom:.75rem}.style-accordion-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.style-accordion-bar:hover{background:color-mix(in srgb,var(--bg-secondary) 80%,var(--accent) 20%)}.style-accordion-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.style-accordion-right{display:flex;align-items:center;gap:.5rem}.style-accordion-current{font-size:.82rem;color:var(--text-primary)}.style-accordion-arrow{font-size:.65rem;color:var(--text-secondary)}.style-accordion-panel{border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:.75rem;background:var(--bg-panel)}.settings-accordion-body{border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:.25rem .75rem;background:var(--bg-panel)}.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem;max-height:280px;overflow-y:auto}.style-option{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.style-option:hover{border-color:var(--text-secondary)}.style-option.active{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.style-preview{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border-radius:calc(var(--radius) * .5)}.style-preview .analog-clock{width:100%;height:100%}.style-preview-label{font-size:.7rem;color:var(--text-secondary);text-align:center}.style-name{font-size:.72rem;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.wg-tab{display:flex;flex-direction:column;gap:1rem;margin:-1.5rem;padding:1.25rem 1rem}.wg-layout{display:flex;gap:.5rem}.wg-layout-btn{flex:1;padding:.55rem .5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:center}.wg-layout-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.wg-layout-btn.active{background:var(--bg-panel);border-color:var(--accent);color:var(--accent)}.wg-list{display:flex;flex-direction:column;gap:.5rem}.wg-item{display:flex;align-items:flex-start;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;transition:border-color var(--transition-fast)}.wg-item:has([draggable]):hover{border-color:color-mix(in srgb,var(--border) 60%,var(--accent) 40%)}.wg-drag{cursor:grab;color:var(--text-secondary);opacity:.2;font-size:.85rem;line-height:1;padding-top:.2rem;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-fast)}.wg-item:hover .wg-drag{opacity:.6}.wg-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.wg-header{display:flex;align-items:center;justify-content:space-between;min-height:26px}.wg-name{font-size:.9rem;font-weight:500;color:var(--text-primary)}.wg-options{display:flex;flex-direction:column;border-top:1px solid var(--border);padding-top:.25rem;margin-top:.125rem}.wg-toggle{padding:.45rem 0}.wg-toggle:last-child{padding-bottom:0}.wg-cycle{display:flex;align-items:center;gap:.375rem;padding:.375rem 0}.wg-cycle-name{flex:1;text-align:center;font-size:.85rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg-cycle-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:calc(var(--radius) * .5);color:var(--text-secondary);cursor:pointer;font-size:.85rem;flex-shrink:0;transition:all var(--transition-fast)}.wg-cycle-btn:hover{border-color:var(--accent);color:var(--accent)}.wg-rnd-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:calc(var(--radius) * .5);color:var(--text-secondary);cursor:pointer;font-size:.85rem;flex-shrink:0;transition:all var(--transition-fast)}.wg-rnd-btn:hover{border-color:var(--accent);color:var(--accent)}.wg-rnd-btn svg{width:14px;height:14px}.wg-header-actions{display:flex;align-items:center;gap:.5rem}.wg-settings-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:calc(var(--radius) * .5);color:var(--text-secondary);cursor:pointer;font-size:.8rem;transition:all var(--transition-fast);flex-shrink:0}.wg-settings-btn:hover{border-color:var(--accent);color:var(--accent)}.wg-subview{display:flex;flex-direction:column;gap:0}.wg-subview .sidebar-section{overflow:visible}.wg-subview-header{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);background:var(--bg-secondary);margin:-1.5rem -1.5rem 1.25rem;position:sticky;top:-1.5rem;z-index:10}.wg-back-btn{display:flex;align-items:center;gap:.375rem;background:none;border:none;border-right:1px solid var(--border);color:var(--accent);cursor:pointer;font-size:.85rem;font-family:inherit;padding:.75rem 1rem;white-space:nowrap;transition:opacity var(--transition-fast)}.wg-back-btn svg{width:14px;height:14px;flex-shrink:0}.wg-back-btn:hover{opacity:.7}.wg-subview-title{flex:1;font-size:.9rem;font-weight:600;color:var(--text-primary);padding:.75rem 1.25rem}.wg-scale-row{display:flex;align-items:center;gap:.5rem}.wg-scale-val{font-size:.85rem;font-weight:600;color:var(--text-primary);min-width:3.5ch;text-align:center}.wg-scale-input{width:42px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:5px;color:var(--text-primary);font-size:.85rem;font-weight:600;text-align:center;padding:2px 4px;outline:none;-moz-appearance:textfield}.wg-scale-input::-webkit-inner-spin-button,.wg-scale-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wg-scale-input:focus{border-color:var(--accent)}.wg-text-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;padding:8px 16px;min-height:52px;outline:none;box-sizing:border-box;transition:border-color .15s}.wg-text-input::placeholder{color:var(--text-secondary);opacity:.5}.wg-text-input:focus{border-color:var(--accent)}.wg-radio-row{display:flex;margin-bottom:8px}.wg-radio-btn{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:0;color:var(--text-secondary);font-size:.82rem;padding:9px 12px;cursor:pointer;transition:all .15s;margin-left:-1px}.wg-radio-btn:first-child{border-radius:var(--radius, 8px) 0 0 var(--radius, 8px);margin-left:0}.wg-radio-btn:last-child{border-radius:0 var(--radius, 8px) var(--radius, 8px) 0}.wg-radio-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--bg-secondary));color:var(--accent);font-weight:600;z-index:1}.wg-radio-btn:hover:not(.active){background:color-mix(in srgb,var(--accent) 10%,var(--bg-secondary));color:var(--text-primary)}.widget-row{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.widget-row:last-child{border-bottom:none}.widget-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.drag-handle{cursor:grab;color:var(--text-secondary);padding:.5rem .25rem;font-size:1rem;line-height:1;flex-shrink:0;opacity:.4;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-fast);margin-top:.5rem}.drag-handle:hover{opacity:.9}.widget-row.draggable{cursor:default}.widget-row.drag-over{background:color-mix(in srgb,var(--bg-panel) 60%,var(--accent) 40%);border-radius:var(--radius)}.widget-row-header{padding:.25rem 0 .125rem}.widget-row-title{font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.wg-item--draggable{cursor:grab}.wg-item--draggable:active{cursor:grabbing;opacity:.7}.draggable-widget--unlocked.widget-dragging{outline:none}.header-btn--active{color:var(--accent)}.wg-resize-handle{position:absolute;z-index:10;transition:opacity .12s}.wg-resize-nw{top:22px;left:0;width:8px;height:8px;cursor:nw-resize;border-radius:1px;background:var(--accent);opacity:0}.wg-resize-ne{top:22px;right:0;width:8px;height:8px;cursor:ne-resize;border-radius:1px;background:var(--accent);opacity:0}.wg-resize-sw{bottom:0;left:0;width:8px;height:8px;cursor:sw-resize;border-radius:1px;background:var(--accent);opacity:0}.wg-resize-se{bottom:0;right:0;width:8px;height:8px;cursor:se-resize;border-radius:1px;background:var(--accent);opacity:0}.wg-resize-n{top:-2px;left:10%;width:80%;height:4px;cursor:n-resize;border-radius:2px;background:var(--accent);opacity:0}.wg-resize-s{bottom:-2px;left:10%;width:80%;height:4px;cursor:s-resize;border-radius:2px;background:var(--accent);opacity:0}.wg-resize-w{left:-2px;top:calc(50% - 20px);height:60px;width:4px;cursor:w-resize;border-radius:2px;background:var(--accent);opacity:0}.wg-resize-e{right:-2px;top:calc(50% - 20px);height:60px;width:4px;cursor:e-resize;border-radius:2px;background:var(--accent);opacity:0}.draggable-widget--unlocked:hover .wg-resize-handle{opacity:.25}.draggable-widget--unlocked:hover .wg-resize-handle:hover{opacity:1}.desktop-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;z-index:100;padding:6px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:left}.desktop-nav-size--small{scale:.75}.desktop-nav-size--large{scale:1.25}.desktop-nav.desktop-nav--circles{padding:8px 10px}.desktop-nav.desktop-nav--numbers{padding:6px 8px}.desktop-nav.desktop-nav--bars{padding:6px 12px;border-radius:8px}.desktop-nav.desktop-nav--squares{padding:8px 10px;border-radius:8px}.desktop-nav.desktop-nav--rectangles{padding:6px 8px}.desktop-nav-dot{background:transparent;border:none;cursor:pointer;padding:0;opacity:.4;transition:opacity .2s,transform .2s}.desktop-nav-dot.active{opacity:1}.desktop-nav-dot:hover{opacity:.7}.desktop-nav-dot--circles{width:10px;height:10px;border-radius:50%;background:var(--accent)}.desktop-nav-dot--circles.active{transform:scale(1.3)}.desktop-nav-dot--squares{width:10px;height:10px;border-radius:1px;background:var(--accent)}.desktop-nav-dot--squares.active{transform:scale(1.3)}.desktop-nav-dot--bars{width:4px;height:16px;border-radius:2px;background:var(--accent)}.desktop-nav-dot--bars.active{width:4px;height:20px}.desktop-nav-dot--numbers{--size: 12px;--ff: 8px;width:var(--size);height:var(--size);font-size:var(--ff);line-height:1;border-radius:50%;border:1.5px solid var(--accent);color:var(--text-primary);font-weight:600;display:flex;align-items:center;justify-content:center}.desktop-nav-dot--numbers.active{background:var(--accent);color:var(--on-accent, var(--bg-primary))}.desktop-nav.desktop-nav--numbers .desktop-nav-dot--numbers{--size: 18px;--ff: 10px}.desktop-nav-dot--rectangles{width:16px;height:6px;border-radius:3px;background:var(--accent)}.desktop-nav-dot--rectangles.active{width:28px}.desktop-nav-demo .desktop-nav-dot--rectangles{width:10px;height:4px}.desktop-nav-demo .desktop-nav-dot--rectangles.active{width:18px}.desktop-nav-demo.desktop-nav-demo--circles .desktop-nav-dot,.desktop-nav-demo.desktop-nav-demo--squares .desktop-nav-dot{width:8px;height:8px}.desktop-nav-demo.desktop-nav-demo--circles,.desktop-nav-demo.desktop-nav-demo--squares{gap:4px}.stepper-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);width:28px;height:28px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.stepper-btn:hover{background:var(--accent);color:var(--on-accent, var(--bg-primary))}.stepper-value{min-width:24px;text-align:center;font-size:.95rem;color:var(--text-primary)}.form-input--sm{padding:.25rem .5rem;font-size:.85rem;height:auto}body.has-wallpaper{background:var(--wallpaper-bg);background-size:cover;background-position:center;background-attachment:fixed}body.has-dynamic-wallpaper{background:transparent!important}body.has-wallpaper .theme-background{display:none}.webgl-wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}body.has-wallpaper .draggable-widget--transparent>.widget-content{background:#0000004d!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:12px}body.has-wallpaper [data-widget-id=analog].draggable-widget--transparent>.widget-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important}.wallpaper-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}.wallpaper-swatch{height:36px;border-radius:var(--radius, 6px);border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .15s}.wallpaper-swatch:hover{transform:scale(1.05)}.wallpaper-swatch.active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.wallpaper-swatch--none,.wallpaper-swatch--random{background:var(--bg-secondary);border-color:var(--border);display:flex;align-items:center;justify-content:center}.wallpaper-swatch--dynamic{background:linear-gradient(135deg,#2a1040,#0a3068,#c85a10,#020120,#0a1020);border-color:var(--border)}.wallpaper-swatch--none.active,.wallpaper-swatch--random.active,.wallpaper-swatch--dynamic.active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.wallpaper-none-label{font-size:14px;color:var(--text-secondary)}.wallpaper-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.wallpaper-upload-btn{cursor:pointer}.wallpaper-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.wallpaper-preset{width:52px;height:36px;border-radius:var(--radius, 6px);border:2px solid transparent;cursor:pointer;background-size:cover;background-position:center;transition:border-color .2s,transform .15s;overflow:hidden}.wallpaper-preset.active{border-color:var(--accent)}.btn-sm{padding:.35rem .75rem;font-size:.78rem;font-weight:500;border-radius:calc(var(--radius) * .6)}.lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;animation:lock-fade-in .3s ease;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1)}.lock-screen--unlocking{transform:scale(1.1);opacity:0;filter:blur(7px);pointer-events:none}@keyframes lock-fade-in{0%{opacity:0}to{opacity:1}}.lock-screen-inner{display:flex;flex-direction:column;align-items:center;gap:20px}.lock-screen-icon{color:var(--accent);opacity:.7}.lock-screen-icon svg{width:40px;height:40px}.lock-screen-title{font-size:1.2rem;font-weight:600;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase}.lock-dots{display:flex;gap:16px}@keyframes lock-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.lock-dots--shake{animation:lock-shake .5s ease}.lock-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent);background:transparent;transition:background .15s}.lock-dot.filled{background:var(--accent)}.lock-pad{display:grid;grid-template-columns:repeat(3,64px);gap:10px;margin-top:8px}.lock-key{width:64px;height:64px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:1.4rem;font-weight:500;cursor:pointer;transition:background .15s,transform .1s;display:flex;align-items:center;justify-content:center}.lock-key:hover{background:var(--accent);color:var(--on-accent, var(--bg-primary));border-color:var(--accent)}.lock-key:active{transform:scale(.92)}.lock-key--empty{background:transparent;border:none;cursor:default}.lock-key--empty:hover{background:transparent;color:inherit;border-color:transparent}.lock-key--back{font-size:1.1rem}.screen-lock-hint{font-size:.75rem;color:var(--text-secondary);opacity:.7;margin-top:4px}.pin-setup{margin-top:10px}.pin-idle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius, 8px)}.pin-status{font-size:.85rem;color:var(--accent);font-weight:500}.pin-idle-btns{display:flex;gap:6px}.pin-set-btn{width:100%;justify-content:center}.pin-setup-label{font-size:.82rem;color:var(--text-secondary);margin-bottom:8px}.pin-input{width:100%;text-align:center;letter-spacing:.4em;font-size:1.1rem;box-sizing:border-box}.pin-row{display:flex;align-items:stretch;gap:8px;justify-content:center}.pin-cancel-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius, 8px);color:var(--text-secondary);font-size:1rem;padding:0 12px;cursor:pointer;transition:all .15s}.pin-cancel-btn:hover{border-color:var(--accent);color:var(--text-primary)}.pin-digits{display:flex;gap:8px}.pin-digit{width:42px;height:48px;text-align:center;font-size:1.2rem;font-weight:600;border:1.5px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .15s}.pin-digit:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.pin-setup-btns{display:flex;gap:8px;margin-top:8px}.pin-setup-btns .btn{flex:1;justify-content:center}.pin-error{margin-top:8px;padding:8px 12px;background:color-mix(in srgb,#ef4444 15%,var(--bg-secondary));border:1px solid color-mix(in srgb,#ef4444 40%,var(--border));border-radius:var(--radius, 6px);font-size:.82rem;color:#ef4444}.sw-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:calc(var(--radius) * .5);padding:4px 10px;cursor:pointer;font-size:.9rem;transition:background .15s}.sw-btn:hover{background:color-mix(in srgb,var(--accent) 30%,var(--bg-secondary));border-color:var(--accent)}.sw-btn:disabled{opacity:.4;cursor:not-allowed}.sw-btn--sm{padding:2px 6px;font-size:.75rem}.sw-widget{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;min-width:200px;text-align:center;display:flex;flex-direction:column;gap:10px}.sw-time{font-size:1.6rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent);letter-spacing:.05em}.sw-controls{display:flex;gap:8px;justify-content:center}.sw-laps{max-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sw-lap{font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.timer-widget{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:180px;position:relative}.timer-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.timer-ring{display:block}.timer-ring-bg{fill:none;stroke:var(--border);stroke-width:5}.timer-ring-fill{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .9s linear}.timer-time-overlay{position:absolute;font-size:1.2rem;font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace}.timer-controls{display:flex;gap:8px}.timer-set-wrap{display:flex;flex-direction:column;gap:4px;align-items:center}.timer-set{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.timer-input-row{display:flex;align-items:center;gap:2px;justify-content:center}.timer-input{width:38px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;text-align:center;padding:4px 2px;outline:none;-moz-appearance:textfield}.timer-input::-webkit-inner-spin-button,.timer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timer-input:focus{border-color:var(--accent)}.timer-input:disabled{opacity:.5}.timer-input-sep{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;color:var(--text-secondary)}.timer-done .timer-ring-fill{stroke:#4caf50}.alarm-widget{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-width:200px;display:flex;flex-direction:column;gap:8px}.alarm-list{display:flex;flex-direction:column;gap:6px}.alarm-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-secondary);border-radius:var(--radius, 6px);border:1px solid var(--border)}.alarm-item.disabled{opacity:.5}@keyframes alarm-ring{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.alarm-item.ringing{border-color:var(--accent);animation:alarm-ring .3s infinite}.alarm-item-time{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);min-width:50px}.alarm-item-label{flex:1;font-size:.8rem;color:var(--text-secondary)}.alarm-item-actions{display:flex;gap:4px}.alarm-empty{text-align:center;color:var(--text-secondary);font-size:.8rem;padding:8px}.alarm-dismiss{background:var(--accent);color:var(--on-accent, var(--bg-primary));border:none;border-radius:var(--radius, 6px);padding:6px 12px;cursor:pointer;font-weight:600}.alarm-add-btn{background:transparent;border:1px dashed var(--border);border-radius:var(--radius, 6px);color:var(--text-secondary);padding:6px;cursor:pointer;font-size:.85rem;width:100%}.alarm-add-btn:hover{border-color:var(--accent);color:var(--accent)}.alarm-add-form{display:flex;flex-direction:column;gap:6px}.alarm-time-input,.alarm-label-input,.alarm-sound-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius, 6px);color:var(--text-primary);padding:4px 8px;font-size:.85rem;width:100%;box-sizing:border-box}.alarm-sound-row{display:flex;gap:6px;align-items:center}.alarm-sound-row .alarm-sound-select{flex:1;width:auto}.alarm-add-actions{display:flex;gap:6px}.btn-primary-sm{background:var(--accent);color:var(--on-accent, var(--bg-primary));border:none;border-radius:6px;padding:6px 16px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-primary-sm:hover{opacity:.85}.btn-ghost-sm{background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:6px 16px;font-size:.82rem;cursor:pointer;transition:all .15s}.btn-ghost-sm:hover{border-color:var(--text-secondary);color:var(--text-primary)}.sidebar-alarm-list{display:flex;flex-direction:column;gap:4px;margin:8px 0}.sidebar-alarm-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-secondary);border-radius:6px;font-size:.82rem}.sidebar-alarm-time{font-weight:700;font-variant-numeric:tabular-nums;min-width:40px;color:var(--text-primary)}.sidebar-alarm-label{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-alarm-toggle,.sidebar-alarm-del{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px 4px;font-size:.85rem}.sidebar-alarm-toggle:hover{color:var(--accent)}.sidebar-alarm-del:hover{color:#ef4444}.sidebar-alarm-add-btn{background:none;border:1px dashed var(--border);border-radius:6px;color:var(--text-secondary);padding:6px;width:100%;text-align:center;cursor:pointer;font-size:.82rem;transition:all .15s}.sidebar-alarm-add-btn:hover{border-color:var(--accent);color:var(--accent)}.sidebar-alarm-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.sidebar-alarm-form-btns{display:flex;gap:6px}.notes-widget{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:200px;min-height:300px;display:flex;flex-direction:column;height:100%}.notes-textarea{width:100%;min-height:140px;flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:14px;resize:none;line-height:1.5;box-sizing:border-box}.notes-textarea::placeholder{color:var(--text-secondary);opacity:.6}.notes-widget--tabs{flex-direction:row}.notes-widget--tabs>.notes-tabs{height:0;min-height:100%}.notes-editor{flex:1;min-width:0;display:flex;flex-direction:column}.notes-tabs{width:100px;min-width:100px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;padding:6px 0;overflow-y:auto;background:color-mix(in srgb,var(--bg-secondary) 50%,transparent)}.notes-tab{display:flex;align-items:center;gap:2px;padding:0 4px}.notes-tab-btn{flex:1;background:none;border:none;color:var(--text-secondary);font-size:.75rem;padding:6px 8px;text-align:left;cursor:pointer;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-tab-btn:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.notes-tab--active .notes-tab-btn{color:var(--accent);font-weight:600;background:color-mix(in srgb,var(--accent) 12%,transparent)}.notes-tab-input{flex:1;background:var(--bg-secondary);border:1px solid var(--accent);color:var(--text-primary);font-size:.75rem;padding:4px 6px;border-radius:3px;outline:none;min-width:0}.notes-tab-del{background:none;border:none;color:var(--text-secondary);font-size:.7rem;cursor:pointer;padding:2px 4px;opacity:0;border-radius:3px}.notes-tab:hover .notes-tab-del{opacity:.6}.notes-tab-del:hover{opacity:1!important;color:#ef4444}.notes-tab-add{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:4px 8px;margin:2px 4px;border-radius:4px;text-align:center}.notes-tab-add:hover{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.todo-widget{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-width:200px;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.todo-add{display:flex;gap:6px;flex-shrink:0}.todo-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius, 6px);color:var(--text-primary);padding:5px 8px;font-size:.85rem;outline:none}.todo-input:focus{border-color:var(--accent)}.todo-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1;min-height:0;max-height:45vh}.todo-item{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:.85rem}.todo-item.done .todo-text{text-decoration:line-through;opacity:.5}.todo-check{background:none;border:none;cursor:pointer;color:var(--accent);font-size:1rem;padding:0}.todo-text{flex:1;color:var(--text-primary)}.todo-del{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.75rem;opacity:0;transition:opacity .15s;padding:0 2px}.todo-item:hover .todo-del{opacity:1}.todo-empty{color:var(--text-secondary);font-size:.8rem;text-align:center;padding:8px}.todo-count{font-size:.75rem;color:var(--text-secondary);text-align:right;flex-shrink:0}.pomodoro-widget{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:160px}.pomodoro-phase-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.pomodoro-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.pomodoro-time{position:absolute;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.pomodoro-phase-break .timer-ring-fill{stroke:#4caf50}.pomodoro-cycles{font-size:.8rem;color:var(--text-secondary)}.bookmarks-widget{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;min-width:200px}.bm-items{display:flex}.bm-layout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bm-layout-list{display:flex;flex-direction:column;gap:4px}.bm-layout-slider{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.bm-item{position:relative;display:flex;flex-direction:column;align-items:center}.bm-layout-list .bm-item{flex-direction:row;gap:8px;padding:4px 6px;border-radius:6px}.bm-layout-list .bm-item:hover{background:var(--bg-secondary)}.bm-link{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--text-primary);font-size:.7rem;text-align:center;width:100%}.bm-layout-list .bm-link{flex-direction:row;align-items:center;gap:6px;font-size:.85rem}.bm-favicon{width:24px;height:24px;border-radius:4px}.bm-letter{width:24px;height:24px;border-radius:4px;background:var(--accent);color:var(--on-accent, var(--bg-primary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.bm-title{max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.bm-layout-list .bm-title{max-width:none}.bm-del{position:absolute;top:-4px;right:-4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.6rem;opacity:0;transition:opacity .15s;color:var(--text-primary)}.bm-item:hover .bm-del{opacity:1}.bm-add{background:transparent;border:2px dashed var(--border);border-radius:8px;width:48px;height:48px;cursor:pointer;font-size:1.2rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.bm-add:hover{border-color:var(--accent);color:var(--accent)}.bm-layout-list .bm-add{width:100%;height:32px}.bm-add-form{display:flex;flex-direction:column;gap:6px;margin-top:8px}.sw-widget.sw-style-dark,.timer-widget.timer-style-dark,.alarm-widget.alarm-style-dark,.notes-widget.notes-style-dark,.todo-widget.todo-style-dark,.pomodoro-widget.pomodoro-style-dark,.bookmarks-widget.bookmarks-style-dark{--bg-panel: #0d0d0d;--bg-secondary: #1a1a1a;--border: #333;--text-primary: #e0e0e0;--text-secondary: #888;--accent: #fff}.sw-widget.sw-style-neon,.timer-widget.timer-style-neon,.alarm-widget.alarm-style-neon,.notes-widget.notes-style-neon,.todo-widget.todo-style-neon,.pomodoro-widget.pomodoro-style-neon,.bookmarks-widget.bookmarks-style-neon{--bg-panel: #050510;--bg-secondary: #0a0a20;--border: #00ff88;--text-primary: #00ff88;--text-secondary: #00cc66;--accent: #00ff88}.sw-widget.sw-style-retro,.timer-widget.timer-style-retro,.alarm-widget.alarm-style-retro,.notes-widget.notes-style-retro,.todo-widget.todo-style-retro,.pomodoro-widget.pomodoro-style-retro,.bookmarks-widget.bookmarks-style-retro{--bg-panel: #1a0a00;--bg-secondary: #2a1500;--border: #ff6600;--text-primary: #ffcc00;--text-secondary: #ff9900;--accent: #ff6600}.sw-widget.sw-style-glass,.timer-widget.timer-style-glass,.alarm-widget.alarm-style-glass,.notes-widget.notes-style-glass,.todo-widget.todo-style-glass,.pomodoro-widget.pomodoro-style-glass,.bookmarks-widget.bookmarks-style-glass{background:#ffffff14!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff26!important}.sw-widget.sw-style-paper,.timer-widget.timer-style-paper,.alarm-widget.alarm-style-paper,.notes-widget.notes-style-paper,.todo-widget.todo-style-paper,.pomodoro-widget.pomodoro-style-paper,.bookmarks-widget.bookmarks-style-paper{--bg-panel: #fdf6e3;--bg-secondary: #f5ead0;--border: #d4c5a0;--text-primary: #433422;--text-secondary: #8b7355;--accent: #8b4513;--on-accent: #fff}.sw-widget.sw-style-terminal,.timer-widget.timer-style-terminal,.alarm-widget.alarm-style-terminal,.notes-widget.notes-style-terminal,.todo-widget.todo-style-terminal,.pomodoro-widget.pomodoro-style-terminal,.bookmarks-widget.bookmarks-style-terminal{--bg-panel: #001100;--bg-secondary: #002200;--border: #00aa00;--text-primary: #00ff00;--text-secondary: #009900;--accent: #00ff00;font-family:Courier New,monospace}.sw-widget.sw-style-cosmic,.timer-widget.timer-style-cosmic,.alarm-widget.alarm-style-cosmic,.notes-widget.notes-style-cosmic,.todo-widget.todo-style-cosmic,.pomodoro-widget.pomodoro-style-cosmic,.bookmarks-widget.bookmarks-style-cosmic{--bg-panel: #0d0221;--bg-secondary: #1a0442;--border: #7b2ff7;--text-primary: #e0cfff;--text-secondary: #9b6fff;--accent: #bf5fff}.sw-widget.sw-style-nature,.timer-widget.timer-style-nature,.alarm-widget.alarm-style-nature,.notes-widget.notes-style-nature,.todo-widget.todo-style-nature,.pomodoro-widget.pomodoro-style-nature,.bookmarks-widget.bookmarks-style-nature{--bg-panel: #1a2e1a;--bg-secondary: #243824;--border: #4a7c4a;--text-primary: #c8e6c8;--text-secondary: #88bb88;--accent: #66bb6a}.sw-widget.sw-style-elegant,.timer-widget.timer-style-elegant,.alarm-widget.alarm-style-elegant,.notes-widget.notes-style-elegant,.todo-widget.todo-style-elegant,.pomodoro-widget.pomodoro-style-elegant,.bookmarks-widget.bookmarks-style-elegant{--bg-panel: #1c1410;--bg-secondary: #2a1e18;--border: #c8a882;--text-primary: #f5e6d3;--text-secondary: #c8a882;--accent: #d4aa70;--on-accent: #1c1410}.desktop-count-row{display:flex;margin-top:8px}.desktop-count-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 7px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:0;cursor:pointer;transition:all .15s;color:var(--text-secondary);margin-left:-1px}.desktop-count-btn:first-child{border-radius:var(--radius, 8px) 0 0 var(--radius, 8px);margin-left:0}.desktop-count-btn:last-child{border-radius:0 var(--radius, 8px) var(--radius, 8px) 0}.desktop-count-btn.active{border-color:var(--accent);background:var(--bg-panel);color:var(--text-primary);z-index:1}.desktop-count-btn:hover:not(.active){border-color:var(--accent);color:var(--text-primary);z-index:1}.desktop-count-icon{display:flex;gap:2px;align-items:flex-end;height:16px}.desktop-count-rect{display:block;width:6px;height:12px;background:currentColor;border-radius:1px;opacity:.7}.desktop-count-btn.active .desktop-count-rect{opacity:1;background:var(--accent)}.desktop-count-num{font-size:.7rem;font-weight:600;letter-spacing:.02em}.desktop-accordion{margin-top:10px}.desktop-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;font-weight:600;padding:10px 14px;cursor:pointer;transition:all .15s}.desktop-accordion-trigger:hover{border-color:var(--accent)}.desktop-accordion.open .desktop-accordion-trigger{border-radius:8px 8px 0 0;border-bottom-color:transparent}.desktop-accordion-chevron{font-size:.75rem;color:var(--text-secondary)}.desktop-accordion-body{border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;padding:8px 12px 12px;background:color-mix(in srgb,var(--bg-secondary) 30%,transparent)}.desktop-sub-section{margin-top:14px}.desktop-sub-section:first-child{margin-top:4px}.wallpaper-standalone{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.desktop-sub-label{font-size:.72rem;letter-spacing:.02em;color:var(--text-secondary);margin-bottom:8px}.desktop-thumb-row{display:flex}.desktop-thumb{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:-1px}.desktop-thumb:first-child{margin-left:0}.desktop-thumb-screen{width:100%;height:36px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:0;position:relative;transition:border-color .15s;overflow:hidden}.desktop-thumb:first-child .desktop-thumb-screen{border-radius:var(--radius, 6px) 0 0 var(--radius, 6px)}.desktop-thumb:last-child .desktop-thumb-screen{border-radius:0 var(--radius, 6px) var(--radius, 6px) 0}.desktop-thumb.active .desktop-thumb-screen{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-secondary));box-shadow:0 0 0 1px var(--accent);z-index:2}.desktop-thumb:hover:not(.active) .desktop-thumb-screen{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));z-index:1}.desktop-thumb-widget{position:absolute;background:var(--border);border-radius:2px;transition:background .15s}.desktop-thumb.active .desktop-thumb-widget{background:color-mix(in srgb,var(--accent) 50%,var(--border))}.desktop-thumb-w1{width:22px;height:12px;top:5px;left:5px}.desktop-thumb-w2{width:14px;height:10px;top:8px;right:5px;border-radius:50%}.desktop-thumb-num{font-size:.72rem;font-weight:600;color:var(--text-secondary)}.desktop-thumb.active .desktop-thumb-num{color:var(--accent)}.desktop-nav-style-row{display:flex}.desktop-nav-opt{flex:1;min-width:50px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:0;cursor:pointer;transition:all .15s;margin-left:-1px}.desktop-nav-opt:first-child{border-radius:var(--radius, 8px) 0 0 var(--radius, 8px);margin-left:0}.desktop-nav-opt:last-child{border-radius:0 var(--radius, 8px) var(--radius, 8px) 0}.desktop-nav-opt.active{border-color:var(--accent);background:var(--bg-panel);z-index:1}.desktop-nav-opt:hover:not(.active){border-color:var(--accent);z-index:1}.desktop-nav-demo{display:flex;align-items:center;gap:3px;height:16px}.desktop-nav-opt-label{font-size:.6rem;letter-spacing:.02em;color:var(--text-secondary)}.desktop-nav-opt.active .desktop-nav-opt-label{color:var(--accent)}.desktop-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.desktop-pill{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.desktop-pill.active{border-color:var(--accent);background:var(--accent);color:var(--on-accent, var(--bg-primary))}.desktop-pill:hover:not(.active){border-color:var(--accent);color:var(--accent)}.nav-style-pills{display:flex;gap:6px;margin-top:4px}.nav-style-pill{width:40px;height:32px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.nav-style-pill.active{border-color:var(--accent);background:var(--bg-panel)}.nav-style-pill:hover:not(.active){border-color:var(--accent)}.nav-style-preview{display:block;background:var(--text-secondary);border-radius:50%;transition:background .15s}.nav-style-pill.active .nav-style-preview{background:var(--accent)}.nav-style-preview--circles{width:8px;height:8px;border-radius:50%}.nav-style-preview--squares{width:8px;height:8px;border-radius:1px}.nav-style-preview--bars{width:4px;height:14px;border-radius:2px}.nav-style-preview--numbers{width:16px;height:16px;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.nav-style-pill.active .nav-style-preview--numbers{color:var(--accent)}.nav-style-preview--rectangles{width:18px;height:6px;border-radius:3px}.wallpaper-dropzone{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:10px;border:2px dashed var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.wallpaper-dropzone:hover,.wallpaper-dropzone.drag-over{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-secondary))}.wallpaper-dropzone.has-image{border-style:solid;color:var(--accent);border-color:var(--accent)}.wallpaper-dropzone-icon{font-size:1.1rem}.wallpaper-remove-btn{display:flex;align-items:center;gap:5px;margin-top:6px;width:100%;justify-content:center}.wallpaper-remove-btn svg{width:13px;height:13px}.wz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#08070f;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.wz-inner{position:relative;z-index:1;width:100%;max-width:720px;display:flex;flex-direction:column;gap:32px;padding:40px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:#0e0c1cd9}.wz-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.wz-close{font-size:.7rem;color:#6e698a;background:none;border:none;cursor:pointer;padding:0;transition:color .15s;font-family:DM Mono,monospace;letter-spacing:.08em}.wz-close:hover{color:#f2eefc}.wz-progress{display:flex;gap:5px}.wz-progress-dot{width:5px;height:5px;border-radius:50%;background:#ffffff12;transition:background .2s}.wz-progress-dot--active{background:#e9b949}.wz-progress-dot--done{background:#e9b94947}.wz-step-label{font-size:.55rem;color:#342f50;font-family:DM Mono,monospace;letter-spacing:.14em}.wz-body{display:flex;flex-direction:column;gap:24px}.wz-titles{display:flex;flex-direction:column;gap:8px}.wz-title{font-family:Big Shoulders Display,sans-serif;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#f2eefc;margin:0;letter-spacing:.02em;text-transform:uppercase}.wz-hint{font-size:.82rem;color:#6e698a;margin:0;line-height:1.68;font-family:DM Sans,sans-serif}.wz-hint--small{font-size:.75rem;margin-top:.25rem;font-style:italic}.wz-widgets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.wz-widget-card{position:relative;background:#16133099;border:1px solid rgba(255,255,255,.055);border-radius:5px;padding:14px 12px;cursor:pointer;transition:border-color .14s,background .14s;display:flex;flex-direction:column;gap:6px}.wz-widget-card--on{border-color:#e9b949;background:#e9b9490f}.wz-widget-card:hover{border-color:#ffffff24}.wz-widget-card--on:hover{border-color:#f0c758}.wz-widget-check{position:absolute;top:7px;right:9px;font-size:.6rem;color:#e9b949;font-weight:700;font-family:DM Mono,monospace}.wz-widget-icon{color:#6e698a}.wz-widget-card--on .wz-widget-icon{color:#e9b949}.wz-widget-name{font-size:.76rem;font-weight:600;color:#c8c0dc;line-height:1.3;font-family:DM Sans,sans-serif}.wz-widget-desc{font-size:.67rem;color:#9590b0;line-height:1.5;font-family:DM Sans,sans-serif}.wz-select-all{text-align:left}.wz-link-btn{background:none;border:none;cursor:pointer;color:#6e698a;font-size:.7rem;font-family:DM Mono,monospace;text-decoration:underline;transition:color .15s;padding:0;letter-spacing:.06em}.wz-link-btn:hover{color:#f2eefc}.wz-earnings-form{display:flex;flex-direction:column;gap:16px}.wz-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px}.wz-theme-tile{position:relative;background:none;border:1px solid rgba(255,255,255,.06);border-radius:5px;overflow:hidden;cursor:pointer;transition:border-color .14s;padding:0 0 8px;display:flex;flex-direction:column;align-items:center}.wz-theme-tile--on{border-color:#e9b949}.wz-theme-tile:hover{border-color:#ffffff2e}.wz-theme-swatch{width:100%;height:52px;display:flex;align-items:flex-end;padding:6px;position:relative}.wz-theme-accent{position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%}.wz-theme-bars{display:flex;flex-direction:column;gap:2px;width:100%}.wz-theme-bars>div{height:2px;border-radius:1px}.wz-theme-name{font-size:.63rem;color:#6e698a;margin-top:6px;font-weight:500;font-family:DM Mono,monospace;letter-spacing:.05em}.wz-theme-check{position:absolute;top:4px;left:6px;font-size:.56rem;color:#e9b949;font-weight:700}.wz-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.wz-btn-back{background:none;border:1px solid rgba(255,255,255,.07);border-radius:3px;padding:11px 18px;color:#6e698a;font-size:.74rem;cursor:pointer;transition:color .13s,border-color .13s;font-family:DM Mono,monospace;letter-spacing:.06em}.wz-btn-back:hover{color:#f2eefc;border-color:#ffffff29}.wz-btn-next{flex:1;padding:13px 24px;background:#e9b949;color:#08070f;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:3px;cursor:pointer;transition:background .13s,transform .1s,box-shadow .13s;font-family:DM Mono,monospace}.wz-btn-next:hover:not(:disabled){background:#f0c758;transform:translateY(-1px);box-shadow:0 4px 16px #e9b94933}.wz-btn-next:disabled{opacity:.25;cursor:not-allowed}@media(max-width:560px){.wz-inner{padding:24px 16px}.wz-widgets-grid{grid-template-columns:1fr 1fr}.wz-theme-grid{grid-template-columns:repeat(3,1fr)}}.sw-style-digital .sw-time{font-size:2.2rem;font-family:JetBrains Mono,monospace;letter-spacing:.05em;color:var(--text-primary);padding:16px 20px;text-align:center}.sw-style-ring{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.sw-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.sw-ring-bg{fill:none;stroke:var(--border);stroke-width:6}.sw-ring-fill{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .05s linear}.sw-ring-time{position:absolute;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-primary);text-align:center;pointer-events:none}.sw-style-tape{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.sw-tape-display{display:flex;align-items:center;gap:2px;background:var(--bg-secondary);border-radius:8px;padding:8px 12px;border:1px solid var(--border)}.sw-tape-block{display:flex;gap:2px}.sw-tape-digit{display:inline-block;width:28px;height:44px;line-height:44px;text-align:center;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--accent);background:var(--bg-primary);border-radius:4px;border:1px solid var(--border);box-shadow:inset 0 2px 4px #0000004d}.sw-tape-sep{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--text-secondary);padding:0 2px;line-height:44px}.timer-style-flip{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.timer-flip-display{display:flex;align-items:center;gap:4px}.timer-flip-colon{font-size:2rem;font-weight:700;color:var(--text-secondary);line-height:1;margin:0 2px}.timer-flip-block{display:flex;gap:2px}.timer-flip-digit{width:36px;height:52px;position:relative;border-radius:6px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 4px 8px #0000004d}.timer-flip-top,.timer-flip-bot{position:absolute;width:100%;height:50%;overflow:hidden;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;color:var(--text-primary);line-height:52px;text-align:center}.timer-flip-top{top:0;border-bottom:1px solid rgba(0,0,0,.3);background:linear-gradient(to bottom,var(--bg-panel) 0%,var(--bg-secondary) 100%)}.timer-flip-bot{bottom:0;line-height:0;padding-top:2px;background:linear-gradient(to bottom,var(--bg-secondary) 0%,var(--bg-panel) 100%)}.timer-flip-bar{width:100%;max-width:200px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.timer-flip-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width 1s linear}.timer-style-bar{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;min-width:200px}.timer-bar-time{font-family:JetBrains Mono,monospace;font-size:2.4rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em}.timer-bar-track{width:100%;height:12px;background:var(--border);border-radius:6px;overflow:hidden}.timer-bar-fill{height:100%;background:var(--accent);border-radius:6px;transition:width 1s linear}.timer-done .timer-bar-fill{background:#ef4444}.alarm-style-clock .alarm-clock-next{text-align:center;padding:16px 20px;background:var(--bg-secondary);border-radius:8px;margin-bottom:12px;border:1px solid var(--border)}.alarm-clock-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:4px}.alarm-clock-time{font-family:JetBrains Mono,monospace;font-size:2.8rem;font-weight:700;color:var(--accent);letter-spacing:.05em;line-height:1}.alarm-clock-name{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.alarm-list--compact .alarm-item{padding:6px 8px;font-size:.85rem}.alarm-style-cards{padding:12px}.alarm-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.alarm-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius, 10px);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:80px}.alarm-card.ringing{border-color:var(--accent);box-shadow:0 0 12px var(--accent);animation:alarm-pulse .5s ease infinite alternate}@keyframes alarm-pulse{to{box-shadow:0 0 24px var(--accent)}}.alarm-card.alarm-card--off{opacity:.45}.alarm-card-time{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em}.alarm-card-label{font-size:.75rem;color:var(--text-secondary)}.alarm-card-actions{display:flex;gap:4px;margin-top:4px}.alarm-card--add{border-style:dashed;font-size:1rem;color:var(--text-secondary);cursor:pointer;background:transparent;justify-content:center}.notes-style-paper{background:#f5f0e8;border-radius:6px}.notes-style-paper .notes-ta--paper{background:transparent;color:#2a1f0a;font-family:Patrick Hand,Caveat,cursive,sans-serif;font-size:1.05rem;line-height:2;background-image:repeating-linear-gradient(transparent,transparent calc(2em - 1px),#b8c8d8 calc(2em - 1px),#b8c8d8 2em);border:none;resize:none;width:100%;padding:4px 16px 4px 44px;min-height:160px;border-left:2px solid #e07070;box-sizing:border-box;outline:none}.notes-style-paper .notes-ta--paper::placeholder{color:#b09060}.notes-style-grid{background:var(--bg-panel);border-radius:6px}.notes-style-grid .notes-ta--grid{background:transparent;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;line-height:1.75;background-image:repeating-linear-gradient(to right,color-mix(in srgb,var(--border) 40%,transparent) 0px,color-mix(in srgb,var(--border) 40%,transparent) 1px,transparent 1px,transparent 1.75em),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--border) 40%,transparent) 0px,color-mix(in srgb,var(--border) 40%,transparent) 1px,transparent 1px,transparent 1.75em);background-size:1.75em 1.75em;border:none;resize:none;width:100%;padding:4px 12px;min-height:160px;box-sizing:border-box;outline:none}.notes-style-grid .notes-ta--grid::placeholder{color:var(--text-secondary);opacity:.5}.notes-style-terminal{background:#0c0c0c;border-radius:6px;overflow:hidden;border:1px solid #333}.notes-term-bar{background:#1a1a1a;padding:6px 10px;display:flex;gap:6px;border-bottom:1px solid #333}.notes-term-dot{width:10px;height:10px;border-radius:50%;background:#444}.notes-term-dot:nth-child(1){background:#ff5f56}.notes-term-dot:nth-child(2){background:#ffbd2e}.notes-term-dot:nth-child(3){background:#27c93f}.notes-term-prompt{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#27c93f;padding:6px 12px 0}.notes-ta--terminal{background:transparent;color:#3f3;font-family:JetBrains Mono,monospace;font-size:.9rem;border:none;resize:none;width:100%;padding:6px 12px 12px;outline:none;line-height:1.6;box-sizing:border-box}.notes-ta--terminal::placeholder{color:#2a5a2a}.todo-style-board{padding:12px;min-width:260px}.todo-board-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.todo-board-col{background:var(--bg-secondary);border-radius:8px;padding:8px;border:1px solid var(--border);min-height:80px;max-height:40vh;overflow-y:auto}.todo-board-col--done{opacity:.75}.todo-board-head{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.todo-clear-done{background:none;border:none;color:var(--text-secondary);font-size:.65rem;cursor:pointer;padding:0 2px;opacity:.5;transition:opacity .2s,color .2s}.todo-clear-done:hover{opacity:1;color:var(--accent)}.todo-board-item{display:flex;align-items:center;gap:4px;padding:4px 0;font-size:.85rem;color:var(--text-primary)}.todo-board-item .todo-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-board-item--done .todo-text{text-decoration:line-through;color:var(--text-secondary)}.todo-check--done{background:transparent;border:none;color:var(--accent);cursor:pointer;padding:2px 4px;font-size:.85rem}.todo-style-progress{padding:12px}.todo-progress-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}.todo-progress-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.todo-progress-pct{position:absolute;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:700;color:var(--text-primary);text-align:center}.todo-progress-info{flex:1}.todo-progress-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.todo-progress-count{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:700;color:var(--text-primary)}.pomodoro-style-grid{padding:14px}.pomodoro-grid-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:12px}.pomodoro-grid-time{font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:700;color:var(--text-primary)}.pomodoro-session-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.pom-cell{height:28px;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border);transition:background .3s}.pom-cell--done{background:var(--accent);border-color:var(--accent)}.pom-cell--active{background:color-mix(in srgb,var(--accent) 40%,transparent);border-color:var(--accent);animation:pom-pulse 1s ease infinite alternate}@keyframes pom-pulse{to{opacity:.5}}.pomodoro-style-minimal{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.pomodoro-minimal-phase{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.pomodoro-minimal-time{font-family:JetBrains Mono,monospace;font-size:4rem;font-weight:700;line-height:1;color:var(--text-primary);letter-spacing:.02em}.pomodoro-style-minimal.pomodoro-phase-work .pomodoro-minimal-time{color:var(--accent)}.pomodoro-style-bars{padding:14px}.pomodoro-bars-row{display:flex;gap:6px;align-items:flex-end;height:60px;margin-bottom:12px}.pom-bar{flex:1;height:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.pom-bar-fill{background:var(--accent);border-radius:2px 2px 0 0;transition:height .9s linear;min-height:0}.pomodoro-style-pendulum{padding:16px;min-width:140px}.pomodoro-pendulum-wrap{position:relative;width:100px;height:100px;display:flex;align-items:flex-start;justify-content:center}.pomodoro-pendulum-arm{position:absolute;top:0;left:50%;width:2px;height:80px;background:var(--text-secondary);transform-origin:top center;transform:rotate(0);margin-left:-1px}.pomodoro-pendulum-arm.swinging{animation:pom-pendulum 2s ease-in-out infinite}.pomodoro-pendulum-bob{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:var(--accent)}.pomodoro-pendulum-base{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--text-secondary);z-index:1}@keyframes pom-pendulum{0%,to{transform:rotate(-30deg)}50%{transform:rotate(30deg)}}.pomodoro-style-rpendulum{padding:16px;min-width:140px}.pomodoro-rpendulum-wrap{position:relative;width:100px;height:100px;display:flex;align-items:flex-end;justify-content:center}.pomodoro-rpendulum-arm{position:absolute;bottom:0;left:50%;width:3px;height:80px;background:var(--text-secondary);transform-origin:bottom center;transform:rotate(0);margin-left:-1.5px;border-radius:2px 2px 0 0}.pomodoro-rpendulum-arm.swinging{animation:pom-rpendulum 2s ease-in-out infinite}.pomodoro-rpendulum-bob{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:3px;background:var(--accent)}.pomodoro-rpendulum-base{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:24px;height:4px;border-radius:2px;background:var(--text-secondary);z-index:1}@keyframes pom-rpendulum{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.pomodoro-style-cradle{padding:16px;min-width:180px}.pomodoro-cradle-wrap{position:relative;width:140px;height:90px;margin:0 auto}.pomodoro-cradle-frame{position:absolute;top:0;left:10px;right:10px;height:3px;background:var(--text-secondary);border-radius:2px}.pomodoro-cradle-string{position:absolute;top:3px;width:2px;height:55px;background:var(--text-secondary);transform-origin:top center;opacity:.6}.pomodoro-cradle-string--0{left:39px}.pomodoro-cradle-string--1{left:57px}.pomodoro-cradle-string--2{left:75px}.pomodoro-cradle-string--3{left:93px}.pomodoro-cradle-ball{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:0 2px 6px #0000004d}.pomodoro-cradle-wrap.swinging .pomodoro-cradle-string--0{animation:cradle-L 1.6s infinite}.pomodoro-cradle-wrap.swinging .pomodoro-cradle-string--3{animation:cradle-R 1.6s infinite}@keyframes cradle-R{0%{transform:rotate(0);animation-timing-function:ease-out}25%{transform:rotate(-35deg);animation-timing-function:ease-in}50%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes cradle-L{0%{transform:rotate(0)}50%{transform:rotate(0);animation-timing-function:ease-out}75%{transform:rotate(35deg);animation-timing-function:ease-in}to{transform:rotate(0)}}.bookmarks-style-list{padding:8px;min-width:180px}.bm-list-items{display:flex;flex-direction:column;gap:2px}.bm-list-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;transition:background .15s}.bm-list-item:hover{background:var(--bg-secondary)}.bm-fav--sm{width:16px;height:16px;border-radius:2px}.bm-list-title{flex:1;font-size:.9rem;color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-list-title:hover{color:var(--accent)}.bookmarks-style-dock{padding:8px}.bm-dock-bar{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:8px 14px;flex-wrap:wrap}.bm-dock-item{position:relative;display:flex;flex-direction:column;align-items:center}.bm-dock-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-panel);border:1px solid var(--border);transition:transform .15s,background .15s;text-decoration:none}.bm-dock-link:hover{transform:translateY(-3px) scale(1.1);background:var(--bg-secondary)}.bm-fav--dock{width:20px;height:20px;border-radius:3px}.bm-letter{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--accent);border-radius:4px;font-size:.7rem;font-weight:700;color:var(--on-accent, var(--bg-primary))}.bm-del--dock{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:.55rem;cursor:pointer;display:none;align-items:center;justify-content:center;padding:0;line-height:1}.bm-dock-item:hover .bm-del--dock{display:flex}.bm-dock-add{width:36px;height:36px;border-radius:8px;background:transparent;border:1px dashed var(--border);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.bm-dock-add:hover{border-color:var(--accent);color:var(--accent)}