:root{--color-primary:#3182f6;--color-primary-pressed:#1b64da;--color-background:#e9edf3;--color-screen:#fff;--color-soft:#f6f8fa;--color-soft-blue:#eef6ff;--color-card:#fff;--color-text:#191f28;--color-muted:#6b7684;--color-faint:#8b95a1;--color-line:#e5e8eb;--color-success:#00a661;--color-danger:#e5484d;--color-warning:#f59f00;--shadow-phone:0 28px 80px #191f2838;--shadow-touch:0 8px 24px #3182f633}*{box-sizing:border-box}html{background:var(--color-background);min-width:320px}body{color:var(--color-text);background:var(--color-background);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #3182f647}.device-page{background:var(--color-background);justify-content:center;min-height:100dvh;padding:24px;display:flex}.phone-frame{background:var(--color-screen);width:min(100%,430px);height:min(920px,100dvh - 48px);min-height:720px;box-shadow:var(--shadow-phone);border:1px solid #191f2814;border-radius:36px;position:relative;overflow:hidden}.phone-grabber{z-index:3;background:#d1d6db;border-radius:999px;width:74px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--color-screen);scrollbar-width:none;height:100%;overflow-y:auto}.phone-screen::-webkit-scrollbar{display:none}.app-shell,.conversation-shell{width:100%;padding:34px 16px 98px}.home-hero,.detail-header,.conversation-header{gap:14px;padding:8px 4px 18px;display:grid}.home-hero h1,.detail-header h1,.conversation-header h1,.result-panel h1{color:var(--color-text);letter-spacing:0;margin:0;font-size:2rem;font-weight:800;line-height:1.15}.conversation-header h1{font-size:1.65rem}.home-hero p,.detail-header p,.result-panel>p{color:var(--color-muted);margin:10px 0 0;font-size:.98rem}.eyebrow{color:var(--color-primary);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800;display:inline-flex}.hero-stat,.history-panel,.mission-brief,.practice-panel,.mission-sidebar,.chat-panel,.result-panel{background:var(--color-card);border:1px solid #0000;border-radius:26px}.promo-stack{gap:12px;margin-bottom:18px;display:grid}.promo-card,.quick-card{background:var(--color-card);border-radius:26px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:104px;padding:18px;display:grid;position:relative;box-shadow:0 1px #191f2808}.promo-card--soft{background:#f4f9ff}.promo-card__icon,.mission-card__icon{border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.promo-card__icon{color:#00a661;background:#e9fbf2;width:48px;height:48px}.promo-card span,.quick-card span{color:var(--color-muted);font-size:.9rem;font-weight:700;display:block}.promo-card strong,.quick-card strong{color:var(--color-text);margin-top:3px;font-size:1.15rem;font-weight:800;display:block}.promo-card p{color:var(--color-muted);margin:4px 0 0;font-size:.9rem}.promo-card>svg{color:var(--color-primary)}.quick-card{color:#fff;background:#191f28;grid-template-columns:minmax(0,1fr) auto;min-height:86px}.quick-card span{color:#ffffffad}.quick-card strong{color:#fff}.quick-card__badge{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:8px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.content-grid,.detail-grid,.conversation-layout{grid-template-columns:1fr;gap:18px;display:grid}.mission-sections{gap:16px;display:grid}.section-title-row{justify-content:space-between;align-items:center;padding:4px 4px 0;display:flex}.section-title-row h2{color:var(--color-text);letter-spacing:0;margin:0;font-size:1.45rem;font-weight:900}.section-title-row p{color:var(--color-muted);margin:3px 0 0;font-size:.92rem}.section-title-row svg{color:var(--color-primary)}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin:8px 4px;display:flex}.section-heading h2,.mission-brief h2,.practice-panel h2,.mission-sidebar h2,.correction-list h2{color:var(--color-text);letter-spacing:0;margin:0;font-size:1.08rem;font-weight:800}.section-heading span,.section-heading svg{color:var(--color-faint);font-size:.9rem}.mission-grid{background:var(--color-card);border-radius:26px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.mission-card{background:var(--color-card);cursor:pointer;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:96px;padding:16px;transition:background .16s,border-color .16s,transform .16s;display:grid;position:relative}.mission-card+.mission-card:before{background:var(--color-line);content:"";height:1px;position:absolute;top:0;left:78px;right:16px}.mission-card:hover{background:#fbfcfd;transform:none}.mission-card__icon{width:46px;height:46px}.mission-card__icon--yellow{color:#d49300;background:#fff4c6}.mission-card__icon--blue{color:var(--color-primary);background:#eaf3ff}.mission-card__icon--indigo{color:#4f68d7;background:#edf0ff}.mission-card__icon--green{color:var(--color-success);background:#e9fbf2}.mission-card__icon--cyan{color:#0998b8;background:#e7f8fb}.mission-card__body{min-width:0}.mission-card h3{color:var(--color-text);margin:3px 0;font-size:1.02rem;font-weight:800}.mission-card p{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.88rem;overflow:hidden}.mission-card__meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.mission-card__meta span{background:0 0;border-radius:0;min-height:auto;padding:0}.mission-card__time,.mission-card__chevron{display:inline-flex}.mission-card__chevron{color:var(--color-primary);opacity:.62}.history-panel,.mission-brief,.practice-panel,.mission-sidebar,.chat-panel,.result-panel{padding:18px}.history-panel{margin-top:0}.history-list,.condition-list,.expression-list,.correction-list{gap:9px;display:grid}.history-row,.condition-row,.expression-row,.correction-row{background:var(--color-screen);border:1px solid var(--color-line);border-radius:18px;padding:14px}.history-row{gap:3px;display:grid}.history-row strong{font-size:.98rem}.history-row span{color:var(--color-muted);font-size:.9rem}.mission-brief,.mission-sidebar{gap:14px;display:grid}.condition-row{color:var(--color-text);align-items:center;gap:10px;display:flex}.condition-row svg{color:var(--color-primary);flex:none}.expression-row,.correction-row{gap:5px;display:grid}.expression-row strong,.correction-row strong,.chat-message__language strong{color:var(--color-text);font-size:1.08rem;font-weight:800}.expression-row span,.correction-row span,.chat-message__language span{color:var(--color-primary);font-size:.95rem}.expression-row p,.correction-row p,.chat-message__language p{color:var(--color-muted);margin:0;font-size:.95rem}.button,.mic-button{background:var(--color-primary);color:#fff;min-height:52px;font:inherit;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;transition:background .16s,opacity .16s,transform .16s;display:inline-flex}.button:hover,.mic-button:hover{background:var(--color-primary-pressed);transform:translateY(-1px)}.button:disabled,.mic-button:disabled{cursor:not-allowed;opacity:.58}.button--secondary{background:var(--color-soft);color:var(--color-primary)}.button--secondary:hover{background:#edf4ff}.button--wide{width:100%}.notice{background:var(--color-soft);border:1px solid var(--color-line);color:var(--color-muted);border-radius:8px;margin:12px 0;padding:14px;font-size:.94rem}.notice--error{color:var(--color-danger);background:#fff6f6;border-color:#e5484d38}.mission-detail{padding-bottom:32px}.conversation-shell{grid-template-rows:auto 1fr auto;min-height:100%;padding-bottom:0;display:grid}.conversation-header{align-items:start}.chat-panel{background:var(--color-soft);align-content:start;gap:12px;min-height:360px;display:grid}.chat-message{background:var(--color-screen);border:1px solid var(--color-line);border-radius:20px 20px 20px 8px;gap:8px;width:92%;padding:14px;display:grid}.chat-message--user{background:var(--color-primary);border-color:var(--color-primary);color:#fff;border-radius:20px 20px 8px;justify-self:end}.chat-message--pending{color:var(--color-muted);background:#eef6ff;border-color:#d8eaff}.typing-indicator{align-items:center;gap:5px;width:fit-content;min-height:22px;display:inline-flex}.typing-indicator__dot{background:var(--color-primary);opacity:.45;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite typing-pulse}.typing-indicator__dot:nth-child(2){animation-delay:.14s}.typing-indicator__dot:nth-child(3){animation-delay:.28s}@keyframes typing-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.typing-indicator__dot{animation:none}}.chat-message--user .chat-message__label,.chat-message--user .chat-message__transcript{color:#fff}.chat-message__header{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.chat-message__label{color:var(--color-faint);font-size:.78rem;font-weight:800;display:block}.chat-message__audio{width:32px;height:32px;color:var(--color-primary);cursor:pointer;background:#eef6ff;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.chat-message__audio:hover{background:#dcecff}.chat-message__language{gap:5px;display:grid}.chat-message__pinyin{font-weight:800}.chat-message__transcript{color:var(--color-text);margin:0;font-size:1.02rem}.chat-message__translation-button{background:var(--color-soft);min-height:34px;color:var(--color-muted);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-self:start;margin-top:5px;padding:7px 11px;font-size:.83rem;font-weight:800}.chat-message__translation-button:hover{color:var(--color-primary);background:#edf4ff}.conversation-controls{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-top:1px solid #e5e8ebcc;gap:12px;margin:14px -16px 0;padding:12px 16px 22px;display:grid;position:sticky;bottom:0}.mission-progress{border:1px solid var(--color-line);background:#fffffff5;border-radius:22px;gap:10px;padding:13px;display:grid;box-shadow:0 10px 28px #191f2814}.mission-progress__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.mission-progress__title,.mission-progress__result{align-items:center;gap:6px;font-weight:900;display:inline-flex}.mission-progress__title{color:var(--color-text);font-size:.98rem}.mission-progress__title svg{color:var(--color-primary)}.mission-progress__result{background:var(--color-soft);min-height:38px;color:var(--color-primary);white-space:nowrap;border-radius:999px;padding:8px 10px;font-size:.83rem}.mission-progress__bar{background:#eef1f4;border-radius:999px;height:6px;overflow:hidden}.mission-progress__bar span{background:var(--color-primary);border-radius:inherit;height:100%;transition:width .18s;display:block}.mission-progress__conditions{gap:6px;display:grid}.mission-progress__condition{min-height:30px;color:var(--color-muted);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;font-size:.86rem;font-weight:800;display:grid}.mission-progress__condition--done{color:var(--color-text)}.mission-progress__status{background:var(--color-soft);color:#b0b8c1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.mission-progress__condition--done .mission-progress__status{color:var(--color-success);background:#e9fbf2}.bottom-nav{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #e5e8ebcc;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:18px -16px -98px;padding:12px 14px 24px;display:grid;position:sticky;bottom:0}.bottom-nav__item{color:#b0b8c1;min-height:50px;font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:4px 0;font-size:.72rem;font-weight:800;display:grid}.bottom-nav__item--active{color:var(--color-text)}.mic-button{width:100%;min-height:58px;box-shadow:var(--shadow-touch);border-radius:18px}.result-panel{background:var(--color-screen);margin:4px 0 0}.result-panel h1{margin-top:18px}.result-panel__status{border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:.9rem;font-weight:800;display:inline-flex}.result-panel__status--success{color:var(--color-success);background:#e9fbf2}.result-panel__status--partial{color:var(--color-warning);background:#fff8e7}.result-panel__status--failure{color:var(--color-danger);background:#fff0f1}.result-panel__hero{border:1px solid #0000;border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:118px;padding:18px;display:grid}.result-panel__hero--success{color:var(--color-success);background:#e9fbf2;border-color:#00a66129}.result-panel__hero--partial{color:var(--color-warning);background:#fff8e7;border-color:#f59f002e}.result-panel__hero--failure{color:var(--color-danger);background:#fff0f1;border-color:#e5484d33}.result-panel__hero-icon{background:#ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.result-panel__hero span,.result-panel__hero small{font-weight:800;display:block}.result-panel__hero span{font-size:.82rem}.result-panel__hero strong{color:var(--color-text);margin-top:2px;font-size:1.42rem;font-weight:900;line-height:1.2;display:block}.result-panel__hero small{color:var(--color-muted);margin-top:6px;font-size:.9rem}.result-condition-groups{gap:12px;margin-top:18px;display:grid}.result-condition-section{gap:8px;display:grid}.result-condition-section__heading{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.result-condition-section__heading h2{color:var(--color-text);margin:0;font-size:1.02rem;font-weight:900}.result-condition-section__heading span{color:var(--color-muted);font-size:.86rem;font-weight:800}.result-condition-list{gap:8px;display:grid}.result-condition-row{border:1px solid var(--color-line);min-height:48px;color:var(--color-text);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:13px 14px;font-size:.94rem;font-weight:800;display:grid}.result-condition-row--done{background:#f2fcf7;border-color:#00a66129}.result-condition-row--done svg{color:var(--color-success)}.result-condition-row--missed{background:#fff7f7;border-color:#e5484d33}.result-condition-row--missed svg{color:var(--color-danger)}.correction-list{margin-top:18px}.correction-row__original{color:var(--color-danger);text-decoration:line-through}.correction-row small{color:var(--color-muted);font-size:.88rem}.result-panel__actions{gap:10px;margin-top:22px;display:grid}@media (max-width:520px){.device-page{padding:0}.phone-frame{width:100%;height:100dvh;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.phone-grabber{display:none}.app-shell,.conversation-shell{padding-top:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}