*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:#f2ede6;color:#1a1a1a;font-family:Arial,sans-serif}button,input{font:inherit}.route-anchor{position:absolute;width:0;height:0;overflow:hidden}.sign-in-screen{height:100vh;height:100dvh;min-height:320px;overflow:auto;background:linear-gradient(155deg,#0d4f8c,#08285a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px max(24px,env(safe-area-inset-right))}.splash-logo{display:flex;flex:0 0 auto;align-items:center;gap:14px;color:#fff;margin-bottom:70px}.splash-logo strong{font-size:40px;letter-spacing:-2px}.logo-bars,.wave-icon{display:flex;align-items:center;justify-content:center;gap:3px}.logo-bars i,.wave-icon i{width:4px;border-radius:4px;background:currentColor}.logo-bars i:nth-child(1),.logo-bars i:nth-child(5){height:13px}.logo-bars i:nth-child(2),.logo-bars i:nth-child(4){height:25px}.logo-bars i:nth-child(3){height:34px}.google-button{flex:0 0 54px;width:min(100%,360px);min-height:54px;border:0;border-radius:8px;background:#faf7f3;color:#1a1a1a;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;cursor:pointer}.google-button svg{flex:0 0 21px;width:21px}.google-button:disabled{opacity:.65}.error{color:#c0392b;min-height:20px;font-size:13px}.screen{min-height:calc(100vh - 92px);max-width:760px;margin:0 auto;padding:38px 20px 120px}.practice-screen{display:flex;flex-direction:column;gap:18px}.prompt-card,.pronunciation-card,.list-card{background:#faf7f3;border:2px solid #d8e7f0;border-radius:25px;box-shadow:0 2px 3px rgba(0,0,0,.1)}.prompt-card{padding:34px 28px}.prompt-card h1{font-size:58px;line-height:1;margin:0 0 28px;font-weight:700}.ipa{font:42px Charis,serif;color:#0d4f8c;margin:0}.pronunciation-card{min-height:220px;padding:28px}.result-header{display:flex;align-items:center;justify-content:space-between}.result-header>strong{text-transform:uppercase;color:#7a6f65;font-size:14px;letter-spacing:.5px}.score{border-radius:35px;padding:11px 18px;background:#e1ece8;color:#3b8376;font-size:28px}.phonemes{font:36px Charis,serif;letter-spacing:18px;margin-top:65px;color:#3b8376}.phonemes .wrong{color:#c0392b;text-decoration:line-through}.phonemes .weak{color:#eb8d1b}.sample-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.outline-action{height:64px;border:2px solid #d8e7f0;border-radius:17px;background:#faf7f3;color:#0d4f8c;font-weight:700;font-size:18px;cursor:pointer}.outline-action span{margin-right:8px}.record-area{text-align:center}.record-button{width:116px;height:116px;border:0;border-radius:50%;background:#0d5798;box-shadow:0 8px 17px rgba(0,0,0,.17);cursor:pointer}.record-button.recording{background:#a94d42}.microphone-icon{display:inline-block;width:26px;height:46px;border:5px solid white;border-radius:16px;position:relative}.microphone-icon:after{content:"";position:absolute;width:44px;height:29px;border:5px solid white;border-top:0;border-radius:0 0 25px 25px;left:50%;top:22px;transform:translateX(-50%)}.next-button{height:60px;border:0;border-radius:15px;background:#0d5798;color:white;font-size:19px;font-weight:700;cursor:pointer}.next-button span{font-size:33px;vertical-align:-3px}.screen-title{font-size:42px;margin:20px 0 40px}.standard-screen h2{color:#7a6f65;font-size:14px;margin:30px 4px 10px}.search-field{height:76px;border:3px solid #0d5798;border-radius:7px;display:grid;grid-template-columns:55px 1fr;align-items:center;padding:12px 20px;position:relative;margin-bottom:22px}.search-field>span{position:absolute;top:-17px;left:23px;background:#f2ede6;color:#0d5798;padding:0 8px;font-size:18px}.search-field input{border:0;outline:0;background:transparent;font-size:25px;width:100%}.search-icon{display:block;width:28px;height:28px;border:4px solid currentColor;border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:15px;height:4px;background:currentColor;right:-12px;bottom:-6px;transform:rotate(45deg);border-radius:3px}.word-row,.setting-row{min-height:70px;padding:0 22px;border:0;border-bottom:1px solid #eee;background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;text-decoration:none;font-weight:700;font-size:21px;text-align:left}.word-row{cursor:pointer}.word-row:last-child,.setting-row:last-child{border-bottom:0}.word-row b,.setting-row b{font-size:34px;color:#7a6f65;font-weight:400}.setting-row{font-size:16px}.setting-row input{width:22px;height:22px;accent-color:#0d4f8c}.full-button{width:100%;margin-top:25px}.bottom-bar{position:fixed;z-index:10;bottom:0;left:0;right:0;height:92px;background:#faf7f3;border-top:1px solid #d8e7f0;display:flex;justify-content:center}.bottom-bar a{width:min(33.333%,250px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#7a6f65;text-decoration:none}.bottom-bar small{font-size:16px}.bottom-bar a.active{color:#0d5798}.bottom-bar .practice-nav .wave-icon{width:72px;height:72px;margin-top:-38px;border:4px solid currentColor;border-radius:50%;background:#faf7f3;box-shadow:0 5px 9px rgba(0,0,0,.16)}.wave-icon i:nth-child(1),.wave-icon i:nth-child(5){height:18px}.wave-icon i:nth-child(2),.wave-icon i:nth-child(4){height:30px}.wave-icon i:nth-child(3){height:40px}.person-icon{width:29px;height:22px;border:4px solid currentColor;border-bottom:0;border-radius:18px 18px 0 0;position:relative;margin-top:21px}.person-icon:before{content:"";position:absolute;width:16px;height:16px;border:4px solid currentColor;border-radius:50%;left:2px;top:-27px;background:#faf7f3}@media(max-width:520px){.sign-in-screen{justify-content:flex-start;padding-top:max(18vh,calc(env(safe-area-inset-top) + 48px));padding-bottom:max(24px,env(safe-area-inset-bottom))}.splash-logo{margin-bottom:clamp(36px,12vh,70px)}.google-button{display:flex;width:100%;visibility:visible}.screen{padding:25px 16px 115px}.prompt-card h1{font-size:45px}.ipa{font-size:34px}.prompt-card{padding:28px 20px}.pronunciation-card{padding:22px;min-height:190px}.phonemes{font-size:29px;letter-spacing:10px;margin-top:50px}.outline-action{font-size:15px}.sample-actions{gap:10px}.record-button{width:100px;height:100px}.screen-title{font-size:38px;margin-top:12px}.bottom-bar{height:82px}.bottom-bar small{font-size:14px}}@media(max-height:480px){.sign-in-screen{justify-content:flex-start;padding-top:32px}.splash-logo{margin-bottom:28px}}