:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif;color:#29243a;background:#f8f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--purple:#7352d6;--purple-dark:#5334b2;--purple-soft:#f1edff;--ink:#29243a;--muted:#6e6879;--line:#ebe8f1;--surface:#fff;--green:#4ca789;--shadow:0 8px 26px rgba(46,31,83,.055);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;min-height:100vh;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}svg{flex:none}::selection{background:#e3dcff;color:#392570}:focus-visible{outline:3px solid #a28bf5;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.025em}p{color:var(--muted)}.app-shell{min-height:100vh}.skip-link{position:fixed;left:16px;top:-60px;z-index:300;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow)}.skip-link:focus{top:16px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px}.brand svg{width:39px;height:39px}.brand span{display:grid;line-height:1.15}.brand strong{font-size:19px;letter-spacing:.08em}.brand small{font-size:10px;color:#8d8799;letter-spacing:.12em;margin-top:4px}.sidebar-label{font-size:11px;color:#aaa5b3;padding:0 12px 10px}.main-navigation{display:grid;gap:5px}.main-navigation a{min-height:48px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:13px;color:#777184;transition:background .18s,color .18s}.main-navigation a:hover{background:#f8f6fc;color:var(--purple)}.main-navigation a.active{background:#f0ecff;color:var(--purple-dark);font-weight:700}.main-navigation a>span:nth-child(2){flex:1}.new-badge{background:#eee8ff;color:#6848c4;font-size:9px;font-weight:800;border-radius:99px;padding:3px 6px}.nav-count{font-size:11px;background:#fff;border:1px solid #e8e1fa;color:var(--purple);padding:1px 7px;border-radius:99px}.sidebar-bottom{margin-top:auto}.sidebar-promo{background:linear-gradient(145deg,#f5f1ff,#fbfaff);border:1px solid #eee8ff;border-radius:17px;padding:16px 14px;margin-bottom:12px}.promo-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--purple);background:#fff;border-radius:12px;margin-bottom:12px}.sidebar-promo>strong{font-size:13px}.sidebar-promo p{font-size:11px;margin:5px 0 11px}.sidebar-promo button,.sidebar-help{border:0;background:none;color:var(--purple-dark);font-weight:700;display:flex;align-items:center;gap:7px;padding:0;font-size:12px}.sidebar-help{height:43px;color:#777184;padding:0 10px;width:100%}.sidebar-help svg:last-child{margin-left:auto}.sidebar-status{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding:14px 10px 0;color:#918b9c;font-size:11px}.sidebar-status>span:last-child{margin-left:auto}.status-dot,.hero-kicker>span,.meeting-time>span{width:7px;height:7px;border-radius:50%;background:#5eb694;box-shadow:0 0 0 3px #e4f5ed}.workspace{margin-left:224px;min-height:100vh}.topbar{height:68px;background:#ffffffde;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:15}.breadcrumb{display:flex;align-items:center;gap:10px;color:#a29cab;font-size:12px}.breadcrumb strong{color:#514b60;font-weight:600}.topbar-tools{display:flex;align-items:center;gap:14px}.demo-pill{display:flex;align-items:center;gap:6px;color:#7a6c9e;background:#f4f0ff;border-radius:99px;padding:6px 10px;font-size:11px}.icon-button{border:0;background:transparent;width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;color:#827c8e;position:relative}.icon-button:hover{background:#f4f1fa;color:var(--purple)}.notification-button i{position:absolute;right:8px;top:7px;width:7px;height:7px;background:#ee8f8f;border-radius:50%;border:1px solid white}.topbar-divider{height:25px;width:1px;background:var(--line)}.user-button{border:0;background:none;display:flex;align-items:center;gap:9px;font-size:12px;color:#514b60}.user-button>span:last-child{display:flex;align-items:center;gap:5px}.user-avatar{width:34px;height:34px;border-radius:50%;background:#e9e1ff;color:#6244b5;display:grid;place-items:center;font-weight:700}.mobile-brand{display:none}.workspace-body{display:grid;grid-template-columns:minmax(0,1fr);max-width:1600px;margin:auto}.workspace-body.with-rail{grid-template-columns:minmax(0,1fr) 278px}.main-content{min-width:0;padding:27px 32px 30px;outline:none}.right-rail{padding:25px 22px 24px 0;display:flex;flex-direction:column;gap:15px}.welcome-line{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 19px}.eyebrow{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#9884cb;margin-bottom:8px}.welcome-line h1{font-size:23px;margin:0;font-weight:700}.heading-dot{color:var(--purple)}.welcome-note{display:flex;gap:6px;align-items:center;color:#9186aa;font-size:11px;padding-bottom:4px}.hero-banner{position:relative;overflow:hidden;min-height:300px;border-radius:24px;background:linear-gradient(115deg,#6341c3,#7959d8 58%,#9d82ed);color:#fff;padding:33px 34px;display:grid;grid-template-columns:1fr .95fr;box-shadow:0 14px 32px #5f42ad29}.hero-copy{z-index:2;align-self:center}.hero-kicker{display:flex;align-items:center;gap:9px;color:#e6ddff;font-size:11px}.hero-kicker>span{background:#baf0d8;box-shadow:none}.hero-copy h2{font-size:30px;line-height:1.4;margin:13px 0 10px;letter-spacing:-.04em}.hero-copy>p{color:#e9e1ff;font-size:12px;line-height:1.9;margin-bottom:17px}.primary,.soft{border:0;min-height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s}.primary{background:var(--purple);color:#fff;box-shadow:0 5px 12px #5b3bb024}.hero-banner .primary{background:#fff;color:#5839b1;box-shadow:0 5px 14px #2c1b5426}.primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.hero-banner .primary:hover{background:#f3efff}.primary.small{min-height:36px;padding:0 12px;font-size:12px;border-radius:10px}.full{width:100%}.soft{background:#f2effa;color:#6850ad}.soft:hover{background:#e9e2fb}.hero-social{display:flex;align-items:center;gap:9px;margin-top:15px;color:#e8e0ff;font-size:10px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack img{width:24px;height:24px;object-fit:cover;border-radius:50%;border:2px solid #795bd1;margin-left:-4px}.hero-visual{position:relative;min-height:220px;display:grid;place-items:center}.hero-whale{width:min(75%,260px);position:relative;z-index:2;filter:drop-shadow(0 15px 15px rgba(46,26,98,.22));animation:float 5s ease-in-out infinite}.hero-whale svg{width:100%}.orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:270px;height:100px}.orbit-two{width:225px;height:145px;transform:rotate(35deg)}.orbit-three{width:178px;height:178px;border-style:dashed}.floating-spark{position:absolute;color:#f6d88c;font-size:22px}.floating-spark.top{top:17%;right:22%}.floating-spark.bottom{bottom:18%;left:20%;color:#d6c8ff}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#fffffff5;color:#44366c;border-radius:12px;padding:9px 12px;box-shadow:0 8px 25px #41269730}.floating-note>span{color:var(--purple)}.floating-note div{display:grid}.floating-note strong{font-size:10px}.floating-note small{font-size:7px;color:#a39ab4;letter-spacing:.08em}.note-top{top:15%;left:3%}.note-bottom{right:0;bottom:12%}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0 31px}.quick-action{min-width:0;min-height:72px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;box-shadow:0 2px 8px #2e1f5306;transition:.18s}.quick-action:hover{border-color:#d5c9f7;transform:translateY(-2px);box-shadow:var(--shadow)}.quick-action>span:nth-child(2){display:grid;min-width:0;flex:1}.quick-action strong{font-size:11px;white-space:nowrap}.quick-action small{font-size:9px;color:#938da0;margin-top:3px}.quick-action>svg:last-child{color:#aaa2b6}.quick-icon,.overview-icon,.service-card>span:first-child{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:#7153c5;background:#f1edff}.tone-1 .quick-icon{color:#3c9f9a;background:#e9f7f5}.tone-2 .quick-icon{color:#dc9c4d;background:#fff4e8}.tone-3 .quick-icon{color:#6584d5;background:#edf2ff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 14px}.section-head h2{font-size:18px;margin:0}.section-head .eyebrow{margin-bottom:5px}.section-description{font-size:11px;color:#938da0}.expert-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.filter-tabs,.tabs-row{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar,.tabs-row::-webkit-scrollbar{display:none}.filter-tabs button,.tabs-row button{white-space:nowrap;border:0;background:transparent;color:#898394;border-radius:99px;min-height:34px;padding:0 12px;font-size:11px}.filter-tabs button.active,.tabs-row button.active{color:#6244b5;background:#eee9fc;font-weight:700}.sort-control{display:flex;align-items:center;gap:5px;color:#8b8498;white-space:nowrap}.sort-control select{border:0;background:transparent;color:#655e72;font-size:11px;outline:none}.expert-search{display:flex;align-items:center;gap:9px;height:43px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#9c95a7;margin-bottom:14px}.expert-search:focus-within{border-color:#b9a8eb;box-shadow:0 0 0 3px #7352d614}.expert-search input{border:0;outline:0;min-width:0;flex:1;color:var(--ink);background:transparent;font-size:12px}.expert-search input::placeholder{color:#aaa4b2}.expert-search>button{border:0;background:none;color:#948da0;display:grid;place-items:center}.search-hint{font-size:9px;color:#b0aab8}.expert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.expert-card,.course-card,.panel,.booking-card,.stat-card,.service-card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 2px 9px #2e1f5306}.expert-card{padding:15px;min-width:0}.expert-top{display:flex;justify-content:space-between;align-items:start}.avatar-button{padding:0;border:0;background:none;position:relative}.avatar-button img{width:54px;height:54px;object-fit:cover;border-radius:16px}.verified{position:absolute;right:-4px;bottom:-3px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#59b997;color:#fff;border:2px solid white}.available{display:flex;align-items:center;gap:6px;border-radius:99px;background:#eef8f3;color:#4d9d7e;font-size:9px;padding:5px 8px}.available i{width:5px;height:5px;border-radius:50%;background:#5aba91}.expert-name{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.expert-name h3{font-size:14px;margin:0}.expert-name h3 button,.course-body h3 button{border:0;background:none;padding:0;text-align:left;font-weight:700}.expert-name>span{display:flex;align-items:center;gap:3px;color:#d39b4c;font-size:11px;font-weight:700}.expert-title{font-size:11px;color:#5f586b;margin:4px 0 2px}.expert-company{font-size:10px;color:#9992a2;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags span{font-size:9px;padding:4px 7px;border-radius:6px;background:#f6f4f9;color:#7f788d}.expert-session{border-top:1px solid #f0edf4;margin-top:12px;padding-top:10px;display:flex;align-items:center;gap:7px;color:#8b8496;font-size:10px}.expert-session svg{color:#9e8bcf}.expert-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.price{color:#8d64d4;font-size:11px}.price strong{font-size:19px;color:#44316e}.price span{color:#a39cab;font-size:10px}.card-footnote{display:block;color:#aaa4b2;font-size:9px;margin-top:9px}.home-courses{margin-top:31px}.text-button{border:0;background:none;color:#7352c3;font-weight:700;font-size:11px;padding:8px 0;display:inline-flex;align-items:center;gap:5px}.home-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-course{display:flex;align-items:center;gap:13px;border:1px solid var(--line);background:#fff;padding:10px;border-radius:15px;text-align:left}.mini-course>.course-art{width:100px;height:70px;border-radius:10px;flex:none}.mini-course>span:last-child{display:grid;gap:3px;min-width:0}.mini-course small{font-size:9px;color:#8d8699}.mini-course strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-course>span>span{font-size:10px;color:#8d8699;display:flex;align-items:center;gap:4px}.rail-greeting,.rail-calendar,.rail-learning,.rail-quote{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px}.rail-greeting{background:linear-gradient(150deg,#f4f0ff,#fff 76%)}.rail-greeting .eyebrow{font-size:8px}.rail-greeting h2{font-size:19px;margin:0 0 3px}.rail-greeting h2 span{color:#d4a24f}.rail-greeting>p{font-size:10px;margin:0}.rail-progress{display:flex;align-items:center;gap:13px;margin-top:16px}.progress-ring{width:72px;height:72px;position:relative;display:grid;place-items:center;flex:none}.progress-ring svg{position:absolute;inset:0;transform:rotate(-90deg);width:100%;height:100%}.progress-ring circle{fill:none;stroke:#e8e2f5;stroke-width:7}.progress-ring circle:last-child{stroke:#8061d5;stroke-linecap:round}.progress-ring>span{display:grid;text-align:center;line-height:1.1}.progress-ring strong{font-size:15px}.progress-ring small{font-size:8px;color:#8f879e}.rail-progress>div:last-child{min-width:0}.rail-progress>div:last-child>strong{font-size:10px;line-height:1.8}.rail-progress .text-button{font-size:9px}.rail-section-head{display:flex;align-items:center;justify-content:space-between}.rail-section-head h3{font-size:12px;margin:0}.rail-section-head .icon-button{width:32px;height:32px}.rail-calendar>p{font-size:10px;margin:6px 0 12px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.week-grid>div{display:grid;justify-items:center;gap:4px;padding:5px 0;border-radius:9px;color:#928b9d}.week-grid>div span{font-size:8px}.week-grid>div strong{font-size:10px;font-weight:500}.week-grid>div.today{background:#eee9ff;color:#6447b8}.next-meeting{width:100%;text-align:left;margin-top:13px;border:1px solid #eee9f6;background:#fbfaff;padding:11px;border-radius:12px}.meeting-time{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b8495}.meeting-time>span{width:6px;height:6px}.meeting-time strong{margin-left:auto;color:#6548b7}.next-meeting h4{font-size:11px;margin:9px 0}.next-meeting>div:last-of-type{display:flex;align-items:center;gap:6px;font-size:9px;color:#797285}.next-meeting img{width:23px;height:23px;border-radius:50%;object-fit:cover}.next-meeting>div:last-of-type svg{margin-left:auto}.next-meeting>small{display:block;font-size:8px;color:#aaa4b2;margin-top:8px}.rail-no-meeting{text-align:center;padding:17px 5px 6px;color:#a79dbc}.rail-no-meeting>p{font-size:10px;margin:6px 0}.rail-no-meeting .text-button{padding:3px}.rail-learning .course-art{height:120px;margin:13px 0;border-radius:13px}.rail-learning h4{font-size:11px;margin:0 0 8px}.progress-label{display:flex;align-items:center;justify-content:space-between;color:#938c9c;font-size:9px;margin:8px 0 6px}.progress-track{height:6px;border-radius:99px;background:#eeeaf5;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#8261dc,#b59bef);border-radius:inherit;transition:width .3s}.rail-learning .soft{margin-top:11px;min-height:36px;font-size:10px}.rail-quote{background:#f0ecfc;border:0;display:flex;flex-direction:column;align-items:flex-start;color:#7352c3}.rail-quote p{font-size:16px;line-height:1.6;color:#493b70;margin:7px 0}.rail-quote>span{font-size:7px;letter-spacing:.09em;color:#9888bc}.rail-disclaimer{display:flex;gap:6px;color:#9b95a5;font-size:9px;line-height:1.7;margin:0;padding:0 5px}.page-title{margin:11px 0 24px}.page-title h1{font-size:27px;margin:0 0 7px}.page-title p{font-size:12px;margin:0}.classroom-hero{min-height:222px;border-radius:21px;padding:25px 31px;background:linear-gradient(110deg,#eee9ff,#f9f7ff 60%,#efeaff);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:23px}.classroom-hero h2{font-size:24px;margin:10px 0}.classroom-hero p{font-size:11px;margin-bottom:13px}.soft-label{display:inline-flex;align-items:center;gap:5px;color:#765bc3;font-size:10px;font-weight:700;background:#f2edff;padding:6px 9px;border-radius:99px}.classroom-visual{width:40%;height:180px;position:relative;display:grid;place-items:center}.visual-book{width:130px;height:145px;border-radius:16px;background:linear-gradient(135deg,#886be0,#5637b5);box-shadow:12px 13px #d6cbf7;display:grid;place-items:center;color:#e4dcff;position:relative;transform:rotate(5deg)}.visual-book span{font-size:8px;letter-spacing:.1em;text-align:center;position:absolute;bottom:20px;color:#fff}.visual-label{position:absolute;right:1%;bottom:6px;background:#fff;padding:9px 12px;border-radius:11px;box-shadow:var(--shadow);font-size:9px;color:#6b5a92;display:flex;gap:6px;align-items:center}.tabs-row{border-bottom:1px solid var(--line);gap:7px;margin:0 0 17px}.tabs-row button{border-radius:0;position:relative;min-height:43px}.tabs-row button.active:after{content:"";height:2px;position:absolute;left:12px;right:12px;bottom:-1px;background:#7657cd;border-radius:2px}.tabs-row button span{margin-left:5px;color:#aaa3b2}.tabs-row>span{margin-left:auto;color:#a29bab;font-size:10px;white-space:nowrap}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.course-card{overflow:hidden;min-width:0}.course-cover{position:relative;display:block;width:100%;padding:0;border:0;background:none;text-align:left}.course-art{height:155px;position:relative;overflow:hidden;display:grid;place-items:center;background:#eae3ff;color:#7657c8}.course-art.violet{background:radial-gradient(circle at 65% 35%,#c3adff,#7355d0 75%);color:#eee8ff}.course-art.blue{background:radial-gradient(circle at 65% 35%,#a9d7ee,#5e91c8 75%);color:#edf9ff}.course-art.green{background:radial-gradient(circle at 65% 35%,#b4e3cf,#4eaa92 75%);color:#effff8}.course-art.orange{background:radial-gradient(circle at 65% 35%,#ffd7aa,#e99a69 75%);color:#fff7ec}.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:25px 25px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 80%);mask-image:linear-gradient(135deg,#000,transparent 80%)}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.4);border-radius:50%;width:120px;height:55px;transform:rotate(-30deg)}.art-orbit.two{width:95px;height:95px;transform:rotate(35deg)}.art-core{width:62px;height:62px;display:grid;place-items:center;border-radius:19px;background:#ffffff35;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 22px #34216a20;color:#fff}.art-chip{position:absolute;left:12px;bottom:11px;font-size:7px;letter-spacing:.12em;color:#fff9}.art-corner{position:absolute;right:12px;top:10px;font-size:8px;color:#fff9}.course-art.compact{height:100%;min-height:64px}.course-art.compact .art-core{width:42px;height:42px;border-radius:14px}.cover-badge{position:absolute;left:11px;top:11px;display:flex;align-items:center;gap:5px;background:#ffffffdf;color:#6246a5;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:700}.course-body{padding:14px}.course-category{font-size:9px;color:#7b5fc4;font-weight:700}.course-body h3{font-size:13px;margin:5px 0}.course-body>p{font-size:10px;line-height:1.6;min-height:33px;margin:0 0 11px}.course-meta{display:flex;justify-content:space-between;gap:5px;align-items:center;border-bottom:1px solid #f1eef5;padding-bottom:10px;color:#8d8697;font-size:9px}.course-meta>span:first-child{display:flex;align-items:center;gap:5px}.course-meta img,.detail-teacher img{width:22px;height:22px;border-radius:50%;object-fit:cover}.course-meta>span:last-child{white-space:nowrap}.course-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.course-bottom .price strong{font-size:17px}.course-bottom del{font-size:10px;color:#b0aab5;margin-left:6px}.course-body>.soft{min-height:36px;font-size:10px}.course-body>.progress-track{margin-bottom:11px}.course-body>.progress-label{margin-top:10px}.fine-print{display:flex;align-items:flex-start;gap:6px;margin:18px 0 0;color:#9993a2;font-size:10px}.studio-page-title{display:flex;align-items:center;justify-content:space-between}.studio-engine{display:flex;align-items:center;gap:6px;color:#7257b6;background:#f0ecfc;border-radius:99px;padding:8px 11px;font-size:10px}.studio-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:16px}.panel{padding:20px}.studio-form form{margin-top:20px}.panel-heading{display:flex;align-items:flex-start;gap:12px}.step-number{width:34px;height:34px;display:grid;place-items:center;background:#f0ebff;color:#7352c4;border-radius:11px;font-weight:800;font-size:12px}.panel-heading h2{font-size:15px;margin:1px 0 4px}.panel-heading p{font-size:10px;margin:0}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:#514a61;margin:16px 0 7px}.field-label span{font-size:9px;color:#a09aaa;font-weight:400}.field-input{width:100%;border:1px solid #e6e1ec;border-radius:11px;background:#fff;padding:11px 12px;color:var(--ink);font-size:12px;outline:none;resize:vertical}.field-input:focus{border-color:#a48de0;box-shadow:0 0 0 3px #7657cd18}.field-input::placeholder{color:#b1abb9}.source-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.source-types button{position:relative;border:1px solid var(--line);border-radius:11px;min-height:66px;background:#fff;color:#81798c;display:grid;place-items:center;gap:3px;font-size:9px}.source-types button.active{border-color:#9f89db;background:#f8f5ff;color:#6e4dbb}.source-types button>span{position:absolute;right:6px;top:5px;color:#7655c6}.upload-zone{width:100%;min-height:91px;border:1px dashed #d4cde0;border-radius:12px;background:#fbfaff;color:#8f879c;display:grid;justify-items:center;align-content:center;gap:3px;margin-top:10px}.upload-zone>strong{font-size:10px;color:#675e76}.upload-zone>small{font-size:9px}.upload-zone>.text-button{padding:1px;font-size:9px}.generate-button{margin-top:16px}.form-caption{font-size:9px;line-height:1.6;color:#a09aa8;margin:8px 0 0}.form-error{color:#bd4d60;background:#fff0f1;padding:9px 11px;border-radius:9px;font-size:11px;margin:10px 0}.studio-side{display:flex;flex-direction:column;gap:14px}.pipeline{padding:18px}.pipeline-steps{margin-top:22px;display:grid;gap:18px}.pipeline-step{display:flex;gap:11px;position:relative}.pipeline-step:not(:last-child):after{content:"";position:absolute;width:1px;background:#e9e4f0;top:35px;bottom:-15px;left:16px}.pipeline-icon{width:33px;height:33px;border-radius:11px;background:#f3f0f7;display:grid;place-items:center;color:#a19aa9;z-index:1}.pipeline-step.done .pipeline-icon{background:#e9f7f0;color:#429875}.pipeline-step.current .pipeline-icon{background:#eee8ff;color:#7052bf}.pipeline-step strong{font-size:10px}.pipeline-step p{font-size:9px;margin:3px 0}.pipeline-step small{font-size:8px;color:#aaa4b2}.pipeline-step.current small{color:#7457bf}.studio-tip{border-radius:17px;background:linear-gradient(135deg,#6750ae,#8d76ce);color:#fff;padding:18px}.studio-tip>span{width:37px;height:37px;display:grid;place-items:center;background:#ffffff20;border-radius:12px}.studio-tip h3{font-size:13px;margin:12px 0 6px}.studio-tip p{color:#ece7f8;font-size:10px;line-height:1.7;margin-bottom:15px}.studio-tip>div{font-size:7px;letter-spacing:.1em;color:#d1c5f2}.studio-results{margin-top:27px}.generated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.generated-card{position:relative;background:#fff;border:1px solid var(--line);padding:16px;border-radius:16px}.generated-icon{width:42px;height:42px;border-radius:12px;background:#f0ebff;color:#7153c3;display:grid;place-items:center}.ready-badge{position:absolute;right:12px;top:15px;color:#4f9d7e;background:#edf8f2;border-radius:99px;padding:4px 7px;display:flex;align-items:center;gap:4px;font-size:8px}.generated-card h3{font-size:13px;margin:14px 0 4px}.generated-card p{font-size:10px}.generated-card .soft{font-size:10px;min-height:35px}.schedule-overview{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#eee9ff,#fbfaff);border:1px solid #eee8fa;border-radius:17px;padding:17px 20px;margin-bottom:20px}.schedule-overview>div{display:flex;align-items:center;gap:11px}.schedule-overview>div>span:last-child{display:grid}.overview-icon{width:47px;height:47px}.schedule-overview small{font-size:9px;color:#8d859c}.schedule-overview strong{font-size:21px;color:#554084}.schedule-overview em{font-size:10px;font-style:normal;color:#91899f;margin-left:5px}.schedule-overview>p{font-size:10px;line-height:1.7;margin:0 auto 0 0}.schedule-overview .primary{font-size:10px;min-height:38px}.booking-list{display:grid;gap:12px}.booking-card{padding:16px}.booking-card-top,.booking-card-top>span:first-child{display:flex;align-items:center;gap:8px}.booking-card-top{justify-content:space-between;color:#80798b;font-size:10px}.booking-card-top>span:first-child>svg{color:#8266ce}.booking-card-top small{color:#a8a1af}.booking-status{padding:5px 8px;border-radius:99px;background:#edf8f2;color:#4d9d7e;font-size:9px}.booking-status.completed{background:#f0edfa;color:#8068b8}.booking-status.cancelled{background:#f5f3f5;color:#9c96a0}.booking-card-body{display:flex;align-items:center;gap:13px;padding:15px 0}.booking-card-body>img{width:54px;height:54px;border-radius:15px;object-fit:cover}.booking-card-body>div{min-width:0;flex:1}.booking-card-body h3{font-size:13px;margin:0 0 3px}.booking-card-body p{font-size:10px;margin:0 0 4px}.booking-topic{display:block;font-size:10px;color:#8e8798;overflow-wrap:anywhere}.booking-card-body>.price{display:grid;justify-items:end}.booking-card-body>.price small{font-size:8px;color:#aaa4b2}.meeting-strip{border-top:1px solid #f0edf4;border-bottom:1px solid #f0edf4;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.meeting-strip>span,.meeting-strip>span>span{display:flex;align-items:center;gap:9px}.meeting-strip>span>svg{color:#785ac6}.meeting-strip>span>span{display:grid;gap:1px}.meeting-strip strong{font-size:10px}.meeting-strip small{font-size:9px;color:#9891a0}.meeting-strip>div{display:flex;align-items:center;gap:12px}.meeting-strip .soft{font-size:9px;min-height:33px;padding:0 10px}.booking-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px}.booking-actions>span{display:flex;align-items:center;gap:5px;color:#a29ba8;font-size:8px}.booking-actions>div{display:flex;gap:12px}.booking-actions button{border:0;background:none;color:#7461a1;font-size:9px;display:flex;align-items:center;gap:4px}.booking-actions .cancel-button{color:#bc6f78}.schedule-tip{display:flex;gap:10px;align-items:flex-start;background:#f3f0fa;padding:13px 15px;border-radius:13px;color:#8a7ba8;margin-top:18px;font-size:10px}.schedule-tip svg{color:#9b7ed5}.schedule-tip strong{color:#655586;margin-right:7px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px;border:1px solid #e9e3f4;border-radius:19px;background:linear-gradient(110deg,#f4f0ff,#fff 75%);margin-bottom:15px}.profile-identity{display:flex;align-items:center;gap:14px}.profile-avatar{position:relative;width:70px;height:70px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,#c5b5f4,#7857cc);color:#fff;font-size:27px;font-weight:700}.profile-avatar>span{position:absolute;right:-4px;bottom:-4px;background:#5bb795;color:#fff;border:2px solid white;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.profile-identity>div:last-child>div{display:flex;align-items:center;gap:8px}.profile-identity h2{font-size:18px;margin:0}.member-badge{display:flex;align-items:center;gap:4px;background:#eee8fc;color:#7455b9;border-radius:99px;padding:4px 7px;font-size:9px}.profile-identity p{display:flex;align-items:center;gap:6px;font-size:10px;margin:6px 0 0}.profile-identity .icon-button{width:26px;height:26px}.role-switch{display:flex;padding:4px;border-radius:12px;background:#f3f0f8}.role-switch button{display:flex;align-items:center;gap:5px;border:0;background:none;border-radius:9px;padding:8px 10px;color:#8c8598;font-size:10px}.role-switch button.active{background:#fff;color:#6748b5;box-shadow:0 2px 7px #34235b12}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:27px}.stat-card{padding:14px}.stat-card>span{width:35px;height:35px;display:grid;place-items:center;background:#f1edff;border-radius:11px;color:#7456c4}.stat-card>strong{display:block;font-size:20px;margin-top:10px}.stat-card>strong small{font-size:9px;color:#90899a;margin-left:4px;font-weight:500}.stat-card>p{font-size:9px;margin:3px 0 0}.expert-workspace{display:flex;align-items:center;gap:13px;background:#f4f0ff;border-radius:15px;padding:15px;margin:0 0 25px;color:#7253bd}.expert-workspace>span{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center}.expert-workspace>div{flex:1}.expert-workspace h2{font-size:13px;margin:0 0 4px}.expert-workspace p{font-size:9px;margin:0}.expert-workspace .primary{min-height:36px;font-size:10px}.profile-services{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.service-card{display:flex;align-items:center;text-align:left;gap:11px;padding:12px;min-height:75px}.service-card>div{flex:1;min-width:0}.service-card strong{font-size:11px}.service-card p{font-size:9px;margin:3px 0 0}.service-card>svg:last-child{color:#a29bab}.profile-links{padding:4px 15px}.profile-links button{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;border:0;border-bottom:1px solid #f0edf4;background:none;text-align:left;color:#777183;font-size:11px}.profile-links button:last-child{border-bottom:0}.profile-links button>span{flex:1}.profile-links button>svg:first-child{color:#836bc1}.page-footer{border-top:1px solid var(--line);margin-top:30px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aaa4b1;font-size:9px}.page-footer>div{display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end}.page-footer a{color:#8878aa}.footer-star{color:#a58ddb}.empty{min-height:190px;display:grid;justify-items:center;align-content:center;text-align:center;padding:25px}.empty-icon{width:52px;height:52px;border-radius:16px;background:#f1edfa;color:#8a74c4;display:grid;place-items:center;margin-bottom:10px}.empty h3,.empty h1{font-size:15px;margin:0 0 5px}.empty p{font-size:10px;margin:0 0 12px}.page-loader{min-height:60vh;display:grid;align-content:center;justify-items:center;color:#795fc0}.page-loader p{font-size:11px}.spin{animation:spin 1s 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}.modal{border:0;padding:0;width:min(560px,calc(100vw - 32px));max-height:min(88dvh,900px);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #21163945;overflow:auto}.modal::backdrop{background:#1e172f7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-inner{padding:23px}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #f0edf4;padding-bottom:15px;margin-bottom:17px}.modal-heading .eyebrow{font-size:8px}.modal-heading h2{font-size:18px;margin:0}.expert-detail-identity{display:flex;align-items:center;gap:14px}.expert-detail-identity img{width:72px;height:72px;border-radius:18px;object-fit:cover}.expert-detail-identity h3{font-size:16px;margin:0 0 4px}.expert-detail-identity h3 span{display:inline-flex;align-items:center;gap:3px;color:#d39b4c;font-size:11px;margin-left:8px}.expert-detail-identity p{font-size:11px;margin:0}.expert-detail-identity>div>span{font-size:9px;color:#9992a1}.expert-detail>.tags{margin:15px 0}.expert-detail h4,.course-detail h4{font-size:11px;margin:18px 0 7px}.detail-bio{font-size:11px;line-height:1.8}.highlight-list{padding:0;list-style:none;display:grid;gap:8px}.highlight-list li{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:#777183}.highlight-list svg{color:#53a486}.detail-booking-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0edf4;padding-top:14px;margin-top:16px}.detail-booking-strip>span{font-size:10px;color:#716a7b}.detail-booking-strip>span>strong{font-size:20px;color:#533a93}.detail-booking-strip small{display:block;color:#a49eab;font-size:8px}.detail-booking-strip .primary{font-size:10px}.booking-expert{display:flex;align-items:center;gap:10px;padding:10px;background:#f8f6fc;border-radius:13px;margin-bottom:15px}.booking-expert img{width:45px;height:45px;border-radius:13px;object-fit:cover}.booking-expert>div{display:grid;flex:1}.booking-expert strong{font-size:11px}.booking-expert span{font-size:9px;color:#8e8797}.field-input:disabled{background:#f8f7fa}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.slot-grid button{min-height:38px;border:1px solid #e8e4ed;background:#fff;border-radius:9px;color:#766f81;font-size:10px;display:flex;align-items:center;justify-content:center;gap:4px}.slot-grid button svg{display:none}.slot-grid button.active{border-color:#9177d1;background:#f3efff;color:#6245b0}.slot-grid button.active svg{display:block}.booking-total{display:flex;justify-content:space-between;align-items:center;background:#f8f6fc;padding:11px 12px;border-radius:11px;margin:13px 0}.booking-total>span{font-size:10px}.booking-total>span>span{display:block;font-size:8px;color:#a39cab}.booking-total>strong{font-size:18px;color:#583b9b}.booking-form>.primary{margin-top:12px}.course-detail>.course-art{height:145px;border-radius:14px;margin-bottom:14px}.course-detail>h3{font-size:17px;margin:5px 0}.course-detail>p{font-size:10px;line-height:1.7}.detail-teacher{display:flex;align-items:center;gap:8px;font-size:10px}.detail-teacher span{color:#9a94a0}.course-detail h4{display:flex;justify-content:space-between}.course-detail h4 small{font-size:9px;color:#9891a0;font-weight:400}.chapter-list{list-style:none;margin:0;padding:0;display:grid}.chapter-list li{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #f1eef4}.chapter-list li>span{font-size:9px;color:#978aa9}.chapter-list li>strong,.chapter-list li>div{font-size:10px;flex:1}.chapter-list li>small{font-size:9px;color:#a09aa7}.chapter-list li>svg{color:#8a73c2}.lesson-modal{width:min(1020px,calc(100vw - 28px))}.lesson-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;min-height:400px}.lesson-chapters{border-right:1px solid #efecf3;padding-right:16px}.lesson-chapters h3{font-size:13px;margin:7px 0 11px}.lesson-chapters>small{font-size:9px;color:#96909e}.lesson-chapters>button{width:100%;display:flex;align-items:flex-start;text-align:left;gap:9px;border:0;background:none;padding:10px 7px;border-radius:10px;margin-top:5px}.lesson-chapters>button.active{background:#f1edfc;color:#694bb5}.lesson-chapters>button>span{font-size:9px;color:#8d7db0;margin-top:2px}.lesson-chapters>button strong{font-size:10px}.lesson-chapters>button small{display:block;font-size:8px;color:#a19ba8;font-weight:400;margin-top:3px}.lesson-content h3{font-size:20px;margin:9px 0 13px}.lesson-article{font-size:12px;line-height:1.9;color:#635c6f}.lesson-article p{margin:0 0 10px}.lesson-thought{display:flex;gap:9px;background:#f5f1ff;padding:13px;border-radius:12px;color:#795cc2;margin:15px 0}.lesson-thought strong{font-size:10px}.lesson-thought p{font-size:9px;margin:5px 0 0;color:#716981}.lesson-controls{display:flex;justify-content:space-between;gap:8px}.lesson-controls button{font-size:10px;min-height:36px;padding:0 11px}.lesson-chat{border-top:1px solid #efecf3;margin-top:18px;padding-top:14px}.lesson-chat h4{display:flex;align-items:center;gap:6px;font-size:11px;margin:0 0 3px}.lesson-chat h4>svg{color:#7758c5}.lesson-chat h4 span{font-size:8px;color:#a09aa8;font-weight:400;margin-left:auto}.lesson-chat>p{font-size:9px;margin:0}.chat-messages{display:grid;gap:8px;margin:11px 0}.chat-message{display:flex;align-items:flex-start;gap:7px}.chat-message>span{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#f0ecfa;color:#7659bd;font-size:9px;flex:none}.chat-message.user>span{background:#e9f4f0;color:#559779}.chat-message p{font-size:10px;line-height:1.6;margin:2px 0;color:#625b6d}.chat-form{display:flex;gap:7px}.chat-form input{min-width:0;flex:1;border:1px solid #e8e3ed;border-radius:10px;padding:0 11px;font-size:10px}.chat-form .primary{min-width:40px;min-height:39px;padding:0}.info-body{font-size:11px;line-height:1.8}.info-body>p{white-space:pre-wrap;margin-bottom:7px}.info-body .primary{margin-top:14px}.order-list,.note-list{display:grid;gap:10px}.order-list article{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:13px}.order-list article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f1edfc;color:#7659bd}.order-list article>div{flex:1;min-width:0}.order-list h3,.note-list h3{font-size:11px;margin:0 0 3px}.order-list p,.order-list small,.note-list small{font-size:9px;margin:0;color:#9992a1}.order-list article>strong{font-size:12px;color:#563e91}.order-list article>strong small{display:block;font-size:8px;color:#aaa3ae;font-weight:400}.note-list article{padding:13px;border:1px solid var(--line);border-radius:13px}.note-list h3{margin-top:6px}.note-list p{font-size:10px;line-height:1.7;margin:5px 0}.generated-preview>h3{font-size:16px;margin:12px 0 4px}.generated-preview>p{font-size:10px}.generated-preview .chapter-list li>div{flex:1}.generated-preview .chapter-list li p{font-size:9px;margin:4px 0 0}.generated-preview>.primary{margin-top:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions button{font-size:10px}.modal-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:#7861b5;font-size:11px;padding:24px}.toast{position:fixed;z-index:100;left:50%;bottom:26px;transform:translate(-50%,15px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:8px;background:#302a3d;color:#fff;border-radius:12px;padding:11px 16px;box-shadow:0 9px 25px #21163935;font-size:11px;transition:opacity .2s,transform .2s;max-width:min(90vw,520px)}.toast.visible{opacity:1;transform:translate(-50%)}.toast svg{color:#9db}.mobile-nav{display:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1320px){.sidebar{width:204px}.workspace{margin-left:204px}.workspace-body.with-rail{grid-template-columns:minmax(0,1fr) 250px}.main-content{padding-left:24px;padding-right:24px}.right-rail{padding-right:16px}.expert-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-banner{padding:27px}.expert-card{padding:13px}}@media(max-width:1023px){.sidebar{width:76px;padding:20px 10px}.brand{justify-content:center;padding:0 0 26px}.brand>span,.sidebar-label,.main-navigation a>span,.sidebar-bottom{display:none}.main-navigation a{justify-content:center;padding:0}.main-navigation a svg{width:22px;height:22px}.workspace{margin-left:76px}.workspace-body.with-rail{grid-template-columns:minmax(0,1fr)}.right-rail{display:none}.main-content{padding:24px}.expert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-banner{min-height:270px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){body{font-size:14px}.sidebar{display:none}.workspace{margin-left:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{height:58px;padding:0 16px}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;font-weight:700;font-size:15px}.mobile-brand svg{width:30px;height:30px}.topbar-tools{gap:7px}.demo-pill{font-size:9px;padding:5px 7px}.topbar-divider{display:none}.user-button>span:last-child{display:none}.user-avatar{width:32px;height:32px}.main-content{padding:19px 15px 24px}.welcome-line{align-items:flex-start;margin-bottom:14px}.welcome-line h1{font-size:18px}.welcome-note{font-size:9px;text-align:right;max-width:120px}.hero-banner{grid-template-columns:1fr;min-height:285px;padding:24px 22px;border-radius:20px}.hero-copy h2{font-size:25px;margin:10px 0 7px}.hero-copy>p{font-size:11px;margin-bottom:12px}.hero-copy .primary{min-height:40px}.hero-social{margin-top:11px}.hero-visual{position:absolute;right:-28px;bottom:-11px;width:54%;height:160px;min-height:0;opacity:.72}.hero-whale{width:75%}.orbit-one{width:190px;height:72px}.orbit-two{width:150px;height:100px}.orbit-three{width:125px;height:125px}.floating-note{transform:scale(.8);transform-origin:center}.note-top{left:-12px;top:4%}.note-bottom{right:13px;bottom:2%}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 26px}.quick-action{min-height:66px;padding:9px;gap:8px}.quick-action strong{font-size:10px}.quick-action small{font-size:8px}.quick-icon{width:34px;height:34px}.section-head h2{font-size:16px}.section-description{font-size:9px}.expert-toolbar{align-items:flex-start;flex-direction:column;gap:6px}.filter-tabs{width:100%}.filter-tabs button{padding:0 10px}.sort-control{align-self:flex-end}.expert-search{height:42px}.search-hint{display:none}.expert-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.expert-card{padding:11px}.avatar-button img{width:48px;height:48px}.expert-name h3{font-size:12px}.available{font-size:8px;padding:4px 6px}.expert-title{font-size:10px}.expert-company{font-size:9px}.tags{gap:4px}.tags span{font-size:8px;padding:3px 5px}.expert-session{font-size:9px}.expert-bottom{align-items:flex-end;gap:5px}.price strong{font-size:16px}.expert-bottom .primary{font-size:9px;padding:0 8px;min-height:34px}.card-footnote{font-size:8px}.home-course-grid{grid-template-columns:1fr}.mini-course>.course-art{width:90px}.page-title{margin:4px 0 20px}.page-title h1{font-size:22px}.page-title p{font-size:10px}.classroom-hero{min-height:200px;padding:20px;border-radius:17px}.classroom-hero h2{font-size:20px}.classroom-hero p{max-width:190px;font-size:10px}.classroom-visual{width:36%;height:150px}.visual-book{width:90px;height:110px}.visual-book svg{width:65px}.visual-book span{bottom:12px;font-size:6px}.visual-label{right:-7px;bottom:0;font-size:7px;padding:7px}.tabs-row{margin-bottom:13px}.tabs-row button{font-size:10px;padding:0 9px}.tabs-row>span{font-size:9px}.course-art{height:120px}.course-body{padding:10px}.course-body h3{font-size:11px}.course-body>p{font-size:9px;min-height:42px}.course-meta{font-size:8px;flex-wrap:wrap}.course-meta>span:last-child{font-size:8px}.course-bottom .price strong{font-size:14px}.course-bottom .soft{font-size:9px;padding:0 8px}.studio-page-title{align-items:flex-start;gap:8px}.studio-engine{font-size:8px;padding:6px 8px;white-space:nowrap}.studio-layout{grid-template-columns:1fr}.studio-side{display:grid;grid-template-columns:1fr}.panel{padding:15px}.studio-form form{margin-top:16px}.source-types{gap:6px}.source-types button{font-size:8px;min-height:60px}.pipeline-steps{gap:13px}.studio-tip{padding:15px}.generated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.generated-card{padding:12px}.generated-card h3{font-size:11px}.schedule-overview{gap:10px;padding:13px;flex-wrap:wrap}.schedule-overview>div{gap:8px}.overview-icon{width:39px;height:39px}.schedule-overview strong{font-size:18px}.schedule-overview>p{font-size:9px}.schedule-overview .primary{margin-left:auto;font-size:9px;padding:0 10px}.booking-card{padding:12px}.booking-card-top{align-items:flex-start}.booking-card-top>span:first-child{gap:5px;flex-wrap:wrap;font-size:9px}.booking-status{font-size:8px}.booking-card-body{gap:9px}.booking-card-body>img{width:45px;height:45px}.booking-card-body h3{font-size:11px}.booking-card-body p,.booking-topic{font-size:9px}.booking-card-body>.price strong{font-size:15px}.booking-card-body>.price small{font-size:7px}.meeting-strip{gap:5px}.meeting-strip>div{gap:6px}.meeting-strip .text-button{font-size:8px}.meeting-strip .soft{font-size:8px;padding:0 7px}.booking-actions{align-items:flex-start}.booking-actions>span{max-width:120px;line-height:1.4}.booking-actions>div{gap:8px}.booking-actions button{font-size:8px}.profile-hero{align-items:flex-start;flex-direction:column;padding:15px}.profile-avatar{width:57px;height:57px;border-radius:17px;font-size:22px}.profile-identity h2{font-size:16px}.role-switch{width:100%}.role-switch button{flex:1;justify-content:center}.profile-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:21px}.stat-card{padding:11px}.stat-card>strong{font-size:18px}.expert-workspace{flex-wrap:wrap}.expert-workspace>div{min-width:calc(100% - 65px)}.expert-workspace .primary{margin-left:auto}.profile-services{grid-template-columns:1fr}.service-card{min-height:65px}.page-footer{align-items:flex-start;flex-direction:column}.page-footer>div{justify-content:flex-start;gap:7px 12px}.mobile-nav{position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav a{display:grid;justify-items:center;gap:1px;color:#928b9d;min-height:48px;align-content:center}.mobile-nav a>span{width:30px;height:27px;display:grid;place-items:center;border-radius:10px}.mobile-nav a.active{color:#6748b7}.mobile-nav a.active>span{background:#f0ebfd}.mobile-nav small{font-size:8px}.toast{bottom:calc(78px + env(safe-area-inset-bottom));font-size:10px;padding:10px 13px}.modal{width:calc(100vw - 20px);max-height:calc(92dvh - env(safe-area-inset-bottom));border-radius:18px}.modal-inner{padding:17px}.modal-heading{padding-bottom:12px;margin-bottom:13px}.modal-heading h2{font-size:16px}.slot-grid{grid-template-columns:repeat(3,1fr)}.lesson-modal{width:calc(100vw - 12px)}.lesson-modal .modal-inner{padding:13px}.lesson-layout{grid-template-columns:1fr;gap:14px}.lesson-chapters{border-right:0;border-bottom:1px solid #efecf3;padding:0 0 9px}.lesson-chapters>button{display:inline-flex;width:auto;max-width:48%;vertical-align:top}.lesson-chapters>button strong{max-width:150px}.lesson-content h3{font-size:17px}.lesson-controls button{font-size:9px;padding:0 8px}.info-body{font-size:10px}}@media(max-width:390px){.main-content{padding-left:12px;padding-right:12px}.hero-banner{padding:20px 17px}.hero-copy h2{font-size:22px}.hero-visual{width:52%;right:-35px}.quick-action{gap:6px;padding:8px}.quick-icon{width:30px;height:30px}.quick-action strong{font-size:9px}.expert-grid{gap:7px}.expert-card{padding:9px}.expert-bottom .primary{font-size:8px}.expert-name h3{font-size:11px}.available{font-size:7px}.course-grid{gap:7px}.course-body{padding:9px}.course-meta,.studio-engine{font-size:7px}.booking-card-top>span:first-child{max-width:68%}.schedule-overview>p{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:767px){.expert-grid,.course-grid{grid-template-columns:minmax(0,1fr)}.expert-card{padding:16px}.expert-title,.expert-company,.expert-session,.tags span,.card-footnote,.available,.expert-name>span,.course-category,.course-meta,.course-body>p,.course-bottom .soft,.course-body>.soft,.progress-label,.section-description,.fine-print,.form-caption,.panel-heading p,.field-label span,.source-types button,.upload-zone>strong,.upload-zone>small,.pipeline-step p,.pipeline-step small,.studio-tip p,.generated-card p,.generated-card .soft,.ready-badge,.schedule-overview small,.schedule-overview em,.schedule-overview>p,.schedule-overview .primary,.booking-card-top,.booking-status,.booking-card-body p,.booking-topic,.booking-card-body>.price small,.meeting-strip strong,.meeting-strip small,.meeting-strip .soft,.booking-actions>span,.booking-actions button,.schedule-tip,.stat-card>p,.service-card p,.profile-links button,.page-footer,.eyebrow,.welcome-note,.hero-kicker,.hero-copy>p,.hero-social,.quick-action strong,.quick-action small,.mini-course small,.mini-course>span>span,.filter-tabs button,.tabs-row button,.sort-control,.sort-control select,.expert-search input,.soft-label,.studio-engine,.field-label,.info-body,.expert-detail-identity p,.expert-detail-identity>div>span,.expert-detail h4,.course-detail h4,.detail-bio,.highlight-list li,.detail-booking-strip>span,.detail-booking-strip .primary,.booking-expert strong,.booking-expert span,.slot-grid button,.booking-total>span,.booking-total>span>span,.course-detail>p,.detail-teacher,.chapter-list li>span,.chapter-list li>strong,.chapter-list li>div,.chapter-list li>small,.lesson-chapters>small,.lesson-chapters>button>span,.lesson-chapters>button strong,.lesson-chapters>button small,.lesson-article,.lesson-thought strong,.lesson-thought p,.lesson-controls button,.lesson-chat h4,.lesson-chat h4 span,.lesson-chat>p,.chat-message p,.chat-form input,.order-list h3,.note-list h3,.order-list p,.order-list small,.order-list article>strong small,.note-list p,.note-list small,.generated-preview>p,.generated-preview .chapter-list li p,.modal-actions button,.modal-loading,.page-loader p,.empty p{font-size:12px}.page-title p,.classroom-hero p,.stat-card>p{font-size:13px}.quick-action strong,.course-body h3,.generated-card h3,.service-card strong,.booking-card-body h3{font-size:14px}.course-body>p{min-height:0}.filter-tabs button,.tabs-row button,.slot-grid button,.source-types button,.primary,.soft,.role-switch button,.service-card,.profile-links button,.booking-actions button,.lesson-controls button,.modal-actions button{min-height:44px}.expert-search{min-height:46px;height:auto}.expert-search input,.field-input,.chat-form input{font-size:16px}.lesson-chapters{max-height:220px;overflow-y:auto;border-right:0;border-bottom:1px solid #efecf3;padding:0 0 9px}.lesson-chapters>button{display:flex;width:100%;max-width:none}.lesson-chapters>button:nth-of-type(n+4){display:flex}.mobile-nav small{font-size:11px}.mobile-nav a{min-height:50px}.topbar .demo-pill{font-size:11px}.chapter-list li{min-height:44px}.booking-actions>div{align-items:center}.art-chip,.art-corner,.floating-note small,.progress-ring small,.visual-book span{font-size:9px}}@media(max-width:390px){.expert-grid,.course-grid{grid-template-columns:minmax(0,1fr)}.expert-card{padding:15px}.course-art{height:150px}}@media(max-width:767px){.expert-name h3{font-size:18px}.lesson-article{font-size:16px;line-height:1.8}.info-body,.detail-bio,.course-detail>p,.chat-message p,.note-list p{font-size:14px}.expert-title,.expert-session,.course-body>p{font-size:14px}}@media(max-width:767px){.section-head{align-items:flex-start;flex-direction:column}.section-head>div,.section-head>.section-description{width:100%}.hero-visual .floating-note{display:none}}