.tutor-together{--ts-bg:#0b171b;--ts-panel:#13252a;--ts-line:#cde2dd29;--ts-text:#edf3eb;--ts-muted:#acbdb9;--ts-copper:#dfba89;--ts-green:#c9dea8;max-width:1440px;color:var(--ts-text);background:var(--ts-bg);font-family:var(--font-sans),Arial,sans-serif;min-height:75vh;margin:auto;padding:30px clamp(18px,3.8vw,58px) 72px}.tutor-together *{box-sizing:border-box}.tutor-together button,.tutor-together a,.tutor-together input,.tutor-together textarea,.tutor-together select{font:inherit}.tutor-together a{color:var(--ts-green);text-decoration:none}.tutor-together button{cursor:pointer;border:1px solid var(--ts-line);min-height:44px;color:var(--ts-text);background:#23383c;border-radius:10px;padding:12px 17px;font-size:.86rem;line-height:1.45;transition:background .18s,border-color .18s}.tutor-together button:hover:not(:disabled){background:#30474b;border-color:#d0e0ce55}.tutor-together button:disabled{cursor:default;opacity:.45}.tutor-together :focus-visible{outline:3px solid var(--ts-copper);outline-offset:4px}.tutor-together p{line-height:1.75}.tutor-together h1,.tutor-together h2,.tutor-together h3{letter-spacing:-.035em;text-wrap:balance;font-weight:500;line-height:1.2}.tutor-together h1{max-width:850px;margin:15px 0 22px;font-size:clamp(2.3rem,5vw,4.7rem)}.tutor-together h2{margin:12px 0 20px;font-size:clamp(1.35rem,2.2vw,2rem)}.tutor-together h3{margin:24px 0 10px;font-size:1.1rem}.ts-top{color:var(--ts-muted);justify-content:space-between;align-items:center;gap:20px;padding-bottom:34px;font-size:.75rem;display:flex}.ts-top>span{letter-spacing:.16em;font-size:.65rem}.ts-hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:6%;padding:12px 0 44px;display:grid}.ts-hero>div>p:last-child{max-width:600px;color:var(--ts-muted);font-size:1rem}.ts-kicker{text-transform:uppercase;letter-spacing:.17em;color:var(--ts-copper);margin:0 0 15px;font-weight:650;font-size:.64rem!important;line-height:1.5!important}.ts-hero-art{aspect-ratio:1.25;border:1px solid var(--ts-line);border-radius:24px;position:relative;overflow:hidden}.ts-hero-art:after{content:"";background:linear-gradient(#0000,#0b171bd9);position:absolute;inset:45% 0 0}.ts-hero-art img{object-fit:cover;object-position:66% center;width:100%;height:100%}.ts-hero-art span{z-index:1;letter-spacing:.16em;color:#e0eacb;font-size:.6rem;position:absolute;bottom:25px;left:24px}.ts-tabs{border-bottom:1px solid var(--ts-line);flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0 0 18px;display:flex}.ts-tabs button{background:0 0;border-radius:30px;padding-inline:22px}.ts-tabs button[aria-pressed=true]{background:var(--ts-green);color:#142317;border-color:var(--ts-green)}.ts-create-grid,.ts-help-grid,.ts-challenge-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:24px;display:grid}.ts-card{background:var(--ts-panel);border:1px solid var(--ts-line);overflow-wrap:anywhere;border-radius:20px;min-width:0;padding:clamp(22px,3vw,38px)}.ts-card>p{color:var(--ts-muted)}.ts-card form{margin-top:25px}.ts-card label:not(.ts-check):not(.ts-option){color:var(--ts-muted);font-size:.8rem;line-height:1.5;display:block}.ts-card input:not([type=checkbox]):not([type=radio]),.ts-card textarea,.ts-guardian select,.ts-invite input{width:100%;color:var(--ts-text);background:#09181e;border:1px solid #b8d6cb33;border-radius:9px;outline:none;margin:8px 0 19px;padding:13px 14px;font-size:.91rem;line-height:1.65;display:block}.ts-card textarea{resize:vertical;min-height:90px}.ts-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ts-label{justify-content:space-between;gap:20px;margin-top:18px;display:flex!important}.ts-label small{color:#8ca5a1;font-size:.65rem}.tutor-together button.ts-primary,.tutor-together .ts-button{background:var(--ts-green);color:#18261a;border-color:var(--ts-green);border-radius:30px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 22px;font-size:.83rem;font-weight:650;line-height:1.4;display:inline-flex}.tutor-together button.ts-primary:hover:not(:disabled){background:#d8e8c0}.tutor-together .ts-secondary{background:0 0}.tutor-together .ts-text{color:var(--ts-green);text-align:left;background:0 0;border-color:#0000;padding-inline:0;font-size:.76rem}.ts-preview{border-color:#c3a97844;position:sticky;top:100px}.ts-preview-empty{min-height:400px;color:var(--ts-muted);flex-direction:column;justify-content:center;align-items:start;display:flex}.ts-preview-empty>span{color:var(--ts-copper);font-size:4rem;font-weight:200}.ts-preview-empty>p{max-width:370px;font-size:.85rem}.ts-problem{white-space:pre-wrap;color:var(--ts-text)!important;font-size:1.14rem!important;line-height:1.8!important}.ts-tag{border:1px solid #c3a97855;border-radius:30px;padding:7px 12px;font-size:.7rem;display:inline-block;color:var(--ts-copper)!important}.ts-card blockquote{border-left:2px solid var(--ts-copper);color:#dce4db;white-space:pre-wrap;margin:18px 0;padding:10px 0 10px 18px;line-height:1.8}.ts-card ul{color:var(--ts-muted);padding-left:20px;font-size:.86rem;line-height:1.8}.ts-check{color:var(--ts-muted);align-items:flex-start;gap:12px;margin:25px 0;font-size:.78rem;line-height:1.65;display:flex}.ts-check input{accent-color:var(--ts-green);flex:none;width:18px;height:18px;margin-top:3px}.ts-preview>.ts-text{margin-top:12px;display:block}.ts-section-heading{max-width:760px;padding:15px 0 24px}.ts-section-heading>p:last-child{color:var(--ts-muted);font-size:.9rem}.ts-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.ts-case-grid .ts-card{flex-direction:column;padding:25px;display:flex}.ts-case-grid .ts-card>p:not(.ts-kicker){flex:1;font-size:.82rem}.ts-case-grid h3{margin:8px 0 10px;font-size:1.2rem}.ts-case-grid button{color:var(--ts-green);background:0 0;border:0;align-self:flex-start;padding-left:0}.ts-case-number{color:#9aac9f;text-align:right;margin-bottom:18px;font-size:.67rem}.ts-invite{border:1px solid var(--ts-line);background:#132124;border-radius:16px;margin-bottom:28px;padding:20px 24px}.ts-invite>p{color:var(--ts-muted);margin-top:0;font-size:.8rem}.ts-invite>div{align-items:center;gap:12px;display:flex}.ts-invite input{flex:1;min-width:0;margin:0;font-size:.75rem}.ts-invite button{flex:none;min-width:160px}.ts-invite small,.ts-public-problem small{color:#92aaa3;margin-top:13px;font-size:.65rem;line-height:1.7;display:block}.ts-steps{margin:30px 0 24px;list-style:none;padding:0!important}.ts-steps li{border-top:1px solid var(--ts-line);align-items:baseline;gap:18px;padding:17px 0;font-size:.96rem;display:flex}.ts-steps li>span{color:var(--ts-copper);min-width:22px;font-size:.65rem}.ts-steps li>p{color:var(--ts-text);white-space:pre-wrap;margin:0}.ts-card fieldset{border:0;min-width:0;margin:0 0 28px;padding:0}.ts-card legend{letter-spacing:-.01em;padding:0 0 12px;font-size:.87rem}.ts-option{border:1px solid var(--ts-line);color:var(--ts-muted);cursor:pointer;border-radius:9px;align-items:start;gap:12px;margin:9px 0;padding:13px 14px;font-size:.82rem;line-height:1.65;display:flex}.ts-option:has(input:checked){color:var(--ts-text);background:#c9dea80a;border-color:#c9dea8aa}.ts-option input{accent-color:var(--ts-green);flex:none;margin-top:4px}.ts-step-options{flex-wrap:wrap;gap:8px;display:flex}.ts-step-options label{cursor:pointer;position:relative}.ts-step-options input{opacity:0;position:absolute}.ts-step-options span{border:1px solid var(--ts-line);min-height:44px;color:var(--ts-muted);border-radius:8px;padding:12px 14px;font-size:.8rem;display:block}.ts-step-options input:checked+span{background:var(--ts-green);color:#122117}.ts-step-options input:focus-visible+span{outline:3px solid var(--ts-copper);outline-offset:3px}.ts-criteria{padding:0!important;list-style:none!important}.ts-criteria li{border-bottom:1px solid var(--ts-line);justify-content:space-between;align-items:center;gap:20px;padding:13px 0;font-size:.78rem;display:flex}.ts-criteria strong{color:var(--ts-copper);white-space:nowrap;font-size:.67rem}.ts-result.is-correct h2{color:var(--ts-green)}.ts-result .ts-button{margin-top:15px}.ts-replies{gap:14px;margin:25px 0 30px;display:grid}.ts-replies article{border:1px solid var(--ts-line);background:#0d1d22;border-radius:12px;padding:18px}.ts-replies article>small{color:var(--ts-copper);font-size:.63rem;line-height:1.6}.ts-replies p{white-space:pre-wrap;margin:12px 0 8px;font-size:.9rem}.ts-muted{color:var(--ts-muted);font-size:.85rem}.ts-original{border-top:1px solid var(--ts-line);border-bottom:1px solid var(--ts-line);margin-bottom:24px;padding:18px 0}.ts-original summary{color:var(--ts-green);cursor:pointer;min-height:30px;font-size:.8rem}.ts-original p,.ts-original pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ts-muted);font-family:inherit;font-size:.82rem;line-height:1.8}.ts-actions{justify-items:start;gap:8px;display:grid}.ts-verification{border-top:1px solid var(--ts-line);margin-top:30px;padding-top:25px}.ts-verification h3{color:var(--ts-copper)}.ts-verification.is-correct h3{color:var(--ts-green)}.ts-verification p{color:var(--ts-muted);font-size:.86rem}.ts-verification strong{font-size:.9rem;font-weight:500;line-height:1.7;display:block}.ts-verification>small{color:#9db2ad;margin-top:20px;font-size:.67rem;line-height:1.7;display:block}.ts-audio{margin:18px 0}.ts-audio small{color:var(--ts-muted);margin-top:10px;font-size:.67rem;line-height:1.7;display:block}.tutor-together audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;max-width:100%;height:42px;margin:14px 0;display:block}.ts-audio .ts-text{display:block}.ts-guardian{background:#d8b48009;border:1px solid #d8b48066;border-radius:12px;margin:20px 0;padding:16px}.ts-guardian label:not(.ts-check){color:var(--ts-muted);font-size:.76rem}.ts-guardian select{max-width:240px;margin-bottom:4px;font-size:.78rem}.ts-guardian .ts-check{margin-bottom:4px}.ts-owner-actions{justify-content:flex-end;margin:25px 0;display:flex}.ts-error{background:#382c2222;border:1px solid #e7aa7755;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:14px 20px;display:flex}.ts-error p{max-width:900px;margin:0;font-size:.85rem;line-height:1.7}.ts-error button{flex:none}.ts-loading{color:var(--ts-muted);padding:50px 0;font-size:.85rem}.ts-footer-note{color:var(--ts-muted);text-align:center;padding-top:30px;font-size:.73rem}@media (max-width:1000px){.ts-hero{grid-template-columns:1.2fr .8fr;gap:30px}.ts-hero-art{aspect-ratio:.9}.ts-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-create-grid,.ts-help-grid,.ts-challenge-grid{gap:16px}.ts-card{padding:24px}.ts-hero h1{font-size:clamp(2rem,5vw,3.7rem)}}@media (max-width:720px){.tutor-together{padding:22px 16px 45px}.ts-top{padding-bottom:22px}.ts-top>span{font-size:.55rem}.ts-hero{grid-template-columns:1fr;gap:20px;padding-bottom:22px}.ts-hero h1{font-size:2.6rem}.ts-hero-art{aspect-ratio:2.2;max-height:220px}.ts-hero-art img{object-position:center 43%}.ts-hero-art span{font-size:.53rem;bottom:18px;left:18px}.ts-create-grid,.ts-help-grid,.ts-challenge-grid{grid-template-columns:1fr}.ts-preview{position:static}.ts-preview-empty{min-height:200px}.ts-tabs{margin-top:8px}.ts-tabs button{flex:1;min-width:130px;padding-inline:12px;font-size:.75rem}.ts-case-grid{grid-template-columns:1fr}.ts-case-grid .ts-card{padding:24px}.ts-case-number{margin-bottom:12px}.ts-fields{gap:10px}.ts-card{border-radius:15px;padding:22px}.ts-card h2{font-size:1.55rem}.ts-invite{padding:18px}.ts-invite>div{flex-direction:column;align-items:stretch}.ts-invite input{width:100%;min-height:45px}.ts-invite button{width:100%;font-size:.75rem}.ts-error{flex-direction:column;align-items:start;gap:12px}.ts-error button{font-size:.75rem}.ts-step-options span{padding:11px;font-size:.72rem}.ts-criteria li{font-size:.72rem}.tutor-together .ts-primary{width:100%}.ts-problem{font-size:1rem!important}}@media (prefers-reduced-motion:reduce){.tutor-together *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
