:root{--paper:#f4eddf;--paper-strong:#fffaf0;--ink:#171717;--muted:#5c574f;--yellow:#f6d54a;--coral:#ff765d;--lilac:#c6b7f5;--mint:#afe4c8;--line:3px solid var(--ink);--shadow:5px 5px 0 var(--ink);--radius:18px;--tap-size:48px;--touch-target-min:44px}@media (prefers-color-scheme:dark){:root{--paper:#191817;--paper-strong:#252321;--ink:#fffaf0;--muted:#d6cfc1;--yellow:#f6d54a;--coral:#ff8f78;--lilac:#bcaaf5;--mint:#9ee2c1;--shadow:5px 5px 0 #000}}*{box-sizing:border-box}body,html{background:var(--paper)}body{margin:0;min-width:320px;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a,button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{width:min(100%,430px);min-height:100svh;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.page-stack{display:flex;flex-direction:column;gap:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px}.wordmark{font-weight:900;letter-spacing:.08em;font-size:.8rem}.topbar h1{margin:1px 0 0;font-size:1.15rem}.eyebrow{margin:0;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.eyebrow,.status-pill{font-size:.72rem;font-weight:800}.status-pill{border:2px solid var(--ink);border-radius:999px;padding:5px 10px;background:var(--mint)}.hero-card{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:34px 22px 28px;border:var(--line);border-radius:var(--radius);background:var(--yellow);box-shadow:var(--shadow);text-align:center}.hero-copy h1{margin:7px 0 10px;font-size:clamp(2rem,11vw,3.2rem);line-height:.98;letter-spacing:-.06em}.hero-copy p:last-child{max-width:29ch;margin:0 auto;line-height:1.45}.button{display:inline-flex;min-height:var(--tap-size);align-items:center;justify-content:center;gap:14px;border:var(--line);border-radius:12px;padding:12px 18px;font-weight:900;text-decoration:none;cursor:pointer}.button-primary{background:var(--ink);color:var(--paper-strong)}.button-wide{width:100%}.button:focus-visible,.icon-button:focus-visible,.text-button:focus-visible,.voice-button:focus-visible{outline:4px solid #1769e0;outline-offset:3px}.info-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;border:2px solid var(--ink);border-radius:12px;background:var(--paper-strong)}.info-strip span{font-size:1.35rem}.info-strip p{margin:0;font-size:.85rem}.conversation-shell{display:flex}.conversation-layout{display:flex;flex:1 1;flex-direction:column;min-height:calc(100svh - max(18px, env(safe-area-inset-top)) - max(24px, env(safe-area-inset-bottom)))}.conversation-topbar{align-items:center}.icon-button{display:inline-grid;width:var(--tap-size);min-width:var(--tap-size);height:var(--tap-size);place-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--paper-strong);color:inherit;font-size:1.3rem;font-weight:900;cursor:pointer;text-decoration:none}.conversation-main{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:15px 0;text-align:center}.conversation-copy h2{margin:5px 0 8px;font-size:clamp(2rem,10vw,3rem);letter-spacing:-.06em}.conversation-copy p:last-child{max-width:31ch;margin:0;color:var(--muted);line-height:1.45}.conversation-controls{padding-top:10px}.conversation-controls,.recorder-controls{display:flex;flex-direction:column;align-items:center;gap:12px}.recorder-controls{width:100%}.voice-button{display:flex;width:100%;min-height:62px;align-items:center;justify-content:center;gap:12px;border:var(--line);border-radius:16px;background:var(--coral);box-shadow:var(--shadow);color:var(--ink);font-weight:900;cursor:pointer}.voice-button-thinking{background:var(--lilac);cursor:wait}.voice-button-speaking{background:var(--mint)}.voice-button-feedback{background:var(--yellow)}.voice-icon{font-size:1.5rem;line-height:1}.voice-button:disabled{opacity:.8}.text-button{min-height:var(--tap-size);border:0;background:transparent;color:var(--ink);text-decoration:underline;cursor:pointer}.privacy-note{margin:0;color:var(--muted);font-size:.72rem}.recorder-preview{width:100%;max-width:350px;min-height:var(--tap-size)}.notice{width:100%;margin:0;padding:10px 12px;border:2px solid var(--ink);border-radius:10px;font-size:.82rem;font-weight:700;text-align:left}.notice-warning{background:var(--yellow)}.notice-error{background:var(--coral)}.transcript-card{width:100%;max-width:350px;padding:13px 15px;border:2px solid var(--ink);border-radius:14px;background:var(--paper-strong);text-align:left}.transcript-label{margin:0 0 5px;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.transcript-text{margin:0;font-size:.9rem;line-height:1.4}.luna-avatar{position:relative;display:grid;width:168px;height:168px;place-items:center}.luna-avatar-small{width:78px;height:78px}.luna-avatar-medium{width:128px;height:128px}.luna-aura{position:absolute;inset:8%;border:2px dashed var(--ink);border-radius:50%;background:var(--lilac)}.luna-head{position:relative;z-index:1;width:66%;height:72%;border:var(--line);border-radius:48% 48% 45% 45%;background:var(--coral)}.luna-face{position:absolute;inset:19% 13% 11%;overflow:hidden;border:2px solid var(--ink);border-radius:47%;background:var(--yellow)}.luna-hair{position:absolute;z-index:2;top:-7%;width:39%;height:67%;border:var(--line);background:var(--ink)}.luna-hair-left{left:-12%;border-radius:40% 0 55% 40%;transform:rotate(16deg)}.luna-hair-right{right:-12%;border-radius:0 40% 40% 55%;transform:rotate(-16deg)}.luna-ear{position:absolute;z-index:0;top:37%;width:18%;height:22%;border:2px solid var(--ink);border-radius:50%;background:var(--coral)}.luna-ear-left{left:-11%}.luna-ear-right{right:-11%}.luna-eye{position:absolute;top:37%;width:9px;height:13px;border-radius:50%;background:var(--ink)}.luna-eye-left{left:26%}.luna-eye-right{right:26%}.luna-cheek{position:absolute;top:55%;width:15px;height:7px;border-radius:50%;background:var(--coral);opacity:.8}.luna-cheek-left{left:14%}.luna-cheek-right{right:14%}.luna-mouth{position:absolute;left:39%;top:64%;width:22%;height:10px;border-bottom:3px solid var(--ink);border-radius:0 0 50% 50%}.luna-state-dot{position:absolute;z-index:2;right:5%;bottom:11%;width:19px;height:19px;border:3px solid var(--ink);border-radius:50%;background:var(--mint)}.luna-state-listening .luna-state-dot{background:var(--coral)}.luna-state-thinking .luna-state-dot{background:var(--lilac)}.luna-state-speaking .luna-state-dot{background:var(--yellow)}.luna-state-feedback .luna-state-dot{background:var(--ink)}.luna-avatar-small .luna-state-dot{width:13px;height:13px;border-width:2px}.luna-avatar-small .luna-eye{width:5px;height:8px}.luna-avatar-small .luna-mouth{height:6px;border-width:2px}@media (min-width:431px){body{padding:18px 0}.app-shell{min-height:calc(100svh - 36px);border:var(--line);border-radius:24px}}@media (prefers-reduced-motion:no-preference){.luna-aura,.luna-state-dot{animation:float 3s ease-in-out infinite}.luna-state-listening .luna-aura{animation-duration:1.1s}.luna-state-thinking .luna-aura{animation:pulse 1s ease-in-out infinite}.luna-state-speaking .luna-mouth{animation:talk .35s ease-in-out infinite alternate}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translateY(-5px)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.75}}@keyframes talk{to{transform:scaleY(.55)}}.button-secondary{border:2px solid var(--ink);background:var(--paper-strong);color:var(--ink)}.conversation-progress{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.progress-track{display:block;flex:1 1;height:8px;overflow:hidden;border:2px solid var(--ink);border-radius:99px;background:var(--paper-strong)}.progress-track span{display:block;height:100%;background:var(--mint);transition:width .2s ease}.luna-visual{display:grid;place-items:center;min-height:168px}.ai-disclosure{max-width:42ch;margin:0;color:var(--muted);font-size:.72rem;line-height:1.4;text-align:center}.feedback-card,.summary-card{width:100%;max-width:380px;padding:18px;border:var(--line);border-radius:var(--radius);background:var(--paper-strong);box-shadow:var(--shadow);text-align:left}.feedback-card-heading h2,.summary-card h2{margin:4px 0 12px;font-size:1.55rem;letter-spacing:-.04em}.feedback-correction{display:grid;grid-gap:9px;gap:9px;padding:13px;border:2px solid var(--ink);border-radius:12px;background:var(--yellow)}.feedback-correction p{margin:0;font-size:.9rem;line-height:1.4}.feedback-correction span{display:block;margin-bottom:2px;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.feedback-explanation{margin:12px 0;line-height:1.45}.feedback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.feedback-actions .button{flex:1 1 100%}.transcript-tools{display:grid;grid-gap:8px;gap:8px;margin:8px 0 14px}.transcript-editor{display:grid;grid-gap:6px;gap:6px;color:var(--muted);font-size:.78rem;font-weight:800}.transcript-editor textarea{width:100%;resize:vertical;border:2px solid var(--ink);border-radius:10px;padding:9px;background:var(--paper);color:var(--ink);line-height:1.4}.notice-info{background:var(--lilac)}.summary-card{background:var(--mint)}.summary-win{display:flex;gap:8px;align-items:flex-start;margin:0 0 14px;font-weight:800;line-height:1.45}.summary-win span{font-size:1.2rem}.summary-details{display:grid;grid-gap:10px;gap:10px;margin:0 0 14px}.summary-details div{padding-top:9px;border-top:2px solid var(--ink)}.summary-details dt{color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.summary-details dd{margin:3px 0 0;line-height:1.4}.summary-expressions{padding:12px;border:2px solid var(--ink);border-radius:12px;background:var(--paper-strong)}.summary-expressions h3{margin:0 0 7px;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}.summary-expressions ul{display:grid;grid-gap:6px;gap:6px;margin:0;padding-left:20px}.summary-expressions li{line-height:1.35}@media (max-width:380px){.app-shell{padding-inline:12px}.conversation-main{gap:12px}.feedback-card,.summary-card{padding:14px}.luna-visual{min-height:138px;transform:scale(.86);transform-origin:center top;margin-bottom:-16px}}@media (orientation:landscape) and (max-height:500px){.conversation-layout{min-height:auto}.conversation-main{display:grid;grid-template-columns:120px 1fr;align-items:center;justify-items:stretch;grid-gap:8px 14px;gap:8px 14px}.luna-visual{grid-row:span 2;min-height:120px}.conversation-main .ai-disclosure,.conversation-main .feedback-card,.conversation-main .summary-card{grid-column:1/-1}}.private-links{display:flex;justify-content:center;gap:16px;font-size:.82rem;font-weight:800}.private-links a{text-decoration:underline}.progress-hero{align-items:stretch;text-align:left}.progress-hero h1{margin:2px 0 0;font-size:clamp(2rem,10vw,3rem)}.progress-hero p:not(.eyebrow){margin:0;line-height:1.45}