@font-face{font-family:Ember;src:local('Aptos'),local('Segoe UI'),local('Arial')}
:root{--ink:#342b27;--muted:#77675e;--orange:#c6531e;--peach:#ffeadb;--line:#edd9cd;--glass:#ffffffc7;--radius:24px;--shadow:0 12px 40px #b55f2110;--mono:Consolas,'SFMono-Regular',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.6 Ember,system-ui,sans-serif;background:radial-gradient(ellipse at 85% 8%,#ffdbc47a,transparent 45%),radial-gradient(ellipse at 15% 80%,#ffe7d7,transparent 50%),#fff9f5;background-attachment:fixed}a{color:inherit}button,input,select,textarea{font:inherit}button,a,select,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #975227;outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent }[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;left:10px;top:-100px;background:white;padding:12px;z-index:99;border-radius:12px}.skip:focus{top:10px}
.sidebar{position:fixed;inset:18px auto 18px 18px;width:218px;background:#ffffffa8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #fff;border-radius:30px;padding:28px 17px;display:flex;flex-direction:column;z-index:20;box-shadow:var(--shadow)}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-size:28px;font-weight:650;letter-spacing:-1px;padding:0 8px}.brand-mark{width:47px;height:47px;border-radius:14px;box-shadow:0 5px 12px #e6874120}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.5px;margin-top:0;color:var(--muted)}.nav-label{font-size:8px;letter-spacing:1.2px;color:var(--muted);margin:35px 10px 13px}nav{display:flex;flex-direction:column;gap:5px}nav a{display:flex;gap:12px;align-items:center;padding:10px 14px;border-radius:16px;text-decoration:none;color:#79675c;font-size:13px;font-weight:550;transition:background .2s,transform .2s}nav a.active{background:#ffe3cf;color:#8c3d16;box-shadow:inset 0 1px 0 #fff9}nav a:hover{background:#fff1e8;transform:translateX(2px)}.nav-symbol{font-size:19px;width:22px;text-align:center;font-weight:400}.sidebar-note{margin-top:auto;padding:20px 10px 15px;font-size:12px;font-weight:600}.sidebar-note p{color:var(--muted);font-size:11px;font-weight:400;margin:7px 0}.sidebar-note a{font-size:11px;color:#9c441e;text-decoration:none}.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef9c62;margin-right:7px}.offline-link{text-decoration:none;border-top:1px solid var(--line);padding:14px 10px 0;font-size:11px;color:#8b5b3f}.app-shell{margin-left:254px}.topbar{height:88px;margin:0 36px;border-bottom:1px solid #edd9cd80;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:18px}.tour-link{font-size:11px;text-decoration:none}.status{font-size:10px;white-space:nowrap;background:#fff9;border:1px solid #fff;border-radius:30px;padding:7px 12px}.status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#bb6229;margin-right:6px}.status.offline:before{background:#8178ac}main{max-width:1390px;margin:0 auto;padding:38px 36px 40px;min-height:calc(100vh - 150px)}main:focus{outline:none}.view-enter{animation:arrive .32s ease-out}footer{font-size:10px;color:#8b776a;padding:10px 36px 30px}.eyebrow,.topic-tag{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#a3603d;text-transform:uppercase;margin-bottom:9px}h1{font-size:clamp(30px,3.5vw,49px);line-height:1.12;letter-spacing:-1.7px;font-weight:580;margin:0 0 13px}h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;font-weight:580;margin:0 0 16px}h3{font-size:17px;font-weight:600;line-height:1.35;margin:0 0 9px}p{margin:0 0 14px}.muted{color:var(--muted)}.small{font-size:12px}.page-intro{margin-bottom:30px;max-width:820px}.page-intro p{color:var(--muted);font-size:14px;max-width:650px}.primary,.secondary,.text-btn{border:0;border-radius:14px;padding:11px 18px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;transition:transform .18s,box-shadow .18s,background .18s}.primary{background:linear-gradient(145deg,#d96929,#bd4d1d);color:white;box-shadow:0 5px 14px #cc632524}.primary:hover{background:#b94717;transform:translateY(-1px);box-shadow:0 7px 20px #cc632537}.secondary{background:#ffffffb3;border:1px solid #e5cbbd;color:#82543a}.secondary:hover{background:#fff4ec;transform:translateY(-1px)}.text-btn{background:transparent;color:#a4481d;padding-left:0;box-shadow:none}.icon-btn{background:#fff9;border:1px solid #fff;border-radius:50%;font-size:20px;color:#965130;width:38px;height:38px;display:grid;place-items:center}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.panel{background:var(--glass);border:1px solid #fff;border-radius:var(--radius);padding:25px;margin-bottom:20px;box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.hero{position:relative;overflow:hidden;border:1px solid #fff;background:linear-gradient(130deg,#fff9f3d9,#ffdec4b0);border-radius:30px;padding:36px;display:grid;grid-template-columns:1.2fr .8fr;gap:25px;margin-bottom:26px;box-shadow:var(--shadow)}.hero h2{font-size:clamp(27px,3vw,39px);line-height:1.17;margin:13px 0;max-width:460px;letter-spacing:-1px}.hero p{font-size:13px;color:#785c4b;max-width:420px}.hero-pill{display:inline-flex;border:1px solid #fff;border-radius:30px;padding:5px 10px;background:#fff8;color:#99512c;font-size:10px}.hero-art{position:relative;display:grid;place-items:center;align-self:center;min-height:200px}.orb{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 25% 22%,#fff,#ffd9bd 54%,#efa86e);box-shadow:inset -15px -10px 30px #db8b4330,0 25px 40px #b76d3420;border:1px solid #fff9;display:grid;place-items:center;animation:float 7s ease-in-out infinite}.orb img{width:90px;height:90px;transform:rotate(-10deg);box-shadow:0 10px 20px #bd693a20;border-radius:24px}.floating-pill{position:absolute;border:1px solid #fff;background:#ffffffbc;backdrop-filter:blur(16px);border-radius:18px;padding:10px 15px;font-size:11px;color:#8d4d2e;box-shadow:0 10px 20px #af713217}.floating-pill:first-of-type{left:0;top:20px;transform:rotate(-6deg)}.floating-pill:last-of-type{right:0;bottom:16px;transform:rotate(5deg)}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.journey-card{position:relative;border:1px solid #fff;border-radius:22px;background:#fff9;padding:22px;text-decoration:none;box-shadow:var(--shadow);transition:transform .18s,background .18s}.journey-card:hover{transform:translateY(-4px);background:#fff}.journey-card .step{font-size:10px;color:#ab8b73}.journey-card .step-symbol{display:block;font-size:24px;color:#b55b29;margin:12px 0}.journey-card h3{font-size:17px}.journey-card p{font-size:11px;color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}.stat{border:1px solid #fff;border-radius:20px;background:#fff8;padding:16px 21px;display:flex;align-items:center;gap:15px}.stat strong{font-size:25px;font-weight:600;line-height:1.1}.stat small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.stat-icon{background:#fff0e5;color:#a6552a;border-radius:12px;padding:8px 12px;font-size:18px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-row h2{margin:0;font-size:20px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.topic-card{border:1px solid #fff;background:#ffffffad;border-radius:22px;padding:23px;text-decoration:none;display:block;box-shadow:var(--shadow);transition:transform .2s,background .2s}.topic-card:hover{transform:translateY(-4px);background:#fff}.topic-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.topic-symbol{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font:18px var(--mono);color:#a6592e;background:#ffede0}.lab-pill{font-size:9px;letter-spacing:.4px;color:#936747;border:1px solid #edd7c8;border-radius:20px;padding:4px 9px}.topic-card h3{font-size:17px}.topic-card p{font-size:12px;color:var(--muted);min-height:38px;margin:8px 0 18px}.progress-bar{height:5px;background:#efdfd4;border-radius:6px;overflow:hidden}.progress-bar span{height:100%;display:block;background:#e58c4e;transition:width .35s}.card-meta{display:flex;justify-content:space-between;gap:8px;color:#8d6d57;font-size:10px;margin-top:9px}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.two-columns>*{min-width:0}.lesson{padding:22px 0;border-bottom:1px solid #eedcd0}.lesson:first-child{padding-top:0}.lesson:last-child{border:0;padding-bottom:0}.lesson p{white-space:pre-line;color:#685a52;font-size:14px}pre{background:#fff7f0;border:1px solid #edd8c9;color:#604132;border-radius:14px;padding:18px;overflow:auto;font:13px/1.8 var(--mono);tab-size:4;margin:14px 0}code{font-family:var(--mono)}.source-links{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#975c39;margin-top:20px}.source-links:empty{display:none}.source-links a{overflow-wrap:anywhere}.trap-list,.rubric{font-size:13px;color:#765d4c;padding-left:20px}.trap-list li,.rubric li{margin-bottom:9px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.mode-card{text-align:left;border:1px solid #fff;border-radius:22px;background:#ffffffab;padding:25px;box-shadow:var(--shadow)}.mode-card.active{border-color:#dd9e73;box-shadow:0 0 0 2px #f1c7a6, var(--shadow);background:#fff4ea}.mode-card h3{margin:15px 0 8px}.mode-card p{font-size:12px;color:var(--muted)}.mode-icon{font-size:23px;color:#b56535}.form-grid{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.field{font-size:11px;color:#805e49;display:flex;flex:1;min-width:140px;flex-direction:column;gap:7px}select,input[type=text],textarea{background:#fffdfb;border:1px solid #e4cfc0;border-radius:12px;padding:12px;color:var(--ink);min-width:0}select{min-height:44px;max-width:100%}textarea{width:100%;resize:vertical;font-size:14px}.practice-wrap{max-width:900px;margin:auto}.question-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#90694e;margin:20px 0}.question-prompt{font-size:21px;font-weight:550;line-height:1.5;white-space:pre-line;margin:16px 0}.choice{display:flex;width:100%;text-align:left;padding:16px;margin:10px 0;background:#fffaf6;border:1px solid #ebd6c8;border-radius:15px;align-items:flex-start;gap:14px;font-size:14px;transition:background .15s}.choice .letter{font-size:11px;min-width:26px;height:26px;border:1px solid #e0cbbb;border-radius:8px;text-align:center;padding-top:3px}.choice.selected{border-color:#ca7741;background:#fff0e3}.choice.correct{border-color:#8072af;background:#f5f0ff}.choice.incorrect{border-color:#ce826b;background:#fff0e9}.feedback{padding:20px;border-radius:18px;background:#f6f2ff;border:1px solid #d8cfea;margin-top:20px;white-space:pre-line;font-size:13px}.feedback.incorrect{background:#fff1e6;border-color:#edc5a5}.feedback p{margin-top:10px}.question-nav{display:flex;justify-content:space-between;gap:8px;margin-top:25px}.order-list{list-style:none;padding:0}.order-item{display:flex;align-items:center;gap:10px;border:1px solid #e7d2c3;border-radius:12px;background:#fffaf7;padding:11px;margin:8px 0}.order-item code{white-space:pre-wrap;flex:1;font-size:12px;overflow-wrap:anywhere}.order-item button{border:0;background:#ffead9;color:#925333;padding:5px 10px;border-radius:9px;min-height:38px}.order-handle{color:#a58a74;cursor:grab}.match-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;margin:13px 0;font-size:13px}.question-index{display:flex;flex-wrap:wrap;gap:8px}.question-index button{background:#fff6ef;border:1px solid #e3c9b6;border-radius:10px;color:#845a3e;padding:7px 12px;min-height:38px}.question-index button.current{background:#c65c24;color:white}.question-index button.answered{border-color:#b88b69}.results-score{font-size:54px;font-weight:600;letter-spacing:-2px;margin:12px 0}.review-row{border-bottom:1px solid #ead5c5;padding:18px 0}.review-row p{font-size:12px;white-space:pre-line}.flash-card{min-height:300px;border:1px solid #fff;border-radius:30px;background:linear-gradient(120deg,#fffaf6,#ffe7d2);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;width:100%;color:#653f2c;animation:arrive .28s ease-out}.flash-text{font-size:25px;max-width:620px;white-space:pre-line}.flash-card small{margin-top:32px;color:#8a654b;font-size:11px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.filter-chip{border:1px solid #e8d3c2;background:#fffcf9;border-radius:20px;padding:8px 14px;font-size:11px;color:#92684a}.filter-chip.active{background:#c15a24;color:white;border-color:#c15a24}.resource-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid #ead6c5}.resource-row:last-child{border:0}.resource-icon{background:#ffead8;border-radius:12px;padding:9px 12px;font-size:17px}.resource-info{flex:1;min-width:0}.resource-row strong{font-size:13px;font-weight:550}.resource-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.resource-row a{font-size:11px;color:#965c35}.podcast-card{display:flex;gap:25px;scroll-margin-top:120px}.album-art{background:linear-gradient(135deg,#ffb57b,#fff1e5);border:1px solid white;border-radius:22px;color:#9c4b25;min-width:112px;min-height:112px;display:grid;place-items:center;font-size:45px;box-shadow:inset 0 0 25px #fff8}.podcast-info{flex:1;min-width:0}audio{width:100%;height:42px;margin:10px 0}.offline-badge{font-size:10px;color:#955a30;background:#fff0e1;border:1px solid #edcfb4;border-radius:10px;padding:4px 8px}.notice{background:#ffffff9e;border:1px solid #eed8c7;border-radius:16px;padding:16px 18px;font-size:12px;color:#825d43;margin:18px 0}.warning{background:#fff0de;border-color:#e8c299;color:#855222}.divider{height:1px;background:#ecd6c5;margin:23px 0}.inline-check{display:flex;gap:10px;align-items:center;font-size:12px;color:#775b46;margin:12px 0}.install-steps{padding-left:20px;font-size:13px;color:#725746}.install-steps li{margin-bottom:11px}.empty{padding:35px;text-align:center;color:#866449}.backup-row{display:flex;gap:12px;flex-wrap:wrap}.kbd{font-family:var(--mono);background:#ffead6;padding:3px 7px;border-radius:6px}.check-status{font-size:12px;white-space:pre-line;color:#805536;padding:15px 0}.loading{padding:50px;text-align:center;color:#976541}.danger{color:#a54334}.confirm-dialog{border:1px solid #fff;border-radius:24px;padding:28px;max-width:min(440px,90vw);color:var(--ink);background:#fff9f4;box-shadow:0 20px 100px #71371435}.confirm-dialog::backdrop{background:#48342a59;backdrop-filter:blur(5px)}summary{cursor:pointer;min-height:38px}
.tutor-launch{position:fixed;right:28px;bottom:24px;background:#fffbf5d9;color:#8d3d19;border:1px solid #fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 25px #b26b2930;border-radius:30px;padding:14px 21px;font-size:12px;font-weight:600;z-index:25}.tutor-panel{position:fixed;right:20px;bottom:20px;top:80px;z-index:50;width:400px;background:#fff9f3f5;border:1px solid #fff;border-radius:28px;box-shadow:0 15px 60px #77402330;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;overflow:hidden}.tutor-head{display:flex;align-items:center;justify-content:space-between;padding:22px;background:#ffe9d7b0}.tutor-head strong{font-size:17px}.tutor-head small{font-size:10px;display:block;color:#926745;margin-top:4px}.tutor-mode{font-size:10px;color:#8b6446;padding:12px 18px}.tutor-mode select{display:block;width:100%;font-size:12px;padding:8px;margin-top:6px;min-height:38px}.chat-log{flex:1;overflow:auto;padding:8px 18px 15px;display:flex;flex-direction:column;gap:14px;min-height:110px}.chat-message{font-size:12px;padding:15px;border-radius:18px;background:#fff;border:1px solid #eed9c9;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{background:#ffe9d5;margin-left:35px;border-color:#fff}.chat-message small{display:block;font-size:9px;color:#926446;margin-bottom:7px}.chat-suggestions{display:flex;flex-wrap:wrap;gap:5px;padding:0 18px 9px}.chat-suggestions button{border:1px solid #ebcfb7;border-radius:20px;background:#fffaf5;color:#835630;font-size:10px;padding:7px 10px;min-height:32px}.tutor-panel form{padding:8px 18px 0}.tutor-panel textarea{font-size:12px}.tutor-panel form>div{display:flex;justify-content:space-between;align-items:center;margin-top:7px;gap:8px}.tutor-note{font-size:9px;color:#826b59;margin:12px 18px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;color:white;background:#81452b;border:1px solid #c89e81;border-radius:16px;font-size:12px;z-index:80;max-width:90vw;box-shadow:0 8px 30px #75452a30}#voice-controls{padding:0 18px 9px}.voice-actions,.voice-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.voice-actions button,.voice-controls button{border:1px solid #e6c7ae;border-radius:14px;background:#fff;padding:9px 13px;color:#8d4a24;font-size:11px;min-height:38px}.voice-actions button[aria-pressed=true]{background:#ffdbbe}.voice-status,.voice-note{font-size:10px;color:#8d6547}.voice-read{font-size:10px}
.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tutorial-card{display:flex;gap:18px}.tutorial-card .step-number{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;background:#ffead8;color:#a85226;border-radius:14px;font-size:18px}.tutorial-card p{font-size:13px;color:var(--muted)}.help-strip{display:flex;justify-content:space-between;gap:20px;align-items:center}.help-strip p{margin:0;color:var(--muted);font-size:12px}
@keyframes arrive{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:1600px){main{padding-top:48px}.hero{padding:45px}}
@media(max-width:1150px){.sidebar{width:190px;padding:26px 12px}.app-shell{margin-left:222px}.topbar{margin:0 25px}main{padding:30px 25px}.journey-grid{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:minmax(0,1fr) 250px}.topic-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:28px}.hero-art{min-height:180px}.orb{width:155px;height:155px}.floating-pill{padding:8px 10px;font-size:10px}}
@media(max-width:820px), (max-width:1000px) and (max-height:500px){.sidebar{position:sticky;top:0;inset:auto;width:auto;margin:0;border-radius:0;border-width:0 0 1px;background:#fff9f2e8;padding:12px 18px 8px;display:block;z-index:20}.brand{font-size:23px;padding:0;margin-bottom:10px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand small{font-size:7px}.nav-label,.sidebar-note,.offline-link{display:none}nav{flex-direction:row;gap:5px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}nav::-webkit-scrollbar{display:none}nav a{white-space:nowrap;gap:6px;font-size:11px;padding:8px 11px;min-height:38px}.nav-symbol{font-size:15px;width:17px}nav a:hover{transform:none}.app-shell{margin:0}.topbar{height:57px;margin:0 20px}.topbar>div{gap:9px}.tour-link{display:none}main{padding:28px 20px 90px}.hero{grid-template-columns:1.3fr .7fr;padding:27px}.hero-art{min-height:165px}.floating-pill{display:none}.orb{width:130px;height:130px}.orb img{width:66px;height:66px;border-radius:18px}.two-columns{grid-template-columns:1fr}.two-columns>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-columns>aside .panel{margin:0}.tutor-launch{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));padding:12px 17px}.tutor-panel{top:100px;bottom:calc(12px + env(safe-area-inset-bottom));right:12px;width:min(400px,calc(100vw - 24px))}footer{padding:10px 20px 85px}.stats .stat{padding:14px 15px;gap:10px}.stat-icon{display:none}}
@media(max-width:540px){body{font-size:14px}main{padding:26px 17px 95px}.topbar{margin:0 17px;font-size:11px}.status{font-size:9px;padding:5px 9px}.hero{display:block;padding:26px;min-height:0}.hero h2{font-size:30px;max-width:90%}.hero-art{position:absolute;right:-42px;top:-36px;opacity:.24;pointer-events:none;z-index:0}.hero>div:first-child{position:relative;z-index:1}.hero p{max-width:95%}.hero .actions{gap:8px}.journey-grid{gap:10px}.journey-card{padding:17px;border-radius:20px}.journey-card p{font-size:11px}.journey-card h3{font-size:16px}.stats{gap:8px;margin-bottom:26px}.stat{padding:12px!important}.stat strong{font-size:22px}.stat small{font-size:8px;line-height:1.4}.topic-grid{grid-template-columns:1fr}.topic-card p{min-height:0}.panel{padding:21px;border-radius:22px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{padding:18px}.mode-card h3{margin:0 0 6px}.mode-icon{float:right}.mode-card p{margin:0}.two-columns>aside{display:block}.two-columns>aside .panel{margin-bottom:18px}.question-prompt{font-size:18px}.match-row{grid-template-columns:1fr;gap:6px}.question-top{font-size:9px;gap:15px}.question-nav{flex-wrap:wrap}.order-item{gap:6px;padding:9px}.order-item code{font-size:11px}.order-item button{padding:5px 8px}.podcast-card{display:block}.album-art{width:64px;min-width:64px;min-height:64px;height:64px;font-size:29px;margin-bottom:16px;border-radius:16px}.flash-card{padding:28px;min-height:280px}.flash-text{font-size:22px}.tutorial-grid{grid-template-columns:1fr}.help-strip{display:block}.form-grid{gap:12px}.section-row{align-items:flex-start}.section-row .small{font-size:10px}.tutor-panel{top:70px}.tutor-head{padding:18px}.chat-suggestions{gap:4px}.resource-row{gap:10px}.resource-icon{display:none}.resource-row strong{font-size:12px}.resource-row a{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.nav-phone-label{display:none}.offline-quick{display:inline-flex;gap:5px;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;font-size:11px;color:#8c4822;border:1px solid #edd3c1;background:#fff8;border-radius:13px;min-height:38px;padding:7px 11px}.offline-quick[aria-current=page]{background:#ffe3cf;border-color:#dc9e73}.topbar #breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>div{flex-shrink:0}.home-tools{margin:-3px 0 29px}.home-tools h2{font-size:17px;margin-bottom:12px}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-shortcuts>a{display:flex;gap:13px;align-items:center;min-width:0;min-height:74px;padding:16px 18px;text-decoration:none;background:#ffffffb3;border:1px solid #fff;border-radius:20px;box-shadow:var(--shadow);transition:transform .18s,background .18s}.home-shortcuts>a:hover{background:#fff;transform:translateY(-2px)}.home-tool-icon{font-size:23px;color:#a6552a}.home-shortcuts strong{font-size:13px;font-weight:600;display:block}.home-shortcuts small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.home-tool-arrow{margin-left:auto;color:#ab7049}
@media(max-width:820px), (max-width:1000px) and (max-height:500px){#nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible;padding:0;width:100%;min-width:0}#nav .nav-secondary{display:none}#nav .nav-desktop-label{display:none}#nav .nav-phone-label{display:block}#nav a.nav-primary{min-width:0;min-height:52px;padding:7px 2px;flex-direction:column;justify-content:center;gap:3px;font-size:11px;line-height:1.2;white-space:nowrap;border-radius:13px}#nav .nav-symbol{width:auto;font-size:18px;line-height:1.2}.topbar{gap:10px}.topbar>div{gap:8px}.offline-quick{min-height:38px;padding:7px 9px}.home-shortcuts{gap:9px}.home-shortcuts>a{padding:13px 12px;gap:8px}.home-tool-arrow{display:none}}
@media(max-width:540px){.sidebar{padding-left:12px;padding-right:12px}.topbar #breadcrumb{font-size:10px}.topbar .offline-quick{font-size:10px;padding:7px 8px}.topbar>div{gap:6px}.topbar .icon-btn{width:35px;height:35px}.home-tools h2{font-size:16px}.home-shortcuts{gap:7px}.home-shortcuts>a{padding:12px 8px;min-height:86px;gap:5px;flex-direction:column;align-items:flex-start;border-radius:17px}.home-tool-icon{font-size:19px}.home-shortcuts strong{font-size:12px}.home-shortcuts small{font-size:9px;line-height:1.35}.home-shortcuts>a:hover{transform:none}}
/* The practice computer has separate files, editor and terminal windows. */
.ws-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.ws-header h2{font-size:32px;margin:8px 0 12px;letter-spacing:-1px}.ws-header p{font-size:13px;color:var(--muted);margin:0}.glass-panel{border:1px solid #fff;background:#ffffffb3;border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.ws-mission{padding:24px}.ws-mission-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.ws-mission-choice{display:flex;align-items:center;gap:15px;font-size:11px;color:#875c3f}.ws-mission-choice select{min-width:220px;padding:9px;font-size:12px}.ws-local-badge{font-size:9px;border:1px solid #edd0b8;background:#fff3e8;border-radius:20px;padding:7px 11px;color:#875433;white-space:nowrap}.ws-steps{display:flex;gap:8px;flex-direction:row;flex-wrap:wrap;margin:22px 0 18px}.ws-steps button{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #e8cfbb;border-radius:20px;background:#fff8;color:#8c6246;font-size:11px;min-height:42px}.ws-steps button span{display:grid;place-items:center;background:#fff2e8;width:22px;height:22px;border-radius:50%;font-size:10px}.ws-steps button.is-active{background:#ffe4cc;border-color:#db9e73;color:#843e17}.ws-steps button.is-done span{background:#eee8ff;color:#786496}.ws-mission-body{font-size:12px;color:#70513c;min-height:115px}.ws-mission-body p{max-width:1000px}.ws-task{background:#fff8f2;border:1px solid #eed7c4;border-radius:14px;padding:16px;white-space:pre-line}.ws-hint{background:#fff8f1;border-radius:14px;padding:18px}.ws-hint p{margin:9px 0 14px}.ws-step-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ws-notice{font-size:11px;color:#926542;padding:16px 5px;min-height:45px}.ws-computer-grid{display:grid;grid-template-columns:180px minmax(0,1.15fr) minmax(250px,.85fr);gap:16px;align-items:start}.ws-computer-grid>*{min-width:0;overflow:hidden}.ws-files{padding:17px 13px;min-height:590px}.ws-window-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-bottom:11px}.ws-window-heading h3{font-size:13px;margin:0}.ws-icon-button{border:0;border-radius:8px;background:#fff2e5;color:#8c5935;width:28px;height:28px}.ws-small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.ws-file-tools{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ws-file-tools button{font-size:10px;background:#fffaf6;border:1px solid #e7cdb9;border-radius:9px;padding:7px 9px;min-height:33px;color:#895b3a}.ws-tree{font-size:11px;margin:19px 0;max-height:430px;overflow:auto}.ws-tree-row{display:flex;gap:7px;align-items:center;width:100%;border:0;background:transparent;padding:8px 5px 8px calc(5px + var(--ws-depth)*11px);min-height:36px;border-radius:9px;text-align:left;color:#7b5b46;font-size:11px;line-height:1.4}.ws-tree-row span:last-child{overflow-wrap:anywhere;min-width:0}.ws-tree-row.is-selected{background:#ffe8d5;color:#975022}.ws-tree-row:hover{background:#fff1e5}.ws-file-bottom{border-top:1px solid #ebd4c2;padding-top:12px}.ws-file-bottom .secondary{font-size:10px;padding:8px 10px;width:100%;min-height:35px}.ws-import{display:block;font-size:10px;color:#92613b;margin-top:13px}.ws-import input{display:block;max-width:100%;font-size:9px;margin-top:8px}.ws-editor-window{background:#fffcf9}.ws-editor-window .ws-window-heading{padding:17px 18px;margin:0;border-bottom:1px solid #edd9cb}.ws-save-status{font-size:9px;color:#94745f;text-align:right}.ws-editor-tab{padding:12px 17px;display:flex;gap:9px;align-items:center;background:#fff1e5;font-size:11px;color:#91502b;flex-wrap:wrap}.ws-file-path{font-size:9px;color:#9a7b67;display:block;overflow-wrap:anywhere;width:100%}.ws-editor-wrap{display:grid;grid-template-columns:42px minmax(0,1fr);background:#fffefd;min-height:360px}.ws-line-numbers{border:0;background:#fff9f3;border-radius:0;color:#b29b89;margin:0;padding:18px 8px 18px 2px;text-align:right;overflow:hidden;font:12px/1.8 var(--mono);user-select:none;max-height:450px}.ws-code-editor{border:0;border-radius:0;background:#fffefd;color:#403b40;font:12px/1.8 var(--mono);padding:18px 12px;resize:vertical;min-height:360px;max-height:650px;white-space:pre;tab-size:4;width:100%;overflow:auto}.ws-code-editor:focus-visible{outline:2px solid #efb182;outline-offset:-2px}.ws-editor-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 15px 7px;border-top:1px solid #efdacc}.ws-editor-toolbar button{font-size:10px;padding:9px 11px;min-height:37px}.ws-shortcuts{font-size:9px;color:#957a65;padding:0 17px;margin:7px 0 14px}.ws-program-input{font-size:11px;color:#8a6043;display:block;padding:0 17px}.ws-program-input span{font-size:9px;display:block;color:#9d7f69;margin:3px 0 8px}.ws-program-input textarea{font:11px/1.6 var(--mono);padding:9px;resize:vertical}.ws-editor-examples{display:flex;justify-content:space-between;gap:8px;padding:13px 17px 18px}.ws-editor-examples button{font-size:9px;color:#9b5a32;background:transparent;border:0;text-align:left;min-height:30px;text-decoration:underline;text-underline-offset:4px}.ws-terminal-window{background:#141414;color:#ece8e4;border:1px solid #3e3730;border-radius:22px;padding:19px 17px;box-shadow:0 12px 30px #54301816;min-height:590px}.ws-terminal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.ws-terminal-heading h3{font-size:13px;color:#fff;margin:0}.ws-terminal-heading button{color:#c6b7aa;background:#29221e;border:1px solid #493b31;border-radius:8px;font-size:10px;padding:6px 11px}.ws-terminal-mode{font-size:9px;color:#a99382;margin:11px 0 18px}.ws-terminal-output{background:#141414;color:#ede4dc;font:11px/1.8 var(--mono);border:0;margin:0;padding:0;min-height:285px;max-height:440px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0}.ws-terminal-form{display:flex;gap:6px;align-items:flex-end;padding-top:16px;border-top:1px solid #42332a;margin-top:18px}.ws-terminal-prompt{flex:1;min-width:0;font:10px/1.6 var(--mono)}.ws-terminal-prompt span{display:block;color:#e9a268;overflow-wrap:anywhere}.ws-terminal-prompt input{display:block;width:100%;background:#1d1c1b;color:#fff;border:1px solid #4d4036;border-radius:8px;font:11px/1.6 var(--mono);padding:9px;margin-top:7px;min-height:38px}.ws-terminal-form>button{border:1px solid #574130;background:#38271b;color:#ffca99;border-radius:9px;padding:9px;min-height:38px}.ws-command-chips{display:flex;gap:7px;margin:15px 0}.ws-command-chips button{font:10px var(--mono);border:1px solid #4c3a2c;border-radius:9px;padding:6px 10px;min-height:32px;background:#251d17;color:#e8b082}.ws-terminal-footnote{font-size:9px;color:#b39e8c;margin:13px 0 0}.ws-bottom-guide{display:flex;gap:18px;margin-top:20px}.ws-bottom-guide>*{flex:1;min-width:0}.ws-dialog{background:#fffaf5;border:1px solid white;border-radius:24px;padding:25px;color:var(--ink);max-width:min(480px,90vw);box-shadow:0 15px 80px #71412530}.ws-dialog::backdrop{background:#46312766;backdrop-filter:blur(6px)}.ws-dialog label{display:block;font-size:12px;margin:12px 0}.ws-dialog input{width:100%}.ws-dialog .actions{justify-content:flex-end}.ws-danger{color:#aa4834}.ws-no-file{padding:35px;color:#916a4f;min-height:360px}.workspace-view pre{tab-size:4}
@media(min-width:1600px){.ws-computer-grid{grid-template-columns:200px minmax(0,1.25fr) minmax(280px,.8fr)}}
@media(max-width:1200px){.ws-computer-grid{grid-template-columns:170px minmax(0,1fr)}.ws-terminal-window{grid-column:1/-1;min-height:350px}.ws-terminal-output{min-height:140px;max-height:320px}.ws-header h2{font-size:28px}.ws-bottom-guide{flex-direction:column}}
@media(max-width:620px){.ws-header{display:block}.ws-header button{margin-top:15px}.ws-mission{padding:20px}.ws-mission-heading{display:block}.ws-mission-choice{display:block}.ws-mission-choice select{display:block;width:100%;margin:9px 0 12px;min-width:0}.ws-local-badge{display:inline-block;margin-top:6px}.ws-steps{gap:6px}.ws-steps button{font-size:10px;padding:8px 9px;gap:5px}.ws-computer-grid{display:flex;flex-direction:column}.ws-computer-grid>*{width:100%}.ws-files{min-height:0;padding:18px}.ws-tree{max-height:180px;margin:13px 0}.ws-file-bottom{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ws-file-bottom .ws-small{width:100%;margin:0}.ws-file-bottom .secondary{width:auto}.ws-import{max-width:100%;margin:8px 0}.ws-terminal-window{min-height:350px}.ws-editor-wrap,.ws-code-editor{min-height:330px}.ws-code-editor{font-size:12px}.ws-line-numbers{font-size:12px}.ws-bottom-guide{display:block}.ws-step-actions button{font-size:11px}}

.learn-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}.learn-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a45f38;font-weight:600}.learn-intro{font-size:14px;color:var(--muted);max-width:680px}.learn-help-button,.learn-build-actions button,.learn-footer button,.learn-check-button,.learn-prerequisite button{border:1px solid #e7cbb5;background:#fff9f4;color:#94512b;border-radius:13px;padding:11px 16px;font-size:12px;min-height:44px}.learn-help-button{flex-shrink:0;max-width:190px}.learn-path-bar{background:#fff9;border:1px solid #fff;border-radius:22px;box-shadow:var(--shadow);padding:20px 24px;display:flex;justify-content:space-between;gap:25px;margin-bottom:23px;align-items:center}.learn-topic-label{font-size:11px;color:#835e45;display:flex;gap:14px;align-items:center;flex:1}.learn-topic-label select{font-size:12px;max-width:350px;flex:1}.learn-progress{font-size:10px;color:#916c51;width:240px}.learn-progress progress{width:100%;height:6px;display:block;margin:8px 0 6px;accent-color:#de8446;border:0;border-radius:5px;overflow:hidden}.learn-progress progress::-webkit-progress-bar{background:#eedbc9}.learn-progress progress::-webkit-progress-value{background:#de8446}.learn-progress-note{font-size:9px;color:#9b806c}.learn-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:23px;align-items:start}.learn-outline{background:#fff8;border:1px solid #fff;border-radius:23px;padding:23px 17px;box-shadow:var(--shadow);position:sticky;top:20px}.learn-outline-title{font-size:15px;font-weight:600;margin-bottom:9px}.learn-path-goal{font-size:11px;color:#87634a}.learn-time{font-size:9px;color:#9a7b64;margin-top:15px}.learn-step-list{list-style:none;padding:0;margin:20px 0}.learn-step-list li{margin:7px 0}.learn-step-button{border:1px solid transparent;background:transparent;border-radius:14px;text-align:left;display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;font-size:11px;color:#85634c;line-height:1.4}.learn-step-active{border-color:#e5be9d;background:#fff0e2;color:#975326}.learn-step-number{width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#fff5ea;border:1px solid #e9d1ba;font-size:10px}.learn-step-status{display:block;font-size:8px;color:#8b6e56;margin-top:3px}.learn-prerequisite{font-size:10px;border-top:1px solid #ead3bd;padding-top:15px;color:#8a6548}.learn-prerequisite p{margin-top:9px}.learn-prerequisite button{font-size:10px;padding:7px 10px;min-height:36px}.learn-lesson{min-width:0;background:#ffffffc7;border:1px solid white;border-radius:25px;padding:28px;box-shadow:var(--shadow)}.learn-lesson-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.learn-save-state{font-size:9px;color:#9b7c64}.learn-lesson>h2{font-size:25px;letter-spacing:-.7px;margin:15px 0 26px;scroll-margin-top:180px}.learn-explain,.learn-example,.learn-check,.learn-build{border-top:1px solid #ebd5c3;padding:25px 0 6px}.learn-explain p,.learn-build p{font-size:13px;color:#725741}.learn-explain h3,.learn-example h3,.learn-check h3,.learn-build h3{font-size:15px;display:flex;gap:11px;align-items:center;margin-bottom:18px}.learn-stage-number{background:#ffead7;color:#a25527;display:grid;place-items:center;border-radius:10px;font-size:10px;width:26px;height:26px;flex-shrink:0}.learn-rule{background:#fff0e2;padding:15px;border-radius:13px;color:#854e29!important}.learn-code{white-space:pre;overflow:auto;font-size:12px;line-height:1.8}.learn-table-scroll{overflow:auto;border:1px solid #e8d1bb;border-radius:13px;margin:20px 0}.learn-trace{border-collapse:collapse;width:100%;font-size:11px;min-width:360px}.learn-trace caption{text-align:left;padding:11px 14px;font-size:10px;color:#956944;background:#fff8f0}.learn-trace th{text-align:left;background:#ffeddb;color:#935531;padding:12px 14px;font-weight:600;white-space:nowrap}.learn-trace td{padding:11px 14px;border-top:1px solid #eddbc9;color:#775944;font-family:var(--mono);vertical-align:top}.learn-output{display:flex;align-items:center;gap:15px;font-size:11px}.learn-output-label{color:#916144;min-width:45px}.learn-output pre{flex:1;white-space:pre-wrap;margin:0 0 19px}.learn-check fieldset{border:0;margin:0;padding:0}.learn-check legend{font-size:14px;font-weight:550;padding:0;margin-bottom:15px;max-width:100%}.learn-options{display:grid;gap:9px;margin-bottom:15px}.learn-option{display:flex;gap:12px;align-items:center;background:#fffaf5;border:1px solid #ead2bc;border-radius:14px;padding:14px;font-size:12px;cursor:pointer;min-height:47px}.learn-option:has(input:checked){background:#ffecd9;border-color:#d68f5c}.learn-option input{accent-color:#c5642b}.learn-check-button,.learn-footer .learn-next-button{background:#c55a22;color:#fff;border-color:#c55a22;font-weight:600}.learn-feedback{padding:15px 0;font-size:12px}.learn-feedback p{margin:0}.learn-feedback-hint{color:#917258;font-size:11px}.learn-feedback-message{padding:15px;border-radius:13px;white-space:pre-line}.learn-feedback-correct{background:#f5eeff;color:#78608e;border:1px solid #d7c3e6}.learn-feedback-retry{background:#fff0db;color:#8e572f;border:1px solid #e9c4a0}.learn-misconception{font-size:11px;color:#88654a;background:#fff7ed;padding:15px;border-radius:13px}.learn-hints{font-size:12px;color:#875b3a;padding:9px 0}.learn-hints ol{padding-left:22px}.learn-hints li{margin-bottom:8px}.learn-build-actions{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.learn-build-note{font-size:10px!important;color:#99795f!important}.learn-footer{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-top:20px;border-top:1px solid #ecd5bf;padding:20px 0 0;font-size:10px;color:#947258}.learn-footer p{max-width:250px;margin:0}.learn-footer button{font-size:11px;flex-shrink:0}.voice-controls{display:block}.voice-read-toggle{font-size:10px;color:#876248;display:flex;align-items:center;gap:7px;margin:9px 0}.voice-status,.voice-note,.voice-transcript{font-size:10px;line-height:1.5;margin:7px 0;color:#8b6548}.voice-transcript{background:#fff0de;border-radius:9px;padding:9px}
@media(max-width:1050px){.learn-layout{grid-template-columns:190px minmax(0,1fr);gap:17px}.learn-lesson{padding:23px}.learn-save-state{display:none}.learn-header{align-items:flex-start}.learn-help-button{max-width:140px;font-size:11px}.learn-footer{flex-wrap:wrap}.learn-footer p{order:3;width:100%;max-width:none}}
@media(max-width:820px), (max-width:1000px) and (max-height:500px){.learn-outline{top:150px}.learn-lesson>h2{scroll-margin-top:180px}}
@media(max-width:620px){.learn-header{display:block}.learn-help-button{max-width:none;margin:0 0 9px}.learn-path-bar{display:block;padding:18px}.learn-topic-label{display:block}.learn-topic-label select{display:block;width:100%;max-width:none;margin-top:9px}.learn-progress{width:100%;margin-top:16px}.learn-layout{display:block}.learn-outline{position:static;padding:19px;margin-bottom:18px}.learn-path-goal,.learn-time{display:none}.learn-step-list{display:flex;gap:7px;overflow:auto;margin:12px 0;padding-bottom:4px}.learn-step-list li{flex-shrink:0;min-width:140px;max-width:170px;margin:0}.learn-step-button{height:100%;font-size:10px;padding:10px}.learn-prerequisite{padding-top:10px}.learn-lesson{padding:22px 19px}.learn-lesson>h2{font-size:22px;margin-top:10px}.learn-lesson-top .learn-eyebrow{font-size:9px}.learn-table-scroll{margin:15px 0}.learn-explain,.learn-example,.learn-check,.learn-build{padding-top:20px}.learn-check legend{font-size:13px}.learn-option{font-size:12px;padding:13px}.learn-build-actions button{font-size:11px;flex:1}.learn-footer{gap:10px}.learn-output{display:block}.learn-output-label{display:block;margin-bottom:7px}.learn-code{font-size:11px}}

.tutor-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0}.tutor-panel .tutor-head{position:relative;top:auto;z-index:auto;flex:0 0 auto;background:#fff0e4;padding:16px 18px}.tutor-settings{flex:0 1 auto;min-height:0;max-height:220px;max-height:min(220px,34%);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid #eedbc9}.tutor-settings .tutor-mode{display:block;padding:9px 16px 8px;font-size:11px}.tutor-settings .tutor-mode select{font-size:12px;min-height:36px;margin-top:4px;padding:7px}.tutor-settings #voice-controls{padding:0 16px 8px}.tutor-settings .voice-actions{gap:6px}.tutor-settings .voice-actions button{min-height:36px;padding:8px 11px}.tutor-settings .voice-read-toggle{margin:6px 0;font-size:11px}.tutor-settings .voice-status{margin:5px 0;font-size:11px}.voice-tips{font-size:10px;color:#8b6548;margin-top:6px}.voice-tips summary,.tutor-disclosure summary{cursor:pointer;min-height:24px;line-height:24px}.voice-tips .voice-note{margin:5px 0 0}.tutor-panel .chat-log{flex:1 1 0;min-height:64px;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px;gap:12px;scrollbar-gutter:stable}.tutor-panel .chat-message{font-size:13px;line-height:1.65;white-space:normal;padding:13px}.tutor-panel .chat-message.user{white-space:pre-wrap;margin-left:24px}.chat-content p{margin:0 0 12px;white-space:pre-wrap}.chat-content p:last-child{margin-bottom:0}.chat-content h4{font-size:13px;margin:0 0 9px}.chat-content ul,.chat-content ol{margin:8px 0 12px;padding-left:20px}.chat-content li{margin:5px 0;white-space:pre-wrap}.chat-content code{font-family:var(--mono);font-size:.94em;background:#fff0e3;border-radius:5px;padding:2px 4px;overflow-wrap:anywhere}.chat-content .chat-code{max-width:100%;margin:10px 0;padding:12px;background:#fff6ee;border:1px solid #eddbc9;border-radius:12px;overflow-x:auto;white-space:pre;color:#583d2e}.chat-content .chat-code code{display:block;min-width:max-content;padding:0;background:transparent;white-space:pre;overflow-wrap:normal;line-height:1.7}.tutor-panel .chat-suggestions{flex:0 0 auto;padding:6px 16px 7px;gap:5px;border-top:1px solid #efdfd1}.tutor-panel #chat-form{flex:0 0 auto;padding:7px 16px 4px;margin:0;background:#fff9f3}.tutor-panel #chat-input{font-size:13px;min-height:58px;height:58px;max-height:86px;resize:vertical;padding:10px 12px}.tutor-panel #chat-form>div{margin-top:6px}.tutor-panel #chat-form button{min-height:38px;padding:9px 18px;font-size:12px}.tutor-disclosure{flex:0 1 auto;min-height:0;max-height:100px;overflow:auto;margin:2px 16px 8px;font-size:10px;color:#826b59}.tutor-disclosure .tutor-note{margin:4px 0 6px;font-size:10px;line-height:1.5}.tutor-panel summary:focus-visible{outline:2px solid #a45931;outline-offset:2px;border-radius:5px}
@media(max-width:540px){.tutor-panel{top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));left:8px;right:8px;width:auto;height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100vh - 16px);border-radius:24px}.tutor-panel .tutor-head{padding:13px 16px}.tutor-head strong{font-size:16px}.tutor-settings{max-height:34%}.tutor-panel .chat-log{min-height:54px}.tutor-panel .chat-suggestions button{font-size:10px;padding:6px 8px}.tutor-panel #chat-form{padding-top:5px}.tutor-panel #chat-input{height:54px;min-height:54px}.tutor-disclosure{margin-bottom:5px}}
@media(max-height:450px){.tutor-panel .tutor-head{padding:10px 14px}.tutor-settings{max-height:30%}.tutor-panel .chat-log{min-height:0;padding:8px 14px}.tutor-panel .chat-suggestions,.tutor-disclosure{display:none}.tutor-panel #chat-input{height:46px;min-height:46px}.tutor-panel #chat-form{padding:5px 14px 8px}.tutor-panel #chat-form button{min-height:32px;padding:7px 14px}}

.tutor-settings .voice-talk{background:#f9c79f;color:#693916;border-color:#eeba93;font-weight:650}.tutor-head .icon-btn{width:40px;height:40px;min-width:40px}.tutor-data-note{flex:0 0 auto;font-size:10px;line-height:1.4;color:#826b59;margin:4px 16px 2px}.tutor-panel .tutor-data-note{padding:0}.app-update{margin:18px 36px 0;padding:14px 18px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:#fff0e2;border:1px solid #edc4a6;border-radius:18px;color:#784624;font-size:12px}.app-update>div{display:flex;gap:8px;flex-shrink:0}.app-update button{padding:8px 12px;font-size:11px}@media(max-width:820px), (max-width:1000px) and (max-height:500px){.app-update{margin:14px 17px 0;flex-wrap:wrap;gap:9px}}