@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;color:var(--text-primary);transition:background .3s ease,color .3s ease;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;z-index:-1;transition:opacity .5s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#667eea80;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#667eeab3}.container{max-width:1200px;width:100%;margin:0 auto;position:relative;z-index:1}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}*:focus-visible{outline:3px solid var(--accent-color);outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-color);outline-offset:3px;box-shadow:0 0 0 3px #a78bfa33}.skip-to-main{position:absolute;top:-100px;left:50%;transform:translate(-50%);z-index:10000;padding:12px 24px;background:var(--accent-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:top .3s ease}.skip-to-main:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--accent-color);animation:spin .8s linear infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none;border-top-color:var(--accent-color)}}[data-theme=winter] .collapsible-section{position:relative;overflow:visible}[data-theme=winter] .collapsible-section:nth-of-type(1):before{content:"";position:absolute;top:-3px;left:-10px;right:-10px;height:18px;background:radial-gradient(circle at 12% 30%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 20%,transparent 45%),radial-gradient(circle at 28% 15%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 25%,transparent 50%),radial-gradient(ellipse 25% 120% at 45% 0%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.55) 40%,transparent 65%),radial-gradient(circle at 62% 20%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.82) 22%,transparent 48%),radial-gradient(ellipse 22% 140% at 80% 0%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.6) 38%,transparent 62%),radial-gradient(ellipse 18% 110% at 95% 0%,rgba(255,255,255,.8) 0%,rgba(255,255,255,.5) 42%,transparent 68%),linear-gradient(to bottom,rgba(255,255,255,.9) 0%,rgba(255,255,255,.65) 50%,transparent 100%);border-radius:0 0 48% 45%/0 0 85% 90%;box-shadow:0 4px 12px #ffffff59,0 2px 4px #93c5fd66,inset 0 -3px 8px #93c5fd40,inset 0 2px 4px #fff9;pointer-events:none;z-index:10;filter:blur(.3px)}[data-theme=winter] .collapsible-section:nth-of-type(2):before{content:"";position:absolute;top:-4px;left:-10px;right:-10px;height:20px;background:radial-gradient(circle at 8% 25%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.75) 22%,transparent 48%),radial-gradient(ellipse 20% 130% at 22% 0%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.7) 35%,transparent 60%),radial-gradient(circle at 40% 35%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 18%,transparent 42%),radial-gradient(ellipse 28% 150% at 58% 0%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.75) 32%,transparent 58%),radial-gradient(circle at 78% 20%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.85) 20%,transparent 46%),radial-gradient(ellipse 18% 125% at 92% 0%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.65) 38%,transparent 64%),linear-gradient(to bottom,rgba(255,255,255,.92) 0%,rgba(255,255,255,.68) 48%,transparent 100%);border-radius:0 0 52% 50%/0 0 90% 88%;box-shadow:0 5px 14px #ffffff61,0 2px 5px #93c5fd73,inset 0 -4px 9px #93c5fd47,inset 0 2px 5px #ffffffa6;pointer-events:none;z-index:10;filter:blur(.35px)}[data-theme=winter] .collapsible-section:nth-of-type(3):before{content:"";position:absolute;top:-5px;left:-10px;right:-10px;height:24px;background:radial-gradient(circle at 5% 35%,rgba(255,255,255,1) 0%,rgba(255,255,255,.92) 16%,transparent 40%),radial-gradient(circle at 18% 20%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.88) 20%,transparent 44%),radial-gradient(ellipse 22% 145% at 32% 0%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.8) 30%,transparent 56%),radial-gradient(circle at 50% 28%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.85) 18%,transparent 42%),radial-gradient(ellipse 25% 135% at 68% 0%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 32%,transparent 58%),radial-gradient(circle at 82% 22%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.82) 20%,transparent 46%),radial-gradient(ellipse 20% 120% at 95% 0%,rgba(255,255,255,.86) 0%,rgba(255,255,255,.6) 36%,transparent 62%),linear-gradient(to bottom,rgba(255,255,255,.95) 0%,rgba(255,255,255,.72) 45%,transparent 100%);border-radius:0 0 55% 48%/0 0 95% 92%;box-shadow:0 6px 16px #ffffff6b,0 3px 6px #93c5fd80,inset 0 -5px 10px #93c5fd52,inset 0 3px 6px #ffffffb3;pointer-events:none;z-index:10;filter:blur(.4px)}[data-theme=winter] .collapsible-section-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:12px;pointer-events:none;z-index:5;filter:blur(.3px)}[data-theme=winter] .collapsible-section:nth-of-type(1) .collapsible-section-header:after{background:radial-gradient(ellipse 3px 10px at 8% 0%,rgba(255,255,255,.78),transparent 70%),radial-gradient(ellipse 2px 7px at 16% 0%,rgba(255,255,255,.65),transparent 70%),radial-gradient(ellipse 3px 11px at 25% 0%,rgba(255,255,255,.8),transparent 70%),radial-gradient(ellipse 2px 8px at 34% 0%,rgba(255,255,255,.7),transparent 70%),radial-gradient(ellipse 3px 9px at 43% 0%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 2px 6px at 52% 0%,rgba(255,255,255,.6),transparent 70%),radial-gradient(ellipse 3px 10px at 61% 0%,rgba(255,255,255,.78),transparent 70%),radial-gradient(ellipse 2px 7px at 70% 0%,rgba(255,255,255,.65),transparent 70%),radial-gradient(ellipse 3px 8px at 80% 0%,rgba(255,255,255,.72),transparent 70%),radial-gradient(ellipse 2px 9px at 90% 0%,rgba(255,255,255,.75),transparent 70%)}[data-theme=winter] .collapsible-section:nth-of-type(2) .collapsible-section-header:after{background:radial-gradient(ellipse 2px 8px at 5% 0%,rgba(255,255,255,.7),transparent 70%),radial-gradient(ellipse 3px 11px at 14% 0%,rgba(255,255,255,.82),transparent 70%),radial-gradient(ellipse 2px 7px at 22% 0%,rgba(255,255,255,.68),transparent 70%),radial-gradient(ellipse 3px 10px at 31% 0%,rgba(255,255,255,.78),transparent 70%),radial-gradient(ellipse 2px 12px at 40% 0%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 3px 8px at 50% 0%,rgba(255,255,255,.72),transparent 70%),radial-gradient(ellipse 2px 9px at 60% 0%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 3px 11px at 70% 0%,rgba(255,255,255,.8),transparent 70%),radial-gradient(ellipse 2px 7px at 80% 0%,rgba(255,255,255,.68),transparent 70%),radial-gradient(ellipse 3px 10px at 88% 0%,rgba(255,255,255,.78),transparent 70%),radial-gradient(ellipse 2px 8px at 95% 0%,rgba(255,255,255,.7),transparent 70%)}[data-theme=winter] .collapsible-section:nth-of-type(3) .collapsible-section-header:after{background:radial-gradient(ellipse 3px 12px at 4% 0%,rgba(255,255,255,.85),transparent 70%),radial-gradient(ellipse 2px 9px at 11% 0%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 3px 11px at 18% 0%,rgba(255,255,255,.82),transparent 70%),radial-gradient(ellipse 2px 10px at 26% 0%,rgba(255,255,255,.78),transparent 70%),radial-gradient(ellipse 3px 8px at 34% 0%,rgba(255,255,255,.72),transparent 70%),radial-gradient(ellipse 2px 11px at 42% 0%,rgba(255,255,255,.8),transparent 70%),radial-gradient(ellipse 3px 13px at 50% 0%,rgba(255,255,255,.88),transparent 70%),radial-gradient(ellipse 2px 9px at 58% 0%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 3px 10px at 66% 0%,rgba(255,255,255,.78),transparent 70%),radial-gradient(ellipse 2px 8px at 74% 0%,rgba(255,255,255,.7),transparent 70%),radial-gradient(ellipse 3px 11px at 82% 0%,rgba(255,255,255,.82),transparent 70%),radial-gradient(ellipse 2px 7px at 90% 0%,rgba(255,255,255,.68),transparent 70%),radial-gradient(ellipse 3px 9px at 96% 0%,rgba(255,255,255,.75),transparent 70%)}[data-theme=winter] .collapsible-section-header,[data-theme=winter] .presets-toggle-header{position:relative}[data-theme=winter] header>h1:after{content:"❄";position:absolute;top:-5px;right:-30px;font-size:1.5em;opacity:.25;animation:gentleFloat 6s ease-in-out infinite;pointer-events:none}[data-theme=winter] header>h1{position:relative}@keyframes gentleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(10deg)}}:root,body{--bg-primary: #0a0e27;--bg-gradient-1: rgba(120, 119, 198, .15);--bg-gradient-2: rgba(76, 175, 203, .15);--bg-gradient-3: rgba(168, 85, 247, .1);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--card-hover-bg: rgba(255, 255, 255, .08);--button-bg: rgba(255, 255, 255, .1);--button-hover-bg: rgba(255, 255, 255, .15);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent-color: #a78bfa;--success-color: #10b981;--danger-color: #ef4444;--modal-bg: rgba(15, 23, 42, .95);--overlay-bg: rgba(0, 0, 0, .7)}body[data-theme=light],[data-theme=light]{--bg-primary: #fffbf5;--bg-gradient-1: rgba(254, 226, 226, .25);--bg-gradient-2: rgba(254, 243, 199, .25);--bg-gradient-3: rgba(255, 237, 213, .2);--text-primary: #292524;--text-secondary: #57534e;--text-muted: #78716c;--card-bg: rgba(255, 255, 255, .6);--card-border: rgba(217, 119, 6, .2);--card-hover-bg: rgba(255, 255, 255, .75);--button-bg: rgba(251, 191, 36, .12);--button-hover-bg: rgba(251, 191, 36, .2);--gradient-primary: linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #fb923c 100%);--gradient-secondary: linear-gradient(135deg, #f59e0b 0%, #fb923c 100%);--accent-color: #ea580c;--success-color: #16a34a;--danger-color: #dc2626;--modal-bg: rgba(255, 255, 255, .95);--overlay-bg: rgba(41, 37, 36, .4)}body[data-theme=focus],[data-theme=focus]{--bg-primary: #1a1a2e;--bg-gradient-1: rgba(234, 88, 12, .1);--bg-gradient-2: rgba(239, 68, 68, .08);--bg-gradient-3: rgba(251, 146, 60, .06);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(251, 146, 60, .2);--card-hover-bg: rgba(255, 255, 255, .05);--button-bg: rgba(251, 146, 60, .1);--button-hover-bg: rgba(251, 146, 60, .2);--gradient-primary: linear-gradient(135deg, #ea580c 0%, #dc2626 50%, #fb923c 100%);--gradient-secondary: linear-gradient(135deg, #ea580c 0%, #dc2626 100%);--accent-color: #fb923c;--success-color: #10b981;--danger-color: #ef4444;--modal-bg: rgba(26, 26, 46, .98);--overlay-bg: rgba(0, 0, 0, .8)}body[data-theme=forest],[data-theme=forest]{--bg-primary: #0f1a14;--bg-gradient-1: rgba(34, 139, 34, .12);--bg-gradient-2: rgba(46, 125, 50, .1);--bg-gradient-3: rgba(76, 175, 80, .08);--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-muted: #81c784;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(76, 175, 80, .2);--card-hover-bg: rgba(255, 255, 255, .06);--button-bg: rgba(76, 175, 80, .15);--button-hover-bg: rgba(76, 175, 80, .25);--gradient-primary: linear-gradient(135deg, #2e7d32 0%, #388e3c 50%, #4caf50 100%);--gradient-secondary: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%);--accent-color: #66bb6a;--success-color: #4caf50;--danger-color: #ef5350;--modal-bg: rgba(15, 26, 20, .98);--overlay-bg: rgba(0, 0, 0, .75)}body[data-theme=ocean],[data-theme=ocean]{--bg-primary: #0a1929;--bg-gradient-1: rgba(25, 118, 210, .12);--bg-gradient-2: rgba(30, 136, 229, .1);--bg-gradient-3: rgba(66, 165, 245, .08);--text-primary: #e3f2fd;--text-secondary: #90caf9;--text-muted: #64b5f6;--card-bg: rgba(255, 255, 255, .04);--card-border: rgba(66, 165, 245, .2);--card-hover-bg: rgba(255, 255, 255, .06);--button-bg: rgba(66, 165, 245, .15);--button-hover-bg: rgba(66, 165, 245, .25);--gradient-primary: linear-gradient(135deg, #1976d2 0%, #1e88e5 50%, #42a5f5 100%);--gradient-secondary: linear-gradient(135deg, #1976d2 0%, #42a5f5 100%);--accent-color: #42a5f5;--success-color: #26a69a;--danger-color: #ef5350;--modal-bg: rgba(10, 25, 41, .98);--overlay-bg: rgba(0, 0, 0, .75)}body[data-theme=winter],[data-theme=winter]{--bg-primary: #1a2332;--bg-gradient-1: rgba(147, 197, 253, .15);--bg-gradient-2: rgba(186, 230, 253, .12);--bg-gradient-3: rgba(224, 242, 254, .08);--text-primary: #f0f9ff;--text-secondary: #bae6fd;--text-muted: #7dd3fc;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(147, 197, 253, .25);--card-hover-bg: rgba(255, 255, 255, .08);--button-bg: rgba(147, 197, 253, .15);--button-hover-bg: rgba(147, 197, 253, .25);--gradient-primary: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 50%, #7dd3fc 100%);--gradient-secondary: linear-gradient(135deg, #0ea5e9 0%, #7dd3fc 100%);--accent-color: #38bdf8;--success-color: #22d3ee;--danger-color: #f87171;--modal-bg: rgba(26, 35, 50, .98);--overlay-bg: rgba(0, 0, 0, .7)}body[data-theme=autumn],[data-theme=autumn]{--bg-primary: #1c1410;--bg-gradient-1: rgba(180, 83, 9, .18);--bg-gradient-2: rgba(153, 27, 27, .12);--bg-gradient-3: rgba(120, 53, 15, .15);--text-primary: #fef7ed;--text-secondary: #fed7aa;--text-muted: #fdba74;--card-bg: rgba(251, 146, 60, .06);--card-border: rgba(251, 146, 60, .2);--card-hover-bg: rgba(251, 146, 60, .1);--button-bg: rgba(234, 88, 12, .15);--button-hover-bg: rgba(234, 88, 12, .25);--gradient-primary: linear-gradient(135deg, #9a3412 0%, #c2410c 40%, #ea580c 70%, #f97316 100%);--gradient-secondary: linear-gradient(135deg, #7c2d12 0%, #ea580c 100%);--accent-color: #fb923c;--success-color: #a3e635;--danger-color: #fca5a5;--modal-bg: rgba(28, 20, 16, .98);--overlay-bg: rgba(12, 8, 6, .8)}body[data-theme=nexi],[data-theme=nexi]{--bg-primary: #0d1525;--bg-gradient-1: rgba(45, 50, 170, .12);--bg-gradient-2: rgba(147, 197, 253, .1);--bg-gradient-3: rgba(186, 230, 253, .06);--text-primary: #f0f9ff;--text-secondary: #bae6fd;--text-muted: #7dd3fc;--card-bg: rgba(45, 50, 170, .08);--card-border: rgba(147, 197, 253, .2);--card-hover-bg: rgba(45, 50, 170, .15);--button-bg: rgba(45, 50, 170, .2);--button-hover-bg: rgba(45, 50, 170, .35);--gradient-primary: linear-gradient(135deg, #2d32aa 0%, #4068d8 50%, #7dd3fc 100%);--gradient-secondary: linear-gradient(135deg, #2d32aa 0%, #4068d8 100%);--accent-color: #7dd3fc;--success-color: #22d3ee;--danger-color: #f87171;--modal-bg: rgba(13, 21, 37, .98);--overlay-bg: rgba(0, 0, 0, .75)}body[data-theme=pro],[data-theme=pro]{--bg-primary: #09090b;--bg-gradient-1: rgba(255, 255, 255, .02);--bg-gradient-2: rgba(255, 255, 255, .01);--bg-gradient-3: rgba(255, 255, 255, .005);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #52525b;--card-bg: rgba(24, 24, 27, .8);--card-border: rgba(63, 63, 70, .5);--card-hover-bg: rgba(39, 39, 42, .9);--button-bg: rgba(39, 39, 42, .8);--button-hover-bg: rgba(63, 63, 70, .9);--gradient-primary: linear-gradient(180deg, #fafafa 0%, #a1a1aa 100%);--gradient-secondary: linear-gradient(180deg, #27272a 0%, #18181b 100%);--accent-color: #fafafa;--success-color: #22c55e;--danger-color: #ef4444;--modal-bg: rgba(9, 9, 11, .98);--overlay-bg: rgba(0, 0, 0, .9)}body[data-theme=focus]:before{background-image:url(/assets/backgrounds/focus.svg)}body[data-theme=forest]:before{background-image:url(/assets/backgrounds/forest.svg)}body[data-theme=ocean]:before{background-image:url(/assets/backgrounds/ocean.svg)}body[data-theme=dark]:before{background-image:url(/assets/backgrounds/dark.svg)}body[data-theme=light]:before{background-image:url(/assets/backgrounds/light.svg)}body[data-theme=winter]:before{background:linear-gradient(135deg,#1e3a5f,#2d4a6f,#1a2332)}body[data-theme=autumn]:before{background:linear-gradient(135deg,#1c1410,#2a1a12,#1f1510 60%,#1c1410)}body[data-theme=nexi]:before{background:linear-gradient(135deg,#0d1525,#162038,#1e3a5f,#162038,#0d1525)}body[data-theme=pro]:before{background:#09090b}.theme-controls{display:flex;flex-direction:column;gap:15px;align-items:center;margin-top:20px}.settings-toggles,.theme-selector{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.theme-btn{padding:10px 20px;border:2px solid rgba(0,0,0,.15);border-radius:10px;background:#ffffffe6;color:var(--text-primary);font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;white-space:nowrap}.theme-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #00000040}.theme-btn.active{border-color:var(--accent-color);background:#fff;box-shadow:0 0 20px var(--accent-color)}.theme-btn.has-logo{padding:6px 12px}.theme-logo{height:24px;width:auto;display:block;border-radius:4px}body[data-theme=dark] .theme-btn,body[data-theme=focus] .theme-btn,body[data-theme=forest] .theme-btn,body[data-theme=ocean] .theme-btn,body[data-theme=winter] .theme-btn,body[data-theme=autumn] .theme-btn,body[data-theme=nexi] .theme-btn,body[data-theme=pro] .theme-btn{background:#0006;border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d}body[data-theme=dark] .theme-btn:hover,body[data-theme=focus] .theme-btn:hover,body[data-theme=forest] .theme-btn:hover,body[data-theme=ocean] .theme-btn:hover,body[data-theme=winter] .theme-btn:hover,body[data-theme=autumn] .theme-btn:hover,body[data-theme=nexi] .theme-btn:hover,body[data-theme=pro] .theme-btn:hover{background:#0009;box-shadow:0 5px 15px #0006}body[data-theme=dark] .theme-btn.active,body[data-theme=focus] .theme-btn.active,body[data-theme=forest] .theme-btn.active,body[data-theme=ocean] .theme-btn.active,body[data-theme=winter] .theme-btn.active,body[data-theme=autumn] .theme-btn.active,body[data-theme=nexi] .theme-btn.active,body[data-theme=pro] .theme-btn.active{background:#000000d9;border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-color)}body[data-theme=light] .theme-btn.active{border-color:var(--accent-color);background:#fff;box-shadow:0 0 20px var(--accent-color)}body[data-theme=light] .theme-btn{color:#292524}body[data-theme=dark] .theme-btn,body[data-theme=focus] .theme-btn,body[data-theme=forest] .theme-btn,body[data-theme=ocean] .theme-btn,body[data-theme=winter] .theme-btn,body[data-theme=autumn] .theme-btn,body[data-theme=nexi] .theme-btn,body[data-theme=pro] .theme-btn{color:#e2e8f0}.theme-btn[data-theme=light]{color:#292524}.animation-toggle-btn{padding:10px 24px;border:2px solid rgba(0,0,0,.15);border-radius:10px;background:#ffffffe6;color:var(--text-primary);font-size:.9em;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;white-space:nowrap}.animation-toggle-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #00000040}.animation-toggle-btn.active{border-color:#10b981;background:#10b98126;color:#10b981;box-shadow:0 0 15px #10b9814d}body[data-theme=dark] .animation-toggle-btn,body[data-theme=focus] .animation-toggle-btn,body[data-theme=forest] .animation-toggle-btn,body[data-theme=ocean] .animation-toggle-btn,body[data-theme=winter] .animation-toggle-btn,body[data-theme=autumn] .animation-toggle-btn,body[data-theme=nexi] .animation-toggle-btn,body[data-theme=pro] .animation-toggle-btn{background:#0006;border:2px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d}body[data-theme=dark] .animation-toggle-btn:hover,body[data-theme=focus] .animation-toggle-btn:hover,body[data-theme=forest] .animation-toggle-btn:hover,body[data-theme=ocean] .animation-toggle-btn:hover,body[data-theme=winter] .animation-toggle-btn:hover,body[data-theme=autumn] .animation-toggle-btn:hover,body[data-theme=nexi] .animation-toggle-btn:hover,body[data-theme=pro] .animation-toggle-btn:hover{background:#0009;box-shadow:0 5px 15px #0006}body[data-theme=dark] .animation-toggle-btn.active,body[data-theme=focus] .animation-toggle-btn.active,body[data-theme=forest] .animation-toggle-btn.active,body[data-theme=ocean] .animation-toggle-btn.active,body[data-theme=winter] .animation-toggle-btn.active,body[data-theme=autumn] .animation-toggle-btn.active,body[data-theme=nexi] .animation-toggle-btn.active,body[data-theme=pro] .animation-toggle-btn.active{background:#10b98133;border-color:#10b981;color:#10b981;box-shadow:0 0 15px #10b98166}body[data-theme=light] .animation-toggle-btn{color:#292524}body[data-theme=light] .animation-toggle-btn.active{border-color:#16a34a;background:#10b98126;color:#16a34a;box-shadow:0 0 15px #10b9814d}@media(max-width:768px){.theme-selector{gap:8px;padding:0 10px}.theme-btn{padding:8px 16px;font-size:.85em}}@media(max-width:480px){.theme-selector{gap:6px}.theme-btn{padding:8px 12px;font-size:.8em;flex:1 1 auto;min-width:0}}.header-top{display:flex;justify-content:center;align-items:center;position:relative}.header-title{text-align:center}.mobile-brand,.hamburger-btn,.mobile-menu-overlay{display:none}@media(max-width:480px){.header-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(to bottom,var(--bg-primary),transparent);margin:-20px -20px 16px;position:relative}.header-title{display:none}.mobile-brand{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.mobile-brand-text{display:flex;flex-direction:column;gap:3px;min-width:0}.mobile-title{font-family:Space Grotesk,-apple-system,sans-serif;font-size:1.6em;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin:0;letter-spacing:-.5px}.mobile-subtitle{font-family:Quicksand,-apple-system,sans-serif;font-size:.75em;color:var(--text-muted);margin:0;letter-spacing:1px;text-transform:uppercase;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-info-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all .25s ease;flex-shrink:0;margin-left:-4px}.mobile-info-btn:hover,.mobile-info-btn:active{background:#a78bfa26;color:var(--accent-color);transform:scale(1.1)}.mobile-info-btn svg{width:22px;height:22px}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;cursor:pointer;padding:10px;z-index:1001;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hamburger-btn:hover,.hamburger-btn:active{background:#ffffff1a}.hamburger-btn.open{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 16px #a78bfa66}.hamburger-line{width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.hamburger-btn.open .hamburger-line{background:#fff}.hamburger-btn.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu-overlay{display:block;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;animation:overlayFadeIn .25s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.theme-controls{display:none;position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100vh;height:100dvh;background:var(--bg-primary);border-left:1px solid var(--card-border);padding:24px 20px 30px;z-index:1000;overflow-y:auto;flex-direction:column;gap:24px;align-items:stretch;box-shadow:-10px 0 50px #0006}.theme-controls.mobile-open{display:flex;animation:slideInRight .35s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}.theme-controls:before{content:"Settings";display:block;font-family:Space Grotesk,sans-serif;font-size:1.3em;font-weight:600;color:var(--text-primary);padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--card-border)}.theme-selector{flex-direction:column;gap:8px}.theme-btn{width:100%;text-align:left;padding:12px 16px;border-radius:10px}.settings-toggles{flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--card-border)}.animation-toggle-btn{width:100%;text-align:left;padding:12px 16px;border-radius:10px}}[data-theme=pro] .collapsible-section{border-radius:4px;border-width:1px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 3px #00000080}[data-theme=pro] .collapsible-section:hover{border-color:#fafafa33;box-shadow:0 2px 8px #0009}[data-theme=pro] .collapsible-header{border-radius:3px 3px 0 0}[data-theme=pro] .theme-btn{border-radius:4px;border-width:1px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;font-size:.8em;padding:10px 16px}[data-theme=pro] .theme-btn.active{box-shadow:none;border-color:var(--accent-color)}[data-theme=pro] .animation-toggle-btn{border-radius:4px;border-width:1px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;font-size:.8em}[data-theme=pro] .animation-toggle-btn.active{box-shadow:none}[data-theme=pro] h1{letter-spacing:-1px;font-weight:600}[data-theme=pro] h1:before{display:none}[data-theme=pro] .subtitle{letter-spacing:4px;font-weight:400}[data-theme=pro] .info-btn{border-radius:4px}[data-theme=pro] .info-modal{border-radius:8px;border:1px solid var(--card-border)}[data-theme=pro] .info-modal-btn{border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}[data-theme=pro] .focus-settings-dropdown,[data-theme=pro] .focus-toggle-label,[data-theme=pro] .focus-toggle-slider{border-radius:4px}[data-theme=pro] .focus-toggle-slider:before{border-radius:2px}[data-theme=pro] .focus-test-alert-btn{border-radius:4px;text-transform:uppercase;letter-spacing:.03em;font-size:.85em}[data-theme=pro] .music-header-controls{border-radius:4px}[data-theme=pro] .music-header-btn,[data-theme=pro] .player-play-btn{border-radius:4px;background:#27272a;border:1px solid #3f3f46;color:#fafafa}[data-theme=pro] .music-header-btn svg,[data-theme=pro] .player-play-btn svg{fill:#fafafa}[data-theme=pro] .player-play-btn:hover,[data-theme=pro] .music-header-btn:hover{box-shadow:none;transform:none;background:#3f3f46}[data-theme=pro] .player-nav-btn{border-radius:4px;background:transparent;border-color:#3f3f46;color:#a1a1aa}[data-theme=pro] .player-nav-btn svg{fill:#a1a1aa}[data-theme=pro] .player-nav-btn:hover{transform:none;background:#27272a;border-color:#52525b;color:#fafafa}[data-theme=pro] .player-nav-btn:hover svg{fill:#fafafa}[data-theme=pro] .collapsible-toggle.close-btn,[data-theme=pro] .focus-settings-btn{border-radius:4px}@media(max-width:480px){[data-theme=pro] .collapsible-section{border-radius:4px}[data-theme=pro] .collapsible-header{border-radius:3px 3px 0 0}[data-theme=pro] .hamburger-btn{border-radius:4px}[data-theme=pro] .theme-controls{border-left:1px solid var(--card-border);border-radius:0}[data-theme=pro] .theme-btn,[data-theme=pro] .animation-toggle-btn{border-radius:4px}}header{text-align:center;margin-bottom:40px}h1{font-family:Space Grotesk,sans-serif;font-size:4em;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;letter-spacing:-2px;position:relative;display:inline-block;text-shadow:0 0 40px rgba(167,139,250,.3);animation:titleGlow 3s ease-in-out infinite}h1:before{content:"Focus Time";position:absolute;top:0;left:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(20px);opacity:.5;z-index:-1}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(167,139,250,.4))}50%{filter:drop-shadow(0 0 30px rgba(167,139,250,.6))}}.subtitle{font-family:Quicksand,sans-serif;color:var(--text-muted);font-size:.85em;font-weight:500;margin-bottom:24px;letter-spacing:3px;text-transform:uppercase;opacity:.6}.title-with-info{display:flex;align-items:center;justify-content:center;gap:12px}.nexi-title{display:inline-flex;align-items:center;gap:.15em}.nexi-title-logo{height:1.1em;width:auto;border-radius:6px;vertical-align:middle;margin-right:.2em;filter:drop-shadow(0 0 8px rgba(125,211,252,.5))}.nexi-title-logo.mobile{height:.9em}[data-theme=nexi] h1:before{display:none}.info-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:32px;height:32px;padding:6px;cursor:pointer;color:var(--text-muted);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.info-btn:hover{background:#ffffff26;border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.1)}.info-btn svg{width:100%;height:100%}.info-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.info-modal{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:40px;max-width:1100px;width:95%;max-height:85vh;overflow:hidden;position:relative;box-shadow:0 25px 80px #0006;animation:slideUp .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.info-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.info-modal-body{flex:1;overflow-y:auto;padding-right:10px;margin-right:-10px}.info-lang-toggle{display:flex;align-items:center;gap:6px}.lang-btn-text{background:transparent;border:none;color:var(--text-muted);font-size:.9em;font-weight:600;letter-spacing:1px;padding:6px 10px;cursor:pointer;transition:all .2s ease;border-radius:6px;text-transform:uppercase}.lang-btn-text:hover{color:var(--text-primary);background:#ffffff1a}.lang-btn-text.active{color:var(--accent-color);background:#a78bfa26}.lang-divider{color:var(--text-muted);opacity:.5;font-weight:300}.info-modal-close{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;padding:8px;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.info-modal-close:hover{background:#fff3;color:var(--text-primary);transform:rotate(90deg)}.info-modal-close svg{width:100%;height:100%}.info-modal-icon{width:80px;height:80px;margin:0 auto 24px}.info-modal-icon svg{width:100%;height:100%}.info-modal-title{text-align:center;font-size:1.8em;font-weight:700;color:var(--text-primary);margin-bottom:24px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-modal-content{color:var(--text-secondary);line-height:1.7}.info-modal-intro{font-size:1.1em;text-align:center;color:var(--text-primary);margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--card-border)}.info-modal-section{margin-bottom:24px}.info-modal-section h3{font-size:1.1em;font-weight:600;color:var(--accent-color);margin-bottom:12px}.info-modal-section p{color:var(--text-secondary);opacity:.9}.info-modal-list{list-style:none;padding:0;margin:0;text-align:left}.info-modal-list li{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;margin-bottom:12px;color:var(--text-secondary);text-align:left}.info-list-icon{flex-shrink:0;width:20px;height:20px;color:var(--accent-color);margin-top:2px}.info-list-icon svg{width:100%;height:100%}.info-types-intro{margin-bottom:16px;color:var(--text-secondary)}.info-types-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.info-types-list li{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#ffffff0d;border-radius:12px;border-left:3px solid var(--accent-color);text-align:left;transition:background .2s ease}.info-types-list li:hover{background:#ffffff14}.info-type-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.info-type-name{font-weight:600;color:var(--text-primary);font-size:1em}.info-type-time{font-size:.75em;font-weight:600;color:var(--accent-color);background:#a78bfa26;padding:4px 10px;border-radius:20px;white-space:nowrap}.info-type-desc{color:var(--text-muted);font-size:.85em;line-height:1.6}.info-modal-closing{text-align:center;font-style:italic;color:var(--text-muted);margin-top:24px;padding-top:24px;border-top:1px solid var(--card-border)}.info-modal-btn{display:block;width:100%;margin-top:28px;padding:14px 28px;background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease}.info-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a78bfa66}@media(max-width:480px){.info-modal{padding:24px;border-radius:20px}.info-modal-icon{width:60px;height:60px}.info-modal-title{font-size:1.4em}.info-modal-intro{font-size:1em}}.presets-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;padding:20px;max-width:200px;max-height:80vh;overflow-y:auto;z-index:100;transition:background .3s ease,border-color .3s ease}.presets-sidebar h3{font-size:1.1em;margin-bottom:15px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.preset-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;padding:12px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;position:relative}.preset-item:hover{background:var(--card-hover-bg);transform:translate(5px)}.preset-item.active{border-color:var(--accent-color);background:var(--card-hover-bg)}.preset-name{font-weight:600;color:var(--text-primary);margin-bottom:5px;font-size:.9em}.preset-sounds{font-size:.75em;color:var(--text-secondary)}.preset-delete{position:absolute;top:8px;right:8px;background:#ef4444cc;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:.7em;display:none}.preset-item:hover .preset-delete{display:block}.save-preset-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;margin-bottom:15px;transition:all .3s ease}.save-preset-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.update-preset-btn{width:100%;padding:12px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;margin-bottom:15px;transition:all .3s ease}.update-preset-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b66}.current-preset-info{background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:10px;padding:12px;margin-bottom:15px}.clear-selection-btn{width:100%;padding:8px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#fca5a5;font-weight:600;cursor:pointer;font-size:.85em;transition:all .3s ease}.clear-selection-btn:hover{background:#ef44444d;border-color:#ef444499;transform:translateY(-1px)}.preset-input{width:100%;padding:10px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);margin-bottom:10px;font-size:.9em;transition:all .3s ease}.preset-input::placeholder{color:var(--text-secondary)}.preset-input:focus{outline:none;border-color:var(--accent-color);background:var(--button-hover-bg)}.music-section{margin-bottom:0}.music-section h2{font-size:1.3em;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.music-tracks-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-bottom:30px}.music-track-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:12px;padding:12px;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.music-track-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;pointer-events:none}.music-track-card:hover:before{opacity:.1}.music-track-card.active{border-color:var(--accent-color);box-shadow:0 0 30px var(--accent-color)}.music-track-card.active:before{opacity:.1}.track-header{display:flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.track-cover-art{width:60px;height:60px;min-width:60px;background:linear-gradient(135deg,#f0f0f0,#d0d0d0,#f0f0f0);border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #0003,inset 0 1px 2px #ffffff80;transition:transform .3s ease;overflow:hidden}.focus-track-art{width:100%;height:100%}.music-track-card:hover .track-cover-art{transform:scale(1.05)}.music-track-card.active .track-cover-art{animation:pulse 2s ease-in-out infinite;box-shadow:0 0 0 2px var(--accent-color),0 4px 12px #0000004d,inset 0 1px 2px #ffffff80}.track-icon{font-size:2em;min-width:40px;text-align:center;transition:transform .3s ease}.music-track-card:hover .track-icon{transform:scale(1.1)}.music-track-card.active .track-icon{animation:pulse 2s ease-in-out infinite}.track-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.track-name{font-weight:600;font-size:.9em;color:var(--text-primary)}.track-status{font-size:.75em;color:var(--text-secondary)}.music-track-card.active .track-status{color:var(--accent-color)}.playlist-toggle{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;opacity:.5;line-height:1}.playlist-toggle:hover{opacity:.9;border-color:var(--text-secondary);color:var(--text-secondary)}.playlist-toggle.in-playlist{background:#7878784d;border-color:var(--text-secondary);color:var(--text-primary);opacity:.7}.playlist-toggle.in-playlist:hover{background:#b464644d;border-color:#b4646499;color:var(--text-primary);opacity:.9}.music-track-card.not-in-playlist{opacity:.5}.music-track-card.not-in-playlist:hover{opacity:.8}.music-track-card.mock-track.not-in-playlist{opacity:.4}.music-track-card.mock-track{opacity:.5!important;filter:grayscale(60%)!important}.music-track-card.mock-track:hover{opacity:.65!important;filter:grayscale(40%)!important}.music-track-card.mock-track .track-cover-art{filter:grayscale(60%)}.music-track-card.mock-track:hover .track-cover-art{filter:grayscale(40%)}.music-track-card.mock-track .track-status{font-style:italic}.vinyl-player-container{margin-top:30px}.vinyl-player{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;padding:0;position:relative;transition:background .3s ease,border-color .3s ease;overflow:hidden}.vinyl-player-top{display:flex;align-items:flex-start;gap:30px;padding:30px}.vinyl-record-wrapper{position:relative;flex-shrink:0}.vinyl-record{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#1a1a1a 0%,#1a1a1a 15%,transparent 15%,transparent 16%,#1a1a1a 16%),repeating-radial-gradient(circle at 50% 50%,#000000e6,#282828d9,#000000e6 2px),linear-gradient(135deg,#2d2d2d,#0d0d0d,#2d2d2d);box-shadow:0 8px 20px #00000080,inset 0 0 30px #000c,inset 0 2px 10px #ffffff0d;position:relative;transition:transform .3s ease}.vinyl-info{flex:1;display:flex;flex-direction:column;gap:15px;min-width:0}.vinyl-grooves{position:absolute;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0px,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 3px)}.vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45%;height:45%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 50%),linear-gradient(135deg,#f0f0f0,silver,#f0f0f0);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d,inset 0 1px 3px #ffffff80}.vinyl-center-hole{position:absolute;width:20%;height:20%;border-radius:50%;background:radial-gradient(circle,#1a1a1a,#000);box-shadow:inset 0 2px 4px #000c,0 1px 2px #ffffff1a}.track-icon-vinyl{font-size:2em;z-index:1}.vinyl-label-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}.focus-vinyl-art{width:90%;height:90%;border-radius:50%;overflow:hidden}.vinyl-arm{position:absolute;top:5%;right:-8%;width:45%;height:6px;background:linear-gradient(90deg,#444,#666,#444);border-radius:3px;transform-origin:right center;transform:rotate(15deg);transition:transform .8s ease;box-shadow:0 2px 6px #0006,inset 0 1px 2px #fff3;z-index:2}.vinyl-arm.playing{transform:rotate(-45deg)}.vinyl-arm:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:radial-gradient(circle,#888,#555);border-radius:50%;box-shadow:0 2px 4px #00000080}.vinyl-arm:after{content:"";position:absolute;left:-3px;bottom:-3px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #777;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-record.spinning{animation:vinylSpin 3s linear infinite}.vinyl-controls{display:flex;gap:12px;align-items:center;position:relative;flex-wrap:nowrap}.vinyl-btn{width:50px;height:50px;border-radius:50%;border:none;background:var(--button-bg);border:1px solid var(--card-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;flex-shrink:0}.vinyl-btn svg{width:22px;height:22px;fill:var(--text-primary)}.vinyl-btn:hover{transform:scale(1.1);background:var(--button-hover-bg);box-shadow:0 5px 15px #0000004d}.vinyl-btn-text{height:50px;padding:0 15px;border-radius:25px;border:none;background:var(--button-bg);border:1px solid var(--card-border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;min-width:fit-content;position:relative;flex-shrink:0}.vinyl-btn-text svg{width:20px;height:20px;fill:var(--text-primary);flex-shrink:0}.vinyl-btn-text:hover{transform:scale(1.05);background:var(--button-hover-bg);box-shadow:0 5px 15px #0000004d}.repeat-btn-content{display:flex;align-items:center;gap:8px}.repeat-btn-label{font-size:.9em;font-weight:600;color:var(--text-primary);white-space:nowrap}.vinyl-btn-text.repeat-btn.active{background:linear-gradient(135deg,var(--accent-color) 0%,#a855f7 100%);border-color:var(--accent-color)}.vinyl-btn-text.repeat-btn.active svg{fill:#fff}.vinyl-btn-text.repeat-btn.active .repeat-btn-label{color:#fff}.vinyl-playlist{flex:1;min-width:0;display:flex;flex-direction:column;gap:15px}.playlist-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--card-border)}.playlist-title{font-size:1em;font-weight:600;color:var(--text-primary)}.playlist-count{font-size:.85em;color:var(--text-secondary)}.playlist-tracks{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:5px}.playlist-tracks::-webkit-scrollbar{width:6px}.playlist-tracks::-webkit-scrollbar-track{background:var(--button-bg);border-radius:3px}.playlist-tracks::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.playlist-tracks::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.playlist-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:10px;cursor:pointer;transition:all .3s ease}.playlist-item:hover{background:var(--button-hover-bg);transform:translate(3px)}.playlist-item.active{background:var(--button-hover-bg);border-color:var(--accent-color);box-shadow:0 0 10px #8b5cf64d}.playlist-item-cover{width:40px;height:40px;min-width:40px;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #0003;flex-shrink:0}.playlist-cover-art{width:100%;height:100%;display:block}.playlist-item-info{flex:1;min-width:0}.playlist-item-name{font-size:.9em;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item-status{font-size:.75em;color:var(--accent-color);margin-top:2px}.no-track-message{color:var(--text-secondary);font-size:1.1em;text-align:center;padding:20px}.now-playing-label{font-size:.8em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.now-playing-track{font-size:1.4em;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-time{font-size:.95em;color:var(--text-secondary);font-variant-numeric:tabular-nums}.vinyl-progress-bar{width:100%;height:6px;background:var(--button-bg);cursor:pointer;position:relative;overflow:hidden}.vinyl-progress-fill{height:100%;background:var(--gradient-secondary);transition:width .1s linear}.music-volume-control{margin-top:15px}.music-volume-control label{display:block;margin-bottom:10px;font-weight:600;color:#94a3b8;font-size:.9em}.upload-music-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.upload-music-label{display:block;padding:15px;background:#667eea1a;border:2px dashed rgba(102,126,234,.3);border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease;color:#a78bfa;font-weight:600}.upload-music-label:hover{background:#667eea26;border-color:#667eea80;transform:translateY(-2px)}.upload-icon{font-size:1.2em;margin-right:8px}.url-input-section{display:flex;gap:10px;margin-top:15px}.music-url-input{flex:1;padding:12px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-size:.9em;transition:all .3s ease}.music-url-input::placeholder{color:var(--text-muted)}.music-url-input:focus{outline:none;border-color:var(--accent-color);background:var(--button-hover-bg)}.add-url-btn{padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-url-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.load-default-music-btn{width:100%;padding:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;margin-top:10px;transition:all .3s ease}.load-default-music-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf666}.uploaded-music-list{margin-top:15px}.uploaded-music-item{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.uploaded-music-item:hover{background:#ffffff14;transform:translate(5px)}.uploaded-music-item.playing{border-color:#667eea;background:#667eea26;box-shadow:0 0 15px #667eea4d}.music-file-info{width:100%}.music-file-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.music-file-name{flex:1;font-weight:600;color:var(--text-primary);font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-progress-container{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:.75em;color:var(--text-secondary)}.music-progress-bar{flex:1;height:4px;background:var(--button-bg);border-radius:2px;overflow:hidden;position:relative;cursor:pointer;transition:height .2s ease}.music-progress-bar:hover{height:6px}.music-progress-fill{height:100%;background:var(--gradient-secondary);border-radius:2px;transition:width .1s linear}.music-time-current,.music-time-total{min-width:35px;text-align:center;font-variant-numeric:tabular-nums}.music-file-controls{display:flex;gap:8px;align-items:center}.loop-checkbox-label{display:flex;align-items:center;cursor:pointer;padding:4px 8px;border-radius:6px;background:#667eea1a;transition:all .2s ease}.loop-checkbox-label:hover{background:#667eea33}.loop-checkbox{display:none}.loop-icon{font-size:1em;opacity:.5;transition:opacity .2s ease}.loop-checkbox:checked+.loop-icon{opacity:1}.music-file-delete{background:#ef444433;border:none;color:#fca5a5;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.8em;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.music-file-delete:hover{background:#ef444466}.global-controls{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:12px;padding:15px 20px;margin-bottom:30px;transition:background .3s ease,border-color .3s ease}.global-controls.compact{padding:12px 20px}.volume-control-compact{display:flex;align-items:center;gap:15px}.volume-icon-compact{font-size:1.3em;min-width:25px}.volume-label-compact{font-size:.95em;font-weight:600;color:var(--text-secondary);white-space:nowrap}.global-controls h2{font-size:1.3em;margin-bottom:20px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.volume-control{display:flex;align-items:center;gap:20px}.volume-icon{font-size:1.5em;min-width:30px}.volume-slider-container{flex:1;display:flex;align-items:center;gap:15px}.volume-slider{flex:1;height:6px;border-radius:10px;background:var(--button-bg);outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gradient-secondary);cursor:pointer;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gradient-secondary);cursor:pointer;border:none;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-value{min-width:50px;font-weight:600;color:#a78bfa;font-size:1.1em}.sounds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.sound-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.sound-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease;pointer-events:none}.sound-card:hover:before{opacity:.1}.sound-card.active{border-color:var(--accent-color);box-shadow:0 0 30px var(--accent-color)}.sound-card.active:before{opacity:.1}.sound-header{display:flex;align-items:center;gap:12px;margin-bottom:15px;-webkit-user-select:none;user-select:none}.sound-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,filter .3s ease}.sound-svg-icon{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:filter .3s ease,transform .3s ease}.sound-card:hover .sound-icon{transform:scale(1.1)}.sound-card:hover .sound-svg-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.sound-card.active .sound-icon{animation:pulse 2s ease-in-out infinite}.sound-card.active .sound-svg-icon{filter:drop-shadow(0 0 12px var(--accent-color))}.sound-info{flex:1}.sound-name{font-weight:600;font-size:1.1em;color:var(--text-primary);margin-bottom:5px}.sound-status{font-size:.85em;color:var(--text-muted);transition:color .3s ease}.sound-card.active .sound-status{color:var(--accent-color)}.sound-volume{margin-top:12px;display:flex;align-items:center;gap:10px;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.sound-card.active .sound-volume{opacity:1;max-height:50px}.sound-volume-value{font-size:.8em;color:var(--text-muted);min-width:36px;text-align:right}.sound-volume .volume-slider{flex:1}.sound-card.disabled{opacity:.45;cursor:not-allowed;pointer-events:none;filter:grayscale(.6)}.sound-card.disabled:hover{transform:none;box-shadow:0 5px 30px #0003}.sound-card.disabled .sound-icon{opacity:.5}.sound-card.disabled .disabled-status{color:var(--text-muted);font-style:italic}.sound-card.disabled .disabled-volume{opacity:.5}.sound-card.disabled .volume-slider:disabled{opacity:.3;cursor:not-allowed}.control-buttons{display:flex;gap:15px;justify-content:center}.btn{padding:15px 35px;border:none;border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d;background:#ffffff26}.btn-stop{background:linear-gradient(135deg,#ec4899,#f43f5e);border:none}.btn-stop:hover{background:linear-gradient(135deg,#db2777,#e11d48);box-shadow:0 10px 25px #ec489966}.info{text-align:center;margin-top:30px;color:#64748b;font-size:.95em}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:12px 20px;margin-bottom:20px;color:#fca5a5;font-size:.9em;font-weight:500;display:flex;align-items:center;gap:10px}.error-message:before{content:"⚠️";font-size:1.2em}.presets-section{background:linear-gradient(135deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:0;margin-bottom:24px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.presets-section:hover{border-color:#a78bfa33}.presets-toggle-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:18px 24px;transition:all .3s ease;position:relative}.presets-toggle-header:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(167,139,250,.05) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.presets-toggle-header:hover:before{opacity:1}.presets-toggle-header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--accent-color)}.presets-section-title{font-size:1em;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px;letter-spacing:.02em;position:relative;z-index:1}.presets-count{font-size:.7em;color:var(--accent-color);font-weight:600;background:#a78bfa26;padding:4px 10px;border-radius:20px;letter-spacing:.05em}.presets-toggle-icon{color:var(--text-muted);font-size:.8em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.presets-toggle-header:hover .presets-toggle-icon{color:var(--accent-color)}.presets-content-inline{padding:0 24px 24px;animation:presetSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes presetSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.presets-save-section{display:flex;gap:10px;margin-bottom:20px;padding:16px;background:#0003;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.preset-name-input{flex:1;min-width:180px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:.9em;font-weight:500;transition:all .3s ease}.preset-name-input::placeholder{color:var(--text-muted);font-weight:400}.preset-name-input:focus{outline:none;border-color:var(--accent-color);background:#a78bfa1a;box-shadow:0 0 0 3px #a78bfa1a}.preset-save-btn{padding:12px 20px;background:var(--accent-color);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.85em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.02em}.preset-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a78bfa66;filter:brightness(1.1)}.preset-save-btn:active{transform:translateY(0)}.preset-update-btn{padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.85em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.preset-update-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.preset-update-btn:active{transform:translateY(0)}.preset-cancel-btn{padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text-muted);font-weight:500;font-size:.85em;cursor:pointer;transition:all .3s ease;white-space:nowrap}.preset-cancel-btn:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff40}.preset-cancel-btn:active{transform:scale(.98)}.presets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.preset-item-inline{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.preset-item-inline:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:0;transition:opacity .3s ease}.preset-item-inline:hover{background:#a78bfa14;border-color:#a78bfa4d;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.preset-item-inline:hover:before{opacity:1}.preset-item-inline.active{border-color:var(--accent-color);background:#a78bfa1f;box-shadow:0 0 30px #a78bfa33,inset 0 0 20px #a78bfa0d}.preset-item-inline.active:before{opacity:1}.preset-item-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.preset-item-name{font-weight:600;color:var(--text-primary);font-size:.9em;letter-spacing:.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preset-default-badge{font-size:.65em;font-weight:600;color:var(--accent-color);background:#a78bfa26;padding:3px 8px;border-radius:20px;letter-spacing:.05em;text-transform:uppercase}.preset-item-info{font-size:.75em;color:var(--text-muted);font-weight:500}.preset-item-actions{display:flex;gap:8px;align-items:center;opacity:0;transform:translate(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.preset-item-inline:hover .preset-item-actions{opacity:1;transform:translate(0)}.preset-delete-btn{background:#ef444433;border:none;color:#fca5a5;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.preset-delete-btn svg{width:16px;height:16px}.preset-delete-btn:hover{background:#ef444466;transform:translateY(-2px)}.presets-empty-state{text-align:center;padding:30px 20px;color:var(--text-secondary)}.presets-empty-state p{margin:0 0 8px}.presets-empty-hint{font-size:.85em;color:var(--text-muted)}@media(max-width:768px){.presets-section{padding:18px;margin-top:20px;border-radius:18px}.presets-toggle-header{padding:14px 16px;border-radius:12px}.presets-save-section{flex-direction:column;padding:16px;border-radius:12px}.preset-name-input{min-width:100%}.presets-list{grid-template-columns:repeat(2,1fr);gap:10px}.preset-item-inline{padding:12px}.preset-item-actions{opacity:1;transform:translate(0)}.preset-delete-btn{width:28px;height:28px}}.play-indicator{width:12px;height:12px;background:#10b981;border-radius:50%;display:inline-block;margin-right:5px;box-shadow:0 0 10px #10b981}.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center}.custom-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.custom-modal-content{position:relative;background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;padding:0;max-width:90%;width:400px;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease}.custom-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--card-border)}.custom-modal-icon{font-size:1.5em}.custom-modal-title{font-size:1.2em;font-weight:600;color:var(--text-primary);margin:0}.custom-modal-body{padding:24px}.custom-modal-body p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.95em}.custom-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--card-border)}.custom-modal-btn{padding:10px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9em}.custom-modal-btn-primary{background:var(--gradient-secondary);color:#fff}.custom-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px var(--accent-color)}.custom-modal-btn-secondary{background:var(--button-bg);color:var(--text-secondary);border:1px solid var(--card-border)}.custom-modal-btn-secondary:hover{background:var(--button-hover-bg);transform:translateY(-2px)}@media(max-width:1200px){.pomodoro-plans{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.presets-sidebar{position:static;transform:none;max-width:100%;margin-bottom:20px}}@media(max-width:768px){h1{font-size:2.8em;letter-spacing:-1px}h1:before{display:none}.subtitle{font-size:.7em;letter-spacing:2px}.volume-control-compact{flex-wrap:wrap;gap:10px}.volume-label-compact{font-size:.9em;flex:0 0 100%}.volume-slider{flex:1;min-width:150px}.pomodoro-plans{grid-template-columns:repeat(2,1fr);gap:12px}.plan-card{padding:12px}.plan-name{font-size:1em}.plan-time{font-size:1.2em}.plan-desc{font-size:.8em}.sounds-grid{grid-template-columns:repeat(3,1fr);gap:12px}.sound-card{padding:12px;border-radius:12px}.sound-header{flex-direction:column;gap:8px;margin-bottom:10px}.sound-icon{font-size:1.5em}.sound-name{font-size:.9em;text-align:center}.sound-status{font-size:.75em;text-align:center}.music-tracks-grid{grid-template-columns:repeat(3,1fr);gap:12px}.music-track-card{padding:12px}.pomodoro-stats{flex-wrap:wrap;gap:12px;padding:12px 15px}.stat-item{gap:8px}.stat-label{font-size:.8em}.stat-value{font-size:1.2em}.stat-total .stat-value{font-size:1.4em}.vinyl-player-top{flex-direction:column;gap:25px;padding:25px 20px}.vinyl-record{width:160px;height:160px}.vinyl-info{width:100%;text-align:center}.track-icon-vinyl{font-size:1.8em}.now-playing-track{font-size:1.2em}.vinyl-controls{justify-content:center}.vinyl-playlist{width:100%}.playlist-tracks{max-height:150px}}@media(max-width:480px){.pomodoro-plans{grid-template-columns:repeat(2,1fr);gap:10px}.plan-card{padding:10px}.plan-name{font-size:.9em}.plan-time{font-size:1.1em}.plan-desc{font-size:.75em}.sounds-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sound-card{padding:10px}.sound-icon{font-size:1.3em}.sound-name{font-size:.85em}.sound-status{font-size:.7em}.music-tracks-grid{grid-template-columns:repeat(3,1fr);gap:10px}.vinyl-player-top{padding:20px 15px;gap:20px}.vinyl-record{width:140px;height:140px}.track-icon-vinyl{font-size:1.6em}.vinyl-btn{width:45px;height:45px}.vinyl-btn svg{width:20px;height:20px}.now-playing-track{font-size:1.1em}.now-playing-time{font-size:.85em}.presets-section{padding:16px;border-radius:16px}.presets-toggle-header{padding:12px 14px}.presets-toggle-header h4{font-size:.85em}.presets-list{grid-template-columns:1fr;gap:10px}.preset-item-inline{padding:12px 14px;border-radius:12px}.preset-item-name{font-size:.85em}.preset-default-badge{font-size:.6em;padding:2px 6px}.preset-item-info{font-size:.7em}.presets-save-section{padding:14px;border-radius:10px}.preset-name-input{padding:10px 14px;font-size:.85em}.preset-save-btn{padding:10px 18px;font-size:.85em}}.app-footer{text-align:center;padding:30px 20px;margin-top:40px;border-top:1px solid var(--card-border);color:var(--text-muted);font-size:.85em}.app-footer p{margin:0 0 8px}.footer-link{color:var(--accent-color);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--text-primary);text-decoration:underline}.footer-privacy-link{background:none;border:none;color:var(--accent-color);font-size:.9em;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;text-decoration:underline;text-underline-offset:2px}.footer-privacy-link:hover{color:var(--text-primary);background:var(--button-bg);text-decoration:none}.container.focus-mode{position:relative}.focus-mode-blur{filter:blur(8px);opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;transition:all .4s ease}.focus-mode-active{position:relative;z-index:100;transform:scale(1.02);box-shadow:0 0 50px #8b5cf666;border-radius:20px;overflow:hidden;transition:all .4s ease}.focus-mode-active .collapsible-header{padding:4px 16px}.focus-mode-active .collapsible-content-inner{padding:2px 12px}.focus-mode-active .pomodoro-timer-wrapper{max-width:500px;gap:5px;margin:0 auto;justify-content:center}.focus-mode-active .pomodoro-timer{font-size:5em;padding:0 10px;min-width:4.5ch;text-align:left;margin-left:45px}.focus-mode-active .skip-forward-btn{width:40px;height:40px}.focus-mode-active .skip-forward-btn svg{width:20px;height:20px}.focus-mode-active .time-display{font-size:clamp(2rem,8vw,4rem);margin:0;line-height:.9;padding:0;max-width:100%;overflow:hidden}.focus-mode-active .session-info{margin:0;font-size:.9em}.focus-mode-active .pomodoro-progress{margin:2px 0;height:8px}.focus-mode-active .rounds-counter{margin:2px 0;font-size:.85em}.focus-mode-active .pomodoro-rounds-stats{padding:2px 10px;margin:2px auto;max-width:400px}.focus-mode-active .rounds-slider-inline{align-items:center;gap:4px}.focus-mode-active .rounds-slider-container{max-width:350px;margin:0 auto}.focus-mode-active .stats-inline{margin-top:2px}.focus-mode-active .pomodoro-controls{padding:8px 10px;gap:15px;flex-wrap:wrap;justify-content:center;align-items:center}.focus-mode-active:before{content:"";position:fixed;inset:0;background:#000000b3;z-index:-1;animation:focusFadeIn .4s ease}@keyframes focusFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.focus-mode-active{transform:scale(1);max-height:fit-content}.focus-mode-active .collapsible-content-inner{padding:10px}.focus-mode-active .pomodoro-timer{padding:15px 10px}.focus-mode-active .time-display{font-size:clamp(1.8rem,10vw,2.5rem)}.focus-mode-active .pomodoro-controls{padding:10px;gap:10px;flex-wrap:wrap}.focus-mode-active .pomodoro-rounds-stats{padding:8px 10px}}@media(max-width:480px){#collapsible-title-pomodoro-timer{display:none}.pomodoro-header-stat:not(:last-child){display:none}.focus-mode-active .collapsible-content-inner{padding:5px}.focus-mode-active .pomodoro-timer-wrapper{max-width:100%;gap:5px;margin:0 auto;justify-content:center}.focus-mode-active .pomodoro-timer{font-size:3em;padding:0;margin:0 0 0 35px;min-width:4.5ch;text-align:left}.focus-mode-active .skip-forward-btn{width:30px;height:30px}.focus-mode-active .skip-forward-btn svg{width:16px;height:16px}.focus-mode-active .time-display{font-size:1em;margin:5px 0}.focus-mode-active .session-info{font-size:.85em;margin:5px 0}.focus-mode-active .pomodoro-progress{margin:8px 0}.focus-mode-active .rounds-counter{font-size:.8em;margin:5px 0}.focus-mode-active .pomodoro-rounds-stats{padding:3px 5px;margin:0;background:transparent;border:none}.focus-mode-active .rounds-slider-inline{gap:4px}.focus-mode-active .rounds-slider-container{background:transparent!important;border:none!important;padding:0!important;margin:0!important}.focus-mode-active .rounds-slider-inline label{font-size:.75em;margin-bottom:2px}.focus-mode-active .rounds-scale{margin-top:2px}.focus-mode-active .scale-mark{font-size:.65em}.focus-mode-active .stats-inline{gap:4px;margin-top:3px}.focus-mode-active .stat-inline{font-size:.7em}.focus-mode-active .pomodoro-controls{padding:8px 5px;gap:8px;flex-wrap:wrap;justify-content:center}.focus-mode-active .collapsible-header{padding:8px 12px}}.focus-mode-active .pomodoro-plans{display:none}.focus-mode-active .pomodoro-timer,.focus-mode-active .pomodoro-session,.focus-mode-active .pomodoro-controls{filter:none!important;opacity:1!important}[data-theme=light] .focus-mode-active{background:#fffffff2;box-shadow:0 0 50px #ea580c4d}[data-theme=light] .focus-mode-active .collapsible-header,[data-theme=light] .focus-mode-active .collapsible-title,[data-theme=light] .focus-mode-active .pomodoro-timer,[data-theme=light] .focus-mode-active .pomodoro-session,[data-theme=light] .focus-mode-active .time-display,[data-theme=light] .focus-mode-active .session-info{color:#292524!important}[data-theme=light] .focus-mode-active .collapsible-content{background:#ffffffe6}.sounds-header-controls{display:flex;align-items:center;gap:10px;padding:6px 12px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:25px}.sounds-header-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--accent-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.sounds-header-btn svg{width:16px;height:16px;fill:#fff}.sounds-header-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666}.sounds-header-info{font-size:.85em;font-weight:500;color:var(--text-secondary);white-space:nowrap}.sounds-header-info.sounds-preset-name{color:var(--accent-color);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.sounds-header-controls{padding:4px 8px;gap:6px}.sounds-header-btn{width:28px;height:28px}.sounds-header-btn svg{width:14px;height:14px}.sounds-header-info{font-size:.75em}}[data-theme=pro] .sound-card{border-radius:4px;-webkit-backdrop-filter:none;backdrop-filter:none;border-width:1px}[data-theme=pro] .sound-card:before{display:none}[data-theme=pro] .sound-card:hover{transform:none}[data-theme=pro] .sound-card.active{box-shadow:0 0 0 1px var(--accent-color)}[data-theme=pro] .sound-card:hover .sound-icon{transform:none}[data-theme=pro] .sound-card.active .sound-icon{animation:none}[data-theme=pro] .global-controls{border-radius:4px;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=pro] .btn{border-radius:4px;-webkit-backdrop-filter:none;backdrop-filter:none;text-transform:uppercase;letter-spacing:.05em;font-size:.9em}[data-theme=pro] .btn:hover{transform:none;box-shadow:none;opacity:.85}[data-theme=pro] .btn-stop{background:#ef4444}[data-theme=pro] .btn-stop:hover{background:#dc2626;box-shadow:none}[data-theme=pro] .volume-slider{border-radius:2px;height:4px}[data-theme=pro] .volume-slider::-webkit-slider-thumb{border-radius:2px;width:14px;height:14px}[data-theme=pro] .volume-slider::-webkit-slider-thumb:hover{transform:none}[data-theme=pro] .volume-slider::-moz-range-thumb{border-radius:2px;width:14px;height:14px}[data-theme=pro] .volume-value{color:var(--text-primary)}[data-theme=pro] .presets-section{border-radius:4px;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=pro] .presets-section:hover{border-color:#fafafa26}[data-theme=pro] .presets-toggle-header:before{display:none}[data-theme=pro] .presets-count{border-radius:2px;background:#fafafa1a}[data-theme=pro] .presets-save-section,[data-theme=pro] .preset-name-input{border-radius:4px}[data-theme=pro] .preset-name-input:focus{box-shadow:none;border-color:var(--accent-color);background:#fafafa0d}[data-theme=pro] .preset-save-btn,[data-theme=pro] .preset-update-btn,[data-theme=pro] .preset-cancel-btn{border-radius:4px;text-transform:uppercase;letter-spacing:.03em;font-size:.8em}[data-theme=pro] .preset-save-btn:hover,[data-theme=pro] .preset-update-btn:hover{transform:none;box-shadow:none;filter:brightness(.9)}[data-theme=pro] .preset-item-inline{border-radius:4px}[data-theme=pro] .preset-item-inline:before{display:none}[data-theme=pro] .preset-item-inline:hover{transform:none;box-shadow:none;background:#fafafa14}[data-theme=pro] .preset-item-inline.active{box-shadow:none}[data-theme=pro] .preset-default-badge{border-radius:2px}[data-theme=pro] .preset-delete-btn{border-radius:4px}[data-theme=pro] .preset-delete-btn:hover{transform:none}[data-theme=pro] .custom-modal-content{border-radius:8px}[data-theme=pro] .custom-modal-btn{border-radius:4px;text-transform:uppercase;letter-spacing:.03em;font-size:.85em}[data-theme=pro] .custom-modal-btn-primary:hover{transform:none;box-shadow:none;filter:brightness(.9)}[data-theme=pro] .custom-modal-btn-secondary:hover{transform:none}[data-theme=pro] .sounds-header-controls{border-radius:4px}[data-theme=pro] .sounds-header-btn{border-radius:4px;background:#27272a;border:1px solid #3f3f46}[data-theme=pro] .sounds-header-btn svg{fill:#fafafa}[data-theme=pro] .sounds-header-btn:hover{transform:none;box-shadow:none;background:#3f3f46}[data-theme=pro] .focus-mode-active{border-radius:8px;box-shadow:0 0 0 1px var(--accent-color)}[data-theme=pro] .play-indicator{border-radius:2px;box-shadow:none}[data-theme=pro] .error-message,[data-theme=pro] .music-track-card,[data-theme=pro] .plan-card{border-radius:4px}[data-theme=pro] .plan-card:before{display:none}[data-theme=pro] .plan-card:hover{transform:none}[data-theme=pro] .plan-card.active{box-shadow:0 0 0 1px var(--accent-color)}[data-theme=pro] .loop-checkbox-label,[data-theme=pro] .music-file-delete{border-radius:4px}[data-theme=pro] .vinyl-player{background:#18181b;border:1px solid #3f3f46;border-radius:4px}[data-theme=pro] .vinyl-record{background:linear-gradient(135deg,#27272a,#18181b);box-shadow:0 4px 20px #00000080}[data-theme=pro] .vinyl-grooves{border-color:#fafafa08}[data-theme=pro] .vinyl-label{background:#3f3f46}[data-theme=pro] .vinyl-btn{background:#27272a;border:1px solid #3f3f46;border-radius:4px}[data-theme=pro] .vinyl-btn:hover{background:#3f3f46;transform:none;box-shadow:none}[data-theme=pro] .vinyl-btn svg{fill:#fafafa}[data-theme=pro] .vinyl-btn-text{background:#27272a;border:1px solid #3f3f46;border-radius:4px}[data-theme=pro] .vinyl-btn-text:hover{background:#3f3f46}[data-theme=pro] .vinyl-playlist{background:#18181b;border:none;border-radius:4px}[data-theme=pro] .playlist-track{border-radius:4px}[data-theme=pro] .playlist-track:hover{background:#27272a}[data-theme=pro] .playlist-track.active{background:#27272a;border-left:2px solid #fafafa}.pomodoro-section{background:transparent;padding:0;margin-bottom:0;text-align:center}.pomodoro-progress-container{margin-bottom:30px;padding:0 20px}.pomodoro-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.progress-time{font-size:.9em;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.progress-label{font-size:.85em;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.pomodoro-progress-bar{position:relative;height:28px;background:linear-gradient(180deg,#0000004d,#00000026);border-radius:14px;overflow:visible;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 4px #0000004d,0 1px #ffffff0d}.progress-segment{position:absolute;top:2px;height:calc(100% - 4px);border-radius:0;opacity:.35;transition:opacity .3s ease}.progress-segment.first{border-top-left-radius:12px;border-bottom-left-radius:12px}.progress-segment.last{border-top-right-radius:12px;border-bottom-right-radius:12px}.progress-segment.work{background:var(--gradient-primary)}.progress-segment.break{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490)}.progress-segment.long-break{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9)}.progress-divider{position:absolute;top:4px;width:2px;height:calc(100% - 8px);background:linear-gradient(180deg,#fff3,#ffffff0d);transform:translate(-50%);z-index:2;border-radius:1px}.pomodoro-progress-fill{position:absolute;top:2px;left:2px;height:calc(100% - 4px);background:var(--gradient-primary);border-radius:12px;transition:width .5s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 0 20px rgba(var(--accent-color-rgb, 167, 139, 250),.4),inset 0 1px #ffffff4d}.pomodoro-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff40,#fff0);border-radius:12px 12px 0 0}.pomodoro-progress-glow{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:radial-gradient(circle,#fff 0%,var(--accent-color) 100%);border-radius:50%;box-shadow:0 0 12px var(--accent-color),0 0 24px var(--accent-color),inset 0 -2px 4px #0003;z-index:3;transition:left .5s cubic-bezier(.4,0,.2,1);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.progress-legend{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:14px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.75em;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.legend-color{width:14px;height:14px;border-radius:4px;box-shadow:0 2px 4px #0003}.legend-color.work{background:var(--gradient-primary)}.legend-color.break{background:linear-gradient(135deg,#06b6d4,#0891b2)}.legend-color.long-break{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.progress-percent{font-size:.9em;font-weight:700;color:var(--accent-color);margin-left:auto}.pomodoro-timer-wrapper{display:flex;align-items:center;justify-content:center;gap:5px;width:100%}.pomodoro-timer{font-size:8em;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums;min-width:4.5ch;text-align:left;margin-left:55px}.skip-forward-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--card-border);background:var(--button-bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.skip-forward-btn svg{width:24px;height:24px}.skip-forward-btn:hover{background:var(--gradient-secondary);color:#fff;border-color:var(--accent-color);transform:scale(1.1);box-shadow:0 5px 20px #a78bfa66}.skip-forward-btn:active{transform:scale(.95)}.time-display{font-size:8em;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;font-variant-numeric:tabular-nums}.pomodoro-session{font-size:1.2em;color:var(--text-secondary);margin-bottom:30px;transition:color .3s ease}.pomodoro-session.work{color:var(--accent-color)}.pomodoro-session.break{color:var(--success-color)}.session-info{font-size:1.2em;color:var(--text-secondary);margin-bottom:15px}.pomodoro-controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.pomodoro-btn{padding:15px 30px;border:none;border-radius:12px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--text-primary);background:var(--button-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pomodoro-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d;background:var(--button-hover-bg)}.pomodoro-btn.start{background:var(--gradient-secondary);border:none;color:#fff}.pomodoro-btn.start:hover{background:var(--gradient-primary);filter:brightness(1.1)}.pomodoro-btn.pause{background:var(--gradient-secondary);border:none;color:#fff;filter:brightness(.85)}.pomodoro-btn.pause:hover{background:var(--gradient-primary);filter:brightness(.95)}.pomodoro-btn.reset{background:linear-gradient(135deg,var(--danger-color) 0%,color-mix(in srgb,var(--danger-color),black 20%) 100%);border:none;color:#fff}.pomodoro-btn.reset:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--danger-color),black 10%),color-mix(in srgb,var(--danger-color),black 30%))}.pomodoro-header-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pomodoro-mode-badge{font-size:.85em;font-weight:600;color:var(--accent-color);background:var(--button-bg);padding:4px 12px;border-radius:20px;border:1px solid var(--card-border)}.pomodoro-header-stat{font-size:.8em;font-weight:500;color:var(--text-secondary);background:var(--card-bg);padding:3px 10px;border-radius:12px}.pomodoro-header-player{display:none;padding:4px 12px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:25px}.focus-mode-active .pomodoro-header-player{display:flex}@media(max-width:768px){.pomodoro-header-player{display:none!important}}.settings-dropdown{position:relative;display:inline-block}.settings-btn{min-width:auto;padding:15px 20px}.settings-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--modal-bg);border:1px solid var(--card-border);border-radius:8px;min-width:200px;box-shadow:0 10px 25px var(--overlay-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;overflow:hidden}.settings-menu-item{display:block;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);font-size:.95em;text-align:left;cursor:pointer;transition:background .2s ease}.settings-menu-item:hover{background:var(--card-hover-bg)}.settings-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;cursor:pointer;transition:background .2s ease;color:var(--text-primary);font-size:.95em}.settings-menu-toggle:hover{background:var(--card-hover-bg)}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-color, #10b981)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.pomodoro-plans{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-top:20px}.plan-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:left}.plan-card:hover{background:var(--card-hover-bg);transform:translateY(-2px)}.plan-card.selected{border-color:var(--accent-color);background:var(--card-hover-bg);box-shadow:0 0 20px var(--accent-color)}.plan-name{font-weight:700;font-size:1.1em;margin-bottom:8px;color:var(--text-primary)}.plan-time{font-size:1.3em;color:var(--accent-color);margin-bottom:8px;font-weight:600}.plan-desc{font-size:.85em;color:var(--text-secondary);line-height:1.4}.rounds-counter{font-size:1.1em;color:var(--text-secondary);margin-top:10px;margin-bottom:10px}.rounds-counter span{color:var(--accent-color);font-weight:600}.rounds-slider-container{display:flex;flex-direction:column;gap:4px;width:100%}.rounds-slider-container label{color:var(--text-secondary);font-size:.95em;font-weight:500;min-width:90px}.rounds-slider{flex:1;height:6px;border-radius:10px;background:var(--button-bg);outline:none;-webkit-appearance:none;cursor:pointer}.rounds-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gradient-secondary);cursor:pointer;transition:transform .2s ease}.rounds-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.rounds-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gradient-secondary);cursor:pointer;border:none;transition:transform .2s ease}.rounds-slider::-moz-range-thumb:hover{transform:scale(1.2)}.rounds-value{min-width:30px;font-weight:600;color:var(--accent-color);font-size:1.1em;text-align:center}.pomodoro-stats{display:flex;gap:20px;justify-content:center;align-items:center;padding:15px 25px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;max-width:800px;margin:20px auto}.stat-item{display:flex;align-items:center;gap:10px;padding:0;background:transparent}.stat-item.stat-total{background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);padding:10px 20px;border-radius:8px}.stat-label{font-size:.9em;color:var(--text-secondary);font-weight:500}.stat-value{font-size:1.4em;font-weight:700;color:var(--accent-color)}.stat-total .stat-label{font-size:.95em}.stat-total .stat-value{font-size:1.6em}.pomodoro-rounds-stats{display:flex;flex-direction:column;gap:12px;margin:15px auto;padding:16px 24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;max-width:600px}.rounds-slider-inline{display:flex;flex-direction:column;align-items:stretch;gap:8px}.rounds-slider-inline label{color:var(--text-secondary);font-size:.9em;font-weight:500;text-align:center}.rounds-slider-inline .rounds-slider{flex:1}.rounds-slider-inline .rounds-value{min-width:28px;text-align:center}.rounds-slider-inline .rounds-slider-container{flex:1;display:flex;flex-direction:column;gap:4px}.rounds-slider-inline .rounds-slider-container .rounds-slider{width:100%}.rounds-scale{display:flex;margin-top:4px;position:relative;width:100%;box-sizing:border-box;padding:0 9px}.scale-mark{font-size:.75em;color:var(--text-secondary);transition:color .2s ease,font-weight .2s ease;flex:1;text-align:center;font-variant-numeric:tabular-nums;line-height:1.5}.scale-mark:first-child{text-align:left;flex:.5}.scale-mark:last-child{text-align:right;flex:.5}.scale-mark.disabled{color:var(--text-muted);opacity:.4}.scale-mark.active{color:var(--accent-color);font-weight:700}.stats-inline{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.stat-inline{font-size:.9em;color:var(--text-secondary);font-weight:500;cursor:default}.stat-inline.stat-total{color:var(--accent-color);font-weight:700;font-size:1em;padding:4px 12px;background:#a78bfa1a;border-radius:8px}.stat-inline.stat-rest{color:#f59e0b}.stat-divider{color:var(--text-muted);font-size:.7em;opacity:.6}.focus-mode-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:2px solid #a78bfa!important;position:relative;overflow:hidden}.focus-mode-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.focus-mode-btn:hover:before{left:100%}.focus-mode-btn.active{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#34d399!important}@media(max-width:768px){.skip-forward-btn{width:44px;height:44px}.skip-forward-btn svg{width:22px;height:22px}}@media(max-width:480px){.pomodoro-timer{font-size:3.5em;min-width:4.5ch;text-align:left;margin-left:37px}.pomodoro-timer-wrapper{gap:5px}.skip-forward-btn{width:32px;height:32px}.skip-forward-btn svg{width:16px;height:16px}.pomodoro-rounds-stats{padding:12px 8px}.rounds-slider-inline label{font-size:.85em}.stats-inline{gap:6px}.stat-inline{font-size:.8em}.stat-inline.stat-total{font-size:.85em;padding:3px 8px}.pomodoro-plans{grid-template-columns:repeat(2,1fr);gap:10px}.plan-card{padding:10px}.plan-name{font-size:.95em;margin-bottom:4px}.plan-time{font-size:1.1em;margin-bottom:4px}.plan-desc{font-size:.75em;line-height:1.3}}.toast-container{position:fixed;top:20px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:16px 20px;background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 10px 40px #0000004d;cursor:pointer;pointer-events:all;animation:slideIn .3s ease,fadeIn .3s ease;transition:all .3s ease}.toast:hover{transform:translate(-5px);box-shadow:0 15px 50px #0006}.toast-icon{font-size:1.3em;min-width:24px;text-align:center;font-weight:700}.toast-message{flex:1;color:var(--text-primary);font-size:.95em;line-height:1.4}.toast-close{background:none;border:none;color:var(--text-secondary);font-size:1.5em;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:var(--text-primary)}.toast-success{border-left:4px solid var(--success-color)}.toast-success .toast-icon{color:var(--success-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-error .toast-icon{color:var(--danger-color)}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid var(--accent-color)}.toast-info .toast-icon{color:var(--accent-color)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;width:100%}}.collapsible-section{margin-bottom:30px;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--card-border);border-radius:16px;padding:0;transition:all .3s ease}.collapsible-section:hover{border-color:rgba(var(--accent-color-rgb, 167, 139, 250),.3);box-shadow:0 0 20px rgba(var(--accent-color-rgb, 167, 139, 250),.1)}.collapsible-section:last-child{margin-bottom:0}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:transparent;border:none;border-bottom:1px solid transparent;border-radius:14px 14px 0 0;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.collapsible-header:hover{background:var(--card-hover-bg)}.collapsible-section .collapsible-header.has-open-content{border-bottom-color:var(--card-border)}.collapsible-title{font-size:1.5em;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px;flex:1}.header-controls{display:flex;align-items:center;gap:12px;margin-right:10px}.music-header-controls{display:flex;align-items:center;gap:12px;padding:6px 12px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:25px}.music-header-info{display:flex;align-items:center;gap:8px}.music-header-icon{font-size:1.2em}.music-header-track{font-size:.9em;font-weight:500;color:var(--text-primary);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-header-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.music-header-btn svg{width:18px;height:18px;fill:#fff}.music-header-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666}.player-controls{display:flex;align-items:center;gap:8px}.player-controls-sm .player-play-btn{width:32px;height:32px}.player-controls-sm .player-play-btn svg{width:16px;height:16px}.player-controls-sm .player-nav-btn{width:28px;height:28px}.player-controls-sm .player-nav-btn svg{width:14px;height:14px}.player-controls-sm .player-track-name{font-size:.85em;max-width:120px}.player-controls-md .player-play-btn{width:40px;height:40px}.player-controls-md .player-play-btn svg{width:20px;height:20px}.player-controls-md .player-nav-btn{width:32px;height:32px}.player-controls-md .player-nav-btn svg{width:16px;height:16px}.player-controls-lg .player-play-btn{width:48px;height:48px}.player-controls-lg .player-play-btn svg{width:24px;height:24px}.player-controls-lg .player-nav-btn{width:40px;height:40px}.player-controls-lg .player-nav-btn svg{width:20px;height:20px}.player-play-btn{border-radius:50%;border:none;background:var(--accent-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;color:#fff}.player-play-btn svg{fill:currentColor}.player-play-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #8b5cf666}.player-nav-btn{border-radius:50%;border:1px solid var(--card-border);background:var(--button-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;color:var(--text-secondary)}.player-nav-btn svg{fill:currentColor}.player-nav-btn:hover{background:var(--button-hover-bg);border-color:var(--accent-color);color:var(--text-primary);transform:scale(1.05)}.player-track-name{font-size:.9em;font-weight:500;color:var(--text-primary);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:4px}.collapsible-toggle{background:transparent;border:none;color:var(--accent-color);font-size:1.2em;cursor:pointer;padding:5px 10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:30px}.collapsible-toggle:hover{transform:scale(1.2)}.collapsible-toggle.close-btn{font-size:1.5em;font-weight:300;color:var(--text-secondary);width:36px;height:36px;border-radius:50%;background:var(--button-bg);border:1px solid var(--card-border)}.collapsible-toggle.close-btn:hover{background:var(--button-hover-bg);color:var(--text-primary);transform:scale(1.1)}.focus-settings-wrapper{position:relative;margin-right:8px}.focus-settings-btn{width:36px;height:36px;border-radius:50%;background:var(--button-bg);border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.focus-settings-btn svg{width:18px;height:18px;transition:transform .3s ease}.focus-settings-btn:hover{background:var(--button-hover-bg);color:var(--text-primary);border-color:var(--accent-color)}.focus-settings-btn:hover svg{transform:rotate(45deg)}.focus-settings-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.focus-settings-btn.active svg{transform:rotate(90deg)}.focus-settings-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;padding:16px 16px 16px 20px;min-width:280px;box-shadow:0 15px 40px #00000080;z-index:1000;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.focus-settings-divider{height:1px;background:var(--card-border);margin:12px 0}.focus-settings-toggles{display:flex;flex-direction:column;gap:10px}.focus-toggle-label{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.focus-toggle-label:hover{background:var(--button-hover-bg)}.focus-toggle-label span{color:var(--text-secondary);font-size:.9em}.focus-toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.focus-toggle-switch input{opacity:0;width:0;height:0}.focus-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--card-border);transition:.3s;border-radius:24px}.focus-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.focus-toggle-switch input:checked+.focus-toggle-slider{background:var(--accent-color)}.focus-toggle-switch input:checked+.focus-toggle-slider:before{transform:translate(20px)}.focus-test-alert-btn{width:100%;padding:10px 14px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-secondary);font-size:.9em;cursor:pointer;transition:all .2s ease;text-align:center}.focus-test-alert-btn:hover{background:var(--button-hover-bg);color:var(--text-primary);border-color:var(--accent-color)}.collapsible-content{overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.collapsible-content.open{max-height:5000px;opacity:1}.collapsible-content.closed{max-height:0;opacity:0}.collapsible-content-inner{padding:15px 20px 20px}@media(max-width:768px){.collapsible-section{border-radius:12px}.collapsible-header{padding:12px 15px;border-radius:10px 10px 0 0}.collapsible-title{font-size:1.2em}.collapsible-toggle{font-size:1em}.collapsible-content-inner{padding:12px 15px 15px}}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.falling-snow{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.snowflake{position:absolute;top:-20px;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.8);animation:fall linear infinite;-webkit-user-select:none;user-select:none}@keyframes fall{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.snowflake{animation:none;display:none}}.falling-leaves{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.leaf{position:absolute;top:-30px;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:leafFall linear infinite;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}@keyframes leafFall{0%{transform:translateY(-30px) translate(0) rotate(0)}25%{transform:translateY(25vh) translate(var(--sway-amount, 30px)) rotate(calc(90deg * var(--rotation-speed, 1)))}50%{transform:translateY(50vh) translate(calc(var(--sway-amount, 30px) * -.5)) rotate(calc(180deg * var(--rotation-speed, 1)))}75%{transform:translateY(75vh) translate(calc(var(--sway-amount, 30px) * .8)) rotate(calc(270deg * var(--rotation-speed, 1)))}to{transform:translateY(100vh) translate(0) rotate(calc(360deg * var(--rotation-speed, 1)))}}@media(prefers-reduced-motion:reduce){.leaf{animation:none;display:none}}.falling-nexi{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.nexi-logo{position:absolute;top:-50px;animation:fallNexi linear infinite;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 12px rgba(125,211,252,.5)) drop-shadow(0 0 6px rgba(45,50,170,.4))}.nexi-logo-img{width:100%;height:auto;border-radius:6px}@keyframes fallNexi{0%{transform:translateY(-50px) rotate(0)}25%{transform:translateY(25vh) rotate(15deg)}50%{transform:translateY(50vh) rotate(-10deg)}75%{transform:translateY(75vh) rotate(20deg)}to{transform:translateY(105vh) rotate(0)}}@media(prefers-reduced-motion:reduce){.nexi-logo{animation:none;display:none}}.keyboard-shortcuts-trigger{position:fixed;bottom:30px;right:30px;width:56px;height:56px;border-radius:50%;background:var(--gradient-secondary);border:none;color:#fff;font-size:1.8em;cursor:pointer;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.keyboard-shortcuts-trigger:hover{transform:translateY(-3px);box-shadow:0 6px 25px #667eea80}.keyboard-shortcuts-trigger:active{transform:translateY(-1px)}.keyboard-shortcuts-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .2s ease}.keyboard-shortcuts-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;z-index:2001;box-shadow:0 20px 60px #00000080;animation:panelFadeIn .2s ease}@keyframes panelFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.keyboard-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--card-border)}.keyboard-shortcuts-header h3{margin:0;color:var(--text-primary);font-size:1.4em;font-weight:600}.keyboard-shortcuts-close{background:transparent;border:none;color:var(--text-secondary);font-size:2em;line-height:.8;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.keyboard-shortcuts-close:hover{background:var(--button-hover-bg);color:var(--text-primary)}.keyboard-shortcuts-content{padding:24px;display:flex;flex-direction:column;gap:16px}.keyboard-shortcut-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;transition:all .2s ease}.keyboard-shortcut-item:hover{background:var(--card-hover-bg);transform:translate(5px)}.keyboard-key{min-width:60px;padding:8px 12px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em;font-weight:600;text-align:center;box-shadow:0 2px 4px #0000001a}.keyboard-description{color:var(--text-secondary);font-size:.95em;flex:1}.keyboard-shortcuts-footer{padding:16px 24px;border-top:1px solid var(--card-border);background:var(--card-bg);border-radius:0 0 16px 16px}.keyboard-shortcuts-footer p{margin:0;color:var(--text-muted);font-size:.85em;text-align:center}.keyboard-shortcuts-footer kbd{padding:4px 8px;background:var(--button-bg);border:1px solid var(--card-border);border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9em;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.keyboard-shortcuts-trigger{display:none}.keyboard-shortcuts-panel{max-height:90vh}.keyboard-shortcuts-header{padding:20px}.keyboard-shortcuts-content{padding:20px;gap:12px}.keyboard-shortcut-item{flex-direction:column;align-items:flex-start;gap:8px}.keyboard-key{min-width:auto}}.cookie-consent-overlay{position:fixed;bottom:0;left:0;right:0;z-index:10001;padding:20px;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-banner{max-width:600px;margin:0 auto;background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;padding:24px;box-shadow:0 -10px 40px #0000004d}.cookie-consent-content{margin-bottom:20px}.cookie-consent-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cookie-icon{font-size:1.5em}.cookie-consent-header h3{margin:0;font-size:1.2em;font-weight:600;color:var(--text-primary)}.cookie-consent-text{margin:0;color:var(--text-secondary);font-size:.95em;line-height:1.6}.cookie-consent-details{margin-top:16px;padding:16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;animation:fadeIn .3s ease}.cookie-consent-details h4{margin:0 0 12px;font-size:.95em;font-weight:600;color:var(--text-primary)}.cookie-consent-details ul{margin:0;padding-left:20px;color:var(--text-secondary);font-size:.9em;line-height:1.8}.cookie-consent-details li{margin-bottom:4px}.cookie-consent-details strong{color:var(--text-primary)}.cookie-note{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--card-border);font-size:.85em;color:var(--text-muted);line-height:1.5}.cookie-details-toggle{background:none;border:none;color:var(--accent-color);font-size:.9em;font-weight:500;cursor:pointer;padding:8px 0;margin-top:8px;transition:opacity .2s ease}.cookie-details-toggle:hover{opacity:.8}.cookie-consent-actions{display:flex;gap:12px;justify-content:flex-end}.cookie-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;font-size:.95em;cursor:pointer;transition:all .2s ease}.cookie-btn-decline{background:var(--button-bg);color:var(--text-secondary);border:1px solid var(--card-border)}.cookie-btn-decline:hover{background:var(--button-hover-bg);color:var(--text-primary);transform:translateY(-2px)}.cookie-btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cookie-btn-accept:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}@media(max-width:480px){.cookie-consent-overlay{padding:12px}.cookie-consent-banner{padding:16px}.cookie-consent-actions{flex-direction:column}.cookie-btn{width:100%;text-align:center}}.privacy-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.privacy-modal{background:var(--modal-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.privacy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--card-border)}.privacy-modal-header h2{margin:0;font-size:1.3em;font-weight:600;color:var(--text-primary)}.privacy-close-btn{background:none;border:none;font-size:1.8em;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.privacy-close-btn:hover{color:var(--text-primary)}.privacy-modal-content{padding:24px}.privacy-status-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;margin-bottom:20px}.privacy-status-header{display:flex;align-items:center;gap:12px}.privacy-status-icon{font-size:2em}.privacy-status-info h3{margin:0 0 4px;font-size:.95em;font-weight:500;color:var(--text-secondary)}.privacy-status-text{margin:0;font-size:1.1em;font-weight:600}.privacy-status-text.accepted{color:#10b981}.privacy-status-text.declined{color:#ef4444}.privacy-status-text.unknown{color:var(--text-muted)}.privacy-consent-date{margin:12px 0 0;font-size:.85em;color:var(--text-muted)}.privacy-info-section{margin-bottom:20px}.privacy-info-section h3{margin:0 0 12px;font-size:.95em;font-weight:600;color:var(--text-primary)}.privacy-info-section ul{margin:0;padding-left:20px;color:var(--text-secondary);font-size:.9em;line-height:1.8}.privacy-note{margin:12px 0 0;font-size:.85em;color:var(--text-muted);font-style:italic}.privacy-storage-info{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;margin-bottom:20px;font-size:.9em;color:var(--text-secondary)}.storage-size{font-weight:600;color:var(--accent-color)}.privacy-actions{display:flex;flex-direction:column;gap:10px}.privacy-btn{padding:12px 20px;border:none;border-radius:10px;font-weight:600;font-size:.95em;cursor:pointer;transition:all .2s ease;text-align:center}.privacy-btn-accept{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.privacy-btn-accept:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.privacy-btn-revoke{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.privacy-btn-revoke:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b66}.privacy-btn-clear{background:var(--button-bg);color:var(--text-secondary);border:1px solid var(--card-border)}.privacy-btn-clear:hover{background:var(--button-hover-bg);color:var(--text-primary);transform:translateY(-2px)}@media(max-width:480px){.privacy-modal{width:95%;margin:10px}.privacy-modal-content{padding:16px}}