@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Chakra+Petch:wght@500;700&family=Orbitron:wght@500;700&family=Roboto+Mono:wght@500;700&family=Share+Tech+Mono&family=Space+Mono:wght@700&family=Teko:wght@500;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{color:#f4f7fb;background:#000;font-family:Roboto Mono,monospace;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.app{isolation:isolate;background:#000;justify-content:center;align-items:center;min-height:100vh;padding:72px 18px 116px;display:flex;position:relative}.background-layer{z-index:-3;filter:blur(var(--background-blur,5px));background-color:#000;background-position:50%;background-size:cover;position:fixed;inset:-16px;transform:scale(1.03)}.background-overlay{z-index:-2;background:rgba(0, 0, 0, var(--background-overlay,.68));position:fixed;inset:0}.floating-ui{z-index:2;flex-direction:column-reverse;align-items:flex-start;gap:10px;max-width:calc(100vw - 32px);transition:opacity .52s,transform .52s;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.floating-ui.is-hidden{pointer-events:none;opacity:0;transform:translate(-50%)translateY(12px)}.floating-ui.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.credit-watermark{z-index:1;pointer-events:auto;color:#f7fbffe0;-webkit-backdrop-filter:blur(6px);letter-spacing:.04em;text-transform:uppercase;background:#080c1094;border:1px solid #fff3;border-radius:10px;padding:4px 8px;font-size:.66rem;font-weight:600;position:fixed;bottom:14px;right:14px;box-shadow:0 8px 22px #00000047}.credit-watermark-link{color:inherit;cursor:pointer;text-decoration:none}.credit-watermark-link:hover{text-decoration:underline}.glass-panel{-webkit-backdrop-filter:blur(18px)saturate(135%);background:linear-gradient(135deg,#ffffff29,#ffffff0d),#080a0c80;border:1px solid #ffffff24;border-radius:18px;box-shadow:0 18px 48px #0000006b,inset 0 1px #ffffff29}.icon-dock{border-radius:26px;align-self:center;gap:8px;padding:10px;display:flex}.menu-popover{border-radius:20px;width:max-content;min-width:176px;max-width:min(520px,100vw - 32px);max-height:calc(100vh - 104px);padding:12px;overflow-y:auto}.menu-section{flex-wrap:wrap;align-items:flex-start;gap:9px;display:flex}.menu-section .menu-section{width:100%;padding-top:4px}.menu-title{color:#eef3f8ad;text-transform:uppercase;width:100%;font-size:.72rem}.icon-grid{grid-template-columns:repeat(4,minmax(58px,1fr));gap:8px;width:100%;display:grid}.menu-icon,.icon-button{color:#dfe7ef;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;place-items:center;width:50px;height:50px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-grid;box-shadow:inset 0 1px #ffffff1f}.menu-icon.active,.menu-icon:hover,.icon-button:hover{color:#020203;background:#f3f7fb;border-color:#ffffffad}.menu-choice{color:#e7edf4;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;place-items:center;gap:5px;min-height:62px;display:grid}.ui-icon-image{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 5px #00000057);width:22px;height:22px}.menu-icon .ui-icon-image{width:30px;height:30px}.menu-choice .ui-icon-image{width:26px;height:26px}.ui-icon-text,.menu-choice span{font-size:1.15rem}.menu-choice small{text-transform:uppercase;font-size:.64rem}.menu-choice.active,.menu-choice:hover{color:#020203;background:#f3f7fb}.menu-icon:active,.icon-button:active,.pill-button:active{transform:translateY(1px)}.control-strip{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.pomodoro-controls{flex-direction:column;gap:8px;width:100%;display:flex}.control-strip-no-wrap{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.background-controls{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.pill-button,.url-input,select,.number-label input{color:#eef3f8;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;outline:none;height:38px;box-shadow:inset 0 1px #ffffff1c}.pill-button{justify-content:center;align-items:center;gap:9px;padding:0 13px;display:inline-flex}.pill-button strong{color:#020203;text-transform:uppercase;background:#f3f7fbeb;border-radius:10px;padding:4px 8px;font-size:.72rem}.pill-button.active{color:#020203;background:#f3f7fbeb}.subtle-button{color:#eef3f8c7}.pill-button:hover,select:hover,.number-label input:hover,.url-input:hover{border-color:#ffffff5c}.select-label,.number-label{color:#eef3f8b8;text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;display:flex}select{width:132px;padding:0 8px}.wide-select select{width:178px}select option{color:#101114}.number-label input{width:64px;padding:0 8px}.state-chip{color:#020203;text-transform:uppercase;background:#f3f7fbeb;border-radius:14px;align-items:center;height:38px;padding:0 12px;font-size:.78rem;display:inline-flex}.phase-chip{color:#061008}.phase-work{background:#7dd7fff0}.phase-break{background:#65ff9af0}.phase-long-break{background:#ffc857f0}.clock-stack{width:100%;max-width:1320px;transform:translate(var(--burn-in-x,0), var(--burn-in-y,0)) scale(var(--clock-scale,1));flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:transform .9s;display:flex}.clock-display{perspective:1400px;justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.period-badge{color:#f7fbff;-webkit-backdrop-filter:blur(8px);font-family:var(--digit-font);background:#0a0d119e;border:1px solid #ffffff42;border-radius:8px;align-self:flex-end;margin:0 0 8px 2px;padding:5px 7px;font-size:.9rem;font-weight:700;line-height:1;box-shadow:0 10px 24px #00000057,inset 0 1px #ffffff1f}.digit{color:#f8fbff;width:64px;height:96px;transform-style:preserve-3d;perspective:900px;background:#111317;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 28px 50px #00000080,inset 0 1px #ffffff14,inset 0 -1px #000000e6}.digit-half{backface-visibility:hidden;background:linear-gradient(#20242a 0%,#111318 100%);width:100%;height:50%;position:absolute;left:0;overflow:hidden}.digit-top{border-radius:8px 8px 0 0;top:0}.digit-bottom{background:linear-gradient(#101217 0%,#191d23 100%);border-radius:0 0 8px 8px;bottom:0}.digit-half span{width:100%;height:200%;color:var(--digit-color,#f7fbff);font-family:var(--digit-font);letter-spacing:0;text-shadow:0 3px 16px #ffffff29;justify-content:center;align-items:center;font-size:4.3rem;font-weight:700;line-height:1;display:flex;position:absolute;left:0}.date-strip{color:#f7fbff;-webkit-backdrop-filter:blur(8px);text-transform:uppercase;background:#0a0d119e;border:1px solid #ffffff3d;border-radius:8px;padding:7px 12px;font-size:.82rem;font-weight:600;box-shadow:0 10px 24px #00000052}.digit-top span,.digit-animated-top span{top:0}.digit-bottom span,.digit-animated-bottom span{bottom:0}.digit-divider{z-index:5;background:#000000bd;width:100%;height:2px;position:absolute;top:calc(50% - 1px);left:0;box-shadow:0 1px #ffffff14}.digit-animated{z-index:4;display:none}.digit-animated-top{transform-origin:bottom;top:0;box-shadow:0 14px 28px #00000042}.digit-animated-bottom{transform-origin:top;bottom:0;transform:rotateX(90deg);box-shadow:0 -12px 24px #0000003d}.digit.is-flipping .digit-animated{display:block}.digit.is-flipping .digit-animated-top{animation:.36s cubic-bezier(.55,.02,.85,.45) forwards flipTop}.digit.is-flipping .digit-animated-bottom{animation:.36s cubic-bezier(.16,.84,.25,1) .26s forwards flipBottom}.separator{flex-direction:column;gap:18px;margin:0 1px;display:flex}.separator span{background:#f5f8fb;border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #f5f8fb6b}.url-input{width:min(250px,100%);padding:0 12px}.segmented-row,.background-choice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.background-choice{width:100%}.theme-grid{grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;width:min(360px,100vw - 64px);display:grid}.theme-tile{color:#f8fbff;background-color:#090a0d;background-image:linear-gradient(135deg,#ffffff1f,#ffffff08),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff29;border-radius:14px;min-height:70px;position:relative;overflow:hidden}.theme-tile:before{content:"";background:#00000057;position:absolute;inset:0}.theme-tile.active{border-color:#f3f7fbc7;box-shadow:inset 0 0 0 1px #f3f7fb9e}.theme-tile span{z-index:1;text-transform:uppercase;font-size:.72rem;position:relative}.range-label{color:#eef3f8b8;text-transform:uppercase;grid-template-columns:auto minmax(190px,1fr);align-items:center;gap:10px;width:100%;font-size:.72rem;display:grid}.range-wrap{align-items:center;height:38px;display:flex;position:relative}.range-wrap input{accent-color:#f3f7fb;width:100%}.range-wrap strong{left:clamp(18px, var(--range-value), calc(100% - 22px));z-index:1;color:#020203;text-align:center;pointer-events:none;background:#f3f7fbf0;border-radius:999px;min-width:38px;padding:3px 7px;font-size:.72rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.custom-theme{flex-wrap:wrap;gap:8px;width:100%;display:flex}.preset-row,.color-row{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.color-swatch,.custom-color{background:var(--swatch-color);border:1px solid #ffffff2e;border-radius:12px;width:34px;height:34px;box-shadow:inset 0 1px #ffffff38,0 8px 18px #00000042}.color-swatch.active{border-color:#f3f7fbdb;box-shadow:inset 0 0 0 2px #00000057,0 0 0 2px #f3f7fb6b}.custom-color{padding:0;overflow:hidden}.shortcut-note{color:#eef3f8a3;width:min(360px,100vw - 64px);font-size:.72rem;line-height:1.45}.dev-choice-panel{width:100%}.empty-note{color:#eef3f8b8;width:min(330px,100vw - 64px);margin:0;font-size:.78rem;line-height:1.45}@keyframes flipTop{0%{filter:brightness();transform:rotateX(0)}to{filter:brightness(.58);transform:rotateX(-90deg)}}@keyframes flipBottom{0%{filter:brightness(.68);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}@media (width>=520px){.clock-display{gap:12px}.digit{width:78px;height:118px}.digit-half span{font-size:5.3rem}}@media (width>=760px){.digit{width:98px;height:148px}.digit-half span{font-size:6.7rem}}@media (width>=1080px){.clock-display{gap:16px}.digit{width:124px;height:186px}.digit-half span{font-size:8.4rem}.separator{gap:28px}.separator span{width:13px;height:13px}}@media (width<=760px){.app{padding:64px 10px 124px}.floating-ui{max-width:none;left:50%;right:auto}.icon-dock{flex-direction:row}.menu-popover{max-width:calc(100vw - 20px)}.control-strip{flex-wrap:wrap;justify-content:center}.separator{gap:13px}.separator span{width:7px;height:7px}.period-badge{margin-bottom:6px;font-size:.78rem}}@media (width<=430px){.menu-popover{max-width:calc(100vw - 16px)}.icon-grid{grid-template-columns:repeat(2,minmax(92px,1fr))}.theme-grid{grid-template-columns:repeat(2,minmax(112px,1fr))}.clock-display{gap:5px}.digit{width:42px;height:68px}.digit-half span{font-size:2.95rem}.separator{gap:9px}.separator span{width:5px;height:5px}.period-badge{margin-left:0;padding:4px 5px;font-size:.64rem}}