:root{--navy: #18334d;--blue: #087f91;--orange: #e95e4e;--ink: #20344a;--muted: #56677a;--line: #e7ddd0;--paper: #fff9ee}body{background:radial-gradient(circle at 9% 23%,#ffe8bd 0 9%,transparent 24%),radial-gradient(circle at 96% 12%,#d7f3f0 0 8%,transparent 23%),#fff9ee;font-family:Trebuchet MS,Segoe UI,sans-serif}header:has(.brand-logo){background:#fffdf6;border-bottom:5px solid #ffd870;box-shadow:0 5px #f2a39a22;min-height:152px;padding:calc(10px + env(safe-area-inset-top)) max(5vw,24px) 7px}.brand-logo img{width:200px}.install-button{background:#e9584b;border:2px solid #bd3b38;border-radius:999px;box-shadow:0 4px #bd3b38;color:#fff;font-weight:800;padding:10px 18px}.install-button:hover{background:#cf463e;transform:translateY(1px);box-shadow:0 3px #a73432}main{padding-top:27px}.sync-line{margin:0 0 12px}.intro{position:relative;overflow:hidden;background:#fff0c9;border:2px solid #f7d98c;border-radius:30px;box-shadow:0 8px #df9b4030;padding:30px 33px;margin-bottom:29px}.intro:before,.intro:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.intro:before{width:90px;height:90px;background:#ffb1a066;right:30%;top:-45px}.intro:after{width:54px;height:54px;background:#74d4cf88;right:2%;bottom:-27px}.intro>*{position:relative;z-index:1}.eyebrow{display:inline-block;background:#fffdf4;border:1px solid #f4ce7e;border-radius:999px;padding:5px 13px;color:#9d4c23;letter-spacing:.07em}h1,.learn-heading h2,.reports-panel h2,.grammar-lessons h2,.install-dialog h2{font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:900;letter-spacing:-.035em}.intro h1{color:#163e54;font-size:clamp(calc(29px * var(--aypot-text-scale, 1)),3.25vw,calc(43px * var(--aypot-text-scale, 1)));max-width:540px}.intro h1+p{color:#695a49}.stats{border-left:0;gap:10px;padding-left:0;flex-shrink:0}.stats div{min-width:84px;background:#fffdf7;border:2px solid #f3dab2;border-radius:20px;padding:10px 11px;box-shadow:0 4px #d7906233}.stats div:nth-child(2){border-color:#a3e5d8}.stats div:nth-child(3){border-color:#f6bbaf}.stats strong{color:#173a50}.main-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;white-space:normal;overflow:visible;border:0;padding:4px 0 10px;margin-bottom:20px}.main-tabs button{min-height:61px;border:2px solid #a7dbd8;border-radius:17px;border-bottom-width:4px;background:#dcf6f2;color:#1f5660;font-size:calc(16px * var(--aypot-text-scale, 1));font-weight:850;transition:transform .15s,box-shadow .15s}.main-tabs button:nth-child(3n+2){background:#ffedcc;border-color:#f2d491;color:#744d21}.main-tabs button:nth-child(3n){background:#ffe5de;border-color:#f2b6a9;color:#814339}.main-tabs button:hover{transform:translateY(-2px);background:#fffefa}.main-tabs button.selected{background:#fffdf5;border-color:#193f55;color:#193f55;box-shadow:0 5px #193f5529}.main-tabs button.selected:before{content:"✦";margin-right:8px;color:#ea6753}.new-workspace,.reports-panel,.exercise{border:2px solid #e6ddd0;border-radius:24px;box-shadow:0 9px #23455e0c,0 17px 35px #18334d0a}.workspace{gap:18px}.toolbar{background:#fff9ec}.progress{height:7px;background:#f7e9d1}.progress span{background:linear-gradient(90deg,#ee6656,#f6b847,#17a6ad);border-radius:0 8px 8px 0}aside{background:#ddf5f0;border:2px solid #aadfd6;border-radius:23px;box-shadow:0 6px #5cb3ad27}.note-icon{background:#137f88;border-radius:12px}.modes{border:0;gap:8px;padding:3px 0 8px}.modes button{background:#fff;border:2px solid #e6ddd0;border-radius:999px;padding:9px 14px}.modes .selected{background:#e9f8f4;border-color:#0e8d91;color:#136c75}.learn-prompt{background:#f0f9f6;border-left:6px solid #17a6a8;border-radius:18px}.badge{background:#fff2d7;border-color:#f2d29b;color:#865321;border-radius:999px}.primary{background:#e95749;border-color:#c83c34;border-radius:14px;box-shadow:0 4px #a9342c}.primary:hover{background:#d6473b;transform:translateY(1px);box-shadow:0 3px #a9342c}.secondary{border-radius:14px;border:2px solid #8bd0ca;color:#15636a}input,textarea,select{border-radius:15px}input:focus,textarea:focus,select:focus{border-color:#07959a}.feedback{border-radius:18px}.feedback.good{background:#e5f8ec}.feedback.bad{background:#fff0de}.grade-pair span,.report-cards>div,.grammar-grid details{border-radius:17px}.report-cards>div:nth-child(2n){background:#eff9f3}.report-cards>div:nth-child(3n){background:#fff0e8}dialog{border-radius:25px}.a1-unit-bar{display:flex;align-items:end;justify-content:space-between;gap:22px;margin:0 0 20px;padding:21px 25px;background:#fffdf7;border:2px solid #a7dbd8;border-radius:24px;box-shadow:0 5px #12868820}.a1-unit-bar>div{flex:1 1 55%;min-width:0}.a1-unit-bar .badge{display:inline-block;margin-bottom:9px}.a1-unit-bar label{display:block;font-weight:850;color:var(--navy);margin-bottom:8px}.a1-unit-bar select{width:100%;max-width:560px;padding:13px;font:inherit;background:#fff;border:2px solid #97ccc6;color:var(--navy)}.a1-unit-bar p{flex:1 1 35%;margin:0 0 4px;color:#42566b;line-height:1.5}.grammar-lessons{margin:0 0 18px;padding:20px 24px;background:#fffdf7;border:2px solid #e6ddd0;border-radius:22px}.grammar-lessons h2{margin:0 0 8px;color:var(--navy)}.grammar-lessons>p{margin:0 0 17px}.grammar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px}.grammar-grid details{padding:17px;background:#f1faf6;border:1px solid #b8e5dc}.grammar-grid summary{cursor:pointer;font-weight:850;color:#1c5964}.grammar-grid p{line-height:1.5}.grammar-grid details{line-height:1.55}.grammar-examples{list-style:none;padding:0;margin:15px 0 2px;display:grid;gap:9px}.grammar-examples li{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fffdf7;padding:10px 12px;border-radius:11px}.grammar-examples button{padding:7px 10px;white-space:nowrap;font-size:calc(12px * var(--aypot-text-scale, 1))}.skill-tabs,.skill-answer-row{display:flex;gap:11px;align-items:stretch}.skill-tabs{flex-wrap:wrap;margin:18px 0}.skill-tabs button{padding:10px 14px}.skill-reading{background:#f0f9f6;border-left:6px solid #17a6a8;border-radius:17px;padding:20px;font-size:clamp(calc(18px * var(--aypot-text-scale, 1)),2.3vw,calc(23px * var(--aypot-text-scale, 1)));line-height:1.65;color:var(--navy)}.skill-question{color:var(--navy);font-size:calc(20px * var(--aypot-text-scale, 1))}.skill-instruction{font-size:calc(18px * var(--aypot-text-scale, 1));line-height:1.5}.skill-answer-row textarea{flex:1;min-width:0;min-height:96px}.skill-answer-row button{align-self:stretch;white-space:nowrap}.skill-privacy{color:var(--muted);font-size:calc(12px * var(--aypot-text-scale, 1));line-height:1.5}.skill-empty{text-align:center;padding:34px 10px}.skill-empty h2{color:var(--navy)}.hear-prompt{margin:-1px 0 20px}.answer-mic{margin:12px 0 0}.question-audio{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px}.question-audio span{color:var(--muted);font-size:calc(13px * var(--aypot-text-scale, 1))}.class-lobby,.profile-panel{background:#fffdf7;border:2px solid #e8dac4;border-radius:28px;padding:clamp(23px,4vw,42px);box-shadow:0 8px #e6ac6130;margin:20px 0 32px}.class-lobby h1,.profile-panel h1{margin:8px 0 11px;font-size:clamp(calc(28px * var(--aypot-text-scale, 1)),3.6vw,calc(42px * var(--aypot-text-scale, 1)));color:var(--navy)}.class-lobby>p,.profile-panel>p{color:var(--muted);line-height:1.5}.class-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0 18px}.class-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:24px;min-height:220px;border:2px solid #d8d9d5;border-radius:23px;background:#fff;color:var(--navy);font:inherit}.class-card strong{font-size:calc(22px * var(--aypot-text-scale, 1));line-height:1.2}.class-card>span:not(.class-level){color:var(--muted);line-height:1.5}.class-card em{font-style:normal;font-weight:800;margin-top:auto;color:#087f91}.class-level{display:grid;place-items:center;min-width:63px;min-height:63px;padding:4px;border-radius:17px;background:#ffe2a1;font-size:calc(29px * var(--aypot-text-scale, 1));font-weight:900}.class-ready{border-color:#1b9594;background:#ecfaf4;box-shadow:0 5px #1688842a;cursor:pointer}.class-ready:hover,.class-ready:focus-visible{transform:translateY(-2px);border-color:#106c73}.class-upcoming{background:#f7f6f1}.class-upcoming .class-level{background:#e8e5df;color:#647184}.class-upcoming em{color:#6b7482}.class-note{margin-top:6px}.profile-layout{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:22px;margin-top:25px}.profile-summary,.profile-layout form{background:#fff;border:1px solid #e7ddd0;border-radius:19px;padding:22px}.profile-summary h2{margin-top:0}.profile-summary p{overflow-wrap:anywhere}.profile-layout form input,.profile-layout form select{width:100%;box-sizing:border-box}.account-actions #signOut{border:1px solid #ecc2bb;border-radius:999px;background:#fff0ec;padding:7px 12px;text-decoration:none}.account-actions #showClasses,.account-actions #showProfile{border:1px solid #acd9d4;border-radius:999px;background:#e9f7f4;padding:7px 12px;text-decoration:none;color:#18636a}@media(max-width:960px){.class-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{flex-wrap:wrap}.stats{width:100%}.stats div{flex:1}}@media(max-width:740px){.class-cards,.profile-layout{grid-template-columns:1fr}.class-card{min-height:0}.a1-unit-bar{display:block;padding:19px}.a1-unit-bar p{margin:12px 0 0}.skill-answer-row{flex-direction:column}.skill-answer-row button{align-self:flex-start}header:has(.brand-logo){min-height:132px}.brand-logo img{width:171px}.intro{padding:23px;border-radius:23px}.intro h1{font-size:calc(31px * var(--aypot-text-scale, 1))}.main-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-right:0;padding-right:0}.main-tabs button{font-size:calc(14px * var(--aypot-text-scale, 1));padding:10px 6px;min-height:58px}.stats{margin-top:20px;gap:8px}.stats div{min-width:0;padding:9px 5px}.modes{display:flex;flex-wrap:wrap}.modes button{font-size:calc(13px * var(--aypot-text-scale, 1))}.new-workspace,.reports-panel{padding:22px}}@media(max-width:430px){.brand-logo img{width:160px}.install-button{padding:8px 11px;font-size:calc(12px * var(--aypot-text-scale, 1))}.stats{justify-content:stretch}}