:root{color-scheme:dark;--bg:#0c1225;--text:#f0f2fa;--muted:#929bb5;--blue:#7595f8;--line:rgba(167,182,228,.13);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Noto Sans TC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:radial-gradient(#7f8da1 .6px,transparent .6px);background-size:7px 7px;z-index:-1}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a0b7ff;outline-offset:6px}button:disabled{cursor:wait}button{color:inherit}::selection{background:#526dba;color:white}.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(90px)}.ambient-one{width:600px;height:650px;background:#23325c;opacity:.32;top:20px;left:-270px}.ambient-two{width:650px;height:720px;background:#30244e;opacity:.26;top:-140px;right:0}.shell{max-width:1240px;margin:auto;padding:0 64px}.topbar{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:14px}.brand-mark{font-size:37px;font-family:"Songti TC","Noto Serif TC",serif;font-weight:800;line-height:1}.brand-mark>span{color:var(--blue);margin-left:-8px}.brand-name{font-size:12px;letter-spacing:4px;border-left:1px solid #454d66;padding-left:15px}.brand-name small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:6px;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:22px}.connection{font-size:11px;letter-spacing:1px;color:#9ca7bd;display:flex;align-items:center;gap:8px}.connection i{height:5px;width:5px;background:#bd9d6d;border-radius:50%}.connection.online i{background:#8bd1b4;box-shadow:0 0 10px #8bd1b43d}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted)}.icon-button svg{width:16px;height:16px}.icon-button:hover{color:var(--text);border-color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;padding:72px 0 66px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9aa7c4;display:flex;align-items:center;gap:10px}.tiny-line{width:21px;height:1px;background:#7899ec}h1{font-size:72px;line-height:1.28;letter-spacing:3px;font-weight:600;margin:24px 0 20px;font-family:"Songti TC","Noto Serif TC","PMingLiU",serif}h1>span{font-size:43px;color:#b6c4e5}h1 em{font-style:normal;color:var(--blue)}.intro-copy{font-size:13px;color:var(--muted);line-height:2;letter-spacing:1.3px;margin:0}.countdown-card{width:285px;margin-top:33px;padding:20px 22px 17px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(115deg,#8ca5df09,#b6b7ff02)}.countdown-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a4afc9}.clock-icon{font-size:15px;vertical-align:-1px;margin-right:4px}.text-button{background:none;border:0;padding:0;font-size:10px;color:#9aabc9;letter-spacing:.5px}.text-button:hover{color:#d6dff8}.text-button>span{margin-left:6px;color:#93a5d2}.countdown{display:flex;align-items:flex-start;gap:14px;margin-top:15px;font-variant-numeric:tabular-nums}.countdown>span{font-size:29px;letter-spacing:1px;display:flex;flex-direction:column}.countdown small{font-size:9px;font-weight:400;text-align:center;color:#7f8ba9;margin-top:5px}.countdown b{font-size:20px;font-weight:300;color:#5e6b89;padding-top:2px}.countdown-card p{font-size:10px;color:#7f8ba9;margin:15px 0 0;letter-spacing:.4px}.sigh-stage{text-align:center;align-self:center;padding-top:7px}.collective-label{font-size:12px;letter-spacing:2px;color:#a9b4cf}.spark{font-size:14px;color:#91a9ea;display:inline-block;margin-right:7px}.daily-total{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:15px 0 9px;font-variant-numeric:tabular-nums}.daily-total>span:first-child{font-size:70px;font-weight:400;letter-spacing:1px;line-height:1.2}.unit{font-size:12px;color:var(--muted)}.button-orbit{position:relative;isolation:isolate;width:320px;height:310px;margin:0 auto;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #728ccd1c;pointer-events:none;border-radius:50%;width:294px;height:294px}.orbit-two{width:262px;height:262px;border-color:#829ad21c}.orbit-one:after{content:"";position:absolute;inset:-20px;border:1px dashed #809de009;border-radius:50%}.orbit-dot{width:5px;height:5px;background:#7288c8;position:absolute;left:43px;top:59px;border-radius:50%;box-shadow:0 0 13px #97aeec}.sigh-button{width:228px;height:228px;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 37%,#243c71 0%,#192950 47%,#131d37 100%);border:1px solid #7899f142;box-shadow:inset 0 1px 2px #a1bcff1a,0 12px 45px #0004,0 0 55px #4e70be12;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .16s,box-shadow .16s,border-color .16s;user-select:none;-webkit-user-select:none}.sigh-button:before{content:"";position:absolute;inset:8px;border:1px solid #879eec0a;border-radius:50%}.sigh-character{font-family:"Songti TC","Noto Serif TC","PMingLiU",serif;color:#90afff;font-size:118px;line-height:1.12;transform:translateY(5px);text-shadow:0 0 28px #688cff55;pointer-events:none}.button-caption{font-size:8px;letter-spacing:4px;color:#a4baff60;margin-top:12px;pointer-events:none}.sigh-button:hover{border-color:#91b1ff80;box-shadow:inset 0 1px 2px #a1bcff1a,0 12px 45px #0004,0 0 70px #4e70be30;transform:translateY(-2px)}.sigh-button:active,.sigh-button.pressed{transform:scale(.945);box-shadow:inset 0 3px 15px #0005,0 0 70px #6d92ee40}.sigh-button:disabled{opacity:.6}.click-hint{font-size:10px;color:#8290af;letter-spacing:.5px;margin:4px 0 18px}.click-hint>span{padding:0 5px;color:#4d5d80}kbd{font-family:inherit;font-size:9px;border:1px solid #45516c;border-radius:3px;padding:2px 5px;margin-left:2px}.personal-count{font-size:10px;color:#8996b6}.personal-count strong{font-variant-numeric:tabular-nums;color:#bfcced;font-weight:500;margin:0 5px}.personal-count>span{color:#6b85bb;margin-left:6px}.sync-note{height:14px;font-size:10px;color:#c3ac83;margin:11px 0 0}.particles{pointer-events:none;position:absolute;inset:0}.particle{position:absolute;left:50%;top:36%;color:#a7c0ff;font-family:serif;font-size:25px;animation:float-away .85s ease-out forwards}.ripple{position:absolute;inset:38px 46px;border-radius:50%;border:1px solid #9bb7fc80;animation:ripple .7s ease-out forwards}@keyframes float-away{from{transform:translate(-50%,0);opacity:.9}to{transform:translate(calc(-50% + var(--drift)), -100px) rotate(var(--tilt));opacity:0}}@keyframes ripple{to{transform:scale(1.4);opacity:0}}.history-section{border-top:1px solid var(--line);padding-top:28px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-top .eyebrow{font-size:8px;letter-spacing:2px;color:#6e7d9c}h2{font-size:18px;letter-spacing:1px;font-weight:500;margin:11px 0 0}h2>span{color:#8794b2;font-weight:400}.history-link{font-size:10px}.history-layout{display:grid;grid-template-columns:1fr 220px;gap:38px;padding:27px 0 35px}.chart{min-height:151px;display:flex;align-items:stretch;gap:12px}.chart-day{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:5px;padding:10px 5px 5px;position:relative}.chart-day.today{background:#7193ed0a;outline:1px solid #768be817}.chart-number{font-size:10px;color:#9caacb;font-variant-numeric:tabular-nums;margin-bottom:10px}.bar-track{height:70px;width:100%;max-width:33px;display:flex;align-items:flex-end}.chart-bar{width:100%;min-height:2px;background:linear-gradient(to top,#3b4d6d,#596f98);border-radius:3px 3px 0 0;transition:height .3s}.today .chart-bar{background:linear-gradient(to top,#4564ae,#8baaff)}.today .chart-number{color:#c9d7ff}.chart-date{font-size:9px;color:#74819e;margin-top:11px;white-space:nowrap}.today .chart-date{color:#adbeec}.all-time{border-left:1px solid var(--line);padding-left:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.all-time>span{font-size:10px;color:#8a97b4;letter-spacing:.4px}.all-time strong{font-size:30px;font-weight:400;letter-spacing:1px;margin:6px 0;font-variant-numeric:tabular-nums}.all-time-rule{width:20px;height:1px;background:#475576;margin:15px 0 10px}.all-time p{font-size:10px;line-height:1.9;margin:0;color:#737f9b}.loading-copy{font-size:12px;color:var(--muted);margin:auto}footer{border-top:1px solid var(--line);padding:22px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:9px;letter-spacing:.6px;color:#68748f}.footer-mark{font-size:8px;letter-spacing:1.5px}.footer-mark>span{color:#92a6dc;margin-left:6px}dialog{border:1px solid #3c4869;background:#131c32;color:var(--text);border-radius:12px;width:min(480px,calc(100vw - 32px));padding:28px;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#040817bf;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{margin:0}.dialog-heading .eyebrow{margin-bottom:10px;font-size:8px}dialog p{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0}dialog label{font-size:12px;display:block;margin-top:22px;color:var(--muted)}.close-button{border:0;background:transparent;color:var(--muted);font-size:25px;padding:0 3px}input[type=time]{display:block;background:#0c1429;color:white;border:1px solid #475777;border-radius:6px;font-size:28px;margin:10px 0 24px;padding:12px;width:100%}.primary-button{border:1px solid #819ce651;background:#273b6c;border-radius:6px;color:#d8e4ff;font-size:13px;padding:13px 18px;display:block;width:100%;text-align:center}.primary-button:hover{background:#334b7f}.history-list{max-height:45vh;overflow:auto;margin:15px 0 24px}.history-row{display:flex;justify-content:space-between;font-size:12px;padding:14px 2px;border-bottom:1px solid var(--line);color:#aab8d4}.history-row strong{color:#e2e9fc;font-weight:500;font-variant-numeric:tabular-nums}.export-link{display:flex;justify-content:space-between}
@media(min-width:1400px){.shell{max-width:1312px}.hero{padding-top:84px;padding-bottom:78px;gap:90px}h1{font-size:80px}.button-orbit{width:350px;height:330px}.sigh-button{width:248px;height:248px}.orbit{width:314px;height:314px}.orbit-two{width:280px;height:280px}.sigh-character{font-size:128px}}
@media(max-width:1000px){.shell{padding:0 38px}.hero{gap:30px}h1{font-size:62px}.eyebrow{font-size:9px;letter-spacing:1px}.button-orbit{width:300px}.history-layout{grid-template-columns:1fr 190px;gap:20px}.all-time{padding-left:22px}.chart{gap:8px}.footer-mark{display:none}}
@media(max-width:700px){.shell{padding:0 24px}.topbar{height:86px}.brand-mark{font-size:32px}.topbar-actions{gap:12px}.connection{font-size:9px}.brand-name{font-size:10px;letter-spacing:2px}.brand-name small{font-size:7px;letter-spacing:1px}.hero{grid-template-columns:1fr;gap:32px;padding:40px 0 34px}.intro{text-align:center;display:flex;flex-direction:column;align-items:center}.intro>.eyebrow{font-size:9px}h1{font-size:49px;line-height:1.32;letter-spacing:2px;margin:20px 0 13px}h1>span{font-size:34px}h1 br:first-of-type{display:none}h1 br:last-of-type{display:none}h1{max-width:350px}.intro-copy{font-size:11px;line-height:1.8}.intro-copy br{display:none}.countdown-card{margin-top:23px;width:280px;padding:14px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:20px}.countdown-top{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:10px}.countdown{gap:8px;margin:0}.countdown>span{font-size:22px}.countdown b{font-size:16px}.countdown small{font-size:8px}.countdown-card p{grid-column:1/-1;font-size:9px;margin-top:12px;text-align:left}.sigh-stage{padding:0}.collective-label{font-size:11px}.daily-total{margin:12px 0 0}.daily-total>span:first-child{font-size:58px}.button-orbit{height:294px}.click-hint{font-size:9px}.section-top{gap:10px;align-items:flex-end}.section-top h2{font-size:15px;letter-spacing:0}.section-top h2>span{display:block;font-size:13px;margin-top:5px}.history-link{font-size:9px;white-space:nowrap;padding-bottom:2px}.history-layout{grid-template-columns:1fr;padding:17px 0 26px;gap:26px}.chart{gap:5px;min-height:137px}.chart-day{padding:8px 3px 5px}.chart-date{font-size:8px}.all-time{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:1fr auto;gap:4px 15px}.all-time strong{grid-column:2;grid-row:1/3;margin:0;font-size:32px}.all-time-rule,.all-time p{display:none}footer{flex-wrap:wrap;padding-top:19px;font-size:8px;gap:10px;justify-content:center}.sync-note{margin-bottom:0}.chart-number{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.particle,.ripple{display:none}}