:root{font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif;color:#352e32;background:#eee0d5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 10%,#fff8,transparent 30rem),linear-gradient(145deg,#f9eee2,#ead6c8)}button,textarea{font:inherit}.shell{min-height:100dvh;display:grid;place-items:center}.room{width:min(100%,980px);min-height:100dvh;background:#fffaf4;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 10px}.eyebrow{margin:0 0 3px;color:#b85e4c;font:700 .7rem Georgia,serif;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font:500 clamp(1.55rem,5vw,2.2rem) Georgia,serif}.presence{display:flex;align-items:center;gap:7px;color:#81757a;font-size:.72rem}.presence i{width:8px;height:8px;border-radius:50%;background:#c76262;box-shadow:0 0 0 4px #c7626218}.presence.online i{background:#6f9d78;box-shadow:0 0 0 4px #6f9d7822}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px 20px 16px}.stat{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-width:0;padding:9px 8px 12px;border:1px solid #573d3d1f;border-radius:14px;background:#ffffffc7;overflow:hidden}.stat-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#bd5962;background:#fbe8e8}.mood .stat-icon{color:#c88a28;background:#fcefd4}.english_xp .stat-icon{color:#60728d;background:#e9eef6;font:700 .9rem Georgia}.stat small{display:block;color:#81757a;font-size:.61rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat strong{display:block;font-size:.98rem}.meter{position:absolute;left:8px;right:8px;bottom:5px;height:2px;background:#6f51510d}.meter i{display:block;height:100%;background:#d38270}.stage{position:relative;height:265px;overflow:hidden;border-block:1px solid #573d3d14}.room-art{display:block;width:100%;height:100%}.stage-caption{position:absolute;bottom:9px;width:100%;margin:0;color:#574549b5;text-align:center;font:italic .76rem Georgia,serif}.conversation{display:flex;min-height:350px;flex-direction:column;background:#fffaf4}.messages{flex:1;height:min(34vh,370px);min-height:210px;overflow:auto;padding:20px}.empty{color:#81757a;text-align:center;font:italic .9rem Georgia}.message{display:flex;align-items:flex-start;gap:9px;max-width:88%;margin-bottom:15px}.message.player{margin-left:auto}.avatar{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#a67170;font:italic .8rem Georgia}.bubble{padding:10px 13px;border:1px solid #573d3d1f;border-radius:5px 16px 16px;background:#fff;box-shadow:0 4px 14px #533a2f0d}.player .bubble{color:#fff;border:0;border-radius:16px 5px 16px 16px;background:#806a72}.bubble b{display:block;margin-bottom:3px;color:#b85e4c;font-size:.65rem;letter-spacing:.06em}.bubble p{margin:0;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.typing{display:flex;gap:5px;padding:15px}.typing i{width:6px;height:6px;border-radius:50%;background:#ad9da0;animation:dots 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.feedback,.error{margin:0 20px 11px;padding:11px 13px;border-radius:13px}.feedback{color:#526a59;border:1px solid #708b7933;background:#edf4ed}.feedback>div{display:flex;justify-content:space-between}.feedback strong{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.feedback button{border:0;background:none;font-size:1.1rem}.feedback p{margin:7px 0;font-size:.85rem}.feedback small{display:block;padding-top:6px;border-top:1px solid #536f5b22}.error{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#884842;background:#f9e4df;font-size:.8rem}.error button{flex:none;padding:7px 10px;border:1px solid #88484233;border-radius:9px;background:#fff}form{display:grid;grid-template-columns:1fr auto;gap:9px;padding:11px 20px calc(17px + env(safe-area-inset-bottom));border-top:1px solid #573d3d1f;background:#fffdf9}textarea{min-height:46px;max-height:105px;resize:none;padding:12px 13px;border:1px solid #503c3c33;border-radius:14px;outline:none;color:#352e32;background:#fff;line-height:1.4}textarea:focus{border-color:#e28469;box-shadow:0 0 0 3px #e2846922}textarea:disabled{background:#f2ece7}form>button{align-self:start;min-width:70px;height:46px;border:0;border-radius:14px;color:#fff;background:#df7d62;box-shadow:0 7px 16px #bf5c4630;font-weight:700}form>button:disabled{opacity:.45;box-shadow:none}form>small{grid-column:1/-1;color:#81757a;font-size:.65rem}.spinner{display:block;width:17px;height:17px;margin:auto;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.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 dots{50%{transform:translateY(-4px);opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:780px){.shell{padding:32px}.room{display:grid;grid-template-columns:minmax(350px,.88fr) minmax(420px,1.12fr);grid-template-rows:auto auto 1fr;min-height:auto;border:1px solid #573d3d1f;border-radius:28px;box-shadow:0 25px 75px #54392d26}header,.stats,.stage{grid-column:1}header{padding:32px 30px 13px}.stats{padding-inline:30px}.stage{height:455px;border-right:1px solid #573d3d1f;border-bottom:0}.conversation{grid-column:2;grid-row:1/4;min-height:665px}.messages{height:525px;padding:34px 30px 20px}.feedback,.error{margin-inline:30px}form{padding-inline:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.account{display:flex;align-items:center;gap:10px;text-align:right}.account span{display:grid}.account b{font-size:.78rem}.account small{color:#81757a;font-size:.62rem}.account button,header>button{padding:7px 10px;border:1px solid #573d3d22;border-radius:9px;color:#68575d;background:#fff}.gate{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 5%,#fff 0,transparent 32%),linear-gradient(135deg,#f7e9da,#e7cbc0)}.gate-loading{font:italic 1rem Georgia;color:#806a72}.gate-card{width:min(920px,100%);overflow:hidden;border:1px solid #5d41411f;border-radius:28px;background:#fffaf5;box-shadow:0 30px 90px #57372e29}.gate-art{position:relative;min-height:250px;overflow:hidden;background:linear-gradient(#363b59,#6d6170 70%,#c38b79)}.gate-art>span{position:absolute;top:38px;left:18%;color:#fff9;font-size:2rem}.gate-moon{position:absolute;top:35px;right:15%;width:74px;height:74px;border-radius:50%;background:#fff4ce;box-shadow:0 0 35px #ffe8a966}.gate-window{position:absolute;left:50%;bottom:-5px;width:170px;height:145px;transform:translate(-50%);display:flex;align-items:end;justify-content:center;gap:13px;padding:20px;border:9px solid #59464a;border-bottom:0;background:linear-gradient(#31405e,#c87866)}.gate-window i{width:34px;height:80px;border-radius:50% 50% 8px 8px;background:#302a31}.gate-window i:nth-child(2){height:105px;background:#9d5f5c}.gate-copy{padding:30px}.gate-copy>p:not(.eyebrow){color:#756a6f;line-height:1.6}.gate-copy>small{display:block;margin-top:16px;color:#998d91;font-size:.7rem}.gate-form{display:block;padding:8px 0 0;border:0;background:none}.gate-form label,.admin-login label{display:block;margin:13px 0;color:#66595e;font-size:.76rem;font-weight:700}.gate-form input,.admin-login input,.panel-head input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #5c42442c;border-radius:11px;outline:none;background:#fff}.gate-form input:focus,.admin-login input:focus,.panel-head input:focus{border-color:#d67a62;box-shadow:0 0 0 3px #d67a621c}.gate-form button,.admin-login button{width:100%;margin-top:9px;padding:14px;border:0;border-radius:12px;color:#fff;background:#d9785e;font-weight:800}.gate-form button:disabled,.admin-login button:disabled{opacity:.55}.gate-error{color:#984d45!important;font-size:.78rem}.admin-login{min-height:100dvh;display:grid;place-items:center;padding:20px;background:#25262d;color:#e9e8e4}.admin-login form{width:min(390px,100%);padding:34px;border:1px solid #ffffff18;border-radius:18px;background:#303139;box-shadow:0 28px 80px #0004}.admin-login h1{font-family:inherit;font-weight:700}.admin-login p{color:#aaaab1;line-height:1.5}.admin-login label{color:#d8d8dc}.admin-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#25262d!important;background:#e5a071;font-weight:900}.admin{min-height:100dvh;color:#25262d;background:#f3f1ed}.admin nav{display:flex;align-items:center;justify-content:space-between;padding:15px 5vw;color:#eee;background:#25262d}.admin nav div{display:grid}.admin nav span{color:#999aa1;font-size:.68rem}.admin nav button,.admin-body button{padding:8px 11px;border:1px solid #0002;border-radius:8px;background:#fff}.admin nav button{color:#ddd;border-color:#fff2;background:#ffffff0c}.admin-body{width:min(1180px,92%);margin:auto;padding:34px 0}.admin-body>header{padding:0 0 22px}.admin-body>header h1{font-family:inherit;font-weight:700}.admin-alert{padding:11px;border-radius:9px;color:#8b403c;background:#f7deda}.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.summary article{padding:18px;border:1px solid #25262d12;border-radius:13px;background:#fff}.summary span{display:block;color:#77757a;font-size:.72rem}.summary strong{display:block;margin-top:7px;font-size:1.8rem}.admin-panel{margin-top:18px;padding:20px;border:1px solid #25262d12;border-radius:14px;background:#fff}.admin-panel h2{margin:0;font-size:1.05rem}.admin-panel p{margin:5px 0;color:#77757a;font-size:.75rem}.panel-head{display:flex;justify-content:space-between;gap:20px}.panel-head form{display:flex;gap:6px;padding:0;border:0}.panel-head input{min-width:220px;margin:0;padding:9px}.table-wrap{margin-top:17px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:.78rem}th,td{padding:12px;text-align:left;border-top:1px solid #25262d10;white-space:nowrap}th{color:#77757a;font-size:.68rem;text-transform:uppercase}td small{display:block;color:#999}.tag{padding:4px 7px;border-radius:99px;font-size:.68rem}.tag.on{color:#38704b;background:#e4f2e8}.tag.off{color:#914942;background:#f7e3df}.controls{display:flex;gap:5px}.controls button{font-size:.7rem}.no-data{text-align:center;padding:24px}.invite-panel{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:15px}.invite-list{display:flex;flex-wrap:wrap;gap:8px;width:100%;padding-top:13px;border-top:1px solid #25262d10}.invite-list code{padding:8px 10px;border-radius:7px;background:#f2eee8;font-weight:700}@media(min-width:700px){.gate-card{display:grid;grid-template-columns:.9fr 1.1fr}.gate-art{min-height:610px}.gate-copy{align-self:center;padding:54px}.summary{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.panel-head{display:block}.panel-head form{margin-top:12px}.panel-head input{min-width:0}.admin-panel{padding:13px}.account small{display:none}}.create-button{color:#a65761!important;border-color:#d78a7a55!important;background:#fff7f2!important}.avatar-stage.compact{height:auto;min-height:0;border:0;background:#f0d2bd}.avatar-stage.compact svg{height:min(49vh,490px)}.studio-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:14px;background:#2f2529cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio{display:flex;flex-direction:column;width:min(1080px,100%);max-height:calc(100dvh - 28px);overflow:hidden;border:1px solid #ffffff40;border-radius:24px;background:#fffaf4;box-shadow:0 35px 100px #20141988}.studio>header{flex:none;padding:20px 24px;border-bottom:1px solid #573d3d16}.studio>header h2{margin:0;font:500 clamp(1.25rem,3vw,1.8rem) Georgia}.studio>header>button{width:38px;height:38px;padding:0;border:0;border-radius:50%;font-size:1.5rem}.studio-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(380px,1.18fr);min-height:0;overflow:hidden}.studio-preview{position:relative;min-height:0;overflow:hidden;background:#f0d2bd;text-align:center}.studio-preview>strong,.studio-preview>span{position:absolute;z-index:2;left:22px;bottom:38px;padding:5px 9px;border-radius:7px;color:#fff;background:#3a2829bb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.studio-preview>span{bottom:13px;color:#f3e8e3;font-size:.7rem}.draw-layer{position:absolute;z-index:3;inset:0;width:100%;height:calc(100% - 52px);touch-action:none;cursor:crosshair}.studio-editor{min-height:0;overflow:auto;background:#fffdf9}.studio-editor>nav{position:sticky;z-index:4;top:0;display:grid;grid-template-columns:repeat(3,1fr);padding:10px 16px 0;background:#fffdf9}.studio-editor>nav button{padding:11px;border:0;border-bottom:2px solid transparent;color:#81757a;background:none}.studio-editor>nav button.active{color:#a65761;border-color:#d97962;font-weight:800}.studio-fields{padding:18px 22px 35px}.studio-fields label{display:block;color:#67575c;font-size:.72rem;font-weight:750}.studio-fields input:not([type=color]):not([type=range]),.studio-fields select,.studio-fields textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #573d3d2b;border-radius:10px;color:#352e32;background:#fff}.studio-fields textarea{resize:vertical}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.field-grid input[type=color]{display:block;width:100%;height:40px;margin-top:5px;padding:2px;border:1px solid #573d3d22;border-radius:9px;background:#fff}.studio-fields fieldset{margin:18px 0;padding:0;border:0}.studio-fields legend{margin-bottom:9px;color:#67575c;font-size:.75rem;font-weight:800}.studio-fields legend small{color:#a09599;font-weight:500}.chips,.preset-grid{display:flex;flex-wrap:wrap;gap:7px}.chips button,.preset-grid button,.draw-tools button{padding:7px 10px;border:1px solid #573d3d22;border-radius:99px;color:#67575c;background:#fff;font-size:.7rem}.chips button.chosen,.preset-grid button.chosen{color:#8b483f;border-color:#d77861;background:#fbe9e1;box-shadow:0 0 0 2px #d7786114}.preset-grid button{display:flex;align-items:center;gap:6px;border-radius:10px}.preset-dot{width:13px;height:13px;border-radius:40% 60% 45% 55%;background:#a56b62}.draw-tools{color:#67575c}.draw-tools p{line-height:1.55}.draw-tools>div{display:flex;gap:20px;align-items:center;margin:20px 0}.draw-tools input{vertical-align:middle;margin-left:8px}.draw-tools>span{display:block;margin-bottom:12px;font-size:.72rem}.draw-tools>button{margin-right:8px}.studio>footer{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:13px 22px;border-top:1px solid #573d3d16;background:#fff}.studio>footer span{margin-right:auto;color:#8d7f83;font:italic .72rem Georgia}.studio>footer p{margin:0;color:#9b4c45;font-size:.7rem}.studio>footer button{padding:11px 18px;border:0;border-radius:11px;color:#fff;background:#d97962;font-weight:800}.studio>footer button:disabled{opacity:.5}@media(max-width:760px){.account{gap:5px}.create-button{position:fixed;z-index:8;right:15px;bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 8px 25px #573d3d33}.studio-backdrop{padding:0}.studio{height:100dvh;max-height:none;border:0;border-radius:0}.studio>header{padding:14px 16px}.studio-layout{display:flex;flex:1;flex-direction:column;overflow:auto}.studio-preview{flex:none;height:275px}.avatar-stage.compact svg{height:275px}.draw-layer{height:275px}.studio-editor{overflow:visible}.studio>footer{padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap}.studio>footer span{display:none}.studio>footer button{margin-left:auto}.field-grid{grid-template-columns:1fr 1fr}}.learn-button{color:#526a59!important;border-color:#708b7933!important;background:#f1f7f0!important}.event-card{flex:none;margin:16px 20px 0;padding:14px 15px;border:1px solid #d69b7040;border-radius:16px;background:linear-gradient(135deg,#fff3df,#fffaf2);box-shadow:0 8px 25px #885b3210}.event-head{display:flex;align-items:center;justify-content:space-between}.event-head>span{color:#b2674e;font-size:.65rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.event-head small{color:#958185;font-size:.62rem;text-transform:capitalize}.event-progress{height:3px;margin:9px 0 11px;overflow:hidden;border-radius:9px;background:#8d6e6814}.event-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e29265,#ca6868);transition:width .5s ease}.event-card h2{margin:0 0 4px;font:600 1rem Georgia}.event-card>p{margin:0 0 10px;color:#6d5d61;font-size:.76rem;line-height:1.4}.event-card>strong{display:block;color:#9c5b4e;font-size:.62rem;text-transform:uppercase}.event-card>small{color:#584b4f;font-size:.7rem}.event-targets{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.event-targets span{padding:4px 7px;border-radius:99px;color:#716065;background:#fff9;font-size:.6rem}.event-complete{border-color:#80a4844d;background:linear-gradient(135deg,#e8f4e6,#fbfff8)}.event-complete .event-head>span{color:#55745b}.learning-backdrop{position:fixed;z-index:24;inset:0;display:grid;place-items:center;padding:18px;background:#2b2428c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.learning-panel{width:min(650px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #ffffff42;border-radius:24px;background:#fffaf4;box-shadow:0 35px 100px #20141988}.learning-panel>header{position:sticky;z-index:2;top:0;padding:20px 23px;border-bottom:1px solid #573d3d16;background:#fffaf4ef;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.learning-panel>header h2{margin:0;font:500 1.6rem Georgia}.learning-panel>header>button{width:38px;height:38px;padding:0;border:0;border-radius:50%;font-size:1.5rem}.learning-empty{padding:30px;color:#81757a;line-height:1.6}.learning-hero{display:flex;align-items:center;gap:20px;padding:24px}.mastery-ring{flex:none;display:grid;place-content:center;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,#fffaf4 59%,transparent 61%),conic-gradient(#728b74 var(--mastery),#e4ddd7 0);text-align:center}.mastery-ring strong{font-size:1.35rem}.mastery-ring small{color:#81757a;font-size:.58rem}.learning-hero>div:last-child>span{color:#56705d;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.learning-hero h3{margin:5px 0;font-size:1rem}.learning-hero p{margin:0;color:#81757a;font-size:.72rem;line-height:1.45}.recommended{margin:0 24px 18px;padding:14px;border:1px solid #d29a6338;border-radius:13px;background:#fff2df}.recommended>strong{font-size:.72rem}.recommended>p{margin:4px 0 10px;color:#81757a;font-size:.68rem}.recommended>div{display:flex;flex-wrap:wrap;gap:6px}.recommended span{padding:5px 8px;border-radius:99px;color:#814f3f;background:#fff;font-size:.65rem}.skill-list{display:grid;gap:9px;padding:0 24px 24px}.skill-list article{padding:12px;border:1px solid #573d3d15;border-radius:12px;background:#fff}.skill-list article>div:first-child{display:flex;align-items:center;gap:9px}.skill-list span{display:grid;flex:1}.skill-list span strong{font-size:.76rem}.skill-list span small{color:#8d8185;font-size:.6rem;text-transform:capitalize}.skill-list b{font-size:.7rem}.skill-state{width:8px;height:8px;border-radius:50%;background:#c7bfc0}.skill-state.learning{background:#d49b51}.skill-state.mastered{background:#6d9a76;box-shadow:0 0 0 4px #6d9a7615}.skill-meter{height:3px;margin-top:9px;overflow:hidden;border-radius:9px;background:#573d3d0d}.skill-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8aa185,#d5a66d)}.learning-panel>footer{padding:16px 24px 24px;border-top:1px solid #573d3d12;color:#6e6266}.learning-panel>footer strong{font-size:.7rem}.learning-panel>footer p{margin:5px 0 0;font-size:.67rem;line-height:1.5}@media(min-width:780px){.event-card{margin-inline:30px}.conversation:has(.event-card) .messages{height:350px}}@media(max-width:760px){.learn-button{position:fixed;z-index:8;left:15px;bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 8px 25px #573d3d33}.learning-backdrop{padding:0}.learning-panel{height:100dvh;max-height:none;border:0;border-radius:0}.learning-hero{padding:18px}.mastery-ring{width:88px;height:88px}.event-card{margin-top:8px}.messages{min-height:180px}}