.tutor-page{--tutor-accent:#d7ff3f;--tutor-muted:#a5a5b7;color:#f7f7fb;max-width:1288px;margin:auto;padding:44px 24px 140px;font-size:16px;line-height:1.65}.tutor-page *,.tutor-page :before,.tutor-page :after{box-sizing:border-box}.tutor-page :is(button,input,textarea,select){font:inherit}.tutor-topline{justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.tutor-topline a{color:#a5a5b7;align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:inline-flex}.tutor-topline a:hover{color:var(--tutor-accent)}.tutor-topline>span{color:#b9b9c9;letter-spacing:.08em;background:#16161e;border:1px solid #353545;border-radius:999px;padding:6px 11px;font-size:10px}.tutor-hero{border-bottom:1px solid #2e2e3c;grid-template-columns:minmax(0,1.5fr) minmax(240px,.75fr);align-items:center;gap:36px;padding-bottom:38px;display:grid}.tutor-eyebrow{color:var(--tutor-accent);letter-spacing:.16em;align-items:center;gap:10px;margin:0 0 18px;font-size:11px;font-weight:800;display:flex}.tutor-eyebrow:before{content:"";background:currentColor;width:22px;height:1px;display:block}.tutor-page .tutor-hero h1{letter-spacing:-.06em;margin:0 0 20px;font-size:clamp(42px,5.7vw,76px);font-weight:850;line-height:1.02}.tutor-hero h1 span{color:var(--tutor-accent)}.tutor-intro{color:var(--tutor-muted);max-width:610px;margin:0;font-size:16px;line-height:1.85}.tutor-hero-art{background:radial-gradient(at 45% 45%,#7654b938,#0000 70%),#11111a;border:1px solid #3c354c;border-radius:28px;place-items:center;height:265px;display:grid;position:relative;overflow:hidden}.tutor-hero-art>svg{z-index:1;filter:drop-shadow(0 10px 24px #0004);width:235px;height:215px}.tutor-orbit{border:1px solid #d7ff3f24;border-radius:50%;width:280px;height:150px;display:block;position:absolute;transform:rotate(-28deg)}.tutor-orbit-two{border-color:#b294f035;width:210px;height:285px;transform:rotate(-28deg)}.tutor-art-tag{z-index:2;color:#d7ff3f;letter-spacing:.08em;background:#15171cec;border:1px solid #d7ff3f35;border-radius:999px;padding:5px 11px;font-size:9px;position:absolute;bottom:14px}.tutor-toolbar,.tutor-work,.tutor-feedback,.tutor-catalog{background:#14141d;border:1px solid #2e2e3c;border-radius:24px;padding:28px}.tutor-toolbar{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:center;gap:32px;margin:28px 0;display:grid}.tutor-control-label{letter-spacing:.13em;color:#8d8da3;margin-bottom:13px;font-size:10px;font-weight:750;display:block}.tutor-mode-block{min-width:0}.tutor-page button{color:#e7e7f0;cursor:pointer;background:#1c1c28;border:1px solid #3c3c4f;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 15px;font-size:13px;transition:border-color .2s,background .2s;display:inline-flex}.tutor-page button:hover:not(:disabled){border-color:#86869b}.tutor-page button:disabled{opacity:.45;cursor:not-allowed}.tutor-page button[aria-pressed=true]{color:#11130a;background:#d7ff3f;border-color:#d7ff3f;font-weight:750}.tutor-modes{flex-wrap:wrap;gap:8px;display:flex}.tutor-mode-block .tutor-modes{background:#0d0d14;border:1px solid #2c2c3a;border-radius:14px;padding:5px}.tutor-mode-block .tutor-modes button{white-space:nowrap;background:0 0;border:0;flex:1}.tutor-mode-block .tutor-modes button[aria-pressed=true]{background:#d7ff3f}.tutor-pets{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tutor-pets button{text-align:left;background:#101017;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.tutor-pets button[aria-pressed=true]{color:#f7f7fb;background:#d7ff3f08;border-color:#d7ff3f}.tutor-pets button>span{font-size:10px;line-height:1.55}.tutor-pets svg{flex-shrink:0;width:54px;height:50px}.tutor-catalog{margin:24px 0}.tutor-section-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.tutor-section-number{color:#d7ff3f;background:#d7ff3f0a;border:1px solid #d7ff3f45;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.tutor-section-heading h2{letter-spacing:-.04em;margin:0;font-size:23px;font-weight:750;line-height:1.3}.tutor-section-heading p{color:#9898ad;margin:5px 0 0;font-size:12px;line-height:1.8}.tutor-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.tutor-work{min-width:0}.tutor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tutor-fields label{color:#b1b1c3;min-width:0;font-size:12px;font-weight:600}.tutor-fields input,.tutor-page textarea,.tutor-page select{color:#f5f5fc;width:100%;min-width:0;max-width:100%;font:inherit;background:#0b0b12;border:1px solid #39394d;border-radius:11px;margin-top:8px;padding:14px 15px;font-size:16px;line-height:1.65}.tutor-fields input{margin-bottom:20px}.tutor-page :is(input,textarea,select)::placeholder{color:#727287}.tutor-page textarea{resize:vertical}.tutor-page select{min-height:52px}.tutor-label{color:#bdbdce;font-size:13px;display:block}.tutor-page .tutor-example{color:#a8a8bd;background:0 0;border-color:#353546;margin-top:12px;font-size:12px}.tutor-answer-heading{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px;display:flex}.tutor-answer-heading label{color:#bdbdce;font-size:13px}.tutor-answer-heading button{white-space:nowrap;min-height:40px;padding:9px 12px;font-size:11px}.tutor-editor{background:#0b0b12;border:1px solid #47475b;border-radius:12px;scroll-margin-top:110px;scroll-margin-bottom:170px;position:relative;overflow:hidden}.tutor-editor textarea,.tutor-mirror{letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:4;box-sizing:border-box;scrollbar-gutter:stable;width:100%;height:340px;overflow:auto;border:0!important;margin:0!important;padding:16px!important;font:16px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace!important}.tutor-editor textarea{color:#0000;caret-color:#d7ff3f;resize:none;-webkit-text-fill-color:transparent;background:0 0;display:block;position:relative}.tutor-mirror{pointer-events:none;color:#e0e0ed;position:absolute;inset:0}.tutor-mirror mark{color:#fff4ce;background:#685026;border-bottom:2px solid #ffcc92;border-radius:3px;outline:2px solid #ffcc92;box-shadow:0 0 12px #ffc58022}.tutor-page :is(input,textarea,select,button,a,summary):focus-visible{outline-offset:3px;outline:2px solid #d7ff3f}.tutor-page input[type=checkbox]{accent-color:#d7ff3f;width:16px;height:16px}.tutor-keys{background:#0d0d14;border:1px solid #2e2e3c;border-radius:14px;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin-top:12px;padding:12px;display:grid}.tutor-keys button{min-width:0;padding:10px 0;font-size:15px}.tutor-actions{flex-direction:column;align-items:stretch;gap:18px;margin-top:24px;display:flex}.tutor-actions label{color:#a6a6b9;align-items:center;gap:9px;font-size:12px;display:flex}.tutor-page .tutor-primary{color:#11130a;background:#d7ff3f;border-color:#d7ff3f;min-height:50px;font-size:14px;font-weight:750}.tutor-page .tutor-primary:hover:not(:disabled){background:#e5ff83;border-color:#e5ff83}.tutor-note{color:#85859b;margin-top:15px;font-size:11px;line-height:1.85}.tutor-feedback{overflow-wrap:anywhere;background:linear-gradient(160deg,#b294f00b,#14141d 45%);align-self:start;line-height:1.8;position:sticky;top:100px}.tutor-feedback>svg{width:130px;height:119px;margin:-4px auto 8px;display:block}.tutor-feedback h2{letter-spacing:-.035em;text-align:center;margin:0 0 18px;font-size:23px;font-weight:750}.tutor-feedback h3{letter-spacing:.1em;text-transform:uppercase;color:#d7ff3f;margin:24px 0 7px;font-size:11px;font-weight:800}.tutor-feedback p{white-space:pre-wrap;color:#b9b9cb;font-size:14px}.tutor-feedback>strong{color:#e4f5a5;background:#d7ff3f08;border:1px solid #d7ff3f35;border-radius:11px;padding:12px 14px;font-size:14px;display:block}.tutor-feedback blockquote{color:#ded3f3;white-space:pre-wrap;background:#b294f00e;border-left:3px solid #b294f0;border-radius:0 10px 10px 0;margin:20px 0;padding:16px;font-size:14px}.tutor-options{border-top:1px solid #333342;border-bottom:1px solid #333342;gap:11px;margin-bottom:24px;padding:18px 0;font-size:12px;display:grid}.tutor-options label{color:#a4a4b8;align-items:center;gap:9px;display:flex}.tutor-feedback a{color:#d7ff3f;text-decoration:underline}.tutor-feedback [role=alert]{color:#ffc1cf;background:#ff8ea407;border:1px solid #ff8ea43d;border-radius:12px;padding:14px}.tutor-feedback nav{flex-wrap:wrap;gap:6px;display:flex}.tutor-feedback nav button{font-size:11px}.tutor-catalog .tutor-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0}.tutor-catalog .tutor-label{margin-top:20px}.tutor-catalog select{display:block}.tutor-practice{gap:12px;margin:12px 0 18px;display:grid}.tutor-practice article,.tutor-checkpoint{background:#b294f009;border:1px solid #b294f036;border-radius:14px;padding:16px}.tutor-practice article>strong{font-size:14px}.tutor-practice article p,.tutor-checkpoint p{margin:.5rem 0;font-size:13px}.tutor-practice details{margin-top:12px}.tutor-practice summary{color:#b7a3d8;cursor:pointer;min-height:40px;font-size:12px}.tutor-checkpoint ol{color:#bdbdce;gap:10px;margin:14px 0;padding-left:1.35rem;font-size:14px;display:grid}.tutor-checkpoint h3{margin-top:0}.tutor-flying{z-index:45;pointer-events:none;filter:drop-shadow(0 5px 12px #0008);width:170px;transition:left .55s,top .55s;position:fixed;bottom:100px;right:16px}.tutor-flying .tutor-character svg{width:170px;height:156px;display:block}.tutor-flying.is-docked{animation:none}.tutor-flying .tutor-caption{color:#d7ff3f;text-align:center;background:#181b10;border:1px solid #d7ff3f65;border-radius:9px;padding:5px 10px;font-size:12px;font-weight:700;display:block}.tutor-flying.is-pointing svg{filter:drop-shadow(0 0 8px #d7ff3f25)}.tutor-pointer{pointer-events:none;z-index:44;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.tutor-pointer path{fill:none;stroke:#d7ff3f;stroke-width:3px;stroke-linecap:round;filter:drop-shadow(0 1px 2px #000)}.tutor-pointer circle{fill:#ffcc92;stroke:#fff;stroke-width:2px}.tutor-speech{pointer-events:auto}.tutor-speech:empty{display:none}.tutor-speech button{color:#edf3d7;background:#1a1d12;border-color:#d7ff3f60;width:100%;min-height:44px;margin-top:6px;font-size:12px}.tutor-speech p{color:#e1e1ed;background:#14141d;border:1px solid #444454;border-radius:9px;margin:6px 0;padding:10px;font-size:11px;line-height:1.5}.tutor-flying .tutor-speech span{background:0 0}.tutor-mouth-speaking{transform-box:fill-box;transform-origin:50%;animation:.23s ease-in-out infinite alternate tutor-talk}.tutor-flying.no-motion{transition:none}@keyframes tutor-talk{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@media (max-width:1000px){.tutor-toolbar{grid-template-columns:minmax(0,1fr);gap:22px}.tutor-pets button{justify-content:flex-start;padding:12px}.tutor-pets svg{width:62px;height:57px}.tutor-pets button>span{font-size:12px}.tutor-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:18px}.tutor-work,.tutor-feedback{padding:22px}.tutor-answer-heading{flex-direction:column;align-items:flex-start}}@media (max-width:850px){.tutor-layout{grid-template-columns:minmax(0,1fr)}.tutor-feedback{position:static}.tutor-feedback>svg{margin-left:0}.tutor-feedback h2{text-align:left}.tutor-hero{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.tutor-hero-art{height:230px}.tutor-hero-art>svg{width:205px;height:188px}}@media (max-width:600px){.tutor-page{padding:24px 18px 140px}.tutor-topline{gap:12px;margin-bottom:20px}.tutor-topline a{font-size:13px}.tutor-topline>span{font-size:9px}.tutor-hero{grid-template-columns:minmax(0,1fr);padding-bottom:28px}.tutor-page .tutor-hero h1{font-size:clamp(42px,11vw,62px)}.tutor-intro{font-size:14px}.tutor-hero-art{height:205px}.tutor-hero-art>svg{width:205px;height:188px}.tutor-toolbar,.tutor-work,.tutor-feedback,.tutor-catalog{border-radius:18px;padding:20px 16px}.tutor-toolbar{margin:24px 0}.tutor-pets{gap:7px}.tutor-pets button{text-align:center;flex-direction:column;gap:3px;padding:8px 5px}.tutor-pets svg{width:65px;height:60px}.tutor-pets button>span{font-size:9px}.tutor-section-heading{align-items:flex-start;gap:11px}.tutor-section-heading h2{font-size:21px}.tutor-section-heading p{font-size:11px}.tutor-fields{grid-template-columns:minmax(0,1fr);gap:0}.tutor-catalog .tutor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.tutor-catalog .tutor-fields label:last-child{grid-column:1/-1}.tutor-fields input,.tutor-page textarea,.tutor-page select{padding:13px 12px;font-size:16px}.tutor-keys{gap:4px;padding:8px}.tutor-keys button{min-height:42px;font-size:13px}.tutor-flying{width:128px}.tutor-flying .tutor-character svg{width:128px;height:118px}.tutor-feedback>svg{width:125px;height:115px}.tutor-speech p{max-height:90px;overflow:auto}}@media (max-width:380px){.tutor-catalog .tutor-fields{grid-template-columns:minmax(0,1fr)}.tutor-pets svg{width:55px;height:51px}.tutor-page .tutor-hero h1{font-size:42px}}@media (prefers-reduced-motion:reduce){.tutor-page *,.tutor-page :before,.tutor-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.tutor-mouth-speaking,.tutor-flying{transition:none;animation:none}}
