*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:none;-ms-overflow-style:none;overflow:hidden}html::-webkit-scrollbar{display:none}body{scrollbar-width:none;-ms-overflow-style:none;color:#fff;width:100%;height:100vh;max-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body::-webkit-scrollbar{display:none}.app-container{background:linear-gradient(#0a0a0f 0%,#1a0b2e 50%,#2d1b4e 100%);flex-direction:column;height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}.app-container:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#8a2be226 0%,#0000 50%),radial-gradient(circle at 80% 70%,#9333ea1a 0%,#0000 50%);position:absolute;inset:0}.flex{display:flex}.flex-1{flex:1;min-height:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-4{padding:1rem}.overflow-hidden{overflow:hidden}.scrollbar-hide,.phona-diagnostics-float .phona-diagnostics-body,.phona-debug-events{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.phona-diagnostics-float .phona-diagnostics-body::-webkit-scrollbar{display:none}.phona-debug-events::-webkit-scrollbar{display:none}.relative{position:relative}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-full{width:100%}.space-y-4>*+*{margin-top:1rem}.block{display:block}.text-white{color:#fff}button{justify-content:center;align-items:center;font-family:inherit;display:inline-flex}.glass-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#8a2be226;border:1px solid #9333ea66;border-radius:16px;transition:all .3s}.glass-button:hover{background:#9333ea40;transform:translateY(-2px)}.glass-button:disabled{cursor:not-allowed;opacity:.5}.glass-button-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#14141e99;border:2px solid #9333ea4d;border-radius:16px;transition:all .3s}.glass-button-secondary:hover{background:#1e1e2dcc;border-color:#9333ea80;transform:translateY(-2px)}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14142380;border:1px solid #9333ea33;border-radius:24px;box-shadow:0 4px 24px #0000004d}.input-wrapper{width:100%;position:relative}.glass-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#14142399;border:1px solid #9333ea4d;border-radius:12px;width:100%;padding:14px 48px 14px 16px;font-size:16px}.glass-input::placeholder{color:#fff6}.input-icon{color:#9333eab3;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-icon-right{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:8px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-icon-right:hover{color:#9333ea}.logo-small{object-fit:contain;filter:drop-shadow(0 5px 25px #8a2be266);width:80px;height:80px}.content-wrapper{z-index:1;position:relative}.landing-nav{z-index:100;background:0 0;position:absolute;top:0;left:0;right:0}.nav-inner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:80rem;margin:0 auto;padding:1.25rem clamp(1rem,4vw,2rem);display:flex}.nav-links{align-items:center;gap:1rem;display:flex}.nav-logo{object-fit:contain;width:96px;height:96px}.nav-btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:9999px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.nav-btn-secondary:hover{background:#ffffff26}.nav-btn-primary{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);border:none;border-radius:9999px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.hero-section{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:clamp(2rem,4vh,5rem) 1.5rem;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.hero-orb{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#9333ea4d 0%,#8a2be21a 40%,#0000 70%);border-radius:50%;width:800px;height:800px;animation:8s ease-in-out infinite orbPulse;position:absolute;top:-200px;left:50%;transform:translate(-50%)}@keyframes orbPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:.8;transform:translate(-50%)scale(1.1)}}.beta-badge{color:#a855f7e6;background:#9333ea26;border:1px solid #9333ea4d;border-radius:24px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.hero-title{color:#fff;letter-spacing:-.02em;font-size:clamp(56px,10vw,100px);font-weight:800;line-height:1.1}.hero-gradient{background:linear-gradient(135deg,#a855f7 0%,#c084fc 50%,#e0c3fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#fff9;max-width:780px;margin:0 auto;font-size:22px;line-height:1.8}.hero-subtitle-spacing{margin-bottom:2.5rem}.hero-cta-single{margin-top:2rem;display:inline-flex}.hero-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);border:none;border-radius:14px;padding:20px 48px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.hero-primary-btn:hover{transform:translateY(-2px)}.hero-secondary-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14142399;border:1px solid #9333ea4d;border-radius:12px;padding:16px 40px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.hero-secondary-btn:hover{background:#1e1e2dcc;border-color:#9333ea80;transform:translateY(-2px)}.dashboard-panel{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#0f0f19cc;border:1px solid #9333ea33;border-radius:16px;max-width:800px;margin:0 auto;padding:24px;box-shadow:0 20px 60px #00000080}.dashboard-content{background:#0a0a1480;border:1px solid #9333ea1a;border-radius:12px;padding:20px}.dashboard-card{color:#fff;text-align:center;cursor:pointer;background:#9333ea1a;border:1px solid #9333ea33;border-radius:8px;padding:16px;font-size:13px;text-decoration:none;transition:background .2s;display:block}.dashboard-card:hover{background:#9333ea33}.dashboard-list{flex-direction:column;gap:8px;display:flex}.dashboard-item{color:#ffffffb3;background:#14142380;border:1px solid #9333ea1a;border-radius:6px;padding:12px 16px;font-size:13px;text-decoration:none;transition:background .2s}.dashboard-item:hover{color:#fff;background:#1e1e2d99}.sound-chip{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #9333ea4d;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.sound-chip:hover{background:#ffffff26}.sound-chip-selected{color:#fff;background:#9333ea80;border-color:#9333ea99}.text-white\/60{color:#fff9}.color-green{color:#4ade80}.color-amber{color:#fbbf24}.text-white\/70{color:#ffffffb3}.text-white\/50{color:#ffffff80}.transition-colors{transition:color .2s}.phona-chat{flex-direction:column;gap:1.5rem;min-height:300px;display:flex}.phona-message-wrap{align-items:flex-end;gap:.75rem;max-width:95%;animation:.4s ease-out phona-message-enter;display:flex}.phona-message-wrap-bot{align-self:flex-start}.phona-message-wrap-user{flex-direction:row-reverse;align-self:flex-end}.phona-avatar{background:#9333ea33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.phona-avatar img{object-fit:contain;width:32px;height:32px}.phona-message{border-radius:18px;max-width:85%;padding:14px 18px;font-size:16px;line-height:1.5}.phona-message-enter{animation:.4s ease-out phona-message-enter}@keyframes phona-message-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.phona-message-bot{background:#9333ea33;border:1px solid #9333ea4d}.phona-message-user{background:#ffffff1a;border:1px solid #fff3}.phona-typing-indicator{background:#9333ea33;border:1px solid #9333ea4d;border-radius:18px;align-items:center;gap:5px;padding:14px 18px;display:flex}.phona-typing-dot{background:#ffffffb3;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite phona-typing-bounce}.phona-typing-dot:nth-child(2){animation-delay:.2s}.phona-typing-dot:nth-child(3){animation-delay:.4s}@keyframes phona-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.phona-input-section{margin-top:1rem}.phona-input-row{align-items:center;gap:.75rem;display:flex}.phona-input{border-radius:14px;flex:1;font-size:16px;padding:14px 18px!important}.phona-send{border-radius:14px;padding:14px 24px;font-size:16px}.phona-input-hint{color:#ffffff80;margin-top:.5rem;margin-left:.25rem;font-size:13px}.phona-option{text-align:left;width:100%;max-width:280px;padding:14px 20px}.phona-option-okay{color:#fff9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;align-self:flex-start;padding:8px 20px;font-size:13px}.phona-option-okay:hover{color:#fffc;background:#ffffff1f}.phona-tutorial-options{flex-wrap:wrap;align-self:flex-start;gap:.75rem;margin-top:.5rem;display:flex}.phona-option-btn{cursor:pointer;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:500}.phona-option-primary{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);border:none}.phona-option-primary:hover{opacity:.9;transform:translateY(-1px)}.phona-option-secondary{color:#ffffffe6;background:#ffffff1a;border:1px solid #ffffff4d}.phona-option-secondary:hover{color:#fff;background:#ffffff26}.phona-header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;display:flex}.phona-back-link{color:#fff9;font-size:14px;text-decoration:none}.phona-back-link:hover{color:#fff}.phona-logo-link{cursor:pointer;display:flex}.phona-header-logo{object-fit:contain;width:96px;height:96px}.app-content-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow:hidden auto}.app-content-scroll::-webkit-scrollbar{display:none}.phona-practice-fixed{overflow:hidden!important}.login-header{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;display:flex}.dashboard-title{color:#fff;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.dashboard-subtitle{color:#ffffffbf;margin-bottom:1.5rem;font-size:1rem;line-height:1.5}.dashboard-tip{color:#fff9;background:#9333ea1a;border-left:3px solid #9333ea80;border-radius:12px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}.dashboard-daily-progress{cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s;display:inline-flex}.dashboard-daily-progress:hover{background:#9333ea40;transform:translateY(-1px)}.dashboard-daily-label{color:#ffffffb3;font-size:.875rem}.dashboard-daily-value{color:#fff;font-size:1.125rem;font-weight:700}.dashboard-section-title{color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.dashboard-section-desc{color:#fff9;margin-bottom:1.25rem;font-size:.875rem}.dashboard-recommended{margin-bottom:2rem;padding:1.25rem 1.5rem}.dashboard-recommended-text{color:#ffffffd9;margin-bottom:1rem}.dashboard-practice-btn{color:#fff;cursor:pointer;background:#8a2be233;border:1px solid #9333ea66;border-radius:14px;justify-content:center;align-items:center;min-width:140px;min-height:48px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.dashboard-practice-btn:hover,.dashboard-practice-btn:focus{color:#fff;background:#9333ea59;border-color:#9333ea99;transform:translateY(-2px);box-shadow:0 4px 16px #8a2be24d}.dashboard-practice-btn:focus-visible{outline-offset:2px;outline:2px solid #9333eacc}.dashboard-practice-btn-primary{background:#8a2be24d;border-color:#9333ea80}.dashboard-cards{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-card{padding:1.25rem 1.5rem;transition:all .25s}.dashboard-card:hover,.dashboard-card:focus-within{background:#19192d99;border-color:#9333ea59;box-shadow:0 6px 28px #00000059}.dashboard-card-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.dashboard-card-text{flex:1;min-width:0}.dashboard-card-title{color:#fff;margin-bottom:.35rem;font-size:1.25rem;font-weight:700}.dashboard-card-examples{color:#fff9;font-size:.875rem;line-height:1.4}.dashboard-recent{padding:1.25rem 1.5rem}.dashboard-recent-list{flex-direction:column;gap:.5rem;display:flex}.dashboard-recent-list>div{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}@media (max-width:640px){.dashboard-stats{grid-template-columns:1fr}.dashboard-card-content{flex-direction:column;align-items:stretch}.dashboard-practice-btn{width:100%;min-height:52px}}.phona-tutorial-progress-wrap{align-items:center;gap:.75rem;width:100%;max-width:320px;margin-bottom:1rem;display:flex}.phona-tutorial-progress-bar{background:#ffffff26;border-radius:4px;flex:1;height:8px;overflow:hidden}.phona-tutorial-progress-fill{background:linear-gradient(90deg,#a855f7,#9333ea);border-radius:4px;height:100%;transition:width .3s}.phona-tutorial-progress-label{color:#ffffffe6;min-width:2rem;font-size:.875rem;font-weight:600}.phona-header-progress{flex:1;max-width:280px;margin-left:1rem}.phona-fresh-container{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.75rem;padding-top:1rem;display:flex}.phona-fresh-view{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;width:100%;display:flex}.phona-target-row{flex-direction:column;align-items:center;gap:1rem;display:flex}.phona-target-word-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}.phona-target-word-center{color:#fff;letter-spacing:.02em;font-size:5rem;font-weight:700}.phona-target-phonetics{color:#ffffffb3;letter-spacing:.05em;font-size:1.5rem;font-weight:500}.phona-play-section{flex-direction:column;align-items:center;gap:.75rem;display:flex}.phona-play-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.phona-play-btn{align-items:center;gap:.5rem;padding:12px 24px;font-size:16px;display:inline-flex}.phona-rate-toggle{gap:.35rem;display:flex}.phona-rate-btn{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #9333ea4d;border-radius:8px;padding:8px 16px;font-size:14px}.phona-rate-btn:hover{background:#ffffff26}.phona-rate-active{color:#fff;background:#9333ea4d;border-color:#9333ea80}.phona-tts-fallback{color:#fbbf24;font-size:14px}.phona-speak-tip{color:#fff9;font-size:15px}.phona-complete-view{text-align:center;flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.phona-complete-message{max-width:400px}.phona-complete-title{color:#fff;margin-bottom:.75rem;font-size:2rem;font-weight:700}.phona-complete-subtitle{color:#fffc;font-size:1.125rem;line-height:1.6}.phona-continue-btn{padding:16px 32px;font-size:1.125rem;font-weight:600}.phona-status-wrap{flex-direction:column;align-items:center;gap:.5rem;display:flex}.phona-status{min-height:1.75rem;font-size:1.125rem}.phona-feedback{color:#ffffffe6;font-size:1rem}.phona-status-idle{color:#ffffff8c}.phona-status-listening{color:#60a5fa}.phona-status-success{color:#4ade80}.phona-status-error{color:#f87171}.phona-mic-large{color:#fff;cursor:pointer;background:linear-gradient(145deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:150px;height:150px;margin-top:.75rem;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 32px #4f46e566}.phona-mic-large:hover{transform:scale(1.05);box-shadow:0 12px 40px #4f46e580}.phona-mic-listening{background:linear-gradient(145deg,#6366f1 0%,#4f46e5 100%);animation:1.5s ease-in-out infinite phonaMicGlow}.phona-mic-listening:before{content:"";pointer-events:none;background:linear-gradient(135deg,#6366f166,#0000);border-radius:50%;animation:1.2s ease-out infinite phonaWave;position:absolute;inset:-8px}@keyframes phonaMicGlow{0%,to{box-shadow:0 8px 32px #4f46e566}50%{box-shadow:0 8px 48px #6366f199}}@keyframes phonaWave{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.3)}}.phona-mic-large svg{flex-shrink:0}.phona-mic-label{font-size:14px;font-weight:600}.phona-practice{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.phona-target-word{color:#fff;font-size:2rem;font-weight:700}.phona-transcript{color:#fffc;min-height:1.5rem;font-style:italic}.phona-mic{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9333ea 0%,#7c3aed 100%);border:3px solid #9333ea80;border-radius:50%;width:80px;height:80px;font-size:16px;transition:all .2s}.phona-mic:hover{transform:scale(1.05)}.phona-mic-active{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);animation:1s ease-in-out infinite phonaPulse}@keyframes phonaPulse{0%,to{box-shadow:0 0 #9333ea80}50%{box-shadow:0 0 0 12px #9333ea00}}.phona-retry{max-width:160px;padding:10px 20px}.phona-error{color:#f87171;font-size:14px}.phona-diagnostics-float{z-index:1000;flex-direction:column;align-items:flex-end;display:flex;position:fixed;bottom:24px;right:24px}.phona-diagnostics-toggle{color:#fff;cursor:pointer;background:#0f0f19e6;border:1px solid #9333ea66;border-radius:12px;align-items:center;gap:.5rem;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #0000004d}.phona-diagnostics-toggle:hover{background:#1e1e32f2;border-color:#9333ea99}.phona-diagnostics-toggle-open{border-bottom-right-radius:0;border-bottom-left-radius:0}.phona-diagnostics-panel{opacity:0;max-height:0;transition:max-height .3s,opacity .25s,transform .25s;overflow:hidden;transform:translateY(8px)}.phona-diagnostics-panel-open{opacity:1;max-height:60vh;transform:translateY(0)}.phona-diagnostics-float .phona-diagnostics-body{background:#0f0f19f2;border:1px solid #9333ea40;border-top:none;border-radius:0 0 12px 12px;width:min(92vw,420px);max-width:420px;max-height:60vh;padding:1rem 1.25rem;overflow-y:auto;box-shadow:0 8px 32px #0006}.phona-diagnostics-header-row{background:#141423e6;border:1px solid #9333ea40;border-bottom:none;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.phona-diagnostics-header{font-size:14px;font-weight:600}.phona-diagnostics-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;padding:4px}.phona-diagnostics-close:hover{color:#fff}.phona-diagnostics{color:#ffffffd9;background:#0f0f19cc;border:1px solid #9333ea40;border-radius:12px;width:100%;max-width:480px;margin-top:2rem;padding:1rem 1.25rem;font-size:13px}.phona-diagnostics-header{margin-bottom:.75rem;font-weight:600}.phona-diagnostic-row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.75rem;display:flex}.phona-diagnostic-btn{padding:6px 12px;font-size:12px}.phona-diagnostic-result{color:#ffffffe6}.phona-level-bar{background:#fff3;border-radius:4px;width:80px;height:8px;overflow:hidden}.phona-level-fill{background:linear-gradient(90deg,#22c55e,#84cc16);height:100%;transition:width .1s}.phona-level-value{min-width:24px;font-weight:600}.phona-diagnostic-warn{color:#fbbf24;font-size:12px}.phona-debug-panel{border-top:1px solid #ffffff1a;margin-top:.75rem;padding-top:.75rem}.phona-debug-row{margin-bottom:.25rem}.phona-debug-label{color:#fff9;margin-right:.5rem}.phona-debug-value{font-family:monospace}.phona-debug-error{color:#f87171}.phona-targeted-msg{color:#fbbf24;margin-top:.5rem}.phona-debug-events{color:#ffffffb3;max-height:120px;margin-top:.5rem;font-family:monospace;font-size:11px;overflow-y:auto}.phona-debug-event{padding:2px 0}.phona-device-guidance{color:#ffffffb3;margin-top:.75rem;font-size:12px;line-height:1.4}.phona-device-list{color:#fff9;margin-top:.25rem;font-size:11px}.phona-interpret-note{color:#fff9;background:#0003;border-radius:6px;margin-top:.75rem;padding:.5rem;font-size:11px;line-height:1.4}.phona-interpret-list{margin:.25rem 0 0 1rem;padding-left:.5rem}.phona-interpret-list li{margin-bottom:.15rem}@media (max-width:768px){.hero-title{font-size:clamp(44px,12vw,56px)}.hero-subtitle{font-size:18px}.phona-target-word-center{font-size:4rem}.phona-mic-large{width:100px;height:100px}}