:root{--tg-bg:var(--tg-theme-bg-color,#fff);--tg-text:var(--tg-theme-text-color,#000);--tg-hint:var(--tg-theme-hint-color,#999);--tg-link:var(--tg-theme-link-color,#2481cc);--tg-button:var(--tg-theme-button-color,#2481cc);--tg-button-text:var(--tg-theme-button-text-color,#fff);--tg-secondary-bg:var(--tg-theme-secondary-bg-color,#f1f1f1);--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--tg-bg);color:var(--tg-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}.page{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.page-title{margin-bottom:4px;font-size:20px;font-weight:700}.page-subtitle{color:var(--tg-hint);margin-bottom:20px;font-size:14px}.card{background:var(--tg-secondary-bg);border-radius:var(--radius);margin-bottom:12px;padding:16px}.btn{background:var(--tg-button);width:100%;color:var(--tg-button-text);border-radius:var(--radius);cursor:pointer;text-align:center;border:none;padding:14px;font-size:16px;font-weight:600;transition:opacity .15s;display:block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):active{opacity:.8}.btn-secondary{background:var(--tg-secondary-bg);color:var(--tg-text);border:1px solid #0000001a}.btn-danger{color:#fff;background:#ff3b30}.btn-sm{width:auto;padding:8px 16px;font-size:14px;display:inline-block}.input{background:var(--tg-secondary-bg);border-radius:var(--radius-sm);width:100%;color:var(--tg-text);border:1.5px solid #0000;outline:none;margin-bottom:10px;padding:12px 14px;font-size:16px;transition:border-color .15s}.input:focus{border-color:var(--tg-button)}.input::placeholder{color:var(--tg-hint)}textarea.input{resize:vertical;min-height:80px}.label{color:var(--tg-hint);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.error-msg{color:#ff3b30;text-align:center;margin:8px 0;font-size:14px}.success-msg{color:#34c759;text-align:center;margin:8px 0;font-size:14px}.spinner{justify-content:center;align-items:center;padding:40px;display:flex}.spinner:after{content:"";border:3px solid var(--tg-secondary-bg);border-top-color:var(--tg-button);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.step-indicator{justify-content:center;gap:6px;margin-bottom:20px;display:flex}.step-dot{background:var(--tg-secondary-bg);border:1.5px solid var(--tg-hint);border-radius:50%;width:8px;height:8px}.step-dot.active{background:var(--tg-button);border-color:var(--tg-button)}.step-dot.done{background:var(--tg-button);border-color:var(--tg-button);opacity:.5}.tag{background:var(--tg-button);color:var(--tg-button-text);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.tag-gray{background:var(--tg-secondary-bg);color:var(--tg-hint)}.slot-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;display:grid}.slot{text-align:center;border-radius:var(--radius-sm);background:var(--tg-secondary-bg);cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;padding:8px 4px;font-size:13px;transition:all .15s}.slot.selected{border-color:var(--tg-button);background:color-mix(in srgb, var(--tg-button) 15%, var(--tg-bg));color:var(--tg-button);font-weight:600}.slot.unavailable{opacity:.35;cursor:not-allowed}.teacher-card{border-radius:var(--radius);background:var(--tg-secondary-bg);cursor:pointer;border:2px solid #0000;margin-bottom:10px;padding:14px;transition:border-color .15s}.teacher-card.selected{border-color:var(--tg-button)}.teacher-card video,.teacher-card img{border-radius:var(--radius-sm);object-fit:cover;width:100%;max-height:200px;margin-bottom:10px}.nav-tabs{background:var(--tg-secondary-bg);border-radius:var(--radius);gap:4px;margin-bottom:16px;padding:4px;display:flex}.nav-tab{text-align:center;border-radius:var(--radius-sm);cursor:pointer;color:var(--tg-hint);background:0 0;border:none;flex:1;padding:8px;font-size:13px;font-weight:500;transition:all .15s}.nav-tab.active{background:var(--tg-bg);color:var(--tg-button);font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{text-align:center;color:var(--tg-hint);padding:4px 2px;font-size:11px;font-weight:500}.row{align-items:center;gap:10px;display:flex}.flex-1{flex:1}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-hint{color:var(--tg-hint);font-size:13px}.text-sm{font-size:13px}.font-bold{font-weight:700}.spacer{flex:1}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}