:root{--ink:#22303c;--ink2:#4b5a66;--cream:#fff7ea;--card:rgba(255,248,236,.97);--orange:#f08a24;--orange-d:#c7681a;--yellow:#ffc93c;--yellow-d:#d29b17;--teal:#3aa6a0;--teal-d:#2a7d78;--sky:#5b6b77;--red:#e0533f;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--font:"Huninn","PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#1a2229;overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:stretch;font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 50% 30%,#2c3943,#151c22 70%);-webkit-user-select:none;user-select:none}#app{position:relative;height:100dvh;width:min(100vw,56.25dvh);overflow:hidden;background:#5b6b77;touch-action:none;contain:strict}@media (max-width:520px){#app{width:100vw}}#gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}button{font-family:inherit;color:inherit;border:0;cursor:pointer}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.top{position:absolute;left:0;right:0;top:calc(var(--sat) + 10px);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:0 12px;gap:8px}.task-card{justify-self:start;background:var(--card);border-radius:16px;padding:8px 12px 7px;box-shadow:0 3px #0000002e;min-width:118px}#task{font-size:13px;color:var(--ink2);line-height:1.2}#timer{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:.5px;line-height:1.15}#persona-chip{margin-top:3px;font-size:11px;display:inline-block;background:var(--orange);color:#fff;border-radius:99px;padding:1px 8px}.wind{display:flex;flex-direction:column;align-items:center;gap:3px}.wind-dial{width:52px;height:52px;border-radius:50%;background:var(--card);display:grid;place-items:center;box-shadow:0 3px #0000002e;transition:background .2s}#wind-arrow{width:34px;height:34px;transition:transform .12s linear}#wind-arrow path{fill:var(--teal)}.wind-bars{display:flex;gap:3px}.wind-bars i{width:12px;height:5px;border-radius:3px;background:#ffffff59}.wind-bars i.on{background:#fff}.wind-label{font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);min-height:14px}.wind.warn .wind-dial{background:#ffe0b8;animation:flash .35s steps(2) infinite}.wind.warn #wind-arrow path{fill:var(--orange)}.wind.strong #wind-arrow path{fill:var(--red)}@keyframes flash{50%{transform:scale(1.12)}}.icon-btn{justify-self:end;pointer-events:auto;width:46px;height:46px;border-radius:14px;background:var(--card);display:grid;place-items:center;box-shadow:0 3px #0000002e}.icon-btn svg{width:22px;height:22px}.tip{position:absolute;left:50%;top:calc(var(--sat) + 150px);transform:translate(-50%);max-width:86%;background:#22303cdb;color:#fff;font-size:14px;padding:8px 14px;border-radius:14px;text-align:center;transition:opacity .25s;white-space:nowrap}.tip:empty{opacity:0}.toast{position:absolute;left:50%;top:30%;transform:translate(-50%);background:var(--card);border-radius:16px;padding:10px 16px;font-size:14px;text-align:center;box-shadow:0 4px #0003;opacity:0;transition:opacity .25s,transform .25s;max-width:88%}.toast.show{opacity:1;transform:translate(-50%) translateY(4px)}.toast b{color:var(--orange-d);font-size:16px}.quip{position:absolute;left:50%;top:calc(var(--sat) + 192px);transform:translate(-50%) scale(.9);background:#fff;border-radius:14px;padding:6px 12px;font-size:13px;opacity:0;transition:all .2s;white-space:nowrap;box-shadow:0 2px #00000026}.quip.show{opacity:.95;transform:translate(-50%) scale(1)}.dog-bubble{position:absolute;left:0;top:0;transform:translate(-50%,-100%);background:#fff;border-radius:12px;padding:2px 7px;font-size:16px;line-height:1.3;box-shadow:0 2px #0000002e;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .15s;white-space:nowrap}.dog-bubble.show{opacity:1}.dog-bubble .txt{font-size:11px;color:var(--ink2)}.dog-bubble .bar{width:30px;height:4px;border-radius:2px;background:#e6dccd;overflow:hidden;display:none}.dog-bubble .bar b{display:block;height:100%;background:var(--orange);width:0}.dog-bubble:after{content:"";position:absolute;bottom:-5px;left:50%;margin-left:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#fff}.edge{position:absolute;left:0;top:0;width:54px;height:54px;margin:-27px 0 0 -27px;display:grid;place-items:center;opacity:0;transition:opacity .2s}.edge.show{opacity:1}.edge-arrow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#fff8ece6;box-shadow:0 2px #0003}.edge-arrow:after{content:"";position:absolute;left:50%;top:-9px;margin-left:-8px;border:8px solid transparent;border-top:0;border-bottom:11px solid var(--orange)}.edge-label{position:relative;font-size:12px;text-align:center;line-height:1.1}.edge-label em{font-style:normal;font-size:17px;display:block}#joy-zone{position:absolute;left:0;bottom:0;width:58%;height:42%;pointer-events:auto;touch-action:none}#joy-base{position:absolute;width:124px;height:124px;margin:-62px 0 0 -62px;border-radius:50%;background:#fff8ec38;border:3px solid rgba(255,255,255,.55);transition:opacity .2s}#joy-knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--cream);box-shadow:0 3px #00000040}#joy-zone.idle #joy-base{opacity:.75}.act{position:absolute;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(var(--sab) + 30px);width:108px;height:108px;border-radius:50%;pointer-events:auto;touch-action:none;background:var(--yellow);box-shadow:0 5px 0 var(--yellow-d),0 8px 14px #00000040;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:background .15s}.act .ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:rotate(-90deg)}.act .ring circle{fill:none;stroke-width:6}.act .ring-bg{stroke:#fff0}#act-ring{stroke:#fff;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283}#act-icon{font-size:30px;line-height:1}#act-label{font-size:15px;line-height:1.2;margin-top:2px}#act-sub{font-size:11px;color:var(--ink2);min-height:13px}.act.pick{background:#ff9f45;box-shadow:0 5px 0 var(--orange-d),0 8px 14px #00000040}.act.off{background:#e9e1d3;box-shadow:0 5px #b7ab98,0 8px 14px #0003;color:var(--ink2)}.act.held{transform:translateY(4px);box-shadow:0 1px 0 var(--orange-d)}.meters{display:flex;flex-direction:column;gap:4px;margin-top:6px}.mt{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1}.mt i{flex:1;height:6px;border-radius:3px;background:#e6dccd;overflow:hidden;min-width:74px}.mt b{display:block;height:100%;width:50%;border-radius:3px;transition:width .25s}#mt-wet{background:#4f8fd6}#mt-happy{background:var(--orange)}#mt-nb{background:var(--teal)}.mt.bump{animation:bump .4s}@keyframes bump{40%{transform:scale(1.15)}}.umb{position:absolute;right:calc(34px + env(safe-area-inset-right,0px));bottom:calc(var(--sab) + 160px);width:76px;height:76px;border-radius:50%;pointer-events:auto;touch-action:none;background:var(--card);box-shadow:0 4px #cdbfa8,0 6px 12px #00000038;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .15s}.umb .ring{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:rotate(-90deg)}.umb .ring circle{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;stroke:var(--red)}#umb-icon{font-size:26px;line-height:1}#umb-label{font-size:12px;line-height:1.3}.umb.on{background:var(--teal);color:#fff;box-shadow:0 4px 0 var(--teal-d),0 6px 12px #00000038}.umb.broken{background:#e9e1d3;color:var(--ink2)}.umb.danger{animation:flash .3s steps(2) infinite}#floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.floater{position:absolute;transform:translate(-50%,-100%);font-size:16px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.4);animation:floatUp 1.25s ease-out forwards;white-space:nowrap}.floater.bad{color:#ffd1c8}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-70%)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-280%)}}.res-head{display:flex;align-items:center;gap:14px;justify-content:center}.grade{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;font-size:50px;line-height:1;color:#fff;background:var(--orange);box-shadow:0 4px 0 var(--orange-d);flex:none}.grade.S{background:#e0a81e;box-shadow:0 4px #b07f0e}.grade.B{background:var(--teal);box-shadow:0 4px 0 var(--teal-d)}.grade.C{background:#8a96a0;box-shadow:0 4px #66727c}.res-title{display:flex;flex-direction:column;min-width:0}.res-title small{font-size:13px;color:var(--ink2)}.res-title b{font-weight:400;font-size:24px;line-height:1.2}.res-title span{font-size:15px;color:var(--orange-d);font-variant-numeric:tabular-nums}.res-desc{text-align:center;font-size:14px;color:var(--ink2);margin:8px 0}.bars{display:grid;gap:7px;background:#fff;border-radius:16px;padding:10px 12px}.bar-row{display:grid;grid-template-columns:92px 1fr 30px;align-items:center;gap:8px;font-size:14px}.bar-row i{height:10px;border-radius:5px;background:#eee5d6;overflow:hidden}.bar-row b{display:block;height:100%;border-radius:5px;width:0;transition:width .9s cubic-bezier(.2,.8,.2,1)}#rb-dry{background:#4f8fd6}#rb-happy{background:var(--orange)}#rb-nb{background:var(--teal)}.bar-row em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}.res-mini{text-align:center;font-size:12.5px;color:var(--ink2);margin-top:8px}.home-hint{position:absolute;left:0;top:0;transform:translate(-50%,-100%);font-size:22px;opacity:0;transition:opacity .2s}.home-hint.show{opacity:1}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 14px calc(var(--sab) + 16px);pointer-events:auto}.screen.center{justify-content:center;background:#141c238c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--card);border-radius:24px;padding:18px 18px 16px;box-shadow:0 6px #0000002e,0 14px 30px #00000040}.logo{font-size:46px;line-height:1;letter-spacing:2px;color:var(--ink);text-align:center;margin:2px 0 4px}.logo span{color:var(--orange)}.sub{text-align:center;color:var(--ink2);font-size:15px;margin-bottom:12px}.btn{display:block;width:100%;padding:14px 16px;border-radius:18px;font-size:19px;background:var(--yellow);box-shadow:0 5px 0 var(--yellow-d);margin-top:10px;transition:transform .06s}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--yellow-d)}.btn.alt{background:#fff;box-shadow:0 5px #d8ccb8;font-size:16px;padding:11px}.btn.alt:active{box-shadow:0 1px #d8ccb8}.btn.teal{background:var(--teal);color:#fff;box-shadow:0 5px 0 var(--teal-d)}.btn.danger{background:#fff0ec;box-shadow:0 5px #e5b8ad;color:#a53a2a;font-size:16px;padding:11px}.row{display:flex;gap:10px}.row .btn{flex:1}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;color:var(--ink2)}.pill-btn{background:#fff;border-radius:99px;padding:6px 12px;font-size:13px;box-shadow:0 2px #d8ccb8;pointer-events:auto}.note{font-size:12px;color:var(--ink2);text-align:center;margin-top:10px}.warnbox{background:#fff1d6;border-radius:12px;padding:8px 10px;font-size:13px;margin-bottom:8px}h2{margin:0 0 8px;font-size:24px;font-weight:400;text-align:center}.howto{list-style:none;margin:0;padding:0;display:grid;gap:9px}.howto li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45}.howto .n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:17px}.toggle{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;font-size:16px;border-top:1px dashed #e2d6c3}.switch{width:52px;height:30px;border-radius:99px;background:#d9cfbf;position:relative;transition:background .15s}.switch:after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #0003}.switch.on{background:var(--teal)}.switch.on:after{left:25px}.res-time{font-size:46px;text-align:center;font-variant-numeric:tabular-nums;line-height:1;margin:2px 0 6px}.chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chip{background:var(--orange);color:#fff;border-radius:99px;padding:3px 10px;font-size:13px}.chip.grey{background:#e9e1d3;color:var(--ink2)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat{background:#fff;border-radius:14px;padding:5px 10px}.stat small{display:block;font-size:12px;color:var(--ink2)}.stat b{font-weight:400;font-size:18px}.bubble{position:relative;background:#fff;border-radius:16px;padding:9px 12px;margin:10px 0 2px;font-size:15px;text-align:center}.bubble:before{content:"";position:absolute;left:-6px;top:-12px;width:22px;height:22px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 4l2 4h8l2-4 1 6c0 5-3 9-7 9s-7-4-7-9z' fill='%23f08a24' stroke='%2322303c' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E")}.ico{width:1em;height:1em;vertical-align:-.15em;flex:none;display:inline-block}.best{text-align:center;font-size:14px;color:var(--orange-d);margin-top:8px;min-height:18px}#share-img{width:100%;border-radius:14px;display:block;background:#33424e;aspect-ratio:1080/1350;max-height:46dvh;object-fit:contain}.loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#33424e;color:#fff;z-index:20;padding:20px;text-align:center}.loader .bar{width:200px;height:10px;border-radius:5px;background:#fff3;overflow:hidden}.loader .bar b{display:block;height:100%;width:5%;background:var(--yellow);transition:width .3s}.loader .btn{width:auto;padding:10px 26px}.confirm{margin-top:10px;background:#fff6ec;border-radius:14px;padding:10px}.confirm p{margin:0 0 4px;text-align:center;font-size:15px}.scroll{max-height:calc(100dvh - 80px);overflow:auto}.persona-card{font-size:14px}.dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:flex-end;justify-content:center;padding:0 14px calc(var(--sab) + 26px);background:linear-gradient(to top,#141c248c,#141c2400 55%);touch-action:manipulation}.dialog.memory{background:linear-gradient(to top,#3a2c1ec7,#3a2c1e59)}.dialog.memory .dlg-card{background:#f6ead2;box-shadow:0 4px #5a402459}.dlg-card{width:100%;max-width:420px;background:var(--card);border-radius:18px;padding:12px 16px 10px;box-shadow:0 4px #0003;animation:dlgIn .18s ease-out}.dlg-who{display:inline-block;background:var(--teal);color:#fff;border-radius:99px;padding:2px 10px;font-size:13px;margin-bottom:6px}.dialog.memory .dlg-who{background:#a0784a}.dlg-text{font-size:17px;line-height:1.55;min-height:2.6em}.dlg-text.narr{color:var(--ink2)}.dlg-next{text-align:right;font-size:12px;color:var(--ink2);margin-top:4px}@keyframes dlgIn{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}#scr-title{justify-content:flex-start;overflow-y:auto;touch-action:pan-y;padding-top:calc(100dvh - 400px - var(--sab));scrollbar-width:none}#scr-title::-webkit-scrollbar{display:none}#scr-title .more-works{margin-top:14px;flex:none}.title-row{margin-top:8px}.btn.small{font-size:15px;padding:9px 10px}.dex-count{text-align:center;font-size:13px;color:var(--ink2);margin:-4px 0 8px}.dex{list-style:none;margin:0;padding:0;display:grid;gap:6px}.dex li{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;background:#fff;border-radius:14px;padding:8px 12px}.dex li .nm{font-size:16px}.dex li .br{font-size:12px;color:var(--orange-d)}.dex li .who{grid-column:1/-1;font-size:13px;color:var(--ink2)}.dex li.locked{opacity:.55}.dex li.locked .nm{letter-spacing:2px}.shelf{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.shelf li{background:#fff;border-radius:99px;padding:5px 12px;font-size:14px}.shelf li.none{background:none;color:var(--ink2)}:root{--y:#f5c400;--n:#1b2a3a;--w:#fff;--m:rgba(27,42,58,.1);--ink:#1b2a3a;--ink2:#5a6876;--card:rgba(255,255,255,.95);--cream:#fff;--orange:#f0a400;--orange-d:#b57a00;--yellow:#f5c400;--yellow-d:#c49c00;--teal:#2aa36b;--teal-d:#1d7a4f;--font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif}.num,#timer,.res-time,#res-score,#title-best{font-family:Inter Tight,Noto Sans TC,sans-serif;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.btn{border-radius:999px;background:var(--y);box-shadow:none;font-weight:900;font-size:20px;padding:15px 18px;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.btn:active{transform:scale(.95);box-shadow:none}.btn.alt{background:var(--m);box-shadow:none;font-size:15px;font-weight:900;padding:13px}.btn.alt:active{box-shadow:none}.btn.teal{background:var(--n);color:var(--w);box-shadow:none}.btn.danger{background:#fde8e4;box-shadow:none;color:#b0362a}.pill-btn{background:var(--m);box-shadow:none;font-weight:900}.card{background:var(--card);border-radius:28px;box-shadow:0 10px 30px #0000002e;padding:16px}h2{font-weight:900;font-size:22px}.big-logo{position:absolute;left:22px;top:calc(var(--sat) + 40px);font-weight:900;font-size:70px;line-height:.98;color:var(--w);letter-spacing:-2px;text-shadow:0 2px 14px rgba(0,0,0,.18);pointer-events:none}.big-logo span{color:var(--y)}.big-logo small{display:block;font-size:15px;font-weight:400;letter-spacing:0;margin-top:12px}#scr-title{padding-top:calc(100dvh - 360px - var(--sab))}#scr-title .card{display:grid;gap:10px;padding:14px}#scr-title .card .btn{margin:0}#scr-title .meta{margin-top:2px;padding:0 6px}#scr-title .title-row{margin:0}#scr-title .note{margin-top:0}.top{display:flex;align-items:center;gap:8px}.tm-pill{background:var(--w);border-radius:999px;padding:7px 14px 6px;line-height:1;box-shadow:0 4px 14px #0000001f}.tm-pill small{display:block;font-size:11px;color:var(--ink2);margin-bottom:2px}#timer{font-size:21px;line-height:1}.rings{display:flex;gap:5px;background:var(--w);border-radius:999px;padding:5px 7px;box-shadow:0 4px 14px #0000001f}.ring{position:relative;width:36px;height:36px;display:grid;place-items:center;font-size:10px;font-weight:900}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5}.ring .bgc{stroke:var(--m)}.ring .fg{stroke:var(--c);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v,0)*100);transition:stroke-dashoffset .3s}.ring b{font-weight:900;position:relative}.ring.bump{animation:bump .4s}.icon-btn{margin-left:auto;width:44px;height:44px;border-radius:50%;background:var(--w);box-shadow:0 4px 14px #0000001f}.icon-btn svg{width:16px;height:16px}#persona-chip{position:absolute;left:12px;top:calc(var(--sat) + 66px);margin:0;background:var(--y);color:var(--n);font-weight:900;font-size:13px;border-radius:999px;padding:3px 12px}.wind{position:absolute;right:12px;top:calc(var(--sat) + 66px);gap:4px}.wind-dial{width:60px;height:60px;background:var(--n);box-shadow:0 4px 14px #0000002e}#wind-arrow{width:28px;height:28px}#wind-arrow path{fill:var(--y)}.wind-bars i{width:10px;height:4px;background:#fff6}.wind-bars i.on{background:var(--y)}.wind-label{font-size:12px;font-weight:900}.wind.warn .wind-dial{background:var(--y);animation:flash .35s steps(2) infinite}.wind.warn #wind-arrow path{fill:var(--n)}.wind.strong .wind-dial{background:#e2463a}.wind.strong #wind-arrow path{fill:var(--w)}.tip{top:calc(var(--sat) + 150px);background:#1b2a3ae0;border-radius:999px;padding:8px 16px;font-size:14px}.quip{top:auto;bottom:calc(var(--sab) + 170px);background:#1b2a3adb;color:var(--w);border-radius:999px;padding:8px 16px;font-size:14px;box-shadow:none;max-width:92%;white-space:normal;text-align:center}.toast{background:var(--w);border-radius:22px;box-shadow:0 10px 30px #0003}.toast b{color:var(--n)}.dog-bubble{border-radius:999px;padding:3px 10px;box-shadow:0 3px 10px #0000002e;font-weight:900}.dog-bubble .txt{font-size:11px;color:var(--n)}.dog-bubble .bar b{background:var(--y)}.edge-arrow{background:#fffffff2;box-shadow:0 3px 10px #0003}.edge-arrow:after{border-bottom-color:var(--n)}#joy-base{background:#ffffff47;border:0}#joy-knob{background:var(--w);box-shadow:0 4px 12px #00000040}.act{background:var(--y);box-shadow:0 6px 20px #00000040;transition:transform .12s cubic-bezier(.3,1.6,.5,1),background .15s}.act.held{transform:scale(.92);box-shadow:0 3px 10px #00000040}.act.pick{background:var(--w);box-shadow:0 6px 20px #00000040}.act.off{background:#e3e7ea;box-shadow:0 6px 20px #0000002e}#act-label{font-weight:900}#act-ring{stroke:var(--n)}#scr-result .card{border-radius:28px}.grade{border-radius:50%;background:var(--y);color:var(--n);box-shadow:none;font-family:Inter Tight,sans-serif;font-weight:800}.grade.S{background:var(--n);color:var(--y);box-shadow:none}.grade.B{background:#dfe6ec;color:var(--n);box-shadow:none}.grade.C{background:#dfe6ec;color:var(--ink2);box-shadow:none}.res-title b{font-weight:900}.res-title span{color:var(--n);font-size:22px}.chip{background:var(--y);color:var(--n);font-weight:900}.chip.grey{background:var(--m);color:var(--n)}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}.trio>div{text-align:center;font-size:12px}.ring.big{width:70px;height:70px;margin:0 auto 4px;font-size:18px}.ring.big circle{stroke-width:6}.ring.big .fg{transition:stroke-dashoffset 1.1s cubic-bezier(.2,.9,.3,1)}.ring.big em{font-style:normal;font-family:Inter Tight,sans-serif;font-weight:800;position:relative}.bubble{background:var(--m);border-radius:18px}.best{color:var(--n);font-weight:900}.dlg-card{background:var(--w);border-radius:24px;box-shadow:0 10px 30px #00000040}.dlg-who{background:var(--n)}.dialog.memory .dlg-card{background:#f7efdc}.dialog.memory .dlg-who{background:#9a7444}.dex li,.shelf li,.stat{background:var(--m)}.dex li .br{color:var(--n);font-weight:900}.switch.on{background:var(--y)}.howto .n{background:var(--y);font-weight:900}.loader{background:var(--n)}.loader .bar b{background:var(--y)}#mt-urge,#mt-wet,#mt-happy,#mt-nb{background:none;width:36px;height:36px}#rb-dry,#rb-happy,#rb-nb{background:none;width:70px;height:70px}.dlg-skip{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(27,42,58,.12);font-size:14px;color:var(--ink2);cursor:pointer}.dlg-skip input{width:20px;height:20px;accent-color:var(--y);margin:0}.help-bubble{position:absolute;left:0;top:0;width:54px;height:8px;margin-left:-27px;border-radius:99px;background:#ffffffd9;box-shadow:0 2px 8px #0003;overflow:hidden;opacity:0;transition:opacity .2s}.help-bubble.show{opacity:1}.help-bubble b{display:block;height:100%;background:var(--y);transition:width .2s linear,background .2s}.help-bubble.low b{background:#e2463a}.hint{position:absolute;left:12px;right:12px;top:calc(var(--sat) + 196px);background:var(--w);border-radius:20px;padding:10px 14px 11px;box-shadow:0 10px 26px #00000038;display:flex;flex-direction:column;gap:3px;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s;pointer-events:none;z-index:4}.hint.show{opacity:1;transform:none}.hint b{font-weight:900;font-size:15px;display:flex;align-items:center;gap:8px}.hint b:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--y);flex:none}.hint span{font-size:14px;line-height:1.5;color:var(--ink2)}.help-mark{position:absolute;left:0;top:0;width:34px;height:34px;margin:-34px 0 0 -17px;border-radius:50%;background:var(--w);display:grid;place-items:center;font-size:20px;box-shadow:0 3px 10px #00000040;opacity:0;transition:opacity .2s}.help-mark.show{opacity:1}.help-mark:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--w)}.dlg-panel{margin:-4px -6px 10px;border-radius:16px;overflow:hidden;background:#efe6d2}.dlg-panel img{display:block;width:100%;height:auto;max-height:42dvh;object-fit:contain;opacity:0;transform:scale(1.03);transition:opacity .35s,transform .6s ease-out}.dlg-panel img.in{opacity:1;transform:none}.talking .hint,.talking .tip,.talking .quip,.talking .help-mark{opacity:0!important}.say{position:absolute;left:0;top:0;max-width:240px;transform:translate(-50%,calc(-100% - 10px)) scale(.92);transform-origin:50% 100%;background:var(--w);color:var(--n);border-radius:20px;padding:9px 14px;font-size:15px;line-height:1.45;font-weight:900;box-shadow:0 6px 18px #00000038;opacity:0;transition:opacity .18s,transform .18s cubic-bezier(.3,1.5,.5,1);pointer-events:none;z-index:5;text-align:left}.say.show{opacity:1;transform:translate(-50%,calc(-100% - 10px)) scale(1)}.say:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:var(--w)}.say.urgent{background:var(--y)}.say.urgent:after{border-top-color:var(--y)}#hud .quip,#hud .hint,#hud .tip{display:none!important}#scr-title{padding-top:calc(100dvh - 300px - var(--sab))}.title-card{display:block!important;padding:16px 16px 12px!important}.best-line{text-align:center;font-family:Inter Tight,Noto Sans TC,sans-serif;font-weight:800;font-size:15px;color:var(--ink2);margin:-2px 0 10px}.best-line:empty{display:none}.title-card #btn-start{margin:0;font-size:24px;padding:18px}.title-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.title-icons button{background:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0;transition:transform .12s cubic-bezier(.3,1.6,.5,1)}.title-icons button:active{transform:scale(.92)}.title-icons i{width:56px;height:56px;border-radius:50%;background:var(--m);display:grid;place-items:center;font-size:28px}.title-icons span{font-size:13px;font-weight:900;color:var(--n)}.sound-fab{position:absolute;right:14px;top:calc(var(--sat) + 14px);width:44px;height:44px;border-radius:50%;background:#ffffffe6;display:grid;place-items:center;font-size:20px;color:var(--n);box-shadow:0 4px 14px #0000002e;z-index:2}.title-note{color:#ffffffd9;margin:12px 0 0;text-shadow:0 1px 3px rgba(0,0,0,.4);flex:none}#scr-dex .dex,#scr-dex .shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0 0 12px;padding:0}#scr-dex .dex li,#scr-dex .shelf li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:var(--m);border-radius:18px;padding:6px 6px 10px}#scr-dex li img{width:100%;aspect-ratio:1;object-fit:contain;display:block}#scr-dex li .nm{font-size:15px;font-weight:900;color:var(--n)}#scr-dex li .br{font-size:11px;color:var(--ink2);font-weight:400}#scr-dex li .who{font-size:11px;color:var(--ink2);line-height:1.35;margin-top:2px}#scr-dex li.locked{background:#1b2a3a0d}#scr-dex li.locked .nm{color:var(--ink2);letter-spacing:1px}#scr-dex .shelf li.none{grid-column:1/-1;background:none;padding:0;font-size:13px;color:var(--ink2)}#scr-dex .dex li.locked,#scr-dex .shelf li.locked{opacity:1}.screen.center .card{position:relative}.close-x{position:sticky;top:0;float:right;margin:-6px -6px 0 8px;width:44px;height:44px;border-radius:50%;background:var(--m);display:grid;place-items:center;z-index:3;transition:transform .12s}.close-x:active{transform:scale(.9)}#scr-dex[data-view=dex] .v-shelf,#scr-dex[data-view=shelf] .v-dex{display:none!important}.screen.center .card{position:relative;display:flex;flex-direction:column;max-height:calc(100dvh - 48px);padding:0;overflow:hidden}.screen.center .card>.close-x{position:absolute;top:12px;right:12px;float:none;margin:0;background:#1b2a3a14}.screen.center .card-body{overflow-y:auto;padding:18px 16px 16px;scrollbar-width:none}.screen.center .card-body::-webkit-scrollbar{display:none}.screen.center .card-body>h2:first-child,.screen.center .card-body>h2.v-dex,.screen.center .card-body>h2.v-shelf{padding:0 48px}#scr-dex .dex,#scr-dex .shelf{grid-template-columns:repeat(3,minmax(0,1fr))}#scr-dex li{cursor:pointer;transition:transform .12s}#scr-dex li:active{transform:scale(.96)}#viewer{z-index:30}.viewer-card{width:100%;max-width:380px;margin:0 auto}#viewer-cv{display:block;width:100%;aspect-ratio:1;touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 60%,#eef2f5,#dfe6ec)}.viewer-info{padding:12px 18px 16px;text-align:center}.viewer-info b{display:block;font-size:22px;font-weight:900;color:var(--n)}.viewer-info span{font-size:13px;color:var(--ink2)}.viewer-info p{margin:6px 0 0;font-size:14px;color:var(--ink2)}.viewer-info p:empty{display:none}.viewer-info small{display:block;margin-top:8px;font-size:12px;color:var(--ink2);opacity:.7}