:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f7f8fa;--line:#f2f4f6;--ink:#17171c;--ink2:#4e5968;--muted:#8b95a1;--pink:#ff4e8b;--pink-deep:#e5326f;--pink-weak:#fff0f5;--ok:#00a85a;--ok-weak:#e7f9f0;--no:#f04452;--no-weak:#fff0f0;--g0:#f2f4f6;--g1:#ffdce8;--g2:#ffafc9;--g3:#ff7ba5;--g4:#ff4e8b;--r-card:20px;--r-btn:16px;--shadow:0 1px 2px #17171c0a, 0 6px 20px #17171c0d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);letter-spacing:-.02em;-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,system-ui,sans-serif;font-size:16px;line-height:1.5}#root{max-width:480px;margin:0 auto;padding:20px 20px 110px}body.in-review #root,body.in-gate #root{padding-bottom:calc(20px + env(safe-area-inset-bottom))}input,button,textarea{font:inherit;letter-spacing:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}.display{font-size:26px;font-weight:800;line-height:1.3}.h1{font-size:22px;font-weight:700;line-height:1.35}.h2{font-size:18px;font-weight:700}.body{color:var(--ink2);font-size:16px;font-weight:500}.cap{color:var(--muted);font-size:13px;font-weight:500}.muted{color:var(--muted)}.center{text-align:center}.pink{color:var(--pink)}.page-head{margin:8px 0 24px}.page-head .cap{margin-top:4px}.fact-row{justify-content:space-between;align-items:center;display:flex;margin-top:0!important}.fact-wx{font-variant-numeric:tabular-nums}.fact-label{color:var(--ink);margin-top:14px;font-size:14px;font-weight:700}.fact-title{letter-spacing:-.03em;margin:4px 0 0;font-size:24px;font-weight:800;line-height:1.3}.fact-body{color:var(--ink2);margin:8px 0 0;font-size:15px;font-weight:500;line-height:1.55}.gate{min-height:calc(100dvh - 40px - env(safe-area-inset-bottom));flex-direction:column;display:flex}.gate-letter{margin-top:16px}.gate-dear{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1.2}.gate-text{color:var(--ink2);margin:18px 0 0;font-size:17px;font-weight:500;line-height:1.65}.gate-sign{color:var(--ink);margin-top:18px;font-family:Nanum Pen Script,Pretendard Variable,cursive;font-size:30px;line-height:1}.gate-form{margin-top:auto;padding-top:32px}.gate-pw{text-align:center;width:100%;height:52px;box-shadow:inset 0 -2px 0 var(--ink);border-radius:0;padding:0;font-size:20px;font-weight:600;transition:box-shadow .12s}.gate-pw::placeholder{color:#c6cbd3;font-weight:500}.gate-pw.wrong{box-shadow:inset 0 -2px 0 var(--no)}.gate-hint{min-height:22px;margin:10px 0 18px}.gate-btn{background:var(--ink);color:#fff;font-size:16px}.gate-btn:active{opacity:.85}.gate-btn:disabled{background:var(--line);color:var(--muted);transform:none}.block{background:var(--surface);border-radius:var(--r-card);margin-bottom:14px;padding:20px 18px}.block-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.field{background:var(--surface);border-radius:var(--r-btn);width:100%;height:56px;padding:0 16px;font-size:17px;font-weight:500}.field::placeholder{color:var(--muted);font-weight:500}.field:focus{background:var(--pink-weak)}.btn{border-radius:var(--r-btn);justify-content:center;align-items:center;gap:6px;width:100%;height:56px;font-size:17px;font-weight:700;transition:background .12s,transform 80ms,opacity .12s;display:inline-flex}.btn:active{transform:scale(.985)}.btn-primary{background:var(--pink);color:#fff}.btn-primary:active{background:var(--pink-deep)}.btn-primary:disabled{background:var(--line);color:var(--muted);transform:none}.btn-soft{background:var(--surface);color:var(--ink);font-weight:600}.btn-soft:active{background:var(--line)}.btn-ghost{color:var(--muted);background:0 0;height:48px;font-weight:600}.tap{min-width:44px;min-height:44px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.tap:active{background:var(--line)}.add{background:var(--pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:20px;font-weight:600;line-height:1;transition:background .12s,transform 80ms;display:inline-flex}.add:active{background:var(--pink-deep);transform:scale(.9)}.add-done{background:var(--line);color:var(--muted)}.chip{background:var(--line);height:26px;color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-pink{background:var(--pink-weak);color:var(--pink)}.row{align-items:center;gap:10px;padding:12px 0;display:flex}.row+.row{box-shadow:inset 0 1px 0 var(--line)}.row-main{flex:1;min-width:0}.row-ko{font-size:17px;font-weight:600}.row-en{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.tabbar{z-index:10;background:var(--bg);box-shadow:inset 0 1px 0 var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{height:58px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.tabbar button[data-on="1"]{color:var(--pink)}.progress{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.progress i{background:var(--pink);border-radius:999px;height:100%;transition:width .25s;display:block}.choice{background:var(--surface);border-radius:var(--r-btn);min-height:68px;color:var(--ink);padding:14px 12px;font-size:17px;font-weight:600;transition:background .12s,transform 80ms}.choice:active{background:var(--pink-weak);color:var(--pink);transform:scale(.98)}.sheet{z-index:20;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.18s ease-out rise;position:fixed;bottom:0;left:0;right:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.sheet-ok{background:var(--ok-weak)}.sheet-no{background:var(--no-weak)}.cal{margin-left:-6px;margin-right:-6px;padding:20px 10px}.cal .block-head{padding:0 8px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-dow{text-align:center;padding-bottom:4px;font-size:11px}.cal-d{aspect-ratio:1;min-height:0;color:var(--muted);background:var(--g0);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:13px;font-weight:600;display:flex}.cal-d:disabled{cursor:default}.cal-d[data-lv="1"]{background:var(--g1);color:var(--ink)}.cal-d[data-lv="2"]{background:var(--g2);color:var(--ink)}.cal-d[data-lv="3"]{background:var(--g3);color:#fff}.cal-d[data-lv="4"]{background:var(--g4);color:#fff}.cal-d.today{font-weight:800}.cal-d.picked{outline:2px solid var(--pink);outline-offset:-2px}.cal-d.future{opacity:.45}.cal-d small{opacity:.8;font-size:9px;font-weight:700;line-height:1}.cal-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:16px;padding:0 8px;display:grid}.cal-stats div{background:#fff;border-radius:14px;padding:12px}.cal-stats b{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1;display:block}.cal-stats span{color:var(--muted);font-size:12px;font-weight:600}.dim{z-index:20;background:#17171c73;animation:.15s ease-out fade;position:fixed;inset:0}.daysheet{z-index:21;padding:14px 20px calc(28px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;max-height:70dvh;animation:.2s ease-out rise;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.daysheet .grab{background:var(--line);border-radius:2px;width:36px;height:4px;margin:0 auto 14px}.qrow{text-align:left;align-items:center;gap:12px;width:100%;padding:14px 0;display:flex}.qrow+.qrow{box-shadow:inset 0 1px 0 var(--line)}.ring{border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:12px;font-weight:800;display:flex;position:relative}.ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:4px}.ring span{z-index:1;position:relative}.qrow-main{flex-direction:column;flex:1;min-width:0;display:flex}.qrow-t{font-size:16px;font-weight:700}.qrow-s{color:var(--muted);margin-top:1px;font-size:13px;font-weight:500}.count-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.count{background:var(--surface);color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:18px 0 14px;transition:background .12s,transform 80ms;display:flex}.count b{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1}.count span{color:var(--muted);font-size:12px;font-weight:600}.count:active{background:var(--pink-weak);color:var(--pink);transform:scale(.97)}.count:disabled{opacity:.35;cursor:default}.sess-top{align-items:center;gap:6px;margin:0 0 8px -10px;display:flex}.sess-ttl{font-size:16px;font-weight:700}.sess-sum{align-items:flex-end;gap:14px;display:flex}.sess-big{letter-spacing:-.03em;font-size:44px;font-weight:800;line-height:1}.sess-big small{color:var(--muted);letter-spacing:-.02em;font-size:18px;font-weight:600}.sess-sum .chip{margin-bottom:6px}.sess-bar{background:#fff;border-radius:999px;height:6px;margin-top:14px;display:flex;overflow:hidden}.sess-bar i{background:var(--ok);height:100%;display:block}.sess-bar b{background:var(--no);height:100%;display:block}.sess-legend{gap:14px;margin-top:8px;display:flex}.sess-legend span{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:600;display:inline-flex}.sess-legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.seg{gap:6px;display:flex}.seg button{background:var(--line);height:28px;color:var(--muted);border-radius:999px;padding:0 10px;font-size:12px;font-weight:700}.seg button.on{background:var(--ink);color:#fff}.chip-ok{background:var(--ok-weak);color:var(--ok)}.chip-no{background:var(--no-weak);color:var(--no)}.q{padding:14px 0}.q+.q{box-shadow:inset 0 1px 0 var(--line)}.q-hd{align-items:center;gap:8px;display:flex}.q-num{color:var(--muted);min-width:18px;font-size:12px;font-weight:700}.q-ask{color:var(--muted);font-size:12px;font-weight:600}.q-mark{border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-left:auto;display:flex}.q-mark svg{stroke:#fff;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.q-mark.ok{background:var(--ok)}.q-mark.no{background:var(--no)}.q-pr{margin:6px 0 0 26px;font-size:19px;font-weight:700;line-height:1.3}.q-ans{flex-direction:column;gap:4px;margin:8px 0 0 26px;display:flex}.q-a{color:var(--ink2);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.q-lb{background:var(--line);color:var(--muted);letter-spacing:0;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:700}.q-a.no{color:var(--no)}.q-a.no .q-lb{background:var(--no-weak);color:var(--no)}.q-a.ok .q-lb{background:var(--ok-weak);color:var(--ok)}.q-a s{text-decoration-thickness:1.5px}.hero{text-align:left;background:var(--pink-weak);color:var(--ink);border-radius:var(--r-card);width:100%;margin-bottom:14px;padding:20px 20px 18px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff4e8b47,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.hero>*{position:relative}.hero-top{justify-content:space-between;align-items:center;display:flex}.hero-cap{color:#b0708a;font-size:13px;font-weight:600}.hero .chip-pink{background:#fff}.hero-num{letter-spacing:-.03em;margin-top:12px;font-size:44px;font-weight:800;line-height:1}.hero-num small{color:#6e4a5c;letter-spacing:-.02em;margin-left:6px;font-size:16px;font-weight:600}.hero-sub{color:#6e4a5c;margin-top:14px;font-size:13px;font-weight:600}.hero-sub b{color:var(--ink)}.hero-meter{color:#6e4a5c;justify-content:space-between;margin-top:14px;font-size:12px;font-weight:600;display:flex}.hero-meter b{color:var(--ink)}.hero-bar{background:#ff4e8b24;border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.hero-bar i{background:var(--pink);border-radius:999px;height:100%;transition:width .25s;display:block}.hero-go{background:var(--ink);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:4px;width:100%;height:46px;margin-top:16px;font-size:15px;font-weight:800;display:flex}button.hero{transition:transform 80ms}button.hero:active{transform:scale(.985)}button.hero-go{transition:transform 80ms,opacity .12s}button.hero-go:active{opacity:.9;transform:scale(.985)}.hero-line{color:var(--ink);letter-spacing:-.02em;min-height:24px;margin:12px 0 0;font-size:17px;font-weight:700;line-height:1.4}.hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.hero-stat{background:#ffffffb3;border-radius:12px;padding:10px 10px 9px}.hero-stat-n{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.1}.hero-stat-n small{color:var(--ink2);margin-left:1px;font-size:13px;font-weight:700}.hero-stat-cap{color:#b0708a;margin-top:3px;font-size:11px;font-weight:600}.shelf{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.sticker{flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:4px 0;display:flex;position:relative}.sticker-img{width:100%;height:64px;transform:rotate(var(--tilt,0deg));justify-content:center;align-items:center;transition:transform .12s;display:flex}.sticker:active .sticker-img{transform:rotate(var(--tilt,0deg)) scale(1.08)}.sticker-img img{object-fit:contain;filter:drop-shadow(0 3px 6px #17171c24);width:100%;height:100%}.sticker[data-on="0"] .sticker-img img{filter:grayscale()brightness(.32)contrast(.9)}.sticker-lock{width:26px;height:26px;color:var(--ink2);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.sticker-cap{color:var(--muted);text-align:center;font-size:11px;font-weight:600;line-height:1.2}.sticker[data-on="1"] .sticker-cap{color:var(--ink)}.peek{z-index:30;background:#17171c8c;justify-content:center;align-items:center;padding:32px;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.peek-card{background:var(--pink-weak);text-align:center;border-radius:24px;width:100%;max-width:320px;padding:28px 20px 24px;animation:.18s ease-out rise}.peek-card img{object-fit:contain;filter:drop-shadow(0 10px 20px #17171c2e);width:200px;height:200px}.peek-card[data-on="0"] img{filter:grayscale()brightness(.32)contrast(.9)}.streak{background:var(--surface);border-radius:16px;align-items:center;gap:10px;height:52px;margin-bottom:14px;padding:0 14px 0 12px;display:flex}.streak-n{color:var(--ink2);white-space:nowrap;flex:1;font-size:14px;font-weight:600}.streak-n b{color:var(--ink);font-size:16px;font-weight:800}.streak-week{gap:4px;display:flex}.streak-day{width:22px;color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:9px;font-weight:700;line-height:1;display:flex}.streak-day i{background:var(--line);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.streak-day[data-done="1"] i{background:var(--pink)}.streak-day[data-done="1"]{color:var(--pink)}.streak-day[data-today="1"] i{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--pink)}.streak-day[data-today="1"]{color:var(--ink)}.flame{transform-origin:50% 100%;width:26px;height:26px;display:inline-flex}.flame .flame-outer{fill:#c6cbd3}.flame .flame-inner{fill:#e9ebef}.flame[data-lit="1"] .flame-outer{fill:var(--pink)}.flame[data-lit="1"] .flame-inner{fill:#ffc2d6}.flame[data-lit="1"]{filter:drop-shadow(0 0 6px #ff4e8b8c);animation:1.1s ease-in-out infinite flicker}.flame[data-lit="1"] .flame-inner{transform-origin:50% 95%;animation:.7s ease-in-out infinite flicker-in}@keyframes flicker{0%,to{filter:drop-shadow(0 0 6px #ff4e8b8c);transform:scale(1)rotate(-2deg)}35%{filter:drop-shadow(0 0 10px #ff4e8bcc);transform:scale(1.06,1.1)rotate(2deg)}65%{transform:scale(.98,1.02)rotate(-1deg)}}@keyframes flicker-in{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)translateY(-1px)}}@media (prefers-reduced-motion:reduce){.flame[data-lit="1"],.flame[data-lit="1"] .flame-inner{animation:none}}.gate-sign{align-items:center;gap:5px;display:flex}.gate-heart{width:.78em;height:.78em;color:var(--pink);flex:none;margin-top:.05em}