@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/betterclock/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/betterclock/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/betterclock/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/betterclock/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/betterclock/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Manrope Variable,Manrope,Inter,Segoe UI,system-ui,sans-serif;color:#fffffff5;background:#141218;font-synthesis:none;--accent: #c7a5ff;--accent-strong: #a978ec;--ink: #17101f;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--surface-soft: rgba(20,16,28,.42);--surface-hover: rgba(255,255,255,.1);--border-soft: rgba(255,255,255,.1);--text-primary: rgba(255,255,255,.96);--text-secondary: rgba(255,255,255,.68);--text-muted: rgba(255,255,255,.46);--glass: var(--surface-soft);--line: var(--border-soft)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;min-height:100dvh;overflow:hidden}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #dfc9ff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.38}.app-shell{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;padding:clamp(18px,2.5vw,40px);display:grid;grid-template-rows:auto 1fr auto}.background-layer,.background-preset,.background-media,.background-grain,.background-overlay,.background-bloom,.background-vignette,.blob-field,.wave-field,.rain-field,.live-scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-4;width:100%;height:100%}.background-preset,.background-media{top:-28px;right:-28px;bottom:-28px;left:-28px;width:calc(100% + 56px);height:calc(100% + 56px);object-fit:cover;transition:filter .35s ease,background-image .5s ease}.ambient-light{position:fixed;z-index:-3;width:48vw;height:48vw;min-width:420px;min-height:420px;border-radius:50%;opacity:0;filter:blur(70px);pointer-events:none}.ambient-one{left:-12vw;top:-18vw;background:#c8a7ff}.ambient-two{right:-15vw;bottom:-20vw;background:#ff96b2}.particle-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:0;background-image:radial-gradient(circle,rgba(255,255,255,.75) 0 1px,transparent 1.5px);background-size:calc(130px - (var(--particle-density) * 80px)) calc(130px - (var(--particle-density) * 80px));pointer-events:none}.motion-mesh .background-preset{background-size:150% 150%;animation:mesh-drift var(--animation-duration) ease-in-out infinite alternate}.motion-aurora .ambient-light{opacity:calc(var(--motion-opacity) * .82);animation:aurora-drift var(--animation-duration) ease-in-out infinite alternate}.motion-aurora .ambient-two{animation-delay:-12s;animation-direction:alternate-reverse}.motion-particles .particle-field{opacity:calc(var(--motion-opacity) * .46);animation:particle-drift var(--animation-duration) linear infinite}.blob-field,.wave-field,.rain-field{z-index:-3;opacity:0;pointer-events:none}.blob-field i{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(55px);opacity:.34;background:#d39fd58c}.blob-field i:nth-child(1){left:-8vw;top:8vh}.blob-field i:nth-child(2){right:-5vw;top:18vh;background:#69b6cd80}.blob-field i:nth-child(3){left:32vw;bottom:-22vw;background:#e6ae7273}.motion-blobs .blob-field{opacity:var(--motion-opacity)}.motion-blobs .blob-field i{animation:blob-drift var(--animation-duration) ease-in-out infinite alternate}.motion-blobs .blob-field i:nth-child(2){animation-direction:alternate-reverse}.wave-field{background:repeating-radial-gradient(ellipse at 50% 115%,transparent 0 8%,rgba(255,255,255,.055) 8.4% 9%,transparent 9.4% 15%);background-size:110% 110%}.motion-waves .wave-field{opacity:calc(var(--motion-opacity) * .9);animation:wave-drift var(--animation-duration) ease-in-out infinite alternate}.rain-field{background-image:repeating-linear-gradient(105deg,transparent 0 32px,rgba(255,255,255,.06) 33px 34px,transparent 35px 70px);background-size:160px 220px;filter:blur(.5px)}.motion-rain .rain-field{opacity:calc(var(--motion-opacity) * .75);animation:rain-drift calc(var(--animation-duration) * .45) linear infinite}.motion-color-drift .background-preset,.motion-radial .background-preset{background-size:180% 180%!important;animation:mesh-drift var(--animation-duration) ease-in-out infinite alternate}.live-scene{z-index:-3;overflow:hidden;pointer-events:none;perspective:900px}.live-scene>div{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-haze{opacity:var(--scene-ambience-opacity);background:radial-gradient(circle at 26% 24%,rgba(255,255,255,.2),transparent 32%),radial-gradient(circle at 74% 55%,rgba(219,190,255,.12),transparent 38%);animation:scene-haze-drift var(--scene-ambience-duration) ease-in-out infinite alternate}.scene-light{opacity:var(--scene-ambience-opacity);transform-origin:50% 0;animation:scene-light-breathe calc(var(--scene-ambience-duration) * .72) ease-in-out infinite alternate}.scene-silhouette{transform-origin:50% 0;animation:scene-canopy-sway var(--scene-ambience-duration) ease-in-out infinite alternate}.scene-silhouette i,.scene-midground i,.scene-foreground i{position:absolute;display:block}.scene-silhouette i:nth-child(1),.scene-midground i:nth-child(1){--i:1}.scene-silhouette i:nth-child(2),.scene-midground i:nth-child(2){--i:2}.scene-silhouette i:nth-child(3),.scene-midground i:nth-child(3){--i:3}.scene-silhouette i:nth-child(4),.scene-midground i:nth-child(4){--i:4}.scene-silhouette i:nth-child(5),.scene-midground i:nth-child(5){--i:5}.scene-silhouette i:nth-child(6),.scene-midground i:nth-child(6){--i:6}.scene-silhouette i:nth-child(7),.scene-midground i:nth-child(7){--i:7}.scene-silhouette i:nth-child(8),.scene-midground i:nth-child(8){--i:8}.scene-midground{opacity:var(--scene-motion-opacity);animation:scene-midground-drift calc(var(--scene-ambience-duration) * .82) ease-in-out infinite alternate}.scene-foreground{opacity:var(--scene-particle-opacity)}.scene-foreground i{left:var(--particle-left);top:-8vh;animation-duration:calc(var(--scene-foreground-duration) * var(--particle-duration-factor));animation-delay:var(--particle-delay);animation-timing-function:linear;animation-iteration-count:infinite}.scene-sakura-breeze .scene-light{background:radial-gradient(ellipse at 68% 12%,rgba(255,225,238,.28),transparent 34%),linear-gradient(112deg,transparent 40%,rgba(255,223,235,.08) 48%,transparent 58%)}.scene-sakura-breeze .scene-silhouette{inset:-5% -4% auto -4%;height:41%;background:radial-gradient(ellipse at 8% 0%,rgba(44,27,48,.88) 0 19%,transparent 20%),radial-gradient(ellipse at 27% -4%,rgba(58,33,57,.72) 0 22%,transparent 23%),radial-gradient(ellipse at 78% -5%,rgba(49,28,51,.7) 0 23%,transparent 24%),radial-gradient(ellipse at 98% 1%,rgba(41,25,46,.88) 0 21%,transparent 22%);filter:blur(1px)}.scene-sakura-breeze .scene-silhouette i{width:45%;height:7px;top:calc(8% + (var(--i, 0) * 2%));border-radius:99px;background:linear-gradient(90deg,rgba(38,23,42,.9),rgba(70,38,58,.3),transparent);transform:rotate(calc(-16deg + var(--i, 0) * 4deg));transform-origin:left center}.scene-sakura-breeze .scene-silhouette i:nth-child(odd){left:-4%}.scene-sakura-breeze .scene-silhouette i:nth-child(2n){right:-4%;rotate:180deg}.scene-sakura-breeze .scene-silhouette i:nth-child(1){--i:1}.scene-sakura-breeze .scene-silhouette i:nth-child(2){--i:2}.scene-sakura-breeze .scene-silhouette i:nth-child(3){--i:3}.scene-sakura-breeze .scene-silhouette i:nth-child(4){--i:4}.scene-sakura-breeze .scene-silhouette i:nth-child(5){--i:5}.scene-sakura-breeze .scene-silhouette i:nth-child(6){--i:6}.scene-sakura-breeze .scene-silhouette i:nth-child(7){--i:7}.scene-sakura-breeze .scene-silhouette i:nth-child(8){--i:8}.scene-sakura-breeze .scene-midground{background-image:radial-gradient(ellipse,rgba(244,176,202,.5) 0 28%,transparent 31%),radial-gradient(ellipse,rgba(224,140,180,.36) 0 24%,transparent 27%);background-size:83px 96px,127px 119px;background-position:17px 4px,52px 24px;filter:blur(1.2px)}.scene-sakura-breeze .scene-foreground i{width:calc(9px * var(--particle-scale));height:calc(13px * var(--particle-scale));border-radius:90% 10% 80% 20%;background:linear-gradient(145deg,#ffdce7,#e696b4 70%);box-shadow:0 0 7px #ffc1d947;animation-name:sakura-fall}.scene-forest-light .scene-light{background:linear-gradient(112deg,transparent 15%,rgba(255,238,165,.18) 31%,transparent 46%),linear-gradient(105deg,transparent 46%,rgba(255,226,139,.11) 58%,transparent 70%);filter:blur(5px)}.scene-forest-light .scene-silhouette{inset:-9% -5% auto;height:46%;background:radial-gradient(ellipse at 14% 0%,rgba(11,39,31,.92) 0 25%,transparent 26%),radial-gradient(ellipse at 43% -7%,rgba(24,63,42,.75) 0 29%,transparent 30%),radial-gradient(ellipse at 82% -2%,rgba(13,45,34,.88) 0 28%,transparent 29%);filter:blur(1px)}.scene-forest-light .scene-midground i{width:17px;height:9px;top:calc(10% + var(--i) * 9%);left:calc(4% + var(--i) * 12%);border-radius:100% 0;background:#79a25e85;transform-origin:-12px center;animation:leaf-sway calc(var(--scene-foreground-duration) * .72) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.4s)}.scene-forest-light .scene-foreground i{width:calc(4px * var(--particle-scale));height:calc(4px * var(--particle-scale));border-radius:50%;background:#f6e5a7;box-shadow:0 0 9px #ffe597bf;animation-name:pollen-float}.scene-night-city-glow .scene-haze{background:linear-gradient(90deg,transparent,rgba(106,119,187,.12),transparent)}.scene-night-city-glow .scene-silhouette{inset:auto 0 0;height:54%;background-color:#050b18b8;background-image:repeating-linear-gradient(90deg,transparent 0 23px,rgba(205,172,148,.28) 24px 27px,transparent 28px 51px),repeating-linear-gradient(0deg,transparent 0 31px,rgba(160,178,212,.18) 32px 36px,transparent 37px 61px);clip-path:polygon(0 28%,8% 28%,8% 6%,16% 6%,16% 40%,25% 40%,25% 19%,35% 19%,35% 35%,46% 35%,46% 0,57% 0,57% 30%,67% 30%,67% 12%,77% 12%,77% 38%,88% 38%,88% 20%,100% 20%,100% 100%,0 100%);animation-name:city-shimmer}.scene-night-city-glow .scene-midground{background:radial-gradient(circle at 18% 66%,rgba(236,168,118,.22),transparent 9%),radial-gradient(circle at 75% 58%,rgba(128,160,244,.22),transparent 10%);filter:blur(3px)}.scene-night-city-glow .scene-foreground i{width:calc(3px * var(--particle-scale));height:calc(3px * var(--particle-scale));border-radius:50%;background:#c0cfffbf;box-shadow:0 0 8px #abbdff9e;animation-name:city-dust}.scene-ocean-mist .scene-haze{top:10%;right:-20%;bottom:10%;left:-20%;background:linear-gradient(90deg,transparent,rgba(218,237,241,.24),transparent 66%);filter:blur(18px)}.scene-ocean-mist .scene-silhouette{inset:auto -8% -12%;height:45%;border-radius:50% 50% 0 0;background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 10%,rgba(206,232,237,.12) 10.5% 11.5%,transparent 12% 19%);animation-name:ocean-rise}.scene-ocean-mist .scene-midground{inset:auto -10% 2%;height:29%;background:repeating-radial-gradient(ellipse at 50% 130%,transparent 0 12%,rgba(226,242,245,.1) 12.5% 13.5%,transparent 14% 23%)}.scene-ocean-mist .scene-foreground i{width:calc(5px * var(--particle-scale));height:calc(2px * var(--particle-scale));border-radius:50%;background:#def0f5ad;filter:blur(.5px);animation-name:mist-float}.scene-cozy-rain .scene-light{background:radial-gradient(circle at 75% 28%,rgba(245,180,116,.18),transparent 22%),radial-gradient(circle at 24% 64%,rgba(170,115,105,.12),transparent 26%);filter:blur(5px)}.scene-cozy-rain .scene-silhouette{top:7%;right:7%;bottom:7%;left:7%;border:5px solid rgba(17,13,19,.36);background:linear-gradient(90deg,transparent 49.5%,rgba(19,15,20,.28) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(19,15,20,.25) 50%,transparent 50.5%);box-shadow:inset 0 0 70px #0b080c6b;animation:none}.scene-cozy-rain .scene-midground{background-image:radial-gradient(ellipse,rgba(255,216,187,.12) 0 35%,transparent 38%);background-size:64px 91px;filter:blur(2px)}.scene-cozy-rain .scene-foreground i{width:calc(2px * var(--particle-scale));height:calc(30px * var(--particle-scale));border-radius:99px;background:linear-gradient(180deg,transparent,rgba(221,226,235,.7));transform:rotate(7deg);animation-name:cozy-rain-fall}.performance-balanced .scene-foreground i:nth-child(n+18),.performance-low-power .scene-foreground i:nth-child(n+11){display:none}.performance-low-power .live-scene{filter:saturate(.9)}.performance-low-power .scene-haze{filter:blur(10px)}.slow-zoom{animation:slow-zoom var(--animation-duration) ease-in-out infinite alternate}.motion-paused *,.motion-paused .background-preset{animation-play-state:paused!important}.motion-running .background-preset,.motion-running .ambient-light,.motion-running .blob-field i,.motion-running .wave-field,.motion-running .particle-field,.motion-running .rain-field,.motion-running .live-scene *{animation-play-state:running;will-change:transform,background-position,opacity}@keyframes mesh-drift{to{background-position:85% 65%;transform:translate3d(var(--motion-distance),calc(var(--motion-distance) * -.5),0)}}@keyframes aurora-drift{to{transform:translate3d(35vw,18vh,0) scale(1.15)}}@keyframes particle-drift{to{background-position:60px -120px}}@keyframes blob-drift{to{transform:translate3d(18vw,9vh,0) scale(1.18)}}@keyframes wave-drift{to{transform:translateY(-4vh) scale(1.05)}}@keyframes rain-drift{to{background-position:80px 220px}}@keyframes slow-zoom{to{transform:scale(1.08)}}@keyframes scene-haze-drift{to{transform:translate3d(var(--scene-drift),calc(var(--scene-drift) * -.3),0) scale(1.08)}}@keyframes scene-light-breathe{to{opacity:calc(var(--scene-ambience-opacity) * .68);transform:translate(calc(var(--scene-drift) * -.45)) rotate(.6deg)}}@keyframes scene-canopy-sway{to{transform:translate(calc(var(--scene-drift) * .42)) rotate(.45deg)}}@keyframes scene-midground-drift{to{transform:translate3d(calc(var(--scene-drift) * -.7),calc(var(--scene-drift) * .18),18px)}}@keyframes sakura-fall{0%{transform:translate3d(0,-10vh,40px) rotate(0) scale(var(--particle-scale))}45%{transform:translate3d(var(--particle-sway),50vh,80px) rotate(220deg) scale(var(--particle-scale))}to{transform:translate3d(calc(var(--particle-sway) * -.55),116vh,20px) rotate(520deg) scale(var(--particle-scale))}}@keyframes pollen-float{0%{transform:translate3d(0,-7vh,0);opacity:.15}20%{opacity:1}55%{transform:translate3d(var(--particle-sway),51vh,50px)}to{transform:translate3d(calc(var(--particle-sway) * -.4),108vh,0);opacity:.1}}@keyframes city-dust{to{transform:translate3d(var(--particle-sway),108vh,0);opacity:.18}}@keyframes mist-float{0%{transform:translate3d(-18vw,30vh,0);opacity:0}20%{opacity:1}to{transform:translate3d(105vw,62vh,0);opacity:0}}@keyframes cozy-rain-fall{0%{transform:translate3d(0,-12vh,0) rotate(7deg)}to{transform:translate3d(calc(var(--particle-sway) * -.25),116vh,0) rotate(7deg)}}@keyframes leaf-sway{to{transform:rotate(16deg) translate(8px)}}@keyframes city-shimmer{0%,to{filter:brightness(.82)}48%{filter:brightness(1.05)}52%{filter:brightness(.94)}}@keyframes ocean-rise{to{transform:translateY(-2.5vh) scaleX(1.035)}}.background-grain{z-index:-2;opacity:var(--grain-opacity, .07);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.background-overlay{z-index:-2;transition:background-color .25s ease}.background-bloom{z-index:-1;opacity:var(--glow-opacity, .35);background:radial-gradient(circle at 50% 46%,rgba(226,205,255,.32) 0,rgba(151,106,206,.12) 22%,transparent 44%);pointer-events:none}.background-vignette{z-index:-1;opacity:var(--vignette-opacity, .6);background:radial-gradient(ellipse at center,transparent 0%,rgba(5,4,8,.12) 42%,rgba(5,4,8,.78) 100%);pointer-events:none}.performance-low-power .ambient-light{filter:blur(35px)}.performance-low-power .background-grain{opacity:calc(var(--grain-opacity) * .45)}.background-media-error{position:fixed;z-index:8;left:50%;bottom:82px;translate:-50% 0;width:min(520px,calc(100vw - 40px));margin:0;padding:10px 14px;border-radius:12px;background:#1e1117e0;color:#ffd6d9;font-size:12px;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wallpaper-debug{position:fixed;z-index:50;left:12px;top:72px;width:230px;padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#08080ce6;color:#fff;font:11px/1.35 ui-monospace,monospace;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wallpaper-debug strong{display:block;margin-bottom:8px;color:#ddc8ff}.wallpaper-debug dl{margin:0}.wallpaper-debug dl div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:2px 0}.wallpaper-debug dt{color:#ffffff8c}.wallpaper-debug dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);transition:opacity .35s ease,transform .35s ease}.brand-cluster{display:flex;align-items:center;gap:var(--space-3)}.wordmark{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:18px;font-weight:650;letter-spacing:-.035em}.mark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:var(--ink);background:linear-gradient(135deg,#eadcff,#a982e8);box-shadow:0 8px 24px #7045ae3d}.top-meta{display:flex;align-items:flex-start;justify-content:flex-end;gap:clamp(24px,4vw,64px);text-align:right}.top-meta blockquote{max-width:280px;margin:0;font-size:clamp(12px,1vw,14px);line-height:1.5;font-weight:500;color:var(--text-secondary);text-wrap:balance}.top-meta cite{display:block;margin-top:5px;color:#ffffffa8;font-size:12px;font-style:normal;font-weight:500}.mode-timer .top-bar{opacity:.46}.mode-timer .top-bar:hover,.mode-timer .top-bar:focus-within{opacity:1}.mode-timer .wordmark{font-size:16px}.mode-timer .mark{width:27px;height:27px;border-radius:9px}.mode-switch{display:flex;gap:1px;padding:2px;border:0;border-radius:10px;background:#0c0a103d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mode-switch button{min-height:30px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:650}.mode-switch button.active{color:var(--text-primary);background:#ffffff17;box-shadow:none}.mode-switch svg{width:13px}.mode-clock{transition:background .35s ease}.mode-clock .wordmark{color:inherit}.mode-clock .mark{background:#f5cc56;box-shadow:none}.clock-stage{align-self:center;width:min(1480px,94vw);padding:5vh 1vw 10vh;transform:scale(var(--clock-scale));transform-origin:center}.clock-stage.align-left{text-align:left}.clock-stage.align-center{text-align:center}.clock-stage.align-right{text-align:right}.clock-zone{margin-bottom:clamp(16px,3vh,38px);font-size:clamp(18px,2.1vw,34px);font-weight:650;letter-spacing:-.025em;opacity:.78}.clock-time{display:flex;align-items:flex-start;justify-content:inherit;font-family:Manrope Variable,Manrope,sans-serif;font-weight:620;font-size:clamp(88px,18vw,300px);line-height:.84;letter-spacing:-.075em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}.align-left .clock-time{justify-content:flex-start}.align-center .clock-time{justify-content:center}.align-right .clock-time{justify-content:flex-end}.clock-time i{font-style:normal;opacity:.82;margin:0 .02em}.clock-time sup{margin:-.02em 0 0 .14em;font-size:.32em;line-height:1;letter-spacing:-.05em}.clock-time em{align-self:flex-end;margin:0 0 .02em .35em;font-family:inherit;font-size:.13em;font-style:normal;letter-spacing:.08em;opacity:.7}.clock-date{margin-top:clamp(24px,5vh,60px);font-size:clamp(20px,3.25vw,54px);font-weight:500;letter-spacing:-.045em}.focus-stage{position:relative;align-self:center;justify-self:center;width:min(880px,90vw);display:flex;flex-direction:column;align-items:center;transform:translateY(-1vh);text-align:center}.focus-title,.focus-title-input{border:0;background:transparent;color:var(--text-primary);margin:0 0 clamp(20px,3vh,32px);padding:5px 10px;max-width:min(700px,88vw);font-size:clamp(1.35rem,2.2vw,2.15rem);font-weight:500;letter-spacing:-.025em;line-height:1.25;text-align:center;border-radius:var(--radius-sm);opacity:.72}.focus-title{display:flex;gap:10px;align-items:center}.focus-title svg{opacity:0;transition:opacity .2s}.focus-title:hover{background:#ffffff0e;opacity:.94}.focus-title:hover svg,.focus-title:focus-visible svg{opacity:.7}.focus-title-input{width:min(700px,88vw);background:#0c0a1057;box-shadow:inset 0 0 0 1px #ffffff17}.focus-title-input{opacity:1}.focus-title.empty{position:absolute;margin:0;translate:0 -96px;font-size:13px;opacity:0}.focus-stage:hover .focus-title.empty,.focus-title.empty:focus-visible{opacity:.42}.focus-stage.title-free{transform:translateY(0)}.timer-display{display:flex;flex-direction:column;align-items:center}.timer-meta{min-height:22px;display:flex;align-items:center;justify-content:center;gap:var(--space-4);color:var(--text-muted)}.timer-status{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550}.status-dot{width:6px;height:6px;border-radius:99px;background:#b8acbe;box-shadow:none}.status-dot.running{background:#bfe9cc;box-shadow:0 0 12px #b6f9cd6b}.status-dot.complete{background:#f4d28c}.timer-numerals{font-family:Manrope Variable,Manrope,Inter,sans-serif;font-weight:560;font-size:clamp(5rem,11vw,10rem);line-height:.95;letter-spacing:-.075em;margin:0 .07em clamp(16px,2.4vh,24px) 0;text-shadow:0 14px 48px rgba(8,5,12,.25);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;white-space:nowrap}.lap-time{color:var(--text-muted);font-size:12px}.lap-time strong{color:var(--text-secondary);font-family:inherit;font-weight:600;margin-left:5px;font-variant-numeric:tabular-nums}.completion-pill{padding:9px 15px;border-radius:99px;background:#f4d28c26;border:1px solid rgba(244,210,140,.35);color:#ffe7b7}.timer-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:clamp(28px,4vh,40px);min-height:52px}.timer-controls button,.dock-button{border:1px solid rgba(255,255,255,.08);color:var(--text-primary);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 28px #07050a24;transition:transform .18s,background .18s,border-color .18s,opacity .22s}.timer-controls button:hover:not(:disabled),.dock-button:hover{transform:translateY(-2px);border-color:#ffffff52}.primary-control{height:52px;min-width:126px;padding:0 22px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#d4b8ff,#ad82ed);color:var(--ink)!important;border:0!important;font-weight:680;box-shadow:0 10px 26px #683ca938!important}.primary-control svg{width:20px}.round-control{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#120f1857}.round-control svg,.dock-button svg{width:20px}.timer-controls .secondary-control{width:0;min-width:0;margin-left:-8px;padding:0;border-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:scale(.88)}.timer-controls:hover .secondary-control,.timer-controls:focus-within .secondary-control,.timer-controls .secondary-control:focus-visible{width:46px;margin-left:0;border-width:1px;opacity:1;pointer-events:auto;transform:scale(1)}.presentation-immersive .top-meta{display:none}.presentation-immersive .focus-title{opacity:.5}.bottom-dock{position:fixed;z-index:5;bottom:clamp(18px,2.5vw,34px);display:flex;padding:3px;gap:1px;background:#0e0c133d;border:1px solid rgba(255,255,255,.055);border-radius:15px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .35s ease,transform .35s ease}.left-dock{left:clamp(20px,3vw,48px)}.right-dock{right:clamp(20px,3vw,48px)}.dock-button{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;background:transparent;border-color:transparent}.mode-timer .secondary-dock,.mode-timer .utility-dock{opacity:.2}.mode-timer .secondary-dock:hover,.mode-timer .secondary-dock:focus-within,.mode-timer .utility-dock:hover,.mode-timer .utility-dock:focus-within{opacity:1}.presentation-overlay .top-bar,.presentation-overlay .secondary-dock,.presentation-overlay .utility-dock{opacity:.04}.presentation-overlay .top-bar:hover,.presentation-overlay .top-bar:focus-within,.presentation-overlay .secondary-dock:hover,.presentation-overlay .secondary-dock:focus-within,.presentation-overlay .utility-dock:hover,.presentation-overlay .utility-dock:focus-within{opacity:1}.recording-overlay{--overlay-time-size: 44px;position:fixed;z-index:3;max-width:min(520px,calc(100vw - (var(--overlay-edge) * 2)));display:grid;gap:5px;padding:13px 16px;border-radius:var(--overlay-radius);opacity:var(--overlay-opacity);color:#fff;border:1px solid transparent;box-shadow:0 12px 34px #00000029;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.overlay-top-left{top:var(--overlay-edge);left:var(--overlay-edge)}.overlay-top-right{top:var(--overlay-edge);right:var(--overlay-edge)}.overlay-bottom-left{bottom:var(--overlay-edge);left:var(--overlay-edge)}.overlay-bottom-right{right:var(--overlay-edge);bottom:var(--overlay-edge)}.overlay-small{--overlay-time-size: 34px;padding:10px 13px}.overlay-medium{--overlay-time-size: 46px}.overlay-large{--overlay-time-size: 62px;padding:18px 21px}.preset-minimal-dark{background:#08090cc2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.preset-soft-glass{background:#18141f75;border-color:#ffffff1c;-webkit-backdrop-filter:blur(18px) saturate(1.05);backdrop-filter:blur(18px) saturate(1.05)}.preset-gradient-glow{background:radial-gradient(circle at 15% 5%,rgba(162,116,221,.42),transparent 58%),#14101bb8;box-shadow:0 0 28px #a969ff24,0 12px 34px #0000002e}.preset-clean-solid{background:#17181df5;border-color:#ffffff0f;box-shadow:0 10px 28px #0003}.overlay-copy{display:flex;align-items:center;gap:8px;min-width:0}.overlay-kicker{flex:none;font-size:9px;font-weight:650;letter-spacing:.06em;opacity:.55}.overlay-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550;opacity:.72}.overlay-time{font-family:Manrope Variable,Manrope,Inter,sans-serif;font-size:var(--overlay-time-size);font-weight:580;line-height:.94;letter-spacing:-.065em;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.overlay-expanded{gap:9px;padding-block:18px}.overlay-expanded .overlay-title{font-size:13px}.overlay-expanded .overlay-kicker{font-size:9px}.overlay-controls{position:absolute;right:8px;bottom:7px;display:flex;gap:4px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.recording-overlay:hover .overlay-controls,.recording-overlay:focus-within .overlay-controls{opacity:1;transform:translateY(0);pointer-events:auto}.overlay-controls button{width:29px;height:29px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:#07070a8c;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-controls svg{width:13px}.lap-panel{position:fixed;bottom:96px;left:clamp(20px,3vw,48px);width:min(335px,calc(100vw - 40px));border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.075);background:#120e18a8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 54px #00000038;overflow:hidden}.lap-panel:not([open]){width:0;height:0;border:0}.lap-panel summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:17px 19px;cursor:pointer}.lap-panel summary::-webkit-details-marker{display:none}.lap-panel summary b{margin-left:8px;padding:2px 7px;border-radius:99px;background:#ffffff1a;font-size:11px}.lap-panel[open] summary svg{transform:rotate(180deg)}.empty-copy,.helper{color:#ffffff8a;font-size:12px;line-height:1.6}.empty-copy{padding:0 19px 17px;margin:0}.lap-list{max-height:250px;overflow:auto;padding:0 12px 12px}.lap-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:11px 8px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#ffffff8c;font-variant-numeric:tabular-nums}.lap-row strong{color:#fff;text-align:center}.lap-row span:last-child{text-align:right}.text-action{display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;color:#fff;padding:10px 7px 2px}.danger{color:#ffb9bd}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#08050c7a;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.side-panel{position:relative;z-index:1;width:min(460px,100vw);height:100%;background:#17131d;border-left:1px solid rgba(255,255,255,.07);box-shadow:-18px 0 64px #0000004d;overflow:auto;pointer-events:auto;animation:slide-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes slide-in{0%{transform:translate(100%)}}.panel-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:26px 28px 20px;background:#17131de6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.panel-header span{color:var(--text-muted);letter-spacing:.08em;font-size:10px;font-weight:650}.panel-header h2{margin:5px 0 0;font-size:25px;font-weight:580;letter-spacing:-.035em}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);color:#fff;background:#ffffff0e}.panel-content{padding:0 28px 40px}.settings-panel{width:min(820px,100vw);overflow:hidden}.panel-backdrop:has(.full-settings-panel){display:block;background:#121016;-webkit-backdrop-filter:none;backdrop-filter:none}.full-settings-panel{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none;background:radial-gradient(circle at 82% 8%,rgba(115,75,151,.09),transparent 32%),#151219;animation:none}.full-settings-panel .panel-header{height:78px;align-items:center;padding:15px 32px;background:#151219f5;border-bottom:1px solid rgba(255,255,255,.07)}.full-settings-panel .panel-header h2{margin-top:2px;font-size:21px}.quick-settings-panel{width:min(360px,100vw)}.quick-settings-group{display:grid;gap:11px;padding:17px 0;border-top:1px solid rgba(255,255,255,.075)}.quick-settings-group h3{margin:0;color:#d7c1f7;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.quick-settings-group label{display:grid;gap:6px;color:#ffffffb8;font-size:12px}.quick-settings-group label>span{display:flex;justify-content:space-between}.quick-toggle{grid-template-columns:1fr auto;align-items:center}.quick-current-background{display:grid;gap:3px;margin:0}.quick-current-background strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.quick-current-background small,.quick-source-info{margin:0;color:var(--text-muted);font-size:10px}.quick-action,.quick-audio-button,.open-full-settings{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#ffffff0d;color:#fff;font-weight:650}.quick-action svg,.quick-audio-button svg,.open-full-settings svg{width:15px}.open-full-settings{width:100%;margin-top:18px;background:#b281f029;border-color:#d0aefc40}.settings-panel .panel-content{height:calc(100% - 91px);padding:0}.settings-layout{height:100%;display:grid;grid-template-columns:240px minmax(0,1fr)}.settings-categories{padding:16px 12px 24px;border-right:1px solid rgba(255,255,255,.075);overflow-y:auto}.settings-categories button{width:100%;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#ffffff94;text-align:left;font-weight:620}.settings-categories button.selected{background:#b587f226;color:#f7efff}.settings-categories button:focus-visible{outline:2px solid #cfaaff;outline-offset:2px}.settings-section{min-width:0;padding:0 clamp(28px,5vw,76px) 56px;overflow-y:auto;outline:none}.settings-section>*{width:min(100%,980px);margin-inline:auto}.settings-section-heading{position:sticky;top:0;z-index:3;padding:18px 0 14px;background:linear-gradient(#17131d 76%,transparent)}.settings-section-heading span{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.settings-section-heading h3{margin:3px 0 0;font-size:20px}.settings-section-shortcuts{padding:16px 0 4px}.background-settings-content[data-section]:not([data-section=all])>*{display:none}.background-settings-content[data-section=appearance]>section:nth-of-type(-n+4),.background-settings-content[data-section=appearance]>.custom-designer,.background-settings-content[data-section=appearance]>.appearance-controls,.background-settings-content[data-section=appearance]>.danger-button{display:block}.background-settings-content[data-section=media]>.media-library-section,.background-settings-content[data-section=media]>section:has(input[type=checkbox]):has(input[type=range]),.background-settings-content[data-section=media]>section:has(input[type=file]:not([multiple])),.background-settings-content[data-section=media]>section:has(.stored-wallpapers),.background-settings-content[data-section=media]>section:has(#media-url),.background-settings-content[data-section=media]>section:has(input[type=range][min="0.25"]){display:block}.background-settings-content[data-section=advanced]>section:has(#wallpaper-performance){display:block}.setting-group{padding:22px 0;border-top:1px solid rgba(255,255,255,.075)}.field-label{display:block;color:#f4eff8;margin-bottom:12px;font-size:13px;font-weight:700}input[type=url],input[type=text],input[type=number],select{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-sm);background:#ffffff0b;color:#fff;padding:12px 13px}select{pointer-events:auto}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.duration-grid label{display:grid;gap:7px;color:#ffffff80;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.toggle-list{display:grid;gap:0}.toggle-list>label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.toggle-list strong,.toggle-list small{display:block}.toggle-list strong{font-size:14px}.toggle-list small{color:#ffffff7a;margin-top:4px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;flex:none;border-radius:99px;background:#39333f;position:relative;transition:background .2s}input[type=checkbox]:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform .2s}input[type=checkbox]:checked{background:#9c6de7}input[type=checkbox]:checked:after{transform:translate(18px)}.secondary-button,.danger-button{min-height:43px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:0 16px;color:#fff;background:#ffffff0e;font-weight:650}.button-row{display:flex;gap:8px;margin-top:9px}.danger-zone{margin-top:20px;padding:20px;border:1px solid rgba(255,125,135,.22);border-radius:16px;background:#ff646e0d}.danger-zone h3{margin:0 0 5px;font-size:15px}.danger-zone p{margin:0 0 16px;color:#ffffff8c;font-size:12px;line-height:1.6}.danger-button{border-color:#ff7d8757;color:#ffc1c5}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preset{height:94px;border:1px solid transparent;border-radius:15px;padding:10px;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.preset.selected{border-color:#dbc1ff;box-shadow:0 0 0 2px #9e6ce8}.preset span{padding:5px 8px;border-radius:7px;background:#0a070f73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:11px}.preset.midnight{background:linear-gradient(135deg,#101116,#292c36)}.preset.violet{background:linear-gradient(135deg,#3d2a70,#c772ab)}.preset.dusk{background:linear-gradient(135deg,#222442,#c0786e)}.preset.forest{background:linear-gradient(135deg,#17342c,#81805d)}.preset.ember{background:linear-gradient(135deg,#3b1736,#cf7357)}.segmented-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented-options button{min-height:42px;border:1px solid var(--line);border-radius:11px;color:#fff;background:#ffffff0a}.segmented-options button.selected{border-color:#c8a4ff;background:#b482f533}.presentation-options{grid-template-columns:repeat(3,1fr)}.presentation-options button{padding:8px;font-size:11px}.overlay-settings{display:grid;gap:18px}.wallpaper-types{grid-template-columns:repeat(2,1fr)}.wallpaper-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wallpaper-swatch{min-height:84px;padding:10px;display:flex;align-items:flex-end;border:1px solid transparent;border-radius:14px;color:#fff;text-align:left}.wallpaper-swatch span{padding:5px 7px;border-radius:7px;background:#08070b61;font-size:11px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.wallpaper-swatch.selected{border-color:#d7c0f8;box-shadow:0 0 0 2px #ae80e866}.live-scene-swatch{position:relative;overflow:hidden;min-height:94px;isolation:isolate}.live-scene-swatch:before,.live-scene-swatch:after{content:"";position:absolute;pointer-events:none}.live-scene-swatch:before{top:-25%;right:-10%;bottom:35%;left:-10%;z-index:-1;opacity:.58;background:radial-gradient(ellipse,rgba(255,255,255,.26),transparent 65%)}.live-scene-swatch:after{width:5px;height:8px;left:72%;top:15%;border-radius:90% 10% 80% 20%;background:#ffe1ebd9;box-shadow:-58px 26px #ffd8e6a6,24px 42px #ffe5edb8,-29px 58px #ffd2e094;transform:rotate(30deg)}.scene-preview-forest-light:after{width:4px;height:4px;border-radius:50%;background:#f7dfa0;box-shadow:-58px 26px #d9cf86,24px 42px #ffe7a4,-29px 58px #d0bf72}.scene-preview-night-city-glow:before{top:42%;right:0;bottom:0;left:0;opacity:.65;background:repeating-linear-gradient(90deg,#081020 0,#081020 13px,#efc48e61 14px,#efc48e61 16px,#081020 17px,#081020 29px)}.scene-preview-ocean-mist:after{width:110%;height:45%;left:-5%;top:58%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 130%,transparent 0 16%,rgba(235,248,250,.35) 17% 19%,transparent 20% 30%);box-shadow:none}.scene-preview-cozy-rain:after{width:2px;height:25px;border-radius:99px;background:#e8e8efa6;box-shadow:-58px 26px #e8e8ef80,24px 42px #e8e8ef8c,-29px 58px #e8e8ef73;transform:rotate(8deg)}.stored-wallpapers{display:grid;gap:6px;margin-bottom:12px}.stored-wallpaper{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px;padding:6px;border-radius:11px;background:#ffffff09}.stored-wallpaper-name{min-width:0;padding:7px;border:0;background:transparent;color:#fff;text-align:left}.stored-wallpaper-name strong,.stored-wallpaper-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stored-wallpaper-name small{margin-top:3px;color:var(--text-muted)}.stored-wallpaper .text-action{padding:7px;font-size:11px}.designer-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px;margin:12px 0}.designer-colors label{display:grid;gap:5px;color:var(--text-muted);font-size:10px}.designer-colors input{width:100%;height:42px;border:1px solid var(--border-soft);border-radius:10px;background:transparent}.custom-preset-list{display:grid;gap:5px;margin-top:14px}.custom-preset-list>div{display:grid;grid-template-columns:1fr auto auto auto;gap:3px}.custom-preset-list button{min-height:34px;padding:6px 8px;border:0;border-radius:9px;background:#ffffff0d;color:#fff;font-size:10px}.custom-preset-list button:first-child{text-align:left}.success{color:#bde8c8;font-size:12px}.reduced-motion-notice{padding:10px 12px;border-radius:10px;background:#eec4741a;color:#f3d69d;font-size:12px;line-height:1.5}.overlay-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.overlay-preset{height:68px;border:1px solid var(--line);border-radius:12px;color:#fff;padding:9px;display:flex;align-items:flex-end;text-align:left}.overlay-preset span{padding:4px 6px;border-radius:5px;background:#05050866;font-size:10px}.overlay-preset.selected{border-color:#d2b5ff;box-shadow:0 0 0 2px #ad7cef80}.overlay-selects{grid-template-columns:repeat(3,1fr)}.overlay-selects .field-label{margin-top:0}.overlay-ranges{padding-top:4px}.overlay-toggles{border-top:1px solid rgba(255,255,255,.08)}.color-choice{display:flex;align-items:center;gap:10px}.color-choice input[type=color]{width:48px;height:43px}.control-grid,.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-grid input[type=color]{width:100%;height:46px;border:1px solid var(--line);border-radius:11px;background:#211c28;padding:4px}.range-list{display:grid;gap:20px}.range-list label>span{display:flex;justify-content:space-between;color:#ffffffbf;font-size:12px}input[type=range]{width:100%;margin:12px 0 0;accent-color:#ad7cef}.error{color:#ffb3b8;font-size:12px}.library-status{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:#ffffff0b;font-size:12px}.library-status span{color:var(--text-muted);text-align:right}.media-library-section code{overflow-wrap:anywhere;color:#ffffffb3}.media-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px}.full-settings-panel .media-library-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.media-library-card{min-width:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#fff;background:#ffffff09;text-align:left}.media-library-card.selected{border-color:#d7c0f8;box-shadow:0 0 0 2px #ae80e86b}.media-library-card.unavailable{opacity:.46}.media-library-card img,.media-library-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:linear-gradient(135deg,#292135,#17131d)}.media-library-card>span:last-child{display:block;padding:9px}.media-library-card strong,.media-library-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-library-card strong{font-size:11px}.media-library-card small{margin-top:4px;color:var(--text-muted);font-size:9px}.library-item-settings{display:grid;gap:14px;margin-top:16px;padding:14px;border-radius:13px;background:#ffffff09}.background-audio-enable{position:fixed;z-index:8;left:50%;bottom:96px;transform:translate(-50%);min-height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:#100d16d1;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.background-unavailable-indicator{position:fixed;z-index:8;left:50%;bottom:88px;transform:translate(-50%);min-height:36px;padding:0 13px;border:1px solid rgba(255,196,132,.18);border-radius:99px;background:#1e1715c2;color:#f0cfad;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.now-playing{position:fixed;z-index:7;left:50%;bottom:25px;transform:translate(-50%);width:min(340px,calc(100vw - 340px));min-width:260px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px 11px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#110d17b0;color:#fff;text-decoration:none;box-shadow:0 12px 36px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .35s,transform .35s}.now-playing img,.now-playing-placeholder{width:42px;height:42px;object-fit:cover;display:grid;place-items:center;border-radius:9px;background:#ffffff14}.now-playing-copy{min-width:0;display:grid}.now-playing-copy small{color:#cbaaff;font-size:8px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.now-playing-copy strong,.now-playing-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-copy strong{font-size:12px}.now-playing-copy>span{margin-top:2px;color:#ffffff8c;font-size:9px}.now-playing button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:#ffffff12;color:#fff}.now-playing button svg{width:15px}.now-playing-audio{position:relative;display:grid}.now-playing-volume-popover{position:absolute;right:-9px;bottom:calc(100% + 11px);width:180px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#110d17f0;box-shadow:0 12px 30px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.now-playing-volume-popover label{display:block;color:#ffffffb8;font-size:10px;font-weight:650}.now-playing-volume-popover input{margin-top:9px}.now-playing:hover,.now-playing:focus-within{border-color:#d5bbff4d;background:#16111dd1}.now-playing>i{position:absolute;left:0;bottom:0;height:2px;background:#c398ff}.media-preview{width:min(370px,calc(100vw - 340px));grid-template-columns:minmax(0,1fr) auto;overflow:visible}.now-playing .media-preview-summary{position:relative;width:100%;height:auto;min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:0;overflow:hidden;background:transparent;text-align:left}.media-preview-summary>i{position:absolute;left:0;bottom:-8px;height:2px;background:#c398ff}.media-preview.expanded{bottom:20px;width:min(390px,calc(100vw - 36px));padding:10px;background:#110d17ed}.media-preview-expanded{grid-column:1 / -1;display:grid;gap:13px;max-height:min(60vh,520px);padding:12px 3px 3px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.08)}.media-preview-title{display:grid;grid-template-columns:54px 1fr;gap:11px;align-items:center}.media-preview-title img,.media-preview-title .now-playing-placeholder{width:54px;height:54px;border-radius:11px;object-fit:cover}.media-preview-title div{min-width:0;display:grid}.media-preview-title small{color:#cbaaff;font-size:9px;text-transform:uppercase}.media-preview-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.media-transport{display:flex;align-items:center;gap:7px}.media-transport>span{margin-left:auto;color:var(--text-muted);font-size:10px;font-variant-numeric:tabular-nums}.media-preview-range{display:grid;color:#ffffffb3;font-size:10px}.media-preview-range>span{display:flex;justify-content:space-between}.media-preview-range input{margin-top:7px}.media-preview-appearance{display:grid;grid-template-columns:1fr 1fr;gap:14px}.now-playing .media-audio-toggle,.now-playing .media-settings-link{width:100%;height:40px;display:flex;gap:7px}.now-playing .media-audio-toggle.active{background:#a06fe033}.now-playing .media-settings-link{border:1px solid rgba(255,255,255,.1)}.media-settings-link svg{width:14px}.chrome-idle .now-playing{opacity:0;transform:translate(-50%,5px);pointer-events:none}.media-debug-panel{position:fixed;z-index:50;left:12px;top:84px;width:290px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#08070ce6;font-size:10px}.media-debug-panel>strong{display:block;margin-bottom:8px}.media-debug-panel>div{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.media-debug-panel span{color:var(--text-muted)}.media-debug-panel code{overflow:hidden;text-overflow:ellipsis;color:#fff}@media(max-width:720px){.app-shell{padding:19px}.top-meta blockquote{display:none}.top-bar{grid-template-columns:1fr auto}.top-meta{display:none}.mode-switch{grid-column:2}.mode-switch button{padding:0 11px}.mode-switch button svg{display:none}.clock-stage{width:100%;padding-bottom:13vh}.clock-time{font-size:clamp(64px,22vw,118px)}.clock-zone{font-size:16px}.clock-date{font-size:clamp(18px,5vw,28px)}.focus-stage{width:100%;transform:translateY(-3vh)}.focus-title,.focus-title-input{max-width:calc(100vw - 48px);margin-bottom:18px;font-size:clamp(17px,5vw,21px)}.timer-numerals{max-width:calc(100vw - 30px);font-size:clamp(58px,21vw,96px);margin-bottom:15px}.timer-controls{display:grid;grid-template-columns:repeat(2,52px)}.primary-control{grid-column:1 / -1;width:100%;height:54px}.round-control{width:52px;height:52px}.timer-controls .secondary-control{display:grid;width:52px;min-width:52px;margin-left:0;padding:0;border-width:1px;opacity:1;pointer-events:auto;transform:none}.bottom-dock{bottom:18px}.left-dock{left:18px}.right-dock{right:18px}.lap-panel{bottom:87px;left:18px}.recording-overlay{max-width:calc(100vw - (var(--overlay-edge) * 2))}.overlay-large{--overlay-time-size: 48px}.overlay-selects{grid-template-columns:1fr}.now-playing{bottom:79px;width:min(300px,calc(100vw - 36px));min-width:0}.media-preview,.media-preview.expanded{width:min(360px,calc(100vw - 36px))}.media-preview.expanded{bottom:76px}.media-preview-appearance,.media-library-grid{grid-template-columns:1fr}.panel-backdrop{align-items:flex-end}.side-panel{width:100%;height:min(86dvh,760px);border-left:0;border-top:1px solid var(--line);border-radius:24px 24px 0 0;animation-name:sheet-in}.full-settings-panel{width:100vw;height:100dvh;margin:0;border-radius:0}.full-settings-panel .panel-header{height:70px;padding:12px 20px}.settings-panel .panel-content{height:calc(100% - 82px)}.settings-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.settings-categories{display:flex;gap:6px;padding:10px 18px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(255,255,255,.075)}.settings-categories button{width:auto;min-width:max-content;padding:0 13px;text-align:center}.settings-section{padding:0 20px 34px}@keyframes sheet-in{0%{transform:translateY(100%)}}}@media(max-height:650px)and (min-width:721px){.focus-stage{transform:translateY(0)}.timer-numerals{font-size:100px}.timer-controls{margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-override *,.motion-override *:before,.motion-override *:after{animation-duration:var(--animation-duration)!important;animation-iteration-count:infinite!important}}.chrome-idle .top-bar,.chrome-idle .secondary-dock,.chrome-idle .utility-dock{opacity:0;transform:translateY(-4px);pointer-events:none}.chrome-idle .secondary-dock,.chrome-idle .utility-dock{transform:translateY(5px)}.app-shell{color:var(--theme-text-primary,var(--text-primary));font-family:var(--theme-ui-font,"Manrope Variable",Manrope,system-ui,sans-serif);transition:color .3s ease}.timer-numerals,.overlay-time{color:var(--theme-timer,#fff);font-family:var(--theme-timer-font,"Manrope Variable",Manrope,system-ui,sans-serif);text-shadow:0 2px 14px var(--theme-shadow,#07050a),0 14px 48px rgba(8,5,12,.38)}.primary-control{background:linear-gradient(135deg,var(--theme-accent,#d4b8ff),var(--theme-accent-secondary,#ad82ed));color:var(--theme-surface,#17121f)!important}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--theme-ring,#dfc9ff)}.mode-switch button.active,.settings-categories button.selected,.segmented-options button.selected{background:color-mix(in srgb,var(--theme-accent,#c7a5ff) 18%,transparent)}.settings-categories button.selected,.quick-settings-group h3,.media-preview-title small,.now-playing-copy small{color:var(--theme-accent,#d7c1f7)}input[type=range]{accent-color:var(--theme-accent,#c7a5ff)}.bottom-dock,.now-playing{background:color-mix(in srgb,var(--theme-surface,#17121f) calc(var(--theme-surface-opacity,.72) * 100%),transparent)}.now-playing>i{background:var(--theme-accent,#c398ff)}.now-playing button:hover{background:var(--theme-control-hover,rgba(255,255,255,.12))}.overlay-theme-inherit{background:color-mix(in srgb,var(--theme-surface,#17121f) calc(var(--overlay-opacity) * 100%),transparent);color:var(--theme-text-primary,#fff);border-color:color-mix(in srgb,var(--theme-accent,#c7a5ff) 28%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quick-accent-preview{display:inline-block;width:12px;height:12px;border:1px solid rgba(255,255,255,.36);border-radius:50%}.palette-preview{display:grid;gap:8px}.palette-preview>span{color:var(--text-muted);font-size:11px}.palette-preview>div{display:flex;gap:8px}.palette-preview button{width:34px;height:34px;padding:0;border:2px solid rgba(255,255,255,.18);border-radius:50%}.theme-colour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-colour-field{min-height:46px;display:flex!important;align-items:center;justify-content:space-between;gap:12px}.theme-colour-field input[type=color]{width:44px;height:34px;padding:2px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:transparent}.font-import{position:relative;overflow:hidden;cursor:pointer}.font-import input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.imported-font-list{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.imported-font-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px}.imported-font-list span{display:grid;font-size:12px}.imported-font-list small{color:var(--text-muted);font-size:9px}.theme-warning{color:#ffd09f;font-size:12px}.theme-debug{left:254px}
