:root{--brand:#f0447a;--brand-strong:#d6245f;--brand-weak:#fff0f4;--fg:#1a1c20;--fg-muted:#555d6d;--fg-subtle:#868b94;--fg-placeholder:#b0b3ba;--fg-disabled:#d1d3d8;--bg:#ffffff;--bg-weak:#f3f4f5;--bg-dark:#2a3038;--line:#dcdee3;--hint:#fff7de;--ok:#079171;--danger:#e5352c;--r:12px}*{box-sizing:border-box}body,html{margin:0;background:#f3f4f5;color:var(--fg)}body{font-family:-apple-system,BlinkMacSystemFont,Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--brand-strong);outline-offset:2px}.app{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--bg);flex-direction:column}.app,.top{position:relative;display:flex}.top{height:56px;align-items:center;justify-content:space-between;padding:0 6px;flex:none}.top h1{position:absolute;left:60px;right:60px;margin:0;text-align:center;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:44px;height:44px;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.body{flex:1 1;padding:8px 16px 24px;gap:12px}.body,.bottom{display:flex;flex-direction:column}.bottom{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);padding:12px 16px calc(16px + env(safe-area-inset-bottom));gap:8px}.row{display:flex;gap:8px;align-items:center}.grow{flex:1 1;min-width:0}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle);font-size:13px}.center{text-align:center}.card{border-radius:16px;padding:16px;background:var(--bg-weak)}.card.brand{background:var(--brand-weak)}.card.line{background:none;border:1px solid #eeeff1}.btn{height:52px;border:0;border-radius:var(--r);font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 16px;width:100%}.btn.primary{background:var(--brand);color:#fff}.btn.dark{background:var(--bg-dark);color:#fff}.btn.weak{background:var(--bg-weak);color:var(--fg)}.btn.ghost{background:none;color:var(--fg-subtle);font-size:14px;font-weight:500;height:44px}.btn.small{height:40px;font-size:14px;border-radius:8px;width:auto}.btn:disabled{background:var(--bg-weak);color:var(--fg-disabled)}.split{display:flex;gap:8px}.split>:first-child{flex:3 1}.split>:last-child{flex:7 1}.chip{height:36px;padding:0 14px;border-radius:999px;border:1px solid #00000014;background:#fff;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.chip.on{background:var(--brand-weak);border:1.5px solid var(--brand)}.chip small{color:var(--fg-subtle);font-size:12px}.tag{height:24px;padding:0 8px;border-radius:999px;font-weight:500}.badge,.tag{background:#fff;font-size:12px;color:var(--fg-muted);display:inline-flex;align-items:center}.badge{height:22px;padding:0 6px;border-radius:4px;font-weight:700}.wrap{display:flex;flex-wrap:wrap;gap:6px}.avatar{background:var(--brand);color:#fff;font-weight:700}.avatar,.bot-avatar{flex:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.bot-avatar{width:32px;height:32px;background:var(--brand-weak);color:var(--brand-strong);font-size:14px}.msgs{flex-direction:column}.msg,.msgs{display:flex;gap:8px}.msg{align-items:flex-end}.msg.me{justify-content:flex-end}.bubble{max-width:75%;padding:10px 14px;border-radius:18px 18px 18px 4px;font-size:16px;line-height:22px;word-break:break-word;white-space:pre-wrap}.msg.me .bubble{background:var(--brand);color:#fff;border-radius:18px 18px 4px 18px}.bubble.clone{background:var(--brand-weak);font-weight:500}.bubble.system{background:var(--hint)}.spacer32{flex:none;width:32px}.pill{height:22px;padding:0 7px;border-radius:999px;background:var(--brand-weak);color:var(--brand-strong);font-size:12px;font-weight:700;display:inline-flex;align-items:center}.pill.down{color:var(--fg-muted)}.pill.down,.typing{background:var(--bg-weak)}.typing{display:inline-flex;gap:4px;padding:15px 14px;border-radius:18px 18px 18px 4px}.typing i{width:6px;height:6px;border-radius:999px;background:var(--fg-subtle);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes blink{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.typing i{animation:none}}.gauge{height:8px;background:#eeeff1;overflow:hidden;flex:1 1}.gauge,.gauge>div{border-radius:999px}.gauge>div{height:100%;background:var(--brand);transition:width .4s}.upload{width:100%;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}.upload.on{border-style:solid;border-color:var(--brand);background:var(--brand-weak)}.check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:500}.check input{width:22px;height:22px;accent-color:var(--brand);flex:none}.input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:16px;background:#fff}textarea.input{height:140px;padding:12px 14px;resize:vertical}.list-row{min-height:52px;display:flex;align-items:center;gap:8px;border:0;background:none;width:100%;text-align:left;font-size:16px;padding:0}.list-row .val{color:var(--fg-subtle);font-size:14px}.seg{display:flex;background:var(--bg-weak);border-radius:10px;padding:4px;gap:4px}.seg button{flex:1 1;height:36px;border:0;border-radius:8px;background:none;font-size:14px;font-weight:500;color:var(--fg-muted)}.seg button.on{background:#fff;font-weight:700;color:var(--fg);box-shadow:0 1px 4px #00000014}.rank-row{display:flex;align-items:center;gap:12px;min-height:60px}.rank-row .no{width:20px;text-align:center;font-weight:700;color:var(--fg-subtle)}.rank-row .no.top{color:var(--brand-strong)}.rank-row .score{font-size:18px;font-weight:700}.err{color:var(--danger);font-size:14px}.dim{inset:0;background:#00000074;z-index:40}.dim,.sheet{position:fixed}.sheet{left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;background:#fff;border-radius:20px 20px 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));z-index:41;display:flex;flex-direction:column;gap:12px;max-height:85dvh;overflow:auto}.sheet .grip{width:36px;height:4px;border-radius:999px;background:var(--line);margin:0 auto}.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:var(--bg-dark);color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;z-index:60;max-width:90vw}.demo{font-size:12px;text-align:center;padding:4px;background:var(--hint);color:#4f3e1f}.bottom.split{flex-direction:row}.btn.small,.pill{flex:none;white-space:nowrap}.legal h2{font-size:17px;margin:20px 0 4px}.legal ul{padding-left:20px;margin:4px 0}.legal table{border-collapse:collapse;font-size:13px;width:100%}.legal td,.legal th{border:1px solid #eeeff1;padding:6px;text-align:left;vertical-align:top}.cat-avatar{flex:none;border-radius:999px;background:#fff0f4;display:inline-flex;align-items:flex-end;justify-content:center;overflow:hidden}.cat-avatar img{width:92%;height:auto;transform:translateY(4%)}.bot-avatar,.hero{overflow:hidden}.hero{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,7dvh,72px) 20px 16px;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;left:-81px;top:-36px;width:571px;height:525px;background:radial-gradient(closest-side at 30% 35%,#ffd5eb,#ffd5eb00),radial-gradient(closest-side at 72% 28%,#ffd5ebcc,#ffd5eb00),radial-gradient(closest-side at 55% 60%,#fcffd54d,#fcffd500)}.hero .title-pill{background:#fff;border-radius:100px;padding:10px 30px;font-size:24px;line-height:32px;font-weight:700;color:var(--fg);margin:0;letter-spacing:-.24px;white-space:nowrap}.hero .title-pill em{font-style:normal;color:var(--brand)}.hero .sub{margin:24px 0 0;font-size:14px;line-height:20px;color:var(--fg-subtle);text-align:center;letter-spacing:-.14px}.hero .stage{position:relative;width:100%;max-width:350px;margin-top:clamp(12px,3dvh,30px);padding-top:75px}.hero .stage .cat{position:absolute;left:50%;top:0;width:152px;height:122px;transform:translateX(-50%);z-index:1}.hero .demo-card{background:#feeff5;border-radius:20px;padding:37px 21px 24px 17px;display:flex;flex-direction:column;gap:clamp(12px,2.4dvh,22px)}.pill-bubble{background:#fff;border-radius:100px;padding:10px 30px;line-height:32px;white-space:nowrap}.pill-bubble,.pink-bubble{font-size:18px;font-weight:500;color:var(--fg)}.pink-bubble{background:#fddee9;border-radius:30px;padding:12px 33px;line-height:28px}.hero .r{align-self:flex-end}.hero .l{align-self:flex-start}.hero .col-r{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.delta-tag{height:32px;padding:0 12px;display:inline-flex;align-items:center;gap:4px;background:var(--brand);color:#fff;border-radius:14px 14px 4px 14px;font-size:13px;font-weight:700;flex:none}.delta-tag.down{background:#868b94}.hero-links{display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--fg-subtle)}.hero-links a{padding:6px 0}.sec-title{margin:0;font-size:20px;line-height:32px;font-weight:600;color:#000}.upload{border:1px dashed var(--fg-disabled);border-radius:16px;background:#fff;min-height:148px;padding:22px 16px 20px;gap:10px;cursor:pointer}.upload img{width:48px;height:48px}.upload b{font-size:16px;line-height:22px}.upload .subtle{line-height:18px;margin-top:-6px}.upload.on{border:1px solid var(--brand);background:#fff7fa}.link-row{display:flex;justify-content:center;gap:18px}.link-btn{border:0;background:none;padding:8px 0;font-size:14px;font-weight:500;color:var(--fg-muted);display:inline-flex;align-items:center;gap:6px}.chip{height:40px;padding:0 16px;font-size:15px}.chip.on{background:#fff7fa;color:var(--brand-strong);font-weight:700}.empty-note{margin:0;padding:16px;border-radius:12px;background:var(--bg-weak);color:var(--fg-subtle);font-size:14px;text-align:center}.steps{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:14px}.steps li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--fg)}.steps .no{width:28px;height:28px;border-radius:999px;background:#fff0f4;color:var(--brand);font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}.btn.dark{background:#2a3038}.bubble{padding:10px 18px;border-radius:22px;background:var(--bg-weak)}.bubble.clone{background:#fddee9}.msg.me .bubble{background:#fff;color:var(--fg);border:1px solid #eeeff1;border-radius:22px;font-weight:500}.chat-head{display:flex;align-items:center;gap:13px;padding:8px 16px 8px 8px;flex:none}.chat-head .name{font-size:20px;line-height:32px;font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauge-row{height:45px;display:flex;align-items:center;gap:10px;padding:0 20px 0 16px;border-bottom:1px solid #0000000f;flex:none}.gauge-row .score{font-size:14px;font-weight:700;color:var(--brand);min-width:22px;text-align:right}.gauge-row .div{width:1px;height:12px;background:var(--line)}.gauge-row .turns{font-size:13px;font-weight:500;color:var(--fg-muted);white-space:nowrap}.chat .msgs{padding:20px 20px 16px;gap:6px}.chat .who{font-size:15px;line-height:24px;font-weight:500;color:var(--fg);margin-top:14px}.chat .who.me{text-align:right;margin-right:4px}.chat .who.them{margin-left:9px}.chat .bubble{font-size:17px;line-height:26px;font-weight:500;max-width:80%}.chat .bubble.clone{border-radius:26px;padding:12px 24px}.chat .msg.me .bubble{padding:10px 22px}.chat .delta-row{display:flex;justify-content:flex-end;align-items:center;gap:8px}.chat .delta-row .why{font-size:12px;color:var(--fg-subtle);text-align:right}.hint-btn{align-self:flex-start;height:44px;padding:0 18px;border-radius:22px;border:1px solid #f4f4f5;background:#fff;font-size:16px;font-weight:500;color:#1a1a1a;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px 6px #0000000a}.hint-btn small{color:var(--fg-subtle);font-size:12px;font-weight:500}.hint-btn:disabled{color:var(--fg-disabled)}.composer{display:flex;align-items:center;gap:8px;background:var(--bg-weak);border-radius:100px;padding:8px 8px 8px 20px}.composer input{flex:1 1;min-width:0;border:0;background:none;font-size:16px;outline:none;height:36px}.composer input::placeholder{color:var(--fg-placeholder)}.composer .send{width:36px;height:36px;border-radius:18px;border:0;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;flex:none}.composer .send:disabled{opacity:.4;background:var(--brand)}.chat-bottom{border-top:1px solid #0000000f;padding:12px 20px calc(16px + env(safe-area-inset-bottom))}@media (max-height:720px){.hero .title-pill{font-size:22px;padding:8px 26px}.hero .sub{margin-top:14px}.hero .stage{padding-top:64px}.hero .stage .cat{width:128px;height:103px}.hero .demo-card{padding-top:30px}.hero .pill-bubble,.hero .pink-bubble{font-size:16px;line-height:24px}.hero .pill-bubble{padding:8px 24px}.hero .pink-bubble{padding:10px 26px}}