:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:100vw;min-height:100vh;overflow:hidden}#app{width:100%;height:100%;margin:0;padding:0;text-align:left}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.language-switcher[data-v-7ea17cf6]{display:flex;gap:8px;background:#0003;padding:4px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.lang-btn[data-v-7ea17cf6]{background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:50%;transition:transform .2s,background-color .2s;opacity:.6}.lang-btn[data-v-7ea17cf6]:hover{transform:scale(1.1);opacity:1}.lang-btn.active[data-v-7ea17cf6]{background-color:#ffffff1a;opacity:1;box-shadow:0 2px 4px #0003}.settings-menu-container[data-v-2cc345c7]{position:relative;display:inline-block}.settings-btn[data-v-2cc345c7]{background:transparent;border:none;font-size:24px;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .2s;color:#e0e0e0}.settings-btn[data-v-2cc345c7]:hover{transform:rotate(90deg)}.settings-panel[data-v-2cc345c7]{position:absolute;top:100%;right:0;margin-top:10px;background:#1e1e1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;min-width:250px;box-shadow:0 4px 20px #00000080;z-index:2000;color:#fff;max-height:80vh;overflow-y:auto}h3[data-v-2cc345c7]{margin:16px 0 12px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:1px}h3[data-v-2cc345c7]:first-child{margin-top:0}.color-grid[data-v-2cc345c7]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.color-option[data-v-2cc345c7]{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s}.color-option[data-v-2cc345c7]:hover{transform:scale(1.1)}.color-option.active[data-v-2cc345c7]{border-color:#fff;box-shadow:0 0 0 2px #fff3}select[data-v-2cc345c7]{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px;border-radius:6px;margin-bottom:8px;cursor:pointer}select[data-v-2cc345c7]:focus{outline:none;border-color:#ffffff80}.widget-list[data-v-2cc345c7]{list-style:none;padding:0;margin:0}.widget-item[data-v-2cc345c7]{margin-bottom:8px}.widget-item label[data-v-2cc345c7]{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;padding:4px 0;transition:color .2s}.widget-item label[data-v-2cc345c7]:hover{color:#4caf50}input[type=checkbox][data-v-2cc345c7]{accent-color:#4caf50;width:16px;height:16px;cursor:pointer}.custom-color-wrapper[data-v-2cc345c7]{position:relative;overflow:hidden;border-radius:50%;background:conic-gradient(from 180deg at 50% 50%,red,#0ff 112.5deg,#00f 228.75deg,red 360deg);display:flex;align-items:center;justify-content:center;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.custom-color-input[data-v-2cc345c7]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;margin:0;border:none;-webkit-appearance:none}.plus-icon[data-v-2cc345c7]{pointer-events:none;font-size:20px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);font-weight:700;z-index:1}.desktop-layout[data-v-592605b9]{width:100vw;height:100vh;overflow:hidden;position:relative;transition:all .5s ease;box-shadow:inset 0 0 150px #0000004d}.desk-surface[data-v-592605b9]{width:100%;height:100%;position:relative;transition:transform .2s ease-out,width .2s ease-out,height .2s ease-out}.lang-container[data-v-592605b9]{position:absolute;top:20px;right:20px;z-index:1000;display:flex;gap:16px;align-items:center}.desk-controls[data-v-592605b9]{position:absolute;bottom:20px;right:20px;opacity:.5;transition:opacity .3s;display:flex;align-items:center;gap:16px}.desk-controls[data-v-592605b9]:hover{opacity:1}.clear-btn[data-v-592605b9]{background:transparent;border:none;font-size:24px;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .2s}.clear-btn[data-v-592605b9]:hover{transform:scale(1.1)}.flip-card[data-v-8fab900a]{position:relative;display:inline-flex;flex-direction:column;box-shadow:0 4px 6px #00000080;border-radius:8px;font-family:Helvetica Neue,Helvetica,monospace;font-weight:700;font-size:80px;color:#e0e0e0;width:70px;height:100px;perspective:400px;background-color:#333}.top[data-v-8fab900a],.bottom[data-v-8fab900a],.top-flip[data-v-8fab900a],.bottom-flip[data-v-8fab900a]{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background-color:#333;color:#f5f5f5;text-align:center;box-sizing:border-box}.top[data-v-8fab900a],.top-flip[data-v-8fab900a]{top:0;line-height:100px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#3a3a3a;border-bottom:1px solid rgba(0,0,0,.1)}.bottom[data-v-8fab900a],.bottom-flip[data-v-8fab900a]{bottom:0;line-height:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-color:#3a3a3a}.top[data-v-8fab900a],.bottom[data-v-8fab900a]{z-index:1}.top-flip[data-v-8fab900a]{z-index:2;transform-origin:bottom;backface-visibility:hidden}.bottom-flip[data-v-8fab900a]{z-index:2;transform-origin:top;transform:rotateX(90deg);backface-visibility:hidden}.top-flip.flipping[data-v-8fab900a]{animation:flip-top-8fab900a .6s ease-in}.bottom-flip.flipping[data-v-8fab900a]{animation:flip-bottom-8fab900a .6s ease-out .6s;animation:flip-bottom-8fab900a .6s ease-out}@keyframes flip-top-8fab900a{0%{transform:rotateX(0)}50%,to{transform:rotateX(-90deg);opacity:1}}@keyframes flip-bottom-8fab900a{0%,50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.top-flip[data-v-8fab900a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;z-index:3}.top-flip.flipping[data-v-8fab900a]:after{animation:shadow-top-8fab900a .6s ease-in}@keyframes shadow-top-8fab900a{0%{opacity:0}50%,to{opacity:.8}}.bottom-flip[data-v-8fab900a]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:1;z-index:3}.bottom-flip.flipping[data-v-8fab900a]:after{animation:shadow-bottom-8fab900a .6s ease-out}@keyframes shadow-bottom-8fab900a{0%,50%{opacity:.8}to{opacity:0}}.timer-display[data-v-45891d15]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;width:100%}.clock-transform-wrapper[data-v-45891d15]{transform:scale(.65);transform-origin:center top;margin-bottom:-30px}.clock-container[data-v-45891d15]{display:flex;align-items:center;gap:15px;padding:10px}.digit-group[data-v-45891d15]{display:flex;gap:4px}.separator[data-v-45891d15]{font-size:60px;font-weight:700;color:#333;margin-top:-10px}.timer-mode[data-v-45891d15]{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-top:10px;padding:4px 12px;border-radius:12px;color:#555;background-color:#0000000d}.timer-mode.work[data-v-45891d15]{color:#d32f2f;background-color:#d32f2f1a}.timer-mode.rest[data-v-45891d15]{color:#388e3c;background-color:#388e3c1a}.controls[data-v-8ba88c5d]{display:flex;justify-content:center;gap:8px;width:100%;margin-bottom:0}.control-button[data-v-8ba88c5d]{padding:8px 16px;border:none;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;flex:1;white-space:nowrap;background:#fff;box-shadow:0 2px 4px #0000000d,0 0 0 1px #0000000d;color:#555;text-transform:uppercase;letter-spacing:.5px;transition:all .1s}.control-button[data-v-8ba88c5d]:active{transform:scale(.98);background:#f5f5f5}.control-button.active[data-v-8ba88c5d]{background:#333;color:#fff;box-shadow:0 4px 8px #0003}.settings[data-v-5285bd52]{display:flex;justify-content:space-between;gap:10px;width:100%;padding:0}.setting[data-v-5285bd52]{text-align:center;background:#fff;padding:10px;border-radius:12px;box-shadow:0 2px 5px #0000000d,inset 0 0 0 1px #00000008;flex:1;min-width:0}.setting label[data-v-5285bd52]{display:block;font-size:10px;margin-bottom:8px;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:1px}.time-input[data-v-5285bd52]{display:flex;align-items:center;justify-content:center;gap:8px}.adjust-btn[data-v-5285bd52]{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f0f0f0;box-shadow:0 2px 4px #0000001a,inset 0 1px #fff;color:#555;font-size:16px;font-weight:600;font-family:Arial,sans-serif;transition:all .1s ease}.adjust-btn[data-v-5285bd52]:hover:not(:disabled){background:#e9e9e9;transform:translateY(-1px)}.adjust-btn[data-v-5285bd52]:active:not(:disabled){transform:translateY(1px);background:#dcdcdc;box-shadow:inset 0 1px 3px #0000001a}.adjust-btn[data-v-5285bd52]:disabled{opacity:.5;cursor:not-allowed}.value-display[data-v-5285bd52]{font-size:16px;font-weight:700;color:#333;min-width:40px;font-family:Inter,sans-serif}.progress-bar-wrapper[data-v-59c40a2e]{width:100%;padding:4px;background:#e5e5e5;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d;margin-bottom:0}.progress-container[data-v-59c40a2e]{display:flex;height:8px;border-radius:4px;overflow:hidden;width:100%;background-color:#d0d0d0}.segment[data-v-59c40a2e]{height:100%;position:relative;flex:1;transition:all .3s ease}.work-segment[data-v-59c40a2e]{background-color:#d0d0d0}.rest-segment[data-v-59c40a2e]{background-color:silver}.progress-fill[data-v-59c40a2e]{position:absolute;height:100%;left:0;top:0;transition:width 1s linear;box-shadow:2px 0 5px #0003}.work-segment .progress-fill[data-v-59c40a2e]{background-color:#d9534f}.rest-segment .progress-fill[data-v-59c40a2e]{background-color:#5cb85c}.timer-widget[data-v-475305b0]{width:280px;background-color:#f5f5f7;border-radius:16px;padding:16px;position:absolute;z-index:100;cursor:grab;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d,inset 0 0 0 1px #ffffff80;transition:transform .05s ease-out,box-shadow .2s;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timer-widget[data-v-475305b0]:active{cursor:grabbing;box-shadow:0 15px 35px #00000026,0 6px 10px #00000014;transform:scale(1.02)}.device-body[data-v-475305b0]{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}.screen-frame[data-v-475305b0],.controls-area[data-v-475305b0],.settings-area[data-v-475305b0]{width:100%;display:flex;justify-content:center}.progress-area[data-v-475305b0]{width:100%}.sessions-plate[data-v-475305b0]{font-family:Inter,sans-serif;font-size:11px;color:#888;font-weight:600;letter-spacing:1px}.timer-widget[data-v-42a03ee4]{width:420px;background-color:#e0e0e0;border-radius:20px;padding:20px;position:absolute;z-index:100;cursor:grab;box-shadow:10px 10px 30px #0006,inset 2px 2px 5px #ffffffb3,inset -2px -2px 5px #0003;transition:transform .05s ease-out,box-shadow .2s;-webkit-user-select:none;user-select:none}.timer-widget[data-v-42a03ee4]:active{cursor:grabbing;box-shadow:15px 15px 40px #00000080,inset 2px 2px 5px #ffffffb3,inset -2px -2px 5px #0003}.device-body[data-v-42a03ee4]{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative}.screw[data-v-42a03ee4]{width:10px;height:10px;background:#bdc3c7;border-radius:50%;position:absolute;box-shadow:inset 1px 1px 2px #0000004d}.screw[data-v-42a03ee4]:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:2px;background:#95a5a6;transform:translate(-50%,-50%) rotate(45deg)}.top-left[data-v-42a03ee4]{top:-10px;left:-10px}.top-right[data-v-42a03ee4]{top:-10px;right:-10px}.bottom-left[data-v-42a03ee4]{bottom:-10px;left:-10px}.bottom-right[data-v-42a03ee4]{bottom:-10px;right:-10px}.screen-frame[data-v-42a03ee4]{background:#2c2c2c;padding:0;border-radius:10px;box-shadow:inset 0 0 10px #000c;border:1px solid #444;width:100%;height:120px;display:flex;justify-content:center;align-items:center;overflow:hidden}.clock-display[data-v-42a03ee4]{display:flex;align-items:center;gap:6px;background-color:#222;padding:10px;border-radius:12px;box-shadow:inset 0 2px 5px #00000080;transform:scale(.55);transform-origin:center}.digit-group[data-v-42a03ee4]{display:flex;gap:4px}.separator[data-v-42a03ee4]{font-size:40px;font-weight:700;color:#ccc;margin-top:-10px}.info-area[data-v-42a03ee4]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;background:#d0d0d0;padding:10px;border-radius:8px;border:1px solid #ccc;box-shadow:inset 1px 1px 3px #0000001a}.target-label[data-v-42a03ee4]{font-size:14px;color:#555;font-weight:500}.target-date-text[data-v-42a03ee4]{color:#333;font-weight:700}.change-btn[data-v-42a03ee4]{background:#333;color:#f1c40f;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 4px #0000004d;transition:background .2s;position:relative;overflow:hidden}.change-btn[data-v-42a03ee4]:hover{background:#444}.hidden-input[data-v-42a03ee4]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;padding:0;margin:0;border:none;visibility:hidden}.notepad[data-v-4a1cbb0e]{width:340px;font-family:Georgia,Times New Roman,serif;position:absolute;z-index:5;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .05s ease-out;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"),linear-gradient(145deg,#5a3d2b,#4a3020);padding:12px;border-radius:4px;box-shadow:0 15px 35px #0006,0 5px 15px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.notepad[data-v-4a1cbb0e]:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px dashed rgba(0,0,0,.3);border-radius:2px;pointer-events:none}.notepad[data-v-4a1cbb0e]:active{cursor:grabbing;z-index:150;box-shadow:0 20px 45px #00000080,0 10px 20px #0006}.paper[data-v-4a1cbb0e]{background-color:#faf8f0;background-image:linear-gradient(90deg,transparent 38px,#e8b4b4 38px,#e8b4b4 40px,transparent 40px),linear-gradient(#d4d0c8 1px,transparent 1px);background-size:100% 100%,100% 28px;background-position:0 0,0 0;padding:20px 16px 20px 48px;min-height:380px;border-radius:2px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0000000d,inset -2px 0 5px #0000000d}.paper[data-v-4a1cbb0e]:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;background:linear-gradient(135deg,#faf8f0 50%,transparent 50%),linear-gradient(135deg,transparent 50%,#d4c9a8 50%);box-shadow:-2px -2px 5px #0000001a}.header[data-v-4a1cbb0e]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-bottom:8px;border-bottom:none;position:relative}.header[data-v-4a1cbb0e]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(90deg,rgba(255,230,150,.6) 0%,rgba(255,230,150,.3) 80%,transparent 100%);border-radius:2px}h2[data-v-4a1cbb0e]{margin:0;font-size:22px;font-weight:700;color:#2c1810;letter-spacing:.5px;position:relative;z-index:1}.date[data-v-4a1cbb0e]{color:#8b7355;font-size:13px;font-style:italic;position:relative;z-index:1}.lines[data-v-4a1cbb0e]{display:flex;flex-direction:column;margin-left:-32px}.line-item[data-v-4a1cbb0e]{display:flex;align-items:flex-start;min-height:28px;padding:2px 0;transition:all .2s}.line-item[data-v-4a1cbb0e]:hover{background:#fff8dc4d}.checkbox-area[data-v-4a1cbb0e]{width:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.checkbox[data-v-4a1cbb0e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #c9b896;border-radius:3px;cursor:pointer;position:relative;background:transparent;transition:all .2s}.checkbox[data-v-4a1cbb0e]:hover{border-color:#8b7355}.checkbox[data-v-4a1cbb0e]:checked{background:#5a9a5a;border-color:#4a8a4a}.checkbox[data-v-4a1cbb0e]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.task-content[data-v-4a1cbb0e]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.task-input[data-v-4a1cbb0e]{width:100%;background:transparent;border:none;font-family:Georgia,serif;font-size:15px;color:#2c1810;outline:none;padding:2px 4px;resize:none;overflow:hidden;min-height:20px;line-height:1.4}.task-input[data-v-4a1cbb0e]::placeholder{color:#b8a88a;font-style:italic}.completed .task-input[data-v-4a1cbb0e]{text-decoration:line-through;color:#a89880}.tomatoes[data-v-4a1cbb0e]{display:flex;gap:2px;padding-left:4px}.tomato[data-v-4a1cbb0e]{font-size:12px;cursor:pointer;transition:all .15s;opacity:.3;filter:grayscale(100%)}.tomato[data-v-4a1cbb0e]:hover{transform:scale(1.2);opacity:.6;filter:grayscale(50%)}.tomato.filled[data-v-4a1cbb0e]{opacity:1;filter:none}.completed-badge[data-v-4a1cbb0e]{font-size:11px;color:#8b7355;padding-left:4px}.delete-btn[data-v-4a1cbb0e]{background:transparent;border:none;color:#c0392b;font-size:16px;font-weight:700;cursor:pointer;margin-left:4px;opacity:0;transition:all .2s;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-btn[data-v-4a1cbb0e]:hover{background:#c0392b1a}.line-item:hover .delete-btn[data-v-4a1cbb0e]{opacity:1}.new-task[data-v-4a1cbb0e]{color:#8b7355;cursor:pointer;opacity:.5;transition:all .2s}.new-task[data-v-4a1cbb0e]:hover{opacity:1}.plus[data-v-4a1cbb0e]{font-size:14px;font-weight:700;color:#8b7355}.placeholder[data-v-4a1cbb0e]{font-style:italic;font-size:14px;padding-left:4px}.sound-machine[data-v-9c5ca0c0]{width:280px;background-color:#2c3e50;border-radius:10px;padding:15px;box-shadow:10px 10px 20px #0006,inset 0 0 20px #00000080;display:flex;flex-direction:column;gap:15px;align-self:flex-start;position:absolute;cursor:grab;z-index:10;transition:transform .05s ease-out;-webkit-user-select:none;user-select:none}.sound-machine[data-v-9c5ca0c0]:active{cursor:grabbing;z-index:150;box-shadow:15px 15px 25px #00000080}.grill[data-v-9c5ca0c0]{height:60px;background-color:#000;border-radius:4px;box-shadow:inset 2px 2px 5px #000c;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.grill[data-v-9c5ca0c0]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,transparent 60%,#34495e 61%) 0 0,radial-gradient(circle,transparent 60%,#34495e 61%) 4px 4px;background-size:8px 8px;z-index:2;pointer-events:none;opacity:.9}.hidden-display[data-v-9c5ca0c0]{position:relative;z-index:1;font-family:Courier New,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;transform:translateY(2px);width:100%;height:100%}.time-readout[data-v-9c5ca0c0]{color:#fa0;font-size:52px;font-weight:700;text-shadow:0 0 15px rgba(255,170,0,1),0 0 30px rgba(255,170,0,.7);letter-spacing:4px;line-height:1}.separator[data-v-9c5ca0c0]{animation:blink-9c5ca0c0 1s step-end infinite;display:inline-block;margin:0 -2px;position:relative;top:-2px}@keyframes blink-9c5ca0c0{0%,to{opacity:1}50%{opacity:0}}.controls[data-v-9c5ca0c0]{display:flex;flex-direction:column;gap:15px}.display-panel[data-v-9c5ca0c0]{background:#000;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #555;position:relative}.visualizer[data-v-9c5ca0c0]{width:100%;height:100%}.station-info[data-v-9c5ca0c0]{display:flex;align-items:center;justify-content:center;width:100%}.viz-toggle[data-v-9c5ca0c0]{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:2px;opacity:.5;transition:opacity .2s}.viz-toggle[data-v-9c5ca0c0]:hover,.viz-toggle.active[data-v-9c5ca0c0]{opacity:1}.bar-icon[data-v-9c5ca0c0]{display:flex;gap:1px;align-items:flex-end;height:10px}.bar-icon span[data-v-9c5ca0c0]{width:2px;background:#bdc3c7;display:block}.bar-icon span[data-v-9c5ca0c0]:nth-child(1){height:40%}.bar-icon span[data-v-9c5ca0c0]:nth-child(2){height:100%}.bar-icon span[data-v-9c5ca0c0]:nth-child(3){height:60%}.station-indicator[data-v-9c5ca0c0]{color:#e74c3c;font-family:monospace;font-weight:700;text-shadow:0 0 5px #e74c3c;font-size:14px}.station-indicator.off[data-v-9c5ca0c0]{color:#555;text-shadow:none}.knobs[data-v-9c5ca0c0]{display:flex;justify-content:space-between;align-items:center}.tuning-knob[data-v-9c5ca0c0]{display:flex;flex-direction:column;gap:5px}.channel-btn[data-v-9c5ca0c0]{background:#2c3e50;border:1px solid #1a252f;color:#7f8c8d;font-size:10px;padding:6px 12px;cursor:pointer;border-radius:4px;text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);text-transform:uppercase;font-weight:600;box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.channel-btn[data-v-9c5ca0c0]:hover{background:#34495e;color:#bdc3c7;transform:translateY(-1px)}.channel-btn[data-v-9c5ca0c0]:active{transform:translateY(1px);box-shadow:0 1px 2px #0000004d,inset 0 1px 4px #0006}.channel-btn.active[data-v-9c5ca0c0]{background:#e67e22;color:#fff;border-color:#d35400;box-shadow:inset 0 2px 4px #0000004d,0 0 10px #e67e2299,0 0 20px #e67e2266;text-shadow:0 1px 2px rgba(0,0,0,.3);transform:translateY(1px)}.channel-btn[data-v-9c5ca0c0]:after{content:"";position:absolute;top:4px;right:4px;width:4px;height:4px;border-radius:50%;background-color:#555;box-shadow:inset 0 1px 2px #00000080;transition:all .2s}.channel-btn.active[data-v-9c5ca0c0]:after{background-color:#fff;box-shadow:0 0 5px #fff,0 0 10px #fff}.channel-btn.loading[data-v-9c5ca0c0]{cursor:wait}.channel-btn.loading[data-v-9c5ca0c0]:after{background-color:#f1c40f;animation:blink-fast-9c5ca0c0 .5s infinite alternate;box-shadow:0 0 5px #f1c40f}@keyframes blink-fast-9c5ca0c0{0%{opacity:.3}to{opacity:1}}.volume-knob-container[data-v-9c5ca0c0]{display:flex;flex-direction:column;align-items:center;height:160px;position:relative;justify-content:flex-end;padding-bottom:20px}.volume-slider[data-v-9c5ca0c0]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:50px;background:transparent;transform:rotate(-90deg);transform-origin:center;position:absolute;top:55px;cursor:pointer;z-index:10}.volume-slider[data-v-9c5ca0c0]::-webkit-slider-runnable-track{width:100%;height:12px;background:#000;border-radius:6px;box-shadow:inset 0 2px 5px #000000e6,0 1px #ffffff1a;border:1px solid #111}.volume-slider[data-v-9c5ca0c0]::-moz-range-track{width:100%;height:12px;background:#000;border-radius:6px;box-shadow:inset 0 2px 5px #000000e6,0 1px #ffffff1a;border:1px solid #111}.volume-slider[data-v-9c5ca0c0]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:40px;width:50px;border-radius:1px;box-sizing:border-box;background:repeating-linear-gradient(to right,transparent 0%,transparent 45%,rgba(0,0,0,.4) 48%,rgba(0,0,0,.4) 52%,rgba(255,255,255,.3) 53%,transparent 55%,transparent 100%),linear-gradient(to right,#555,#ecf0f1,#bdc3c7 20%,#95a5a6,#7f8c8d,#bdc3c7 80%,#ecf0f1,#555),linear-gradient(to bottom,#7f8c8d,#f1f2f6,#7f8c8d);background-blend-mode:multiply,normal,normal;box-shadow:-5px 0 10px #0009,inset 1px 0 1px #fff6,inset -1px 0 1px #0003;margin-top:-16px;position:relative;z-index:100}.volume-slider[data-v-9c5ca0c0]::-moz-range-thumb{border:none;height:40px;width:50px;border-radius:1px;box-sizing:border-box;background:repeating-linear-gradient(to right,transparent 0%,transparent 45%,rgba(0,0,0,.4) 48%,rgba(0,0,0,.4) 52%,rgba(255,255,255,.3) 53%,transparent 55%,transparent 100%),linear-gradient(to right,#555,#ecf0f1,#bdc3c7 20%,#95a5a6,#7f8c8d,#bdc3c7 80%,#ecf0f1,#555),linear-gradient(to bottom,#7f8c8d,#f1f2f6,#7f8c8d);background-blend-mode:multiply,normal,normal;box-shadow:-5px 0 10px #0009,inset 1px 0 1px #fff6,inset -1px 0 1px #0003;position:relative;z-index:100}.fader-scale[data-v-9c5ca0c0]{position:absolute;top:30px;height:100px;width:40px;background:repeating-linear-gradient(to bottom,#555,#555 1px,transparent 1px,transparent 10px);background-size:8px 100%;background-repeat:no-repeat;background-position:left center;opacity:.6;pointer-events:none}.fader-scale[data-v-9c5ca0c0]:after{content:"";position:absolute;top:0;right:0;height:100%;width:8px;background:repeating-linear-gradient(to bottom,#555,#555 1px,transparent 1px,transparent 10px)}.label[data-v-9c5ca0c0]{font-size:10px;color:#bdc3c7;margin-top:10px;text-transform:uppercase;font-weight:700}.power-btn[data-v-9c5ca0c0]{width:40px;height:40px;border-radius:50%;border:none;background:#c0392b;box-shadow:0 4px 8px #0006,inset 0 2px 5px #fff3,inset 0 -2px 5px #0003;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s;position:relative}.power-btn[data-v-9c5ca0c0]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;box-shadow:0 0 15px #c0392b66;opacity:0;transition:opacity .2s}.power-btn[data-v-9c5ca0c0]:active{transform:scale(.95);box-shadow:0 2px 4px #0006,inset 0 3px 6px #0006}.power-btn.on[data-v-9c5ca0c0]{background:#27ae60;box-shadow:inset 0 2px 5px #fff6,0 0 15px #27ae60cc,0 0 30px #27ae6066;border:1px solid #2ecc71}.power-btn.on[data-v-9c5ca0c0]:after{opacity:1;box-shadow:0 0 20px #27ae6099}.power-btn .icon[data-v-9c5ca0c0]{color:#fffc;font-size:18px}body{margin:0;padding:0;background:#1e1e1e;font-family:Helvetica Neue,Helvetica,sans-serif}