:root{--ink:#34333d;--muted:#7c7d87;--shell:#d8e7e5;--screen:#f7f8fb;--card:#fff;--mint:#cde7e3;--pink:#ffb4c7;--pink-soft:#ffe3ea;--blue:#cddcf8;--cream:#fff0d6;--sun:#ffe39a;--lavender:#e4ddff;--amber:#9a6a18;--teal:#248e87;--nav:#34333d;--shadow:0 18px 36px #34333d24}*{box-sizing:border-box}html,body{background:var(--shell);min-width:320px;min-height:100vh}body{color:var(--ink);margin:0;font-family:Trebuchet MS,Segoe UI,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:#248e8724;border:0}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #248e8742}img{max-width:100%;display:block}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.phone-frame{background:var(--screen);border:10px solid #fff;border-radius:42px;width:min(100%,430px);min-height:min(860px,100vh - 48px);max-height:calc(100vh - 48px);padding:26px 22px 108px;position:relative;overflow:auto;box-shadow:0 30px 70px #34333d38}.phone-frame.focused-scene{align-items:center;padding:18px 18px 104px;display:grid}.phone-frame::-webkit-scrollbar{width:0}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;margin-bottom:14px;display:grid}.brand-pill{background:var(--mint);width:fit-content;color:var(--teal);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin:0;padding:8px 12px;font-size:.74rem;font-weight:900;display:inline-flex}.brand-lockup{color:var(--ink);align-items:center;gap:8px;font-size:1.02rem;font-weight:950;line-height:1;display:inline-flex}.brand-mark{object-fit:contain;width:42px;height:42px;display:block}.brand-word{letter-spacing:-.02em}.topbar h1{letter-spacing:-.045em;max-width:320px;margin:0;font-size:clamp(2.05rem,10vw,3.1rem);line-height:.97}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:.76rem;font-weight:900}h2,p{margin-top:0}h2{letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(1.75rem,8vw,2.5rem);line-height:1}.muted{color:var(--muted);line-height:1.55}.panel{background:var(--card);box-shadow:var(--shadow);border-radius:30px;padding:22px;position:relative;overflow:hidden}.choice-button,.ghost-button,.text-button,.icon-button,.primary-button,.button-row button{cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:850;display:inline-flex}.button-icon{flex:none;width:20px;height:20px;display:inline-block;position:relative}.camera-icon{border:3px solid;border-radius:6px}.camera-icon:before{content:"";background:currentColor;border-radius:4px 4px 0 0;width:8px;height:5px;position:absolute;top:-6px;left:3px}.camera-icon:after{content:"";border:2px solid;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.saved-icon{border:3px solid;border-radius:5px}.saved-icon:before,.saved-icon:after{content:"";background:currentColor;position:absolute}.saved-icon:before{height:3px;top:5px;left:4px;right:4px}.saved-icon:after{height:3px;top:11px;left:4px;right:4px}.arrow-icon:before{content:"";border-top:3px solid;border-right:3px solid;position:absolute;inset:4px;transform:rotate(45deg)}.review-icon{border:3px solid;border-radius:50%}.review-icon:before{content:"";background:currentColor;border-radius:2px;width:3px;height:8px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.review-icon:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.retake-icon:before{content:"";border:3px solid;border-right-color:#0000;border-radius:50%;position:absolute;inset:3px}.retake-icon:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:7px solid;position:absolute;top:2px;right:1px;transform:rotate(-22deg)}.scan-icon{border:3px solid;border-radius:5px}.scan-icon:before{content:"";background:currentColor;border-radius:999px;height:3px;position:absolute;top:50%;left:3px;right:3px;transform:translateY(-50%)}.ghost-button,.button-row button{color:var(--ink);background:#fff;box-shadow:0 10px 22px #34333d1a}.ghost-button{align-self:start;padding:0 14px}.text-button{min-height:0;color:var(--teal);background:0 0}.icon-link{background:#fff;border-radius:50%;width:42px;height:42px;min-height:42px;box-shadow:0 10px 18px #34333d1a}.section-link{min-height:0;color:var(--teal);background:0 0;border-radius:0;padding:0;font-size:.86rem;font-weight:900}.review-link{color:#655ca8}.primary-button{background:var(--teal);color:#fff;box-shadow:0 16px 26px #248e873d}.home-dashboard,.result-layout,.preview-panel{grid-template-columns:1fr;gap:16px;display:grid}.focused-scene .preview-panel{gap:18px;padding:18px}.action-panel{background:var(--pink-soft);touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(112px,.78fr) minmax(0,1fr);align-items:stretch;gap:0;height:252px;min-height:0;padding:0;display:grid}.action-panel.slide-next{animation:.32s both slide-card-next}.action-panel.slide-previous{animation:.32s both slide-card-previous}@keyframes slide-card-next{0%{opacity:.7;transform:translate(26px)}to{opacity:1;transform:translate(0)}}@keyframes slide-card-previous{0%{opacity:.7;transform:translate(-26px)}to{opacity:1;transform:translate(0)}}.action-panel.blue{background:var(--blue)}.action-panel.mint{background:var(--mint)}.hero-art-panel{border-radius:30px 0 0 30px;grid-area:1/1;place-items:center;min-height:0;padding:18px 8px 18px 22px;display:grid}.action-panel.reversed .hero-art-panel{border-radius:0 30px 30px 0;grid-column:2;padding:18px 22px 18px 8px}.hero-illustration{mix-blend-mode:multiply;object-fit:contain;width:100%;max-width:none;height:214px;margin-left:-10px}.hero-illustration.capture{width:min(118%,224px)}.hero-illustration.learn{width:min(96%,174px);height:214px}.action-panel.reversed .hero-illustration{margin-left:0;margin-right:0}.hero-illustration.flipped{transform:scaleX(-1)}.hero-copy-panel{background:0 0;border-radius:0 30px 30px 0;grid-area:1/2;align-content:center;min-height:0;padding:24px 22px 24px 8px;display:grid}.action-panel.reversed .hero-copy-panel{border-radius:30px 0 0 30px;grid-column:1;padding:24px 8px 24px 22px}.hero-copy-panel h2{max-width:180px;margin-bottom:10px;font-size:clamp(1.45rem,5.6vw,2rem);line-height:1.03}.hero-copy-panel p{max-width:190px;color:var(--muted);margin-bottom:18px;font-size:.92rem;line-height:1.38}.carousel-dots{z-index:2;gap:7px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.carousel-dots button{background:#34333d3d;border-radius:50%;width:8px;height:8px;min-height:8px;padding:0}.carousel-dots button[aria-current=true]{background:var(--teal);border-radius:999px;width:22px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:6px 0 12px;display:flex}.section-heading h2{letter-spacing:-.01em;margin:0;font-size:1.05rem}.dashboard-section{gap:10px;display:grid}.summary-block{background:var(--sun);border-radius:26px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.summary-block div{background:#ffffff7a;border-radius:22px;min-height:92px;padding:14px}.summary-block span,.feature-card span{color:var(--muted);line-height:1.35;display:block}.summary-block strong{color:var(--ink);margin-top:6px;font-size:1.35rem;line-height:1.08;display:block}.daily-challenge-card{background:var(--cream);border-radius:26px;align-content:center;gap:10px;min-height:132px;padding:20px;display:grid;position:relative}.daily-challenge-card.completed{padding-top:46px}.daily-challenge-card span{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900;line-height:1.35;display:block}.daily-challenge-card strong{color:var(--ink);font-size:1.55rem;line-height:1.04;display:block}.daily-challenge-card p{color:var(--muted);margin:0;font-size:.94rem;line-height:1.4}.mission-sticker{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;background:#fff;border-radius:999px;padding:8px 11px;font-size:.72rem;font-weight:900;position:absolute;top:14px;right:14px;transform:rotate(2deg)}.mission-action{min-height:46px;color:var(--teal);background:#fff;border-radius:999px;justify-self:start;align-items:center;gap:9px;margin-top:4px;padding:0 16px;font-weight:900;display:inline-flex;box-shadow:0 10px 18px #34333d1a}.stack-list{gap:12px;display:grid}.feature-card{background:var(--cream);border-radius:26px;grid-template-columns:82px 1fr;align-items:center;gap:14px;min-height:116px;padding:14px;display:grid}.feature-card:nth-child(2n){background:var(--mint)}.words-section .feature-card{background:var(--mint);border-radius:22px;grid-template-columns:64px 1fr;gap:12px;min-height:88px;padding:10px 12px}.words-section .feature-card:nth-child(2n){background:var(--mint)}.words-section .feature-card img{border-radius:18px;width:64px}.words-section .feature-card strong{margin-bottom:2px;font-size:1rem}.words-section .feature-card span{font-size:.9rem}.words-section .empty-state{grid-template-columns:1fr;align-items:start;padding:14px}.feature-card img{aspect-ratio:1;object-fit:cover;border-radius:22px;width:82px}.feature-card strong{margin-bottom:4px;font-size:1.12rem;display:block}.feature-card button{min-width:42px;min-height:42px;color:var(--teal);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-weight:850;display:inline-flex}.empty-state,.review-card{grid-template-columns:1fr auto}.feature-card.review-card{background:var(--lavender)}.feature-card.review-card button{color:#655ca8}.feature-card.review-card .review-action{white-space:nowrap;min-width:92px;padding:0 12px}.photo-preview,.review-image{object-fit:cover;width:100%;box-shadow:var(--shadow);background:#edf5f5;border-radius:28px}.photo-preview{aspect-ratio:4/3;max-height:460px}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.button-row button{flex:130px;padding:0 14px}.result-card .button-row{margin-top:0}.challenge-result-card{gap:14px;padding:22px;display:grid}.challenge-result-card.passed{background:var(--mint)}.challenge-result-card.missed{background:var(--pink-soft)}.challenge-result-card h2{margin-bottom:0}.challenge-result-card strong,.challenge-result-card span{display:block}.challenge-result-card p{color:var(--muted);line-height:1.45}.mission-learning-callout{background:#ffffff7a;border-radius:22px;padding:14px}.mission-learning-callout span{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900}.mission-learning-callout strong{margin-top:4px;font-size:1.45rem}.loading-panel,.review-panel{text-align:center;place-items:center;min-height:560px;display:grid}.scanner{background:var(--cream);border-radius:36px;width:132px;height:132px;animation:1.35s ease-in-out infinite soft-float;position:relative}.scanner:before{content:"";background:var(--teal);border:10px solid #fff;border-radius:50%;position:absolute;inset:33px}.scanner:after{content:"· ·";color:var(--teal);letter-spacing:.15em;font-size:2rem;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}@keyframes soft-float{0%{transform:translateY(0)}50%{transform:translateY(-9px)}to{transform:translateY(0)}}.result-card{gap:20px;padding:18px;display:grid}.result-summary{background:var(--mint);border-radius:26px;padding:20px}.result-summary h2{color:var(--teal);margin-bottom:4px}.confidence{color:var(--teal);text-transform:uppercase;background:#fff;border-radius:999px;margin-bottom:18px;padding:9px 13px;font-size:.82rem;font-weight:900;display:inline-flex}.confidence.medium{color:#9a6a18}.result-language{gap:10px;margin:0;display:grid}.result-language>label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:.82rem;font-weight:850}.select-pill{position:relative}.result-language select{appearance:none;background:var(--blue);width:100%;min-height:62px;color:var(--ink);border:0;border-radius:18px;padding:0 54px 0 18px;font-weight:760}.result-language select:disabled{opacity:.72}.select-pill span{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);pointer-events:none;width:10px;height:10px;position:absolute;top:50%;right:21px;transform:translateY(-68%)rotate(45deg)}.sentence-card{background:var(--pink-soft);border-radius:24px;gap:14px;margin:0;padding:20px;display:grid}.translation-loading-card{justify-items:start}.mini-spinner{border:4px solid #248e872e;border-top-color:var(--teal);border-radius:50%;width:34px;height:34px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.speech-line{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.speech-line.sentence{border-top:1px solid #34333d1a;padding-top:14px}.sentence-card strong{font-size:1.1rem;display:block}.translated-word{color:var(--teal);letter-spacing:-.04em;margin-bottom:2px;font-size:clamp(1.75rem,7vw,2.5rem);font-weight:900}.reading{color:var(--muted);margin-top:3px;font-size:.95rem;line-height:1.4;display:block}.example-translation{margin-top:10px;display:block}.sentence-card span{color:var(--muted)}.audio-button{min-height:40px;color:var(--teal);background:#fff;border-radius:999px;padding:0 13px;font-size:.82rem;font-weight:850}.alternatives{flex-wrap:wrap;gap:8px;margin:0;display:flex}.alternatives span{background:var(--lavender);color:#655ca8;border-radius:999px;padding:8px 12px;font-weight:800}.duplicate-prompt{background:var(--cream);border-radius:22px;gap:6px;padding:14px;display:grid}.duplicate-prompt strong,.duplicate-prompt span{display:block}.duplicate-prompt span{color:var(--muted);line-height:1.35}.duplicate-prompt button{min-height:34px;color:var(--teal);background:#fff;border-radius:999px;justify-self:start;padding:0 12px;font-size:.82rem;font-weight:900}.vocab-grid{gap:12px;display:grid}.vocab-card{background:var(--mint);border-radius:24px;grid-template-columns:78px 1fr 40px;align-items:center;gap:12px;padding:12px;display:grid}.vocab-card:nth-child(2n){background:var(--mint)}.vocab-card img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:78px}.vocab-card strong,.vocab-card span,.vocab-card small{display:block}.vocab-card strong{font-size:1.08rem}.vocab-card span,.vocab-card small{color:var(--muted)}.icon-button{background:#fff;min-height:40px}.vocab-card .icon-button{color:#34333d94;min-width:32px;min-height:32px;box-shadow:none;background:0 0;padding:0;font-size:1.05rem}.delete-confirm{border-top:1px solid #248e8724;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:10px;padding-top:10px;display:grid}.delete-confirm span{color:var(--ink);font-size:.86rem;font-weight:900}.delete-confirm div{gap:6px;display:flex}.delete-confirm button{min-height:32px;color:var(--teal);background:#fff;border-radius:999px;padding:0 10px;font-size:.78rem;font-weight:900}.delete-confirm .danger-button{color:#9d304a;background:#fff0f3}.review-image{aspect-ratio:4/3;max-width:320px}.answer-card{background:var(--lavender);color:#655ca8;border-radius:24px;padding:18px 24px;font-size:2rem;font-weight:900}.error-message{color:#9d304a;background:#fff0f3;border-radius:20px;padding:12px 14px;font-weight:800}.profile-panel{gap:16px;display:grid}.profile-header{grid-template-columns:82px 1fr;align-items:center;gap:14px;display:grid}.profile-avatar{aspect-ratio:1;background:var(--lavender);color:#655ca8;border:6px solid #fff;border-radius:50%;place-items:center;width:82px;padding:0;display:grid;overflow:hidden;box-shadow:0 12px 22px #34333d1f}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar span{font-size:2rem;font-weight:950}.profile-panel h2{margin:4px 0 6px;font-size:2rem;line-height:1.05}.profile-name-edit{gap:8px;display:grid}.profile-name-edit input{background:#fff;border-radius:16px;width:100%;min-height:42px;padding:0 12px;font-weight:850}.profile-name-edit div{gap:8px;display:flex}.profile-name-edit button{min-height:34px;color:var(--teal);background:#fff;border-radius:999px;padding:0 12px;font-size:.82rem;font-weight:900}.profile-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-hero div,.profile-stats div{border-radius:24px;padding:14px}.profile-hero div{background:var(--lavender)}.profile-hero span,.profile-stats span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;display:block}.profile-hero strong{color:#655ca8;margin-top:8px;font-size:2.6rem;line-height:.92;display:block}.profile-hero small{color:#655ca8;font-weight:900}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.profile-stats div{background:var(--mint)}.profile-stats div:nth-child(2n){background:var(--cream)}.profile-stats strong{color:var(--ink);margin-top:6px;font-size:1.5rem;display:block}.profile-recent{gap:10px;display:grid}.profile-word{background:var(--mint);border-radius:20px;grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.profile-word img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:54px}.profile-word strong,.profile-word span{display:block}.profile-word span{color:var(--muted)}.bottom-nav{z-index:20;background:var(--nav);border-radius:28px;grid-template-columns:repeat(5,1fr);align-items:center;gap:6px;width:min(100% - 48px,394px);min-height:74px;padding:8px 12px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #34333d3d}.bottom-nav button{color:#fff;background:0 0;border-radius:18px;place-items:center;min-height:48px;font-size:1.3rem;display:grid}.nav-icon{filter:brightness(0)invert();object-fit:contain;width:26px;height:26px;display:block}.bottom-nav .nav-camera{background:var(--teal);border-radius:50%;width:72px;height:72px;min-height:72px;margin:-34px auto 0;box-shadow:0 16px 26px #248e8757}.nav-camera img{object-fit:contain;width:58px;height:58px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:520px){.app-shell{min-height:100vh;padding:0;display:block}.phone-frame{border:0;border-radius:0;width:100%;min-height:100vh;max-height:none;padding:22px 18px 128px;position:relative}.phone-frame.focused-scene{min-height:100vh;padding:14px 14px 116px}.bottom-nav{width:calc(100% - 32px);bottom:14px}}@media (max-width:390px){.action-panel{grid-template-columns:1fr;height:390px}.hero-art-panel,.action-panel.reversed .hero-art-panel{border-radius:30px 30px 0 0;grid-area:1/1;min-height:236px;padding:22px 18px 0}.hero-illustration,.action-panel.reversed .hero-illustration{width:min(88%,260px);height:208px;margin:0 auto}.hero-illustration.learn,.action-panel.reversed .hero-illustration.learn{width:min(70%,190px);height:208px}.hero-copy-panel,.action-panel.reversed .hero-copy-panel{border-radius:0 0 30px 30px;grid-area:2/1;min-height:154px;padding:0 24px 46px}.hero-copy-panel h2{max-width:none}}@media (prefers-reduced-motion:reduce){.action-panel.slide-next,.action-panel.slide-previous,.mini-spinner{animation:none}}