@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;color:#f7fbff;background:#071634;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #70b9ff;--blue-bright: #9fd5ff;--panel: rgba(17, 55, 111, .38);--panel-border: rgba(186, 221, 255, .17);--muted: rgba(221, 237, 255, .65);--shadow: 0 30px 80px rgba(0, 7, 30, .34);--bg-start: #06122d;--bg-middle: #0a2453;--bg-end: #071938;--glow-one: rgba(29, 103, 206, .34);--glow-two: rgba(19, 77, 172, .26);--ambient-one: #50a5ff;--ambient-two: #1c68ec;--glass-one: rgba(35, 83, 148, .42);--glass-two: rgba(9, 34, 79, .34);--accent: #70b9ff;--accent-soft: #b9e0ff;--accent-deep: #357fd8;--accent-rgb: 112, 185, 255;--button-text: #071936}:root[data-theme=violet]{--blue: #bd92ff;--blue-bright: #d8bdff;--panel-border: rgba(223, 197, 255, .18);--muted: rgba(239, 224, 255, .66);--bg-start: #160c2e;--bg-middle: #35205f;--bg-end: #1d1238;--glow-one: rgba(133, 76, 217, .36);--glow-two: rgba(88, 46, 167, .3);--ambient-one: #a76cff;--ambient-two: #6435cf;--glass-one: rgba(87, 53, 133, .44);--glass-two: rgba(34, 19, 67, .38);--accent: #bd92ff;--accent-soft: #e0c9ff;--accent-deep: #7144cf;--accent-rgb: 189, 146, 255;--button-text: #211039}:root[data-theme=emerald]{--blue: #62d9b3;--blue-bright: #a0efd5;--panel-border: rgba(174, 240, 217, .17);--muted: rgba(218, 245, 236, .66);--bg-start: #061e1d;--bg-middle: #0b443a;--bg-end: #092a29;--glow-one: rgba(32, 159, 126, .31);--glow-two: rgba(15, 111, 93, .28);--ambient-one: #3bd4aa;--ambient-two: #147e69;--glass-one: rgba(27, 105, 88, .4);--glass-two: rgba(7, 48, 44, .36);--accent: #62d9b3;--accent-soft: #b2f3dd;--accent-deep: #218a70;--accent-rgb: 98, 217, 179;--button-text: #072a24}:root[data-theme=sunset]{--blue: #ffac7d;--blue-bright: #ffd0ad;--panel-border: rgba(255, 215, 193, .18);--muted: rgba(255, 231, 218, .68);--bg-start: #2e101d;--bg-middle: #67303b;--bg-end: #361923;--glow-one: rgba(223, 100, 89, .33);--glow-two: rgba(173, 61, 74, .27);--ambient-one: #ff936c;--ambient-two: #ce465d;--glass-one: rgba(127, 58, 72, .42);--glass-two: rgba(58, 20, 38, .38);--accent: #ffac7d;--accent-soft: #ffd3b7;--accent-deep: #c85858;--accent-rgb: 255, 172, 125;--button-text: #38131a}:root[data-theme=graphite]{--blue: #b7c5d8;--blue-bright: #dce6f2;--panel-border: rgba(219, 230, 242, .15);--muted: rgba(224, 231, 240, .62);--bg-start: #10141b;--bg-middle: #252d38;--bg-end: #161c25;--glow-one: rgba(102, 119, 143, .26);--glow-two: rgba(65, 78, 96, .24);--ambient-one: #8293aa;--ambient-two: #4a586c;--glass-one: rgba(64, 75, 91, .4);--glass-two: rgba(22, 28, 38, .38);--accent: #b7c5d8;--accent-soft: #e2e8f0;--accent-deep: #64748b;--accent-rgb: 183, 197, 216;--button-text: #111827}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;min-height:100svh;overflow-x:hidden;background:radial-gradient(circle at 75% 8%,var(--glow-one),transparent 32%),radial-gradient(circle at 10% 80%,var(--glow-two),transparent 35%),linear-gradient(145deg,var(--bg-start) 0%,var(--bg-middle) 52%,var(--bg-end) 100%);transition:background .5s ease}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(159,213,255,.9);outline-offset:3px}.app-shell{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;padding:22px clamp(18px,4vw,58px) 18px;overflow:hidden}.ambient{position:fixed;z-index:-1;width:38vw;height:38vw;border-radius:50%;filter:blur(80px);opacity:.16;pointer-events:none;animation:drift 14s ease-in-out infinite alternate}.ambient-one{top:-18vw;left:20%;background:var(--ambient-one)}.ambient-two{right:-14vw;bottom:-20vw;background:var(--ambient-two);animation-delay:-7s}.glass-panel{border:1px solid var(--panel-border);background:linear-gradient(145deg,var(--glass-one),var(--glass-two));box-shadow:var(--shadow),inset 0 1px #ffffff12;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.app-header{width:min(1160px,100%);margin:0 auto;min-height:70px;padding:10px 14px 10px 22px;border-radius:22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:700;font-size:.86rem;letter-spacing:.14em;text-decoration:none}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,var(--accent-soft),var(--accent-deep));box-shadow:0 6px 20px rgba(var(--accent-rgb),.32)}.brand-mark span{width:2px;height:9px;background:#fff;border-radius:2px;transform:translateY(-3px);box-shadow:4px 5px 0 -.3px #fff}.header-actions,.main-nav{display:flex;align-items:center}.header-actions{gap:8px}.main-nav{gap:5px}.main-nav a{color:var(--muted);text-decoration:none;padding:12px 18px;border-radius:13px;font-size:.92rem;font-weight:500;transition:color .2s ease,background .2s ease,transform .2s ease}.main-nav a:hover{color:#fff;background:#ffffff0f}.main-nav a.router-link-active{color:#fff;background:rgba(var(--accent-rgb),.16);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.15)}.theme-picker{position:relative}.theme-trigger{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(210,230,250,.13);border-radius:13px;background:#ffffff0d;cursor:pointer;transition:background .2s ease,transform .2s ease}.theme-trigger:hover{background:rgba(var(--accent-rgb),.13);transform:translateY(-2px)}.theme-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.theme-current{position:absolute;right:7px;bottom:7px;width:7px;height:7px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.theme-menu{position:absolute;z-index:30;top:calc(100% + 12px);right:0;width:206px;padding:12px;border-radius:18px}.theme-menu-heading{display:flex;justify-content:space-between;align-items:baseline;padding:5px 7px 11px}.theme-menu-heading strong{font-size:.82rem}.theme-menu-heading span{color:var(--muted);font-size:.62rem}.theme-option{width:100%;min-height:43px;display:grid;grid-template-columns:25px 1fr 18px;align-items:center;gap:10px;padding:6px 9px;border:0;border-radius:11px;color:var(--muted);background:transparent;text-align:left;font-size:.8rem;cursor:pointer;transition:color .18s ease,background .18s ease}.theme-option:hover,.theme-option.active{color:#fff;background:rgba(var(--accent-rgb),.12)}.theme-option svg{width:17px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-swatch{width:25px;height:25px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:linear-gradient(135deg,var(--swatch-one),var(--swatch-two));box-shadow:inset 0 1px 1px #ffffff3d}.theme-menu-enter-active,.theme-menu-leave-active{transition:opacity .18s ease,transform .18s ease;transform-origin:top right}.theme-menu-enter-from,.theme-menu-leave-to{opacity:0;transform:translateY(-6px) scale(.96)}.main-content{flex:1;display:grid;align-items:center;width:100%}.page{width:min(940px,100%);margin:42px auto 28px;display:grid;gap:20px}.hero-card{position:relative;min-height:385px;padding:clamp(24px,4vw,44px);border-radius:34px;display:flex;flex-direction:column;overflow:hidden}.hero-card:after{content:"";position:absolute;width:260px;height:260px;right:-90px;bottom:-130px;border-radius:50%;border:1px solid rgba(159,213,255,.12);box-shadow:0 0 80px #50a0ff14;pointer-events:none}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.eyebrow{color:var(--blue-bright);font-size:.68rem;font-weight:700;letter-spacing:.22em}h1,h2,p{margin:0}h1{margin-top:7px;font-family:Manrope,sans-serif;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.02em}h2{margin-top:5px;font-size:1.12rem}.icon-button{min-height:44px;padding:0 15px;border:1px solid rgba(180,220,255,.16);border-radius:14px;background:#ffffff0f;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button span{font-size:.82rem}.icon-button:hover{transform:translateY(-2px);background:#7ebeff21;border-color:#b4dcff4d}.icon-button:active,button:active{transform:scale(.96)}.clock-display,.countdown-display{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px}.time-line{display:flex;align-items:flex-start;justify-content:center;gap:15px}.main-time,.countdown-display>span{font-family:Manrope,sans-serif;font-size:clamp(4.8rem,13vw,9.2rem);font-weight:500;line-height:.95;letter-spacing:-.075em;font-variant-numeric:tabular-nums;text-shadow:0 12px 45px rgba(0,13,47,.28)}.period{padding-top:.7em;color:var(--blue-bright);font-weight:600;font-size:clamp(.85rem,2vw,1.2rem)}.date-line{margin-top:24px;color:var(--muted);letter-spacing:.06em;font-size:clamp(.88rem,2vw,1.02rem)}.status-pill{align-self:center;display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:99px;color:#ddedffad;background:#03123040;font-size:.72rem}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:breathe 2s ease-in-out infinite}.settings-card{padding:26px 30px;border-radius:26px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.saved-hint{color:#ddedff73;font-size:.72rem}.setting-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(190,220,255,.08)}.setting-row>span{font-size:.9rem;color:#edf6ffd1}.segmented{display:flex;padding:4px;border-radius:12px;background:#02123045}.segmented button{min-width:88px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-size:.78rem;transition:all .2s ease}.segmented button.active{color:#fff;background:rgba(var(--accent-rgb),.26);box-shadow:0 4px 14px #000a282e}.countdown-hero{min-height:405px;transition:border-color .3s ease,box-shadow .3s ease}.countdown-display>span{font-size:clamp(4.2rem,12vw,8.2rem);letter-spacing:-.06em}.countdown-status{margin-top:24px;color:var(--muted);font-size:.84rem;display:flex;align-items:center;gap:8px}.countdown-status i{width:7px;height:7px;border-radius:50%;background:#80bdf8;box-shadow:0 0 10px currentColor}.countdown-status i.paused{background:#f7cf7b}.countdown-status i.finished{background:#ff91a8}.progress-track{height:3px;border-radius:5px;background:#ffffff14;overflow:hidden}.progress-track span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--accent-deep),var(--accent-soft));transition:transform .2s linear}.timer-actions{min-height:52px;margin-top:22px;display:flex;justify-content:center;gap:10px}.primary-button,.secondary-button,.toolbar-button{min-height:48px;padding:0 25px;border-radius:14px;cursor:pointer;border:1px solid transparent;font-weight:600;transition:transform .18s ease,filter .18s ease,background .18s ease}.primary-button{color:var(--button-text);background:linear-gradient(135deg,var(--accent-soft),var(--accent));box-shadow:0 9px 26px rgba(var(--accent-rgb),.24)}.primary-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.secondary-button,.toolbar-button{background:#ffffff12;border-color:#bee1ff29}.secondary-button:hover,.toolbar-button:hover{background:#ffffff1f}.play-icon{display:inline-block;margin-right:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--button-text)}.duration-input{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:clamp(8px,2vw,18px)}.duration-input label{display:flex;flex-direction:column;gap:7px;text-align:center;color:var(--muted);font-size:.7rem}.duration-input input{width:100%;min-width:0;height:58px;border:1px solid rgba(180,220,255,.13);border-radius:14px;color:#fff;background:#010f2b3b;text-align:center;font-size:1.25rem;font-variant-numeric:tabular-nums}.duration-input input:disabled{opacity:.5}.duration-input b{transform:translateY(-10px);color:#dceeff66}.quick-times{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.quick-times button{min-height:42px;border:1px solid rgba(180,220,255,.12);border-radius:12px;color:var(--muted);background:#ffffff0b;cursor:pointer;font-size:.78rem;transition:all .18s ease}.quick-times button:hover:not(:disabled){color:#fff;background:#6eb4fa21;transform:translateY(-2px)}.quick-times button:disabled{opacity:.4;cursor:not-allowed}.field-error,.notice{margin-top:16px;color:#ffd0da;font-size:.8rem;text-align:center}.notice{padding:10px 15px;border-radius:12px;background:#9637502e}.finished .countdown-hero{border-color:#ff8da680;animation:alarm-pulse 1.2s ease-in-out infinite}.finished .countdown-display>span{color:#fff2f5}.alarm-stop{background:linear-gradient(135deg,#ffd2dc,#ff8da8)}.app-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 16px;min-height:24px;padding-top:4px;color:#cde5ff6b;text-align:center;font-size:.7rem;letter-spacing:.12em}.app-footer a{color:inherit;text-decoration:none;letter-spacing:.04em;transition:color .18s ease}.app-footer a:before{content:"·";margin-right:16px;color:rgba(var(--accent-rgb),.5)}.app-footer a:hover{color:var(--blue-bright)}.fullscreen-toolbar{position:fixed;z-index:20;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,18px);display:flex;gap:8px;padding:8px;border:1px solid rgba(180,220,255,.16);border-radius:18px;background:#05183cad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.fullscreen-toolbar.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}:fullscreen body{background:var(--bg-start)}:fullscreen .app-shell{padding:0;min-height:100vh}:fullscreen .app-header,:fullscreen .app-footer,:fullscreen .fullscreen-secondary{display:none!important}:fullscreen .main-content,:fullscreen .page{width:100%;height:100vh;margin:0}:fullscreen .page{display:block}:fullscreen .hero-card{width:100%;height:100vh;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:fullscreen .clock-display,:fullscreen .countdown-display{height:100%;min-height:0}:fullscreen .main-time{font-size:min(24vw,30vh)}:fullscreen .countdown-display>span{font-size:min(20vw,29vh)}:fullscreen .date-line{font-size:clamp(1rem,2vw,1.6rem)}@keyframes drift{to{transform:translate3d(8vw,5vw,0) scale(1.1)}}@keyframes breathe{50%{opacity:.4;transform:scale(.75)}}@keyframes alarm-pulse{50%{box-shadow:0 0 0 4px #ff82a014,0 30px 90px #5a0a2847}}@media (max-width: 640px){.app-shell{padding:12px 12px 16px}.app-header{min-height:61px;padding:8px;border-radius:18px}.brand{margin-left:7px}.brand>span:last-child{display:none}.main-nav a{padding:10px 12px;font-size:.8rem}.header-actions{gap:3px}.theme-trigger{width:40px;height:40px}.theme-menu{position:fixed;top:78px;right:12px}.page{margin:18px auto;gap:12px}.hero-card{min-height:340px;padding:22px 18px;border-radius:25px}.hero-top .icon-button span{display:none}.hero-top .icon-button{width:44px;padding:0}.main-time{font-size:clamp(3.75rem,20vw,6rem)}.period{font-size:.72rem}.date-line{margin-top:19px}.settings-card{padding:21px 18px;border-radius:22px}.setting-row{align-items:flex-start;flex-direction:column;padding:14px 0;gap:10px}.segmented{width:100%}.segmented button{flex:1;min-width:0}.countdown-hero{min-height:365px}.countdown-display>span{font-size:clamp(3.2rem,17vw,5.4rem)}.quick-times{grid-template-columns:repeat(2,1fr)}.duration-input{gap:6px}.duration-input input{height:52px;font-size:1.05rem}.app-footer{display:none}}@media (max-height: 620px) and (orientation: landscape){.app-header{min-height:56px}.page{margin:14px auto;grid-template-columns:1.4fr 1fr;align-items:stretch}.hero-card{min-height:280px}.settings-card{padding:20px}.main-time{font-size:clamp(3.8rem,13vw,7rem)}.app-footer{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}