[hidden]{display:none!important}.chart,.all-time{min-width:0}.preview-banner{display:block;text-align:center;background:#050914;color:#9aa8c4;font-size:10px;letter-spacing:.6px;padding:10px 12px;line-height:1.6;border-bottom:1px solid #ffffff10}.preview-banner:hover{color:white}

/* B — a printed daily, with an ink stamp for every sigh. */
:root[data-theme=paper]{color-scheme:light;--bg:#f2efe6;--text:#292c28;--muted:#78776c;--blue:#bd4b36;--line:#30332935;font-family:"Songti TC","Noto Serif TC",Georgia,serif}
[data-theme=paper] body:before{opacity:.16;background-image:radial-gradient(#857c62 .7px,transparent .7px);background-size:5px 5px}
[data-theme=paper] .ambient{display:none}
[data-theme=paper] .preview-banner{background:#e8e4d8;color:#6e6a5e;border-color:#35372c30}
[data-theme=paper] .topbar{height:116px;border-bottom:4px double #363b2f}
[data-theme=paper] .brand-mark{font-size:45px}
[data-theme=paper] .brand-name{font-size:17px;border-color:#363b2f;letter-spacing:6px}
[data-theme=paper] .brand-name small{font-size:8px;color:#6e6e62;letter-spacing:2px}
[data-theme=paper] .connection{color:#687159;font-family:monospace;letter-spacing:0}
[data-theme=paper] .connection.online i{background:#657459;box-shadow:none}
[data-theme=paper] .icon-button{border-radius:0;color:#4f5849;border-color:#838c78}
[data-theme=paper] .hero{grid-template-columns:1.15fr 1fr;gap:72px;padding:64px 0}
[data-theme=paper] .intro>.eyebrow{font-family:monospace;font-size:10px;color:#6a6b5c;letter-spacing:1px;border-block:1px solid #888b75;padding:10px 0;display:inline-flex}
[data-theme=paper] h1{font-size:70px;line-height:1.5;letter-spacing:-2px;margin-top:27px;font-weight:800}
[data-theme=paper] h1 em{color:#2d382c;border-bottom:3px solid #bd4b36;padding-bottom:3px}
[data-theme=paper] .intro-copy{font-size:13px;color:#626453;line-height:2.2}
[data-theme=paper] .countdown-card{border-radius:0;background:transparent;border:0;border-block:1px solid #a0a28e;padding:18px 0;width:280px}
[data-theme=paper] .countdown-top,[data-theme=paper] .countdown-card p,[data-theme=paper] .countdown small,[data-theme=paper] .text-button{color:#727661}
[data-theme=paper] .countdown>span{font-family:Georgia,serif;font-size:34px}
[data-theme=paper] .countdown b{color:#92957f}
[data-theme=paper] .sigh-stage{border:1px solid #8d9680;padding:28px 12px 17px;position:relative;background:#faf8f030;box-shadow:6px 6px 0 #e4e4d7}
[data-theme=paper] .sigh-stage:before{content:"准 予 嘆 氣";position:absolute;right:-19px;top:25px;transform:rotate(13deg);font-size:11px;color:#ab4e38;border:2px solid #ab4e3890;padding:5px 8px;background:#f2efe6;z-index:2}
[data-theme=paper] .collective-label{font-size:9px;letter-spacing:1.4px;color:#7b8069}
[data-theme=paper] .daily-total{border-bottom:1px solid #818c733a;padding-bottom:15px;margin:15px 19px 0}
[data-theme=paper] .daily-total>span:first-child{font-family:Georgia,serif;font-size:70px;letter-spacing:-3px}
[data-theme=paper] .button-orbit{width:280px;height:270px}
[data-theme=paper] .orbit,[data-theme=paper] .orbit-dot{display:none}
[data-theme=paper] .sigh-button{width:206px;height:206px;background:transparent;border:3px double #bf4f38;box-shadow:none;transform:rotate(-8deg)}
[data-theme=paper] .sigh-button:before{inset:8px;border:1px dashed #bd4b3670}
[data-theme=paper] .sigh-character{font-size:115px;color:#b54431;text-shadow:none}
[data-theme=paper] .button-caption{font-size:9px;color:#b54431;letter-spacing:2px;margin-top:3px}
[data-theme=paper] .sigh-button:hover{transform:rotate(-4deg) scale(1.04);background:#bd4b3608}
[data-theme=paper] .sigh-button:active,[data-theme=paper] .sigh-button.pressed{transform:rotate(-8deg) scale(.91);background:#bd4b3615}
[data-theme=paper] .click-hint,[data-theme=paper] .personal-count{color:#6d745e}
[data-theme=paper] .personal-count strong,[data-theme=paper] .personal-count>span{color:#ad4735}
[data-theme=paper] .click-hint>span{color:#89937c}
[data-theme=paper] kbd{border-color:#9da38e}
[data-theme=paper] .particle{color:#b64934;font-weight:bold}
[data-theme=paper] .ripple{border:2px solid #bd4b3660}
[data-theme=paper] .history-section{border-top:4px double #363b2f;padding-top:25px}
[data-theme=paper] .section-top .eyebrow{color:#858773;font-family:monospace}
[data-theme=paper] h2{font-weight:700}
[data-theme=paper] h2>span{color:#7a7d69}
[data-theme=paper] .chart-day.today{background:#b5443108;outline-color:#b544311b}
[data-theme=paper] .chart-number,[data-theme=paper] .chart-date{color:#6c735e}
[data-theme=paper] .chart-bar{background:#a6ad93;border-radius:0}
[data-theme=paper] .today .chart-bar{background:#b84a35}
[data-theme=paper] .today .chart-number,[data-theme=paper] .today .chart-date{color:#ae4935}
[data-theme=paper] .all-time>span,[data-theme=paper] .all-time p{color:#777f68}
[data-theme=paper] .all-time strong{font-family:Georgia,serif}
[data-theme=paper] .all-time-rule{background:#a5ac94}
[data-theme=paper] footer{border-top:1px solid #616d52;color:#7f806f}
[data-theme=paper] dialog{background:#f2efe6;border-color:#67705b;border-radius:0}
[data-theme=paper] input[type=time]{background:#faf8f1;color:#293022;border-color:#899477}
[data-theme=paper] .primary-button{background:#b54b36;border-color:#a44430;color:white;border-radius:0}
[data-theme=paper] .history-row{color:#555e49}
[data-theme=paper] .history-row strong{color:#ac4935}

/* C — oversized arcade controls, acid lime and violet. */
:root[data-theme=arcade]{color-scheme:light;--bg:#e1f66b;--text:#20231c;--muted:#53602e;--blue:#7150d0;--line:#252b253b;font-family:-apple-system,BlinkMacSystemFont,"Arial Black","PingFang HK",sans-serif}
[data-theme=arcade] body:before{opacity:.1;background-image:linear-gradient(#495531 1px,transparent 1px),linear-gradient(90deg,#495531 1px,transparent 1px);background-size:40px 40px}
[data-theme=arcade] .ambient{display:none}
[data-theme=arcade] .preview-banner{background:#20231c;color:#e1f66b}
[data-theme=arcade] .topbar{border-bottom:2px solid #252b25;height:103px}
[data-theme=arcade] .brand-mark{font-family:inherit;font-weight:900;font-size:43px;transform:rotate(-8deg)}
[data-theme=arcade] .brand-mark>span{color:#7951d4}
[data-theme=arcade] .brand-name{font-size:14px;font-weight:800;letter-spacing:1px;border:0;padding-left:4px}
[data-theme=arcade] .brand-name small{color:#41482a;font-size:8px;letter-spacing:1px}
[data-theme=arcade] .connection{color:#363c2b;background:#f4ffd0;border:1.5px solid #272f1c;padding:8px 12px;border-radius:20px;font-size:10px;font-weight:600}
[data-theme=arcade] .connection.online i{background:#6c49c2;box-shadow:none}
[data-theme=arcade] .icon-button{color:#343d25;border:1.5px solid #343d25}
[data-theme=arcade] .hero{gap:80px;grid-template-columns:1.1fr 1fr;padding:64px 0 52px}
[data-theme=arcade] .intro>.eyebrow{font-size:9px;letter-spacing:.6px;font-weight:700;color:#444d2b;background:#c6e04a;display:inline-flex;padding:7px 10px;transform:rotate(-2deg)}
[data-theme=arcade] h1{font-family:inherit;font-size:64px;font-weight:900;line-height:1.45;letter-spacing:-2px;margin:25px 0 19px}
[data-theme=arcade] h1 em{color:#7450c8;text-shadow:3px 3px 0 #c7d853}
[data-theme=arcade] .intro-copy{font-size:13px;line-height:2;color:#4c5830;letter-spacing:.4px}
[data-theme=arcade] .countdown-card{background:#f4ffd1;border:2px solid #2a3220;border-radius:12px;box-shadow:4px 4px 0 #2a3220;width:290px}
[data-theme=arcade] .countdown-top,[data-theme=arcade] .countdown small,[data-theme=arcade] .countdown-card p,[data-theme=arcade] .text-button{color:#505e31}
[data-theme=arcade] .countdown{gap:18px}
[data-theme=arcade] .countdown>span{font-family:monospace;font-size:32px;font-weight:800}
[data-theme=arcade] .countdown b{color:#8b9b62}
[data-theme=arcade] .sigh-stage{background:#e8dffb;border:2px solid #27232e;border-radius:24px;box-shadow:8px 8px 0 #282330;padding:26px 14px 16px;position:relative;transform:rotate(1.2deg)}
[data-theme=arcade] .sigh-stage:before{content:"唉力全開！";position:absolute;top:-19px;right:-17px;background:#ff917e;border:2px solid #252321;padding:10px 13px;transform:rotate(10deg);border-radius:50%;font-size:12px;font-weight:800;z-index:2}
[data-theme=arcade] .collective-label{font-size:11px;font-weight:700;color:#514267;letter-spacing:1px}
[data-theme=arcade] .daily-total{margin:12px 0 0;gap:8px}
[data-theme=arcade] .daily-total>span:first-child{font-size:70px;font-weight:900;letter-spacing:-3px;line-height:1.1}
[data-theme=arcade] .unit{color:#776887}
[data-theme=arcade] .button-orbit{width:290px;height:273px}
[data-theme=arcade] .orbit,[data-theme=arcade] .orbit-dot{display:none}
[data-theme=arcade] .sigh-button{width:220px;height:210px;background:#936ae5;border:2px solid #2b223a;border-radius:42px;box-shadow:0 10px 0 #493363,0 12px 0 1px #211a2a;transform:rotate(-4deg)}
[data-theme=arcade] .sigh-button:before{inset:8px;border:1px solid #ffffff38;border-radius:32px}
[data-theme=arcade] .sigh-character{font-family:inherit;font-size:117px;font-weight:900;color:#fff5dd;text-shadow:4px 4px 0 #6d4aaa;line-height:1.1}
[data-theme=arcade] .button-caption{color:#efe4ff;font-weight:700;font-size:9px;letter-spacing:2px;margin-top:10px}
[data-theme=arcade] .sigh-button:hover{transform:rotate(-1deg) translateY(-2px);background:#9d76eb}
[data-theme=arcade] .sigh-button:active,[data-theme=arcade] .sigh-button.pressed{transform:rotate(-4deg) translateY(9px);box-shadow:0 1px 0 #493363,0 3px 0 1px #211a2a}
[data-theme=arcade] .click-hint{color:#786b89;font-size:9px}
[data-theme=arcade] .click-hint>span{color:#988aa8}
[data-theme=arcade] kbd{border-color:#ada0bb}
[data-theme=arcade] .personal-count{color:#655174;display:inline-block;background:#f4edff;border:1px solid #c4b4dc;border-radius:20px;padding:7px 14px}
[data-theme=arcade] .personal-count strong,[data-theme=arcade] .personal-count>span{color:#794bcc}
[data-theme=arcade] .particle{color:#574074;font-family:inherit;font-weight:900;font-size:32px;text-shadow:2px 2px 0 #fff1b9}
[data-theme=arcade] .ripple{border:3px dashed #7450c8;border-radius:40px}
[data-theme=arcade] .history-section{border-top:2px solid #303828;padding-top:26px}
[data-theme=arcade] .section-top .eyebrow{color:#6d7d42;font-weight:600}
[data-theme=arcade] h2{font-weight:800}
[data-theme=arcade] h2>span{color:#5d6d3a}
[data-theme=arcade] .chart-day.today{background:#cfeca0;outline:1px dashed #566b34;border-radius:9px}
[data-theme=arcade] .chart-number,[data-theme=arcade] .chart-date{color:#5c7131}
[data-theme=arcade] .chart-number{font-weight:700}
[data-theme=arcade] .chart-bar{background:#9cb24e;border-radius:5px 5px 0 0}
[data-theme=arcade] .today .chart-bar{background:#8358d6;border:1px solid #594089}
[data-theme=arcade] .today .chart-number,[data-theme=arcade] .today .chart-date{color:#65479b}
[data-theme=arcade] .all-time>span,[data-theme=arcade] .all-time p{color:#697d37}
[data-theme=arcade] .all-time strong{font-weight:900;font-size:35px}
[data-theme=arcade] .all-time-rule{background:#8da846}
[data-theme=arcade] footer{color:#728449;border-top:2px solid #303828}
[data-theme=arcade] dialog{background:#eee5ff;border:2px solid #2f233d;box-shadow:7px 7px 0 #201b29}
[data-theme=arcade] input[type=time]{background:#faf5ff;color:#3d2e4b;border-color:#a895c2}
[data-theme=arcade] .primary-button{background:#8156ce;color:#fff6e2;border:2px solid #4e347c;font-weight:700}
[data-theme=arcade] .history-row{color:#705b87}
[data-theme=arcade] .history-row strong{color:#583787}

@media(max-width:1000px) and (min-width:701px){[data-theme=paper] .hero,[data-theme=arcade] .hero{gap:35px}[data-theme=paper] h1{font-size:54px}[data-theme=arcade] h1{font-size:52px}[data-theme=paper] .button-orbit,[data-theme=arcade] .button-orbit{width:260px}}
@media(max-width:700px){.preview-banner{font-size:8px;padding:8px}[data-theme=paper] .topbar,[data-theme=arcade] .topbar{height:86px}[data-theme=paper] .hero,[data-theme=arcade] .hero{grid-template-columns:1fr;gap:40px;padding:33px 0 38px}[data-theme=paper] h1,[data-theme=arcade] h1{font-size:46px;letter-spacing:-1px;line-height:1.5;margin-top:20px;max-width:none}[data-theme=paper] h1 br,[data-theme=arcade] h1 br{display:block}[data-theme=paper] .intro-copy br,[data-theme=arcade] .intro-copy br{display:block}[data-theme=paper] .sigh-stage,[data-theme=arcade] .sigh-stage{width:min(350px,100%);margin:auto}[data-theme=arcade] .brand-name{font-size:11px}[data-theme=arcade] .connection{font-size:8px;padding:6px}[data-theme=arcade] .topbar-actions{gap:8px}[data-theme=paper] .brand-name{font-size:12px;letter-spacing:3px}[data-theme=paper] .countdown>span,[data-theme=arcade] .countdown>span{font-size:24px}[data-theme=arcade] .countdown{gap:8px}[data-theme=paper] .sigh-stage:before{right:-9px}[data-theme=arcade] .sigh-stage:before{right:-8px}[data-theme=paper] .intro>.eyebrow,[data-theme=arcade] .intro>.eyebrow{font-size:8px}[data-theme=paper] .daily-total>span:first-child,[data-theme=arcade] .daily-total>span:first-child{font-size:64px}}
