@font-face{font-family:Fredoka;src:url(/fonts/fredoka.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--bg: #f6f0e4;--panel: #ffffff;--text: #1e1b2e;--muted: #5f5975;--line: #e8e1d3;--shadow: #e3dccb;--accent: #7a5cf0;--accent-d: #5a3fd0;--on-accent: #ffffff;--yes: #2fb673;--yes-d: #1f8f57;--no: #f04e4e;--maybe: #f5b32b;--danger: #d43c3c;--c-coral: #f08a5d;--c-amber: #f5b32b;--c-green: #2fb673;--c-sky: #4ea5f5;--c-violet: #7a5cf0;--c-pink: #e85d9c;--r: 20px;--r-sm: 10px;--lift: 3px;--flame: #f08a5d;--flame-d: #d9703f;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #15121f;--panel: #211c2f;--text: #f1edf8;--muted: #aaa3bd;--line: #2e2740;--shadow: #0e0b16;--accent: #9b84ff;--accent-d: #6e56d8;--yes: #3fd088;--yes-d: #23955c;--no: #ff6b6b;--maybe: #ffc94a;--danger: #ff6b6b;color-scheme:dark}}:root[data-theme=dark]{--bg: #15121f;--panel: #211c2f;--text: #f1edf8;--muted: #aaa3bd;--line: #2e2740;--shadow: #0e0b16;--accent: #9b84ff;--accent-d: #6e56d8;--yes: #3fd088;--yes-d: #23955c;--no: #ff6b6b;--maybe: #ffc94a;--danger: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,Hiragino Sans,Noto Sans KR,Roboto,system-ui,sans-serif;--display: "Fredoka", -apple-system, BlinkMacSystemFont, "Pretendard", "Apple SD Gothic Neo", "Hiragino Sans", "Noto Sans KR", Roboto, system-ui, sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}.app{height:100%;overflow:hidden;max-width:720px;margin:0 auto;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));gap:10px}.scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-bottom:8px;scrollbar-width:none}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.bar .title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0}:lang(ko) .title,:lang(ja) .title,:lang(ko) .result-title,:lang(ja) .result-title,:lang(ko) .onb-title,:lang(ja) .onb-title,:lang(ko) .stamp,:lang(ja) .stamp,:lang(ko) .card-title,:lang(ja) .card-title{font-weight:700}.title .sub{display:none}.meta{display:flex;align-items:center;gap:6px;flex:0 0 auto}button.link{border:0;background:none;color:var(--accent);padding:6px 8px;font-weight:600;font-size:15px;border-radius:10px}.iconbtn{border:0;background:var(--panel);box-shadow:0 var(--lift) 0 var(--shadow);width:38px;height:38px;border-radius:999px;display:grid;place-items:center;padding:0;color:var(--text)}.iconbtn svg{display:block}.mascot{display:block;object-fit:contain;user-select:none;-webkit-user-select:none}.mascot.pop{animation:pop .26s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.85)}to{transform:scale(1)}}.hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 2px}.hero .say{font-size:15px;color:var(--muted);text-align:center;font-weight:500}.hero .say.warn{color:var(--maybe);font-weight:600}.card{text-align:left;width:100%;background:var(--panel);border:0;border-radius:var(--r);padding:14px 16px;box-shadow:0 3px 0 var(--shadow);display:flex;flex-direction:column;gap:2px;position:relative;cursor:pointer}.card:active{transform:translateY(2px);box-shadow:0 1px 0 var(--shadow)}.card.accent{background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-d)}.card.accent .card-sub{color:#e6e0ff}.card.done{background:var(--yes);color:#fff;box-shadow:0 3px 0 var(--yes-d)}.card.done .card-sub{color:#d6f5e4}.card-title{font-family:var(--display);font-size:17px;font-weight:600}.card-sub{font-size:13.5px;color:var(--muted)}.card .go{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;opacity:.55}.h2{font-size:12px;color:var(--muted);font-weight:700;margin:4px 0 0;text-transform:uppercase;letter-spacing:.1em}button,select{font-size:14px;padding:9px 14px;border-radius:999px;border:0;background:var(--panel);color:var(--text);box-shadow:0 var(--lift) 0 var(--shadow);cursor:pointer;font-weight:500}button:active{transform:translateY(1px);box-shadow:0 1px 0 var(--shadow)}button:disabled,select:disabled{opacity:.45;cursor:default;transform:none}button.primary{font-family:var(--display);background:var(--accent);color:var(--on-accent);box-shadow:0 3px 0 var(--accent-d);font-weight:600}button.big{font-family:var(--display);width:100%;padding:13px;font-size:16px;border-radius:999px;font-weight:600}.actions{display:flex;gap:8px;align-items:center}.actions .spacer{flex:1}.actions .danger{color:var(--danger)}.actions button{font-size:14px;padding:9px 13px}.card.daily{gap:10px;padding:16px 16px 14px}.daily-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.daily-head .card-title{font-size:18px}.flame{display:flex;flex-direction:column;align-items:center;line-height:1;flex:0 0 auto;color:var(--maybe);min-width:64px}.flame b{font-family:var(--display);font-size:32px;font-weight:700;color:#fff;margin-top:2px}.flame small{font-size:11.5px;font-weight:600;color:#fffc;margin-top:3px;white-space:nowrap}.flame.zero{opacity:.6}.flame.risk{animation:flicker 1.4s ease-in-out infinite}@keyframes flicker{50%{transform:scale(1.06)}}.week{display:flex;gap:6px;justify-content:space-between}.week i{flex:1;height:28px;border-radius:999px;background:#ffffff38;display:grid;place-items:center;font-size:13px;font-style:normal;font-weight:700;color:#fff}.week i.on{background:#fff;color:var(--accent)}.card.done .week i.on{color:var(--yes)}.week i.today:not(.on){box-shadow:0 0 0 2px #fff inset}.keep{font-size:13px;font-weight:600;color:#fff;background:#ffffff2e;border-radius:999px;padding:4px 10px;align-self:flex-start}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 9px;border-radius:var(--r);color:#fff;box-shadow:0 var(--lift) 0 #0000002e;background:var(--tile, var(--accent))}.tile:active{transform:translateY(2px);box-shadow:0 1px #00000029}.tile-icon{font-size:22px;line-height:1;width:40px;height:40px;border-radius:50%;background:#ffffffd9;display:grid;place-items:center}.tile-label{font-size:12px;font-weight:700;white-space:normal;line-height:1.2;text-align:center;max-height:2.4em;overflow:hidden}.tile.amber{color:var(--text)}@media(max-width:340px){.grid{grid-template-columns:repeat(3,1fr)}}.dots{display:flex;gap:3px}.dots i{flex:1;height:7px;border-radius:4px;background:var(--line)}.dots i.on{background:var(--accent)}.dots.low i.on{background:var(--no)}.catline{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);min-width:0}.catline i{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.catline b{color:var(--text);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catline .left{margin-left:auto;white-space:nowrap}.log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px 8px;scrollbar-width:none}.bub{border-radius:18px;padding:10px 13px;font-size:15px;line-height:1.35;max-width:86%;overflow-wrap:anywhere}.bub.ai{background:var(--panel);align-self:flex-start;border-bottom-left-radius:6px;box-shadow:0 var(--lift) 0 var(--shadow);display:flex;align-items:center;gap:8px}.bub.ai .mascot{flex:0 0 auto}.bub.me{background:var(--text);color:var(--bg);align-self:flex-end;border-bottom-right-radius:6px}.bub.sys{color:var(--muted);font-size:13.5px;align-self:center;background:none;padding:2px 8px;text-align:center}.bub.invalid{align-self:flex-end;color:var(--muted);font-size:13px;background:none;text-decoration:line-through;padding:0 8px}.bub.hint{background:color-mix(in srgb,var(--maybe) 18%,var(--panel));align-self:flex-start;font-size:14px}.ans{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:13.5px;padding:3px 10px;border-radius:999px;color:#fff;white-space:nowrap}.ans.yes{background:var(--yes)}.ans.no{background:var(--no)}.ans.maybe{background:var(--maybe);color:#1e1b2e}.pct{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.react{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0}.stamp{font-family:var(--display);font-size:44px;font-weight:700;letter-spacing:-.01em;transform:rotate(-5deg);animation:stamp .3s cubic-bezier(.34,1.56,.64,1)}.stamp.yes{color:var(--yes)}.stamp.no{color:var(--no)}.stamp.maybe{color:var(--text);background:var(--maybe);border-radius:999px;padding:4px 18px;font-size:32px}@keyframes stamp{0%{transform:rotate(-5deg) scale(.6);opacity:0}to{transform:rotate(-5deg) scale(1);opacity:1}}.thinking{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;align-self:flex-start;padding:0 6px;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.error{background:color-mix(in srgb,var(--no) 12%,transparent);color:var(--no);border-radius:12px;padding:8px 12px;font-size:13.5px}.offline{background:color-mix(in srgb,var(--maybe) 18%,transparent);color:var(--maybe);padding:6px 10px;font-size:13px;text-align:center;font-weight:600}.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--text);color:var(--bg);padding:9px 16px;border-radius:999px;font-size:14px;z-index:10;box-shadow:0 6px 20px #0003}.chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none;flex:0 0 auto}.chips.wrap{flex-wrap:wrap;overflow:visible}.chip{flex:0 0 auto;font-size:13.5px;padding:8px 12px;color:var(--text);font-weight:500}.chip.on{background:var(--chip, var(--accent));color:#fff;box-shadow:0 var(--lift) 0 #0000002e}.input{display:flex;align-items:center;gap:6px;background:var(--panel);border-radius:999px;padding:6px 6px 6px 14px;box-shadow:0 3px 0 var(--shadow);flex:0 0 auto}.input input{flex:1;min-width:0;font-size:16px;padding:8px 4px;border:0;background:none;outline:none;color:var(--text)}.input input::placeholder{color:var(--muted)}.input input:read-only{color:var(--muted)}.input button{padding:9px 14px;font-size:13.5px;box-shadow:none}.input button[type=submit]{background:var(--accent);color:var(--on-accent);font-weight:600}.input.guess{box-shadow:0 3px 0 var(--yes-d),0 0 0 2px var(--yes) inset}.input.guess button[type=submit]{background:var(--yes)}.input .mode{background:var(--bg);color:var(--muted);padding:8px 10px}.input .mode.on{background:var(--yes);color:#fff}.result{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 4px;text-align:center;animation:rise .35s ease-out}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.result-title{font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.01em}.result-sub{color:var(--muted);font-size:14px}.result-sub.linkbox{font-size:12px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;background:var(--panel);border-radius:12px;padding:8px 12px}.word{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:6px 0 2px;max-width:100%}.word b{font-family:var(--display);min-width:36px;height:44px;padding:0 8px;border-radius:10px;background:var(--yes);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700;box-shadow:0 3px 0 var(--yes-d);animation:flip .4s ease-out both;animation-delay:calc(var(--i) * 70ms)}.word.lose b{background:var(--panel);color:var(--text);box-shadow:0 3px 0 var(--shadow)}@keyframes flip{0%{transform:rotateX(90deg);opacity:0}to{transform:none;opacity:1}}.trail{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:6px 0 4px;max-width:240px}.trail i{width:11px;height:11px;border-radius:50%;background:var(--line)}.trail i.yes{background:var(--yes)}.trail i.no{background:var(--no)}.trail i.maybe{background:var(--maybe)}.trail i.hit{background:var(--yes);outline:2px solid var(--yes);outline-offset:1px}.trail i.miss{background:var(--no);opacity:.6}.statrow{width:100%;background:var(--panel);border-radius:18px;padding:10px 12px;box-shadow:0 3px 0 var(--shadow);display:flex;justify-content:space-around;text-align:center;margin:4px 0}.statrow b{display:block;font-family:var(--display);font-size:22px;font-weight:700}.statrow span{font-size:12px;color:var(--muted);font-weight:500}.result-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.result-actions .row2{display:flex;gap:8px}.result-actions .row2 button{flex:1;padding:11px 10px}.next{font-size:13.5px;color:var(--muted);display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:2px}.next b{color:var(--text)}.next button.link{padding:2px 6px;font-size:12.5px}.wordlist{display:flex;flex-wrap:wrap;flex-direction:row;gap:6px;align-content:flex-start}.wordbtn{font-size:14px;padding:7px 12px;box-shadow:0 var(--lift) 0 var(--shadow),0 0 0 1.5px color-mix(in srgb,var(--chip, var(--accent)) 45%,transparent) inset}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:var(--panel);border-radius:16px;padding:10px 6px;text-align:center;box-shadow:0 3px 0 var(--shadow)}.stats b{display:block;font-family:var(--display);font-size:22px;font-weight:700}.stats span{font-size:12px;color:var(--muted);font-weight:500}.hgame{background:var(--panel);border-radius:16px;box-shadow:0 var(--lift) 0 var(--shadow);overflow:hidden}.hrow{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border:0;background:none;border-radius:0;text-align:left;font-size:14px;box-shadow:none}.hrow .verdict{font-weight:700;font-size:12px;padding:2px 8px;border-radius:999px;color:#fff;flex:0 0 auto}.hrow .verdict.yes{background:var(--yes)}.hrow .verdict.no{background:var(--no)}.hrow .tag{color:var(--muted);font-size:13px;flex:0 0 auto}.hrow .text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.hrow .n{flex:0 0 auto;color:var(--muted);font-size:13px}.hdetail{padding:0 14px 12px;display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line)}.hdetail .row{display:flex;gap:8px;font-size:13.5px;padding:6px 0;align-items:baseline}.hdetail .row .n{color:var(--muted);font-size:12px;flex:0 0 28px}.hdetail .row .text{flex:1;min-width:0}.hdetail .row .ans{font-size:11.5px;padding:2px 8px}.hdetail button{align-self:flex-start;font-size:13px;padding:7px 12px;margin-top:6px}.empty{color:var(--muted);text-align:center;padding:30px 0}.settings{gap:8px}.srow{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:13px 16px;border-radius:16px;background:var(--panel);box-shadow:0 var(--lift) 0 var(--shadow);border:0;font-size:15px}.srow.col{flex-direction:column;align-items:stretch;gap:10px}.srow.col>span{font-weight:600}.srow .chip{font-size:13.5px}.about{color:var(--muted);font-size:13.5px;line-height:1.55;padding:4px 6px}.about p{margin:0}.onb{justify-content:space-between}.onb-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;padding:0 12px}.onb-title{font-family:var(--display);font-size:26px;font-weight:700;margin:0;letter-spacing:-.01em}.onb-text{color:var(--muted);font-size:16px;line-height:1.55;margin:0;max-width:34ch}.onb-lang{margin-top:8px;justify-content:center}.onb-dots{display:flex;justify-content:center;gap:6px}.onb-dots span{width:8px;height:8px;border-radius:50%;background:var(--line)}.onb-dots span.on{background:var(--accent)}.onb-actions{display:flex;align-items:center;gap:8px}.onb-actions .primary{padding:12px 24px;font-size:17px}