:root{--cream:#fff8f3;--blush:#ffe6ec;--pink:#ffc2d1;--rose:#f48ba5;--red:#e8384f;--butter:#ffd95a;--ink:#4a2c35;--ink-soft:#8a6872;--mint:#c6eedf;--lilac:#e9dfff;--storm:#7a6584;--line:3px;--display:"ZCOOL KuaiLe","Fredoka",sans-serif;--body:"Noto Sans SC",system-ui,sans-serif;--latin:"Fredoka","Noto Sans SC",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#ffd9e2 2px,#0000 2.6px);background-size:22px 22px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}textarea{font:inherit;color:inherit}.shell{justify-content:center;height:100%;display:flex}.screen{background:var(--cream);flex-direction:column;width:100%;max-width:430px;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=500px){.shell{align-items:center}.screen{border:var(--line) solid var(--ink);height:min(860px,100vh - 32px);box-shadow:0 10px 0 var(--ink),0 40px 70px -24px #c21e3a59;border-radius:44px}}.screen.dots{background-image:radial-gradient(#ffd0dc 2px,#0000 2.6px);background-size:16px 16px}.screen.gingham{background-color:#fff;background-image:linear-gradient(90deg,#f48ba538 50%,#0000 50%),linear-gradient(#f48ba538 50%,#0000 50%);background-size:22px 22px}.screen.storm{background:linear-gradient(#e9d3dd 0%,#f6e7ec 45%,#fff1f4 100%)}.screen.sunny{background:radial-gradient(120% 70% at 50% 18%,#fff6c9 0%,#ffe3ec 55%,#ffd0dd 100%)}.rain{pointer-events:none;background-image:repeating-linear-gradient(105deg,#0000 0 22px,#7a65841a 22px 24px);position:absolute;inset:0}.body{padding:calc(18px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom));z-index:2;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow-y:auto}.spacer{flex:1;min-height:12px}.stack{flex-direction:column;gap:12px;display:flex}.center{text-align:center}.topbar{justify-content:space-between;align-items:center;display:flex}.chip-date{font-family:var(--latin);border:2px solid var(--ink);background:#fff;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:500}.icon-btn{border:2px solid var(--ink);width:38px;height:38px;box-shadow:0 3px 0 var(--ink);font-family:var(--latin);background:#fff;border-radius:50%;place-items:center;font-weight:700;display:grid}.h-title{font-family:var(--display);margin:18px 0 4px;font-size:30px;line-height:1.2}.h-sub{color:var(--ink-soft);font-size:13.5px;line-height:1.6}.btn{width:100%;font-family:var(--display);border:var(--line) solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 18px;font-size:21px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.btn:hover{box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{opacity:.5;pointer-events:none}.btn:before{content:"";background:#ffffff8c;border-radius:9px;width:34px;height:9px;position:absolute;top:6px;left:22px}.btn.red{color:#fff;background:linear-gradient(#ff7389,#e8384f)}.btn.pink{background:linear-gradient(#ffd5e0,#ffb3c6)}.btn.butter{background:linear-gradient(#ffe88f,#ffd34d)}.btn.sm{padding:12px 16px;font-size:17px}.btn .ic{flex-shrink:0;width:24px;height:24px}.link{color:var(--ink-soft);text-align:center;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:4px;width:100%;margin-top:12px;font-size:13px;display:block}.card{border:var(--line) solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#fff;border-radius:28px;position:relative}.card.gingham{background-color:#fff;background-image:linear-gradient(90deg,#f48ba538 50%,#0000 50%),linear-gradient(#f48ba538 50%,#0000 50%);background-size:22px 22px}.pill{border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.pill .dot{background:var(--mint);border:1.5px solid var(--ink);border-radius:50%;width:9px;height:9px}.pill.blush{background:var(--blush);font-size:12px}.bubble{border:2.5px solid var(--ink);background:#fff;border-radius:22px 22px 22px 6px;max-width:86%;padding:11px 15px;font-size:14.5px;line-height:1.6;animation:.35s both pop;box-shadow:0 3px #4a2c3526}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.96)}}.typing{gap:4px;display:inline-flex}.typing i{background:var(--rose);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.25}}.progress{align-items:center;gap:6px;width:150px;display:flex}.progress span{border:2px solid var(--ink);background:#fff;border-radius:8px;flex:1;height:8px}.progress span.on{background:var(--rose)}.progress b{font-family:var(--latin);color:var(--ink-soft);margin-left:6px;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:9px;display:flex}.chipx{border:2.5px solid var(--ink);background:#fff;border-radius:16px;align-items:center;gap:7px;padding:9px 13px;font-size:14px;font-weight:500;transition:transform .12s;display:inline-flex}.chipx .g{border:2px solid var(--ink);border-radius:8px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.chipx.on{background:var(--blush);box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}.chipx.on:after{content:"✓";font-family:var(--latin);color:var(--red);margin-left:2px;font-weight:700}.textarea{border:2.5px dashed var(--rose);resize:none;background:#fff;border-radius:18px;outline:none;width:100%;min-height:72px;padding:12px 14px;font-size:14px;line-height:1.6}.textarea:focus{border-style:solid}.meter{gap:5px;display:flex}.meter i{border:2px solid var(--ink);background:#fff;border-radius:6px;flex:1;height:12px}.meter i.on{background:var(--red)}.stat{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:13px;display:flex}.stat b{font-family:var(--latin);color:var(--ink);font-size:22px;font-weight:600}.levels{text-align:center;grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.levels button{color:var(--ink-soft);border:2.5px solid #0000;border-radius:14px;padding:4px 0;font-size:11px}.levels button.on{background:var(--blush);border-color:var(--ink);color:var(--red);font-weight:700;transform:translateY(-4px)}.hang{text-align:center;width:210px;margin:20px auto 0;position:relative}.hang .string{border:3px solid var(--ink);border-bottom:none;border-radius:60px 60px 0 0;width:120px;height:46px;margin:0 auto;transform:translateY(14px)}.hang .sign{background:var(--red);color:#fff;font-family:var(--display);letter-spacing:.06em;border:var(--line) solid var(--ink);box-shadow:0 6px 0 var(--ink);transform-origin:50% -40px;border-radius:22px;padding:10px 0 12px;font-size:40px;animation:3.2s ease-in-out infinite swing;position:relative}.hang .sign small{font-family:var(--latin);letter-spacing:.3em;color:#ffd5dc;margin-top:-2px;font-size:11px;font-weight:600;display:block}@keyframes swing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(3deg)}}.alert-head{background:var(--ink);color:#fff;box-shadow:0 6px 0 var(--red);border-radius:24px;align-items:center;gap:12px;padding:14px 16px;display:flex}.alert-head .t{font-family:var(--display);font-size:22px}.alert-head .s{opacity:.75;font-size:12px}.check{border-bottom:2px dotted var(--pink);text-align:left;align-items:flex-start;gap:10px;width:100%;padding:10px 0;font-size:13.5px;line-height:1.55;display:flex}.check:last-child{border-bottom:none}.check .box{border:2.5px solid var(--ink);color:#fff;background:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:700;display:grid}.check.on .box{background:var(--red)}.check.on span:last-child{color:var(--ink-soft);text-decoration:line-through}.note-paper{border:2.5px solid var(--ink);background-color:#fffbea;background-image:repeating-linear-gradient(#0000 0 23px,#f7d9a6 23px 24px);border-radius:6px 22px 22px;padding:14px 16px;font-size:14px;line-height:24px;position:relative;transform:rotate(-1.2deg)}.note-paper:before{content:"";background:#f48ba58c;border-radius:3px;width:60px;height:20px;position:absolute;top:-12px;left:30px;transform:rotate(-6deg)}textarea.note-paper{resize:none;outline:none;width:100%;height:96px}.rays{background:repeating-conic-gradient(#ffffff8c 0 8deg,transparent 8deg 22deg);border-radius:50%;width:620px;height:620px;animation:40s linear infinite spin;position:absolute;top:205px;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 20%,#0000 62%);mask:radial-gradient(circle,#000 20%,#0000 62%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.confetti i{border:2px solid var(--ink);z-index:1;border-radius:3px;width:10px;height:14px;animation:linear infinite fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(900px)rotate(540deg)}}.big-word{font-family:var(--display);text-align:center;color:var(--red);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);font-size:52px;line-height:1}.flower{justify-content:center;gap:8px;display:flex}.flower button{border:2.5px solid var(--ink);width:44px;height:44px;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid}.flower button.on{background:var(--butter)}.toast{z-index:20;background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:13px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.floaty{animation:5s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(5deg)}}