:root{--box:#40332a;--box-2:#52422f;--box-line:#6b5741;--tape:#e3cfa6;--tape-2:#cbb183;--film:#ffffff29;--film-lit:#ffffff75;--zap:#00d4b8;--stamp:#ff5a3c;--ink:#241c14;--ink-60:#241c149e;--ink-38:#241c1461;--r:14px;--display:"Black Han Sans", sans-serif;--body:"IBM Plex Sans KR", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--box);color:var(--tape);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100vh}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}:focus-visible{outline:3px solid var(--zap);outline-offset:3px;border-radius:4px}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:18px 18px 56px;display:flex}.rescard{background:var(--tape);color:var(--ink);border-radius:var(--r);box-shadow:0 14px 0 -6px var(--box-2), 0 22px 40px #00000057;padding:20px 18px 22px;position:relative}.res{animation:.32s cubic-bezier(.18,.9,.3,1) 40ms both res-rise}@keyframes res-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.res__emoji{margin-bottom:8px;font-size:38px;line-height:1;display:block}.res__head{font-family:var(--display);letter-spacing:-.01em;margin:0 0 9px;font-size:clamp(26px,7.4vw,33px);font-weight:400;line-height:1.2}.res__sub{color:var(--ink-60);margin:0;font-size:13.5px;line-height:1.65}.res__foot{color:var(--ink-38);margin:14px 0 0;font-size:11px;line-height:1.6}.res__extra{margin-top:4px}.res.is-hold .res__emoji,.res.is-hold .res__head,.res.is-hold .res__sub,.res.is-hold .res__foot,.res.is-hold .res__stats,.res.is-hold .res__extra,.rescard.is-hold .stamp{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s}.res.is-reveal .res__emoji,.res.is-reveal .res__head,.res.is-reveal .res__sub,.res.is-reveal .res__foot,.res.is-reveal .res__stats,.res.is-reveal .res__extra,.rescard.is-reveal .stamp{opacity:1;visibility:visible;pointer-events:auto}.stamp{background:var(--stamp);color:#fff;font-family:var(--mono);letter-spacing:.04em;z-index:2;border-radius:5px;padding:5px 11px;font-size:12px;font-weight:600;position:absolute;top:-13px;right:14px;transform:rotate(-7deg);box-shadow:0 4px 12px #ff5a3c6b}.stamp small{font-family:var(--body);letter-spacing:.14em;opacity:.85;font-size:8.5px;font-weight:500;display:block}.vis{margin:18px 0 4px}.vis:empty{margin:0}.vis__cap{color:var(--ink-38);margin-top:9px;font-size:11.5px}.dots{grid-template-columns:repeat(20,1fr);gap:3.5px;display:grid}.dots i{aspect-ratio:1;background:#241c1421;border-radius:99px}.dots i.on{background:var(--zap)}.bar{background:#241c141c;border-radius:99px;height:9px;overflow:hidden}.bar i{background:var(--zap);border-radius:99px;height:100%;transition:width .7s cubic-bezier(.2,.9,.3,1);display:block}.slots{border-top:1px solid #241c1424;flex-direction:column;margin:0;display:flex}.slots>div{border-bottom:1px solid #241c1417;justify-content:space-between;gap:12px;padding:9px 1px;display:flex}.slots dt{color:var(--ink-38);flex:none;padding-top:3px;font-size:11.5px;font-weight:500}.slots dd{text-align:right;margin:0;font-size:14.5px;font-weight:500}.sgrid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px;margin:14px 0 0;display:grid}.sgrid>div{background:#241c140e;border-radius:9px;padding:9px 10px}.sgrid dt{font-family:var(--mono);letter-spacing:.1em;color:var(--ink-38);font-size:9.5px}.sgrid dd{font-family:var(--mono);margin:2px 0 0;font-size:19px;font-weight:600}.coord{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-60);text-align:center;border:1px dashed #241c143d;border-radius:9px;padding:11px 13px;font-size:12.5px}.wheelwrap{flex-direction:column;align-items:center;gap:12px;display:flex}.wheelbox{width:210px;height:210px;position:relative}.wheelbox svg{width:100%;height:100%;display:block}.wheelbox g.spin{transition:transform var(--spin,2.4s) cubic-bezier(.15, .75, .15, 1)}.wheelptr{border-left:9px solid #0000;border-right:9px solid #0000;border-top:15px solid var(--ink);z-index:2;width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.topbar{justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:22px;display:flex}.brand{font-family:var(--display);letter-spacing:.02em;color:var(--tape);font-size:20px}.topbar__right{align-items:center;gap:10px;display:flex}.topbar__date{font-family:var(--mono);color:#e3cfa680;letter-spacing:.06em;font-size:11px}.devbtn{font-family:var(--mono);letter-spacing:.1em;color:#e3cfa66b;border:1px solid #e3cfa638;border-radius:99px;padding:3px 9px;font-size:10px}.devbtn:hover{color:var(--zap);border-color:var(--zap)}.stage{flex-direction:column;flex:1;justify-content:center;display:flex}.eyebrow{align-items:center;gap:9px;margin-bottom:12px;display:flex}.eyebrow__dot{background:var(--zap);border-radius:99px;flex:none;width:7px;height:7px}.eyebrow__txt{letter-spacing:.09em;color:var(--zap);font-size:11.5px;font-weight:700}.pod{background:var(--tape);color:var(--ink);border-radius:var(--r);box-shadow:0 14px 0 -6px var(--box-2), 0 22px 40px #00000057;padding:22px 18px;position:relative}.dome{background:radial-gradient(circle at 34% 28%, #ffffffc7, #ffffff3d 42%, #ffffff12 100%), var(--tape-2);border-radius:50%;width:148px;height:148px;margin:8px auto 16px;padding:0;transition:transform 90ms;display:block;position:relative;box-shadow:inset 0 -10px 16px #241c1429,0 12px 24px #241c1442}.dome:active{transform:scale(.94)}.dome__hl{background:var(--film-lit);filter:blur(1px);pointer-events:none;border-radius:50%;width:36px;height:25px;position:absolute;top:18%;left:22%;transform:rotate(-30deg)}.dome__ring{border:3px solid var(--zap);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.pop-fx{z-index:40;pointer-events:none;position:fixed}.pop-fx__dome{background:radial-gradient(circle at 34% 28%, #ffffffc7, #ffffff3d 42%, #ffffff12 100%), var(--tape-2);border-radius:50%;animation:.14s ease-out forwards dome-pop;position:absolute;inset:0}@keyframes dome-pop{to{opacity:0;transform:scale(1.16)}}.pop-fx .dome__ring{animation:.26s ease-out forwards ring-pop}@keyframes ring-pop{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}.pod__emoji{margin-bottom:10px;font-size:40px;line-height:1}.pod__title{font-family:var(--display);letter-spacing:-.01em;margin:2px 0 8px;font-size:clamp(29px,8.6vw,38px);font-weight:400;line-height:1.12}.pod__tag{color:var(--ink-60);margin:0;font-size:13.5px;line-height:1.6}.pod__meta{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.chip{color:var(--ink-60);border:1px solid #241c1433;border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:500}.chip--engine{color:#00806f;font-family:var(--mono);letter-spacing:.02em;border-color:#00d4b88c;font-size:10.5px}.btnrow{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.btn{text-align:center;border-radius:10px;flex:1;min-width:112px;padding:13px 14px;font-size:14.5px;font-weight:700;transition:transform .12s,background .16s,color .16s}.btn:active{transform:translateY(2px)}.btn--go{background:var(--ink);color:var(--tape);box-shadow:0 4px #241c1452}.btn--go:hover{background:var(--zap);color:var(--ink)}.btn--go:disabled{opacity:.55;cursor:default}.btn--ghost{color:var(--ink-60);background:0 0;border:1.5px solid #241c1438;flex:0 auto}.btn--ghost:hover{color:var(--ink);border-color:var(--ink)}.btn--wide{flex:100%}.form{flex-direction:column;gap:14px;margin-top:10px;display:flex}.form__title{font-family:var(--display);margin:0;font-size:24px;font-weight:400}.field label{color:var(--ink-60);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.field__unit{color:var(--ink-38);margin-left:6px;font-size:11px}.field input,.field select{width:100%;font-family:var(--mono);color:var(--ink);background:#241c140d;border:1.5px solid #241c1429;border-radius:9px;padding:11px 12px;font-size:17px}.field input:focus,.field select:focus{border-color:var(--ink);background:#fff}.check{color:var(--ink-60);align-items:center;gap:7px;font-size:12.5px;display:flex}.check input{width:16px;height:16px;accent-color:var(--zap);flex:none;margin:0}.form__note{color:var(--ink-38);margin:14px 0 0;font-size:11px;line-height:1.6}.usedvals{color:var(--ink-38);border-top:1px solid #241c141c;flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:13px;padding-top:11px;font-size:11.5px;display:flex}.usedvals b{color:var(--ink-60);font-weight:500}.usedvals__edit{color:var(--ink-60);text-underline-offset:2px;font-size:11.5px;text-decoration:underline}.usedvals__edit:hover{color:var(--ink)}.edit{border-top:1px solid #241c1421;margin-top:16px;padding-top:13px}.edit__t{color:var(--ink-38);margin-bottom:9px;font-size:11.5px;font-weight:500}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:#241c1412;border-radius:99px;align-items:center;gap:5px;padding:5px 6px 5px 11px;font-size:12.5px;display:inline-flex}.tag button{width:17px;height:17px;color:var(--ink-60);background:#241c1429;border-radius:99px;font-size:11px;line-height:1}.tag button:hover{background:var(--stamp);color:#fff}.addrow{gap:6px;margin-top:9px;display:flex}.addrow input{font-family:var(--body);color:var(--ink);background:#241c140a;border:1.5px solid #241c1429;border-radius:8px;flex:1;padding:8px 11px;font-size:13px}.addrow button{background:var(--ink);color:var(--tape);border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700}.edit__reset{color:var(--ink-60);border:1.5px solid #241c1438;border-radius:8px;margin-top:9px;padding:7px 12px;font-size:12px}.backline{color:#e3cfa68c;margin:14px 2px 0;font-size:12px}.backline:empty{display:none}.backline__btn{color:#e3cfa6d9;text-underline-offset:2px;font-size:12px;text-decoration:underline}.backline__btn:hover{color:var(--zap)}.sheet{margin-top:30px}.sheet__title{letter-spacing:.09em;color:#e3cfa68c;margin:0 0 10px;font-size:11.5px;font-weight:700}.sheet__row{gap:8px;display:flex}.sheet__cell{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.sheet__day{color:#e3cfa666;font-size:10px}.cell{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, #ffffff80, #ffffff24 46%, #ffffff0a 100%), var(--box-2);border-radius:50%;width:100%;box-shadow:inset 0 -4px 8px #00000038}.cell--popped,.cell--today-popped{background:#e3cfa624;position:relative;box-shadow:inset 0 2px 5px #0000004d}.cell--popped:after,.cell--today-popped:after{content:"";background:#00d4b88c;border-radius:50%;width:26%;height:26%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cell--missed{opacity:.35}.cell--future{opacity:.15}.cell--today{animation:2s ease-in-out infinite cell-pulse}@keyframes cell-pulse{0%,to{box-shadow:inset 0 -4px 8px #00000038,0 0 #00d4b88c}50%{box-shadow:inset 0 -4px 8px #00000038,0 0 0 7px #00d4b800}}.foot{text-align:center;margin-top:26px}.foot__clear{color:#e3cfa661;text-underline-offset:2px;font-size:11px;text-decoration:underline}.foot__clear:hover{color:#e3cfa6b3}.toast{opacity:0;background:var(--zap);color:var(--ink);pointer-events:none;z-index:60;border-radius:99px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(14px)}.toast.on{opacity:1;transform:translate(-50%)}.dev{border-top:2px solid var(--box-line);z-index:50;background:#332921;max-height:76vh;padding:16px 18px 26px;transition:transform .3s;position:fixed;inset:auto 0 0;overflow:auto;transform:translateY(101%)}.dev.on{transform:none}.dev h3{color:var(--zap);margin:0 0 10px;font-size:11.5px;font-weight:700}.dev section{max-width:480px;margin:0 auto 20px}.dev input[type=date]{font-family:var(--mono);border:1px solid var(--box-line);background:var(--box);color:var(--tape);border-radius:8px;padding:8px 11px;font-size:13px}.packlist{gap:5px;display:grid}.packlist button{text-align:left;background:var(--box);border:1px solid var(--box-line);color:var(--tape);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:12.5px;display:flex}.packlist button:hover{border-color:var(--zap)}.packlist em{font-family:var(--mono);color:#e3cfa66b;font-size:9.5px;font-style:normal}.dev__log{font-family:var(--mono);color:#e3cfa68c;white-space:pre-wrap;max-height:150px;margin-top:8px;font-size:10.5px;line-height:1.75;overflow:auto}.dev__close{color:var(--zap);font-size:12px;position:absolute;top:12px;right:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}