@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@700&family=Outfit:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--font-sans: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--font-ui-body: "Inter", system-ui, sans-serif;--font-heading: var(--font-serif)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em}.font-sans{font-family:var(--font-sans)!important}.font-serif{font-family:var(--font-serif)!important}.font-mono{font-family:var(--font-mono)!important}.time-digits{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.button-text{font-family:var(--font-sans);font-weight:700;text-transform:uppercase;letter-spacing:.05em}:root{--color-accent-1-hex: #7ba6aa;--color-accent-1-rgb: 123, 166, 170;--color-accent-2-hex: #8c3f5c;--color-accent-2-rgb: 140, 63, 92;--color-accent-3-hex: #b8c0ff;--color-accent-3-rgb: 184, 192, 255;--color-bg-base: #0F1014;--color-bg-alt: #14151a;--color-bg-deep: #0a0a0f;--color-panel-bg: rgba(15, 16, 20, .98);--color-overlay-bg: rgba(0, 0, 0, .6);--color-text-bright: #ffffff;--color-text-med: rgba(255, 255, 255, .7);--color-text-dim: rgba(255, 255, 255, .35);--color-text-ghost: rgba(255, 255, 255, .1);--color-text-on-accent: #050507;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .08);--glass-border-bright: rgba(255, 255, 255, .15);--glass-highlight: rgba(255, 255, 255, .1);--color-success: #45B649;--color-error: #FF5252;--color-info: #5B93BE;--color-accent: var(--color-accent-1-hex);--color-accent-rgb: var(--color-accent-1-rgb);--color-primary: var(--color-accent-2-rgb)}:root{--font-mono: "JetBrains Mono", monospace;--font-sans: "Outfit", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}*:focus{outline:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}@media(min-width:2500px){:root{font-size:24px}#root{max-width:1800px;padding:4rem}}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--color-bg-base);color:var(--color-text-bright);min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden}.btn-glass{appearance:none;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:var(--color-text);cursor:pointer;font-family:var(--font-sans);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.btn-glass:hover{background:#ffffff1f;border-color:#ffffff4d}#root{width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex;justify-content:center}@media(max-width:600px){#root{padding:1rem}}@media(max-height:500px)and (orientation:landscape){#root{padding:.5rem}}.bottom-left-controls{position:fixed;bottom:30px;left:30px;z-index:1000}.bottom-right-controls{position:fixed;bottom:30px;right:106px;display:flex;align-items:center;gap:16px;z-index:1000}.floating-settings-btn{position:fixed;bottom:30px;right:30px;z-index:3000;display:flex;align-items:center;justify-content:center;pointer-events:auto}.btn-icon-glass,.btn-fullscreen-glass,.btn-ambience-toggle,.btn-settings-hud{border-radius:50%!important;transition:all .4s cubic-bezier(.15,1,.3,1)!important;color:var(--color-text-bright)!important}.btn-settings-hud{width:60px;height:60px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px var(--glass-shadow)}.btn-settings-hud:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-bright);transform:rotate(-15deg) scale(1.05)}.btn-settings-hud.active{color:var(--color-accent-1-hex)!important;border-color:var(--color-accent-1-hex)}@media(max-width:1024px){.bottom-left-controls{left:20px;bottom:20px}.bottom-right-controls{right:76px;bottom:20px;gap:12px}.btn-settings-hud{width:44px;height:44px}.floating-settings-btn{bottom:20px;right:20px}}@media(max-height:500px)and (orientation:landscape){.bottom-left-controls{left:15px;bottom:15px}.bottom-right-controls{right:65px;bottom:15px;gap:10px}.floating-settings-btn{right:15px;bottom:15px}.btn-settings-hud{width:40px!important;height:40px!important}}@media(min-width:1921px){.bottom-left-controls{left:60px;bottom:60px}.bottom-right-controls{right:164px;bottom:60px;gap:24px}.btn-settings-hud{width:80px;height:80px}.floating-settings-btn{right:60px;bottom:60px}}.crystal-evo-container{display:flex;justify-content:center;align-items:center;width:100%;margin:4px 0;padding:8px 0;-webkit-user-select:none;user-select:none}.evo-inner{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px;gap:2px}.horizon-block{display:flex;flex-direction:column;width:100%;gap:4px}.horizon-block.down{flex-direction:column-reverse}.horizon-meta-strip{display:flex;justify-content:space-between;align-items:center;padding:0 4px;height:12px}.horizon-tag{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;opacity:.4;color:var(--color-text-bright)}.horizon-digit{font-family:var(--font-mono);font-size:.7rem;font-weight:700}.horizon-digit .slash,.horizon-digit .tot{opacity:.15}.spike-field{display:flex;align-items:flex-end;justify-content:center;gap:12px;height:32px}.down .spike-field{align-items:flex-start}.spike-anchor{position:relative;width:3px;height:100%;display:flex;align-items:flex-end;justify-content:center}.down .spike-anchor{align-items:flex-start}.crystal-spike{width:100%;border-radius:20px;z-index:2}.next-pulse{position:absolute;width:6px;height:6px;border-radius:50%;z-index:1;filter:blur(2px)}.evo-axis{position:relative;width:100%;height:1px;background:#ffffff0a;overflow:hidden}.axis-glow{position:absolute;inset:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent)}.axis-scanner{position:absolute;top:0;width:60px;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);filter:blur(1px)}@media screen and (min-width:1921px){.evo-inner{max-width:600px;gap:8px}.spike-field{height:35px;gap:16px}.horizon-tag{font-size:.9rem}.horizon-digit{font-size:1.1rem}}@media screen and (max-width:600px){.evo-inner{max-width:300px;gap:4px}.spike-field{gap:10px;height:20px}.spike-anchor{width:3px}.horizon-tag{font-size:.5rem;letter-spacing:1.5px}.horizon-digit{font-size:.65rem}}@media screen and (max-height:500px)and (orientation:landscape){.crystal-evo-container{margin:0;padding:5px 0}.evo-inner{max-width:100%;gap:2px}.spike-field{height:22px;gap:12px}.horizon-meta-strip{height:12px}.horizon-tag{font-size:.55rem;display:block}.horizon-digit{font-size:.65rem}}.btn-sp-capsule{--btn-h: 70px;--icon-w: 32px;--text-w: 120px;--inner-gap: 12px;--accent-sage: var(--color-accent-1-hex);--accent-sage-rgb: var(--color-accent-1-rgb);position:relative;height:var(--btn-h);border-radius:100px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;-webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;box-shadow:0 10px 40px #0003,inset 0 0 1px 1px #ffffff0d;transition:width .5s cubic-bezier(.15,1,.3,1),background .5s ease,border-color .5s ease,box-shadow .5s ease}.btn-sp-capsule.state-start,.btn-sp-capsule.state-resume{background:rgba(var(--accent-sage-rgb),.08);border-color:rgba(var(--accent-sage-rgb),.4);color:var(--accent-sage);width:190px}.btn-sp-capsule.state-start{width:100%;--text-w: 180px}.btn-sp-capsule.state-pause{width:190px;background:#ffffff0d;border-color:#ffffff26}.btn-sp-layout{display:flex;align-items:center;justify-content:center;gap:var(--inner-gap);width:100%;height:100%;pointer-events:none;z-index:2}.portal{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-portal{width:var(--icon-w);height:var(--icon-w)}.label-portal{width:var(--text-w);height:40px;display:flex;align-items:center;justify-content:center}.portal-cell{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.text-unit{font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;width:100%;justify-content:center}.sp-kinetic-flare{position:absolute;top:50%;left:50%;width:120%;height:100%;background:radial-gradient(ellipse at center,rgba(var(--accent-sage-rgb),.1) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;opacity:.5;mix-blend-mode:plus-lighter;animation:sp-flare-alive 7s ease-in-out infinite}@media screen and (min-width:1921px){.btn-sp-capsule{--btn-h: 90px;--icon-w: 40px;--text-w: 180px;--inner-gap: 20px}.btn-sp-capsule.state-start{width:520px}.btn-sp-capsule.state-pause{width:260px}.text-unit{font-size:1.45rem}}@media screen and (max-width:1024px){.btn-sp-capsule{--btn-h: 56px;--icon-w: 26px;--text-w: 100px;--inner-gap: 10px}.btn-sp-capsule.state-start{width:300px}.btn-sp-capsule.state-pause{width:145px}.text-unit{font-size:.85rem;letter-spacing:1.5px}}@media screen and (max-width:600px){.btn-sp-capsule{--btn-h: 52px;--icon-w: 24px;--text-w: 80px;--inner-gap: 8px}.btn-sp-capsule.state-start{width:270px}.btn-sp-capsule.state-pause{width:130px}.text-unit{font-size:.72rem;letter-spacing:1px}}.btn-rc-capsule{--btn-h: 70px;--rc-w: 180px;--inner-gap: 12px;--accent-lavender: var(--color-accent-3-hex);--accent-lavender-rgb: var(--color-accent-3-rgb);--accent-sage: var(--color-accent-1-hex);--accent-sage-rgb: var(--color-accent-1-rgb);position:relative;height:var(--btn-h);width:var(--rc-w);border-radius:100px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);cursor:pointer;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 10px 40px #0003,inset 0 0 1px 1px #ffffff0d;perspective:1000px;transform-style:preserve-3d;transition:background .5s ease,border-color .5s ease,color .5s ease}.btn-rc-capsule.mode-reset{border-color:rgba(var(--accent-lavender-rgb),.3);background:rgba(var(--accent-lavender-rgb),.06);color:var(--accent-lavender)}.btn-rc-capsule.mode-cheat{border-color:rgba(var(--accent-sage-rgb),.3);background:rgba(var(--accent-sage-rgb),.06);color:var(--accent-sage)}.rc-portal-nexus{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2}.rc-content-flex{display:flex;align-items:center;justify-content:center;gap:var(--inner-gap);width:100%;height:100%;pointer-events:none}.rc-unit-box{display:flex;align-items:center;justify-content:center}.rc-icon-frame{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.rc-label-text{font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap}.rc-kinetic-pulse{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0%,transparent 70%);pointer-events:none;z-index:1;animation:rc-pulse-alive 6s ease-in-out infinite}@keyframes rc-pulse-alive{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@media screen and (min-width:1921px){.btn-rc-capsule{--btn-h: 90px;--rc-w: 240px;--inner-gap: 20px}.rc-label-text{font-size:1.4rem}.rc-icon-frame{transform:scale(1.4)}}@media screen and (max-width:1024px){.btn-rc-capsule{--btn-h: 56px;--rc-w: 145px;--inner-gap: 10px}.rc-label-text{font-size:.85rem;letter-spacing:1px}}@media screen and (max-width:600px){.btn-rc-capsule{--btn-h: 52px;--rc-w: 130px;--inner-gap: 8px}.rc-label-text{font-size:.72rem;letter-spacing:1px}}.btn-wipe-capsule{--btn-h: 70px;--wipe-w: 160px;--accent-berry: var(--color-accent-2-hex);--accent-berry-rgb: var(--color-accent-2-rgb);position:relative;height:var(--btn-h);width:var(--wipe-w);border-radius:100px;border:1px solid rgba(var(--accent-berry-rgb),.3);background:rgba(var(--accent-berry-rgb),.04);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);cursor:pointer;overflow:hidden;color:var(--accent-berry);display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 8px 32px rgba(var(--accent-berry-rgb),.1),inset 0 0 1px 1px #ffffff0d;transition:background .5s ease,border-color .5s ease,box-shadow .5s ease}.wipe-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.wipe-elements{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;pointer-events:none}.wipe-icon-box{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wipe-text{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:2.5px;white-space:nowrap}.wiper-blade-hologram{position:absolute;top:-10%;height:140%;width:25px;background:#fff;box-shadow:0 0 20px #fff,0 0 40px rgba(var(--accent-berry-rgb),.8),0 0 80px rgba(var(--accent-berry-rgb),.4);z-index:5;pointer-events:none;transform:skew(-18deg);filter:brightness(1.5)}.wipe-cleanse-overlay{position:absolute;inset:0;background:#fff;mix-blend-mode:soft-light;z-index:4}.wipe-berry-heart{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-berry-rgb),.12) 0%,transparent 75%);pointer-events:none;z-index:1;animation:wipe-pulse-heart 7s ease-in-out infinite}@keyframes wipe-pulse-heart{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@media screen and (min-width:1921px){.btn-wipe-capsule{--btn-h: 90px;--wipe-w: 220px}.wipe-text{font-size:1.4rem}.wipe-icon-box{transform:scale(1.4)}}@media screen and (max-width:1024px){.btn-wipe-capsule{--btn-h: 56px;--wipe-w: 130px}.wipe-text{font-size:.85rem;letter-spacing:1.5px}}@media screen and (max-width:600px){.btn-wipe-capsule{--btn-h: 52px;--wipe-w: 70px}.wipe-text{display:none}.wipe-icon-box{transform:scale(1.1)}}.pomodoro-container{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,4vh,40px);width:100%;margin:0 auto;padding:10px 20px;height:100%;justify-content:center}.mode-selector-wrapper{background:#0006;padding:6px;border-radius:999px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0006;flex-shrink:0;width:fit-content;max-width:100%}@media(min-width:2500px){.mode-selector-wrapper{padding:10px}.btn-mode{padding:18px 40px;font-size:1.2rem}.timer-circle-wrapper{width:800px}.controls-layout{max-width:600px;height:100px;gap:30px}.action-group{width:496px}}.mode-selector{display:flex;position:relative;gap:0}.btn-mode{position:relative;background:transparent;border:none;color:var(--color-text-dim);padding:12px 28px;border-radius:999px;font-size:1rem;font-weight:500;cursor:pointer;transition:color .3s ease;overflow:visible;z-index:1;outline:none;-webkit-tap-highlight-color:transparent}.btn-mode:hover{color:var(--color-text)}.btn-mode.active{color:#050507;font-weight:700}.active-pill-bg{position:absolute;inset:0;background:#fff;border-radius:999px;z-index:-1;box-shadow:0 4px 15px #ffffff40}.mode-content{display:flex;align-items:center;gap:8px;position:relative;z-index:2;transition:opacity .2s ease}.timer-circle-wrapper{position:relative;width:500px;aspect-ratio:1 / 1;display:grid;place-items:center;flex-shrink:1}.timer-svg{width:100%;height:100%;overflow:visible;grid-area:1 / 1}.circle-bg{fill:none;stroke:#ffffff08;stroke-width:6px}.circle-progress{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .5s ease;filter:drop-shadow(0 0 15px currentColor)}.digital-display{grid-area:1 / 1;position:relative;top:auto;left:auto;transform:none;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;pointer-events:none}.time-digits{font-family:var(--font-sans);font-size:clamp(2.5rem,12vw,6rem);font-weight:700;color:var(--color-text);line-height:1;text-shadow:0 10px 40px rgba(0,0,0,.6);font-variant-numeric:tabular-nums;text-align:center}.final-stretch-label{margin-top:10px;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:var(--color-accent-2-hex);text-shadow:0 0 10px rgba(var(--color-accent-2-rgb),.3)}.controls-layout{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;max-width:600px;height:80px;flex-shrink:0}.action-group{display:flex;gap:12px;width:372px;align-items:center;justify-content:flex-start}.wipe-btn-wrapper{display:flex;justify-content:flex-end}.w-full{width:100%!important}@media(max-width:500px){.pomodoro-container{padding:0 12px;gap:12px;width:100%;overflow-x:hidden}.btn-mode{padding:6px 10px;font-size:.75rem;flex:0 1 auto}.btn-glass,.btn-primary-action,.btn-quit,.btn-reset,.btn-cheat{height:48px!important;padding:0 16px!important;font-size:.85rem!important}.btn-split-toggle{width:140px!important}.timer-circle-wrapper{max-width:80vw}.time-digits{font-size:clamp(2.5rem,15vw,4rem)}.final-stretch-label{font-size:.75rem;margin-top:8px}.controls-layout{gap:10px;width:100%;max-width:100%;height:60px;justify-content:space-between;padding:0 10px;overflow:hidden}.action-group{flex:none;width:270px;gap:10px;justify-content:flex-start}.wipe-btn-wrapper{flex-shrink:0;display:flex;justify-content:flex-end}.btn-full-toggle{max-width:100%;width:100%!important}.btn-split-toggle{width:100px!important;font-size:.8rem!important;flex-shrink:1;padding:0 8px!important}.btn-reset{flex-shrink:0;width:30px;height:30px}.btn-quit{min-width:30px;height:50px!important}}@media(max-height:500px)and (orientation:landscape){.pomodoro-container{display:grid;grid-template-columns:1.3fr 1fr;grid-template-areas:"timer modes" "timer progress" "timer controls";gap:4px 30px;padding:5px 3%;align-items:center;justify-items:center;overflow:hidden}.mode-selector-wrapper{grid-area:modes;align-self:end;transform:scale(.75);margin:0}.timer-circle-wrapper{grid-area:timer;max-height:80vh;max-width:80vh;width:100%;margin:0;margin-top:3rem}.digital-display{gap:0}.time-digits{font-size:3rem}.final-stretch-label{margin-top:-4px;font-size:.55rem}.crystal-evo-container{grid-area:progress;align-self:center;margin:0!important;padding:0!important;width:100%}.controls-layout{grid-area:controls;align-self:start;height:auto;gap:12px;width:100%;justify-content:center;transform:scale(.9);margin-top:-5px}.action-group{width:auto;gap:8px}.btn-sp-capsule,.btn-rc-capsule,.btn-wipe-capsule{--btn-h: 46px !important}}@media(max-height:750px)and (min-height:501px){.pomodoro-container{gap:10px}.timer-circle-wrapper{max-height:50vh;max-width:50vh}.time-digits{font-size:3.5rem}.final-stretch-label{margin-top:4px;font-size:.7rem}.btn-mode{padding:8px 16px;font-size:.85rem}}.toast-notification{position:fixed;top:30px;left:50%;transform:translate(-50%);background:#000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0006;padding:16px 24px;border-radius:50px;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:500;color:var(--color-text);z-index:2000;pointer-events:none;white-space:nowrap}.toast-icon{font-size:1.2rem}@media(max-width:600px){.toast-notification{top:20px;padding:12px 20px;font-size:.85rem;max-width:90vw}}.datetime-wrapper{position:fixed;top:15px;right:15px;z-index:2000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px}.meta-info{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:1rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.meta-day{color:var(--color-accent-3-hex)}.meta-date{color:var(--color-accent-2-hex)}.meta-utc{padding:3px 8px;background:#ffffff0d;border-radius:4px;opacity:.4;font-weight:500;letter-spacing:1px}.time-row{display:flex;align-items:flex-start;gap:8px;line-height:1}.time-main-display{font-size:3rem;font-weight:950;letter-spacing:-1.5px;color:var(--color-text-bright);font-variant-numeric:tabular-nums}.time-sep{animation:pulse-sep 3s infinite}@keyframes pulse-sep{0%,to{opacity:.1}50%{opacity:.7}}.time-side-stack{display:flex;flex-direction:column;font-family:var(--font-mono);padding-top:4px}.side-seconds{font-size:.9rem;font-weight:800;color:var(--color-accent-1-hex)}.side-ampm{font-size:.9rem;font-weight:800;text-transform:uppercase;opacity:.2}@media screen and (min-width:1921px){.datetime-wrapper{top:40px;right:40px}.time-main-display{font-size:4.5rem}.meta-info{font-size:1.4rem}}@media screen and (max-width:1024px){.datetime-wrapper{top:10px;right:10px}.time-main-display{font-size:1.9rem}}@media screen and (max-width:600px){.datetime-wrapper{top:10px;right:10px;padding:5px}.time-main-display{font-size:1.9rem}.meta-info{font-size:.7rem}}.brand-header{position:fixed;top:15px;left:15px;z-index:2000;cursor:pointer;-webkit-user-select:none;user-select:none;padding:7px}.brand-signature{display:flex;align-items:center;gap:7px}.brand-identity-stack{position:relative;display:flex;flex-direction:column}.sig-main{font-size:1.8rem;font-weight:900;letter-spacing:-1px;color:var(--color-text-bright);text-transform:lowercase;line-height:1}.brand-underline{height:1.5px;background:var(--color-accent-1-hex);border-radius:99px;margin-top:px}.sig-details-wrapper{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:1.5px}.sig-divider{font-style:italic;opacity:.5;font-size:.7rem}.sig-sub{color:var(--color-accent-1-hex);font-weight:800;font-size:1.1rem}@media screen and (min-width:1921px){.brand-header{top:40px;left:40px}.sig-main{font-size:3.5rem}.sig-details-wrapper{font-size:1.4rem;gap:15px}}@media screen and (max-width:1024px){.brand-header{top:15px;left:15px}.sig-main{font-size:1.5rem}}@media screen and (max-width:600px){.brand-header{top:10px;left:10px;padding:5px}.sig-main{font-size:1.3rem}.sig-divider{font-size:.5rem}.sig-sub{font-size:.9rem}}.version-tag-hud{position:fixed;top:70px;left:15px;display:flex;align-items:center;gap:10px;z-index:1000;cursor:pointer;pointer-events:auto}.v-pill-hud,.s-pill-hud{font-family:var(--font-mono);font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;padding:5px 12px;border-radius:4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.version-tag-hud:hover .v-pill-hud{background:#ffffff14;border-color:#fff3}.v-pill-hud{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#fff3}.v-pill-hud span{color:var(--color-accent-1-hex);margin-left:3px;filter:brightness(1.2)}.s-pill-hud{background:rgba(var(--color-accent-1-rgb),.03);border:1px solid rgba(var(--color-accent-1-rgb),.15);color:var(--color-accent-1-hex);opacity:.8}@media screen and (min-width:1921px){.version-tag-hud{top:160px;left:50px;gap:20px}.v-pill-hud,.s-pill-hud{font-size:1.1rem}}@media screen and (max-width:1024px){.version-tag-hud{top:65px;left:25px}}@media screen and (max-width:600px){.version-tag-hud{top:50px;left:5px;transform:scale(.9)}}@media(max-height:500px)and (orientation:landscape){.version-tag-hud{top:55px;left:20px;transform:scale(.7)}}.hub-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px}.hub-card{background:#0a0b0ef5;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:1px solid rgba(255,255,255,.12);border-radius:48px;width:100%;max-width:780px;padding:56px;box-shadow:0 40px 120px #000c,0 0 0 1px #ffffff0d inset;display:flex;flex-direction:column;gap:40px;position:relative;overflow:hidden}.hub-version-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px}.v-pill{padding:6px 14px;background:#7ba6aa1f;border:1px solid rgba(123,166,170,.3);border-radius:99px;font-size:.7rem;font-weight:800;color:var(--color-accent-1-hex);text-transform:uppercase;letter-spacing:1px}.s-pill{padding:4px 10px;background:var(--color-accent-1-hex);color:#000;border-radius:6px;font-size:.65rem;font-weight:900}.hub-title{font-size:3.8rem;font-weight:900;margin:0 0 16px;letter-spacing:-4px;background:linear-gradient(180deg,#fff 40%,#fff6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:.85}.hub-vision{font-size:1.15rem;line-height:1.5;color:var(--color-text-bright);opacity:.7;margin:0;font-weight:500;max-width:90%}.hub-content-split{display:grid;grid-template-columns:1.1fr .9fr;gap:48px}.hub-section-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:2.5px;color:var(--color-text-dim);margin:0 0 24px;opacity:.5}.concept-stack{display:flex;flex-direction:column;gap:16px}.hub-concept-item{display:flex;align-items:center;gap:20px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:20px;transition:all .3s ease}.hub-concept-item.zone .c-icon-wrap{color:var(--color-accent-1-hex);background:#7ba6aa1a}.hub-concept-item.breath .c-icon-wrap{color:var(--color-accent-2-hex);background:#8c3f5c1a}.hub-concept-item.drift .c-icon-wrap{color:var(--color-accent-3-hex);background:#b8c0ff1a}.c-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.c-info h4{font-size:.95rem;font-weight:800;margin:0;color:#fff}.c-info p{font-size:.8rem;opacity:.7;margin:0;font-weight:600}.hub-update-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.hub-update-list li{font-size:.9rem;color:var(--color-text-bright);opacity:.8;position:relative;padding-left:20px;font-weight:500;line-height:1.4}.hub-update-list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--color-accent-1-hex);border-radius:2px;transform:rotate(45deg)}.hub-upcoming{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px}.upcoming-label{font-size:.65rem;font-weight:900;color:var(--color-accent-3-hex)}.upcoming-text{font-size:.8rem;font-weight:700;opacity:.7}.hub-cta-btn{width:100%;padding:24px;border-radius:24px;background:#7ba6aa26;border:1px solid rgba(123,166,170,.5);color:#fff;font-size:1.2rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:16px;transition:all .4s cubic-bezier(.15,1,.3,1)}.hub-cta-btn:hover{background:#7ba6aa40;border-color:#7ba6aae6;transform:translateY(-3px);box-shadow:0 20px 60px #7ba6aa40}.cta-icon{opacity:.7;transition:transform .3s ease}.hub-cta-btn:hover .cta-icon{transform:translate(4px);opacity:1}@media screen and (min-width:1921px){.hub-card{max-width:1000px;padding:100px}.hub-title{font-size:6rem}.hub-vision{font-size:2rem}}@media screen and (max-width:1024px){.hub-card{max-width:680px;padding:40px}}@media screen and (max-width:640px){.hub-card{padding:32px 24px;border-radius:32px;max-height:92vh;overflow-y:auto}.hub-content-split{grid-template-columns:1fr;gap:28px}.hub-title{font-size:2.22rem;letter-spacing:-2px}.hub-vision{font-size:.95rem}}@media screen and (max-height:500px)and (orientation:landscape){.hub-overlay{padding:10px;align-items:flex-start}.hub-card{max-width:92vw;max-height:94vh;padding:24px 32px;border-radius:20px;gap:20px;overflow-y:auto}.hub-version-badge{margin-bottom:8px}.hub-title{font-size:1.8rem;letter-spacing:-1.5px;margin-bottom:8px}.hub-vision{font-size:.85rem;max-width:100%}.hub-content-split{grid-template-columns:1fr 1fr;gap:24px}.hub-section-label{margin-bottom:12px;font-size:.65rem}.concept-stack{gap:8px}.hub-concept-item{padding:8px 12px;gap:12px;border-radius:12px}.c-icon-wrap{width:32px;height:32px}.c-info h4{font-size:.85rem}.c-info p{font-size:.7rem}.hub-update-list{gap:8px}.hub-update-list li{font-size:.75rem}.hub-upcoming{margin-top:12px;padding-top:12px}.hub-cta-btn{padding:14px;font-size:1rem;border-radius:12px}}.sidebar-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000}.sidebar-container{height:100%;width:100%;position:relative;pointer-events:none}.sidebar-panel{position:absolute;top:0;bottom:0;pointer-events:auto;background:var(--color-panel-bg);-webkit-backdrop-filter:blur(60px) saturate(200%);backdrop-filter:blur(60px) saturate(200%);display:flex;flex-direction:column;box-shadow:-20px 0 80px #0009;will-change:transform;touch-action:pan-y;border-left:1px solid var(--glass-border)}.main-panel{right:0;width:100%;max-width:440px;z-index:2002}.secondary-panel{right:440px;width:100%;max-width:440px;z-index:2001;background:#0f1014e6}.sidebar-content{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding:32px}.sidebar-footer{padding:20px 32px;display:flex;align-items:center;justify-content:space-between;min-height:80px;border-top:1px solid var(--glass-border)}.sidebar-title{font-size:.75rem;font-weight:800;margin:0;letter-spacing:2px;opacity:.4;text-transform:uppercase}.btn-close-sidebar-footer{background:transparent;border:none;padding:0;color:var(--color-text-bright);cursor:pointer;transition:transform .3s cubic-bezier(.15,1,.3,1)}.btn-close-sidebar-footer:hover{transform:rotate(90deg)}@media screen and (min-width:1921px){.main-panel,.secondary-panel{max-width:600px}.secondary-panel{right:600px}.sidebar-content{padding:60px}.sidebar-footer{padding:40px 60px;min-height:120px}.sidebar-title{font-size:1rem}}@media screen and (max-width:1024px){.main-panel{max-width:400px}.secondary-panel{max-width:400px;right:400px}.sidebar-content{padding:24px}}@media screen and (max-width:600px){.main-panel,.secondary-panel{max-width:100%;border-left:none}.secondary-panel{right:0;z-index:2003}.sidebar-content{padding:20px}}@media screen and (max-height:500px)and (orientation:landscape){.main-panel{max-width:320px!important}.secondary-panel{max-width:320px!important;right:320px!important}.sidebar-content{padding:15px 20px}.sidebar-footer{padding:10px 20px;min-height:50px}.sidebar-title{font-size:.6rem;letter-spacing:1px}}.shortcuts-panel{display:flex;flex-direction:column;height:100%;color:var(--color-text-bright)}.shortcuts-list{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:20px}.shortcut-item{display:flex;align-items:center;gap:15px;padding:20px;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.03);cursor:pointer;transition:all .5s cubic-bezier(.15,1,.3,1)}.shortcut-item:hover{background:#ffffff0d;border-color:var(--color-accent-1-hex);transform:translate(10px)}.shortcut-key-wrap{min-width:90px;display:flex;justify-content:flex-end}.shortcut-kbd{background:#1a1b23;border:3px solid var(--glass-border);padding:10px 20px;border-radius:12px;font-family:var(--font-mono);font-size:1.1rem;font-weight:900;color:var(--color-accent-1-hex);text-transform:uppercase}.shortcut-info{flex:1;display:flex;flex-direction:column;gap:3px}.shortcut-action{font-weight:900;font-size:1.05rem;text-transform:uppercase;letter-spacing:1.5px}.shortcut-desc{font-size:.9rem;color:var(--color-text-dim);line-height:1.5;font-weight:500}.shortcuts-footer{padding:20px 32px;border-top:1px solid var(--glass-border)}.shortcuts-title{font-size:.75rem;font-weight:800;opacity:.4;text-transform:uppercase;letter-spacing:2px}@media screen and (min-width:1921px){.shortcuts-list{padding:60px;gap:40px}.shortcut-item{padding:40px;border-radius:32px;gap:30px}.shortcut-kbd{font-size:2rem;padding:20px 40px}.shortcut-action{font-size:1.8rem}.shortcut-desc{font-size:1.3rem}}@media screen and (max-width:1024px){.shortcuts-list{padding:24px;gap:16px}.shortcut-item{padding:15px;gap:12px}.shortcut-kbd{font-size:1rem;padding:8px 12px;min-width:80px}.shortcut-action{font-size:.9rem}}@media screen and (max-width:600px){.shortcuts-list{padding:20px}.shortcut-kbd{padding:6px 10px;min-width:70px;font-size:.9rem}}@media screen and (max-height:500px)and (orientation:landscape){.shortcuts-list{padding:15px;gap:10px}.shortcut-item{padding:10px 15px;border-radius:12px}.shortcut-desc{display:none}}.duration-control{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;transition:all .4s cubic-bezier(.15,1,.3,1);width:100%}.duration-control:hover{background:var(--glass-bg-hover);border-color:var(--accent-color)}.dc-header{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:10px}.dc-icon{display:flex;align-items:center;justify-content:center;padding:8px;background:#ffffff0a;border-radius:10px;transition:all .3s ease}.duration-control:hover .dc-icon{background:var(--accent-color);color:#000!important}.dc-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-bright)}.dc-layout-row{display:flex;align-items:center;gap:16px}.dc-stepper{display:flex;align-items:center;background:#0006;border-radius:10px;padding:3px;border:1px solid rgba(255,255,255,.06);min-width:110px;justify-content:space-between}.step-btn{appearance:none;background:transparent;border:none;color:var(--color-text-bright);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:7px;transition:all .2s cubic-bezier(.4,0,.2,1)}.step-btn:hover{background:var(--color-text-bright);color:#000}.step-display{display:flex;align-items:baseline;gap:1px}.step-value{font-family:var(--font-mono);font-size:1rem;font-weight:950;color:var(--color-text-bright)}.step-unit{font-size:.6rem;font-weight:800;opacity:.3}.dc-slider-wrapper{flex:1;display:flex;flex-direction:column;gap:6px;position:relative;padding:10px 0}.dc-milestones{display:flex;justify-content:space-between;padding:0 4px;margin-bottom:-12px}.milestone{font-size:.55rem;font-weight:800;font-family:var(--font-mono);opacity:.2}.dc-slider{appearance:none;width:100%;height:3px;background:#ffffff0f;border-radius:3px;outline:none;position:relative;z-index:2;margin:10px 0}.dc-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#fff;border:3px solid var(--thumb-color);border-radius:50%;cursor:pointer}.dc-track-ticks{position:absolute;top:50%;transform:translateY(-50%);left:2px;right:2px;display:flex;justify-content:space-between;pointer-events:none;z-index:1}.dc-tick{width:1px;background:#ffffff26}.dc-tick.major{height:10px;background:var(--accent-color);opacity:.5}.dc-tick.minor{height:4px;opacity:.2}@media screen and (min-width:1921px){.duration-control{padding:32px;border-radius:24px}.dc-label{font-size:1.2rem}.dc-stepper{min-width:180px;padding:6px}.step-btn{width:44px;height:44px}.step-value{font-size:1.8rem}.dc-slider{height:6px}.dc-slider::-webkit-slider-thumb{width:28px;height:28px}}@media screen and (max-width:1024px){.duration-control{padding:12px}.dc-layout-row{gap:12px}.dc-stepper{min-width:100px}}@media screen and (max-width:600px){.duration-control{padding:8px 10px;border-radius:12px}.dc-layout-row{gap:6px}.dc-stepper{min-width:80px}.dc-label{font-size:.65rem}}@media screen and (max-height:500px)and (orientation:landscape){.duration-control{padding:10px;gap:8px}.dc-layout-row{flex-direction:column;align-items:stretch;gap:8px}.dc-stepper{width:100%}.dc-milestones{display:none}}.pomodoro-settings{display:flex;flex-direction:column;gap:24px;padding-bottom:20px}.sidebar-section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-dim);margin:0;padding-left:2px;font-weight:800;opacity:.7}.duration-stack{display:flex;flex-direction:column;gap:10px}.cycle-controls,.notification-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cycle-card,.toggle-switch-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:all .4s cubic-bezier(.15,1,.3,1)}.toggle-switch-card{appearance:none;-webkit-appearance:none;color:inherit;font:inherit;text-align:left;outline:none;cursor:pointer}.toggle-switch-card:hover,.cycle-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-bright);transform:translateY(-2px)}.cycle-card .cc-icon{color:var(--color-accent-1-hex);font-size:1rem}.notification-controls .active-card{background:#8c3f5c0f;border-color:#8c3f5c4d}.notification-controls .active-card .ts-track{background:var(--color-accent-2-hex)}.cc-info,.ts-info{display:flex;flex-direction:column;gap:2px}.cc-info{flex-direction:row;align-items:center;gap:8px}.cc-label,.ts-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-bright)}.ts-desc{font-size:.65rem;color:var(--color-text-dim)}.cc-stepper{display:flex;align-items:center;justify-content:space-between;background:#0006;border-radius:10px;padding:4px;border:1px solid rgba(255,255,255,.05)}.step-value{font-family:var(--font-mono);font-weight:800;font-size:.85rem}.ts-track{width:40px;height:20px;background:#ffffff0d;border-radius:999px;position:relative}.ts-knob{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:left .3s cubic-bezier(.15,1,.3,1)}.active-card .ts-knob{left:23px}.help-btn{appearance:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .4s cubic-bezier(.15,1,.3,1);color:var(--color-text-bright);width:100%}.help-btn:hover{border-color:var(--color-accent-3-hex);background:var(--glass-bg-hover);transform:translateY(-2px)}.hb-icon{width:36px;height:36px;background:#ffffff0a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-accent-3-hex)}.hb-label{font-size:.9rem;font-weight:800}.hb-desc{font-size:.75rem;color:var(--color-text-dim)}@media screen and (min-width:1921px){.pomodoro-settings{gap:40px}.section-title{font-size:1rem}.cycle-controls,.notification-controls{gap:20px}.cycle-card,.toggle-switch-card,.help-btn{padding:32px;border-radius:24px}.cc-label,.ts-label{font-size:1.2rem}.hb-label{font-size:1.4rem}.hb-desc{font-size:1rem}}@media screen and (max-width:1024px){.pomodoro-settings{gap:20px}.cycle-card,.toggle-switch-card{padding:12px}}@media screen and (max-width:600px){.pomodoro-settings{gap:16px}.cycle-controls,.notification-controls{gap:8px}.cycle-card,.toggle-switch-card{padding:10px;border-radius:14px}.cc-label,.ts-label,.hb-label{font-size:.75rem}}@media screen and (max-height:500px)and (orientation:landscape){.pomodoro-settings{display:flex;flex-direction:column;gap:15px}.duration-stack{display:flex;flex-direction:column;gap:8px}.sidebar-section{gap:8px}.section-title{font-size:.6rem;letter-spacing:1px}.help-btn{padding:12px;border-radius:12px}}.ambience-control-wrapper{position:relative;z-index:1000}.btn-ambience-toggle{position:relative;width:60px;height:60px;border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-bright);padding:0;transition:all .5s cubic-bezier(.15,1,.3,1)}.btn-ambience-toggle:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-bright)}.btn-ambience-toggle.playing{color:var(--color-text-bright);border-color:#7ba6aa66;background:#7ba6aa14;box-shadow:0 0 20px #7ba6aa33}.ambience-pulse-ring{position:absolute;inset:-1px;border:1px solid var(--color-accent-1-hex);border-radius:inherit;opacity:0;animation:ambience-pulse 1.7s infinite}@keyframes ambience-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.7);opacity:0}}.ambience-menu{position:absolute;bottom:calc(100% + 10px);left:0;background:var(--color-overlay-bg);-webkit-backdrop-filter:blur(40px) saturate(150%);backdrop-filter:blur(40px) saturate(150%);border:1px solid var(--glass-border);border-radius:20px;padding:12px;min-width:420px;box-shadow:0 20px 60px #00000a80}.ambience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ambience-option{position:relative;appearance:none;background:#ffffff08;color:var(--color-text-bright);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 4px;cursor:pointer;transition:all .3s cubic-bezier(.15,1,.3,1);display:flex;flex-direction:column;align-items:center;justify-content:center}.ambience-option:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.ambience-option.active{background:#7ba6aa26;border-color:#7ba6aa66;color:var(--color-accent-1-hex)}.ambience-option-content{display:flex;flex-direction:column;align-items:center;gap:6px}.ambience-icon-box{opacity:.85;transition:all .3s ease}.ambience-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.active-indicator-bar{position:absolute;bottom:4px;width:8px;height:2px;background:var(--color-accent-1-hex);border-radius:10px}@media screen and (min-width:1921px){.btn-ambience-toggle{width:80px;height:80px}.ambience-menu{min-width:600px;padding:24px;bottom:calc(100% + 24px);border-radius:32px}.ambience-grid{gap:20px}.ambience-option{padding:32px 16px;border-radius:24px}.ambience-label{font-size:1rem;letter-spacing:2px}}@media screen and (max-width:1024px){.btn-ambience-toggle{width:44px;height:44px}.ambience-menu{min-width:320px;padding:10px;left:-10px}.ambience-grid{grid-template-columns:repeat(3,1fr);gap:6px}.ambience-option{padding:8px 4px;border-radius:10px}.ambience-label{font-size:.6rem}}@media screen and (max-width:600px){.ambience-menu{min-width:280px;bottom:calc(100% + 15px)}.ambience-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-height:500px)and (orientation:landscape){.btn-ambience-toggle{width:40px!important;height:40px!important}.ambience-menu{bottom:10px;left:60px;min-width:450px;max-height:80vh;overflow-y:auto}.ambience-grid{grid-template-columns:repeat(5,1fr)}}.btn-fullscreen-glass{position:relative;width:60px;height:60px;border-radius:50%;background:var(--glass-bg-hover);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border-bright);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-bright);padding:0;transition:all .4s cubic-bezier(.15,1,.3,1);overflow:hidden}.btn-fullscreen-glass.active{color:var(--color-accent-1-hex);border-color:#7ba6aa66;background:#7ba6aa14}.icon-wrapper{display:flex;align-items:center;justify-content:center}@media screen and (min-width:1921px){.btn-fullscreen-glass{width:80px;height:80px}}@media screen and (max-width:1024px){.btn-fullscreen-glass{width:44px;height:44px}}@media screen and (max-width:600px){.btn-fullscreen-glass{width:44px;height:44px}}@media screen and (max-height:500px)and (orientation:landscape){.btn-fullscreen-glass{width:40px!important;height:40px!important;background:#ffffff08}}