@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#211d2a;--muted:#81798d;--line:#e9e2f0;--paper:#f7f4fa;--lime:#dfc7ff;--green:#75519a;--white:#fff;--radius:18px;font-family:'Golos Text',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #819b4f;outline-offset:4px}svg{display:block}h1,h2,h3,p{margin:0}button svg,.icon svg{width:19px;height:19px;flex-shrink:0}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:var(--lime);z-index:100}.skip:focus{top:10px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:224px;background:white;border-right:1px solid var(--line);padding:30px 18px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-size:30px;letter-spacing:-1.8px;font-weight:800;padding-left:9px;margin-bottom:37px}.brand-symbol{width:30px;height:30px;background:var(--ink);color:var(--lime);font-size:28px;line-height:28px;border-radius:9px;text-align:center;position:relative;font-weight:600;letter-spacing:-3px;padding-right:4px}.brand-symbol>span{position:absolute;font-size:18px;right:2px;top:0}.brand-dot{font-size:11px;align-self:flex-start;letter-spacing:0;margin:4px 0 0 -5px}.workspace{display:flex;align-items:center;gap:10px;background:#f6f7f3;border:1px solid var(--line);padding:12px 10px;border-radius:11px;margin-bottom:29px}.workspace-icon{width:29px;height:29px;border-radius:8px;background:#e9eddf;display:grid;place-items:center}.workspace-icon svg{width:18px}.workspace b{display:block;font-size:11px;line-height:1.8}.workspace small{font-size:9px;color:var(--muted)}.nav-caption{font-size:9px;font-weight:500;letter-spacing:1.2px;color:#9a9d96;padding-left:12px;margin-bottom:13px}nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;text-align:left;padding:12px;border-radius:9px;color:#75796f;font-size:12px;font-weight:500;min-height:44px}.nav-item:hover{background:#f6f7f1}.nav-item.active{background:var(--lime);color:var(--ink)}.nav-item .count{margin-left:auto;font-size:10px;background:#ffffff7a;padding:2px 6px;border-radius:5px}.nav-item svg{width:18px;height:18px}.nav-divider{height:1px;background:var(--line);margin:18px 10px}.sidebar-bottom{margin-top:auto;padding-top:30px}.upgrade{border:1px solid var(--line);border-radius:12px;padding:15px;background:radial-gradient(at 100% 0,#ebf3d9,transparent 70%),#f9faf6}.mini-star{display:block;font-size:28px;margin-bottom:12px;line-height:1}.upgrade b{font-size:12px;display:block}.upgrade p{font-size:10px;line-height:1.7;color:#7b8172;margin:7px 0 13px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:41px;padding:0 17px;border-radius:9px;font-size:11px;font-weight:600;transition:background .18s,transform .18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn.dark{background:var(--ink);color:white}.btn.dark:hover{background:#3d4932}.btn.lime{background:var(--lime);color:var(--ink)}.btn.lime:hover{background:#c4ef63}.btn.outline{border:1px solid #dfe3d9;background:white}.btn.quiet{background:#f3f5f0}.upgrade .btn{width:100%;font-size:10px;padding:0 10px;justify-content:space-between;min-height:36px}.help-link{display:flex;align-items:center;width:100%;gap:9px;font-size:10px;color:#777e6e;margin:20px 0}.help-link>span:last-child{margin-left:auto}.help-link svg{width:16px}.profile{display:flex;align-items:center;text-align:left;gap:9px;border-top:1px solid var(--line);width:100%;padding:19px 0 22px}.profile b{font-size:11px;display:block;margin-bottom:4px}.profile small{font-size:10px;color:var(--muted)}.profile>span:last-child{margin-left:auto;color:var(--muted)}.profile svg{width:14px}.avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#eddfca;color:#765b3b;display:grid;place-items:center;font-size:11px;font-weight:600;border:3px solid #f7f3eb}.avatar.small{width:32px;height:32px;font-size:9px}.shell{margin-left:224px}.topbar{height:83px;padding:0 35px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.breadcrumb{font-size:11px;color:#8a8e86;display:flex;gap:15px;white-space:nowrap}.breadcrumb b{font-weight:500;color:#343a30}.breadcrumb>span{color:#c3c7be}.demo-label{font-size:8px;letter-spacing:1.2px;color:#94998d}.role-switch{display:flex;background:#f4f5f1;padding:3px;border-radius:8px;border:1px solid #edf0e7}.role-switch button{font-size:9px;padding:7px 9px;border-radius:5px;color:#828778}.role-switch .active{background:white;color:#353d2e;box-shadow:0 1px 3px #1e271314}.icon-button{width:33px;height:33px;display:grid;place-items:center;border-radius:8px}.icon-button:hover{background:#edf1e6}.notification{position:relative}.notification i{width:5px;height:5px;border-radius:50%;background:#91b850;position:absolute;right:8px;top:5px;border:1px solid white}.mobile-menu{display:none}main{padding:32px 35px 38px;max-width:1550px;margin:auto;min-height:calc(100vh - 150px)}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:18px}.kicker{font-size:9px;letter-spacing:1.2px;color:#979d8e;display:flex;align-items:center;gap:8px;font-weight:500;text-transform:uppercase;margin-bottom:11px}.kicker i,.live-dot{width:5px;height:5px;background:#839e4c;border-radius:50%;display:inline-block}.welcome h1{font-size:30px;letter-spacing:-1.15px;font-weight:600;line-height:1.2;margin-bottom:10px}.welcome h1 .wave{font-size:24px;margin-left:4px}.welcome p{font-size:11px;color:var(--muted);line-height:1.6}.date-pill{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:white;border-radius:8px;padding:11px 13px;font-size:10px;color:#71786a;white-space:nowrap}.date-pill svg{width:15px;height:15px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:24px}.main-column,.right-column{min-width:0}.hero{background:#20261f;color:#fff;border-radius:var(--radius);position:relative;overflow:hidden;min-height:299px;padding:27px 28px;isolation:isolate;display:flex;flex-direction:column}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 95% 50%,#4b563330,transparent 70%);z-index:-1}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.tag{font-size:9px;display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff28;border-radius:5px;padding:6px 8px;color:#cbd2c3}.tag svg{height:11px;width:11px}.hero .micro{font-size:8px;letter-spacing:1.3px;color:#929d89}.hero h2{position:relative;z-index:1;font-size:31px;letter-spacing:-1.1px;line-height:1.16;font-weight:500;margin-top:24px;max-width:345px}.hero h2 em{font-style:normal;color:var(--lime)}.hero p{position:relative;z-index:1;color:#aab2a3;font-size:10px;line-height:1.7;margin-top:12px;max-width:270px}.hero-bottom{display:flex;align-items:center;gap:18px;margin-top:23px;position:relative;z-index:2}.hero-bottom .btn{height:39px;min-height:39px}.hero-progress{width:120px}.hero-progress>div{display:flex;justify-content:space-between;font-size:8px;color:#a4afa0;margin-bottom:7px}.hero-progress b{color:#e0e7d9;font-weight:400}.progress-track{height:4px;background:#e8ecdf;border-radius:8px;overflow:hidden}.progress-track i{display:block;height:100%;background:#9ac448;border-radius:8px}.hero .progress-track{background:#4b5444}.hero .progress-track i{background:var(--lime)}.hero-art{position:absolute;width:340px;height:320px;right:-74px;bottom:-17px;z-index:0;opacity:.95;transform:rotate(-15deg)}.hero-art svg{width:100%;height:100%}.hero-orbit-label{position:absolute;right:35px;bottom:35px;letter-spacing:2px;font-size:8px;color:#a4b588;writing-mode:vertical-rl}.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0 29px}.quick-stat{display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--line);border-radius:11px;padding:16px 13px}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0f5e6;color:#749348;flex-shrink:0}.stat-icon svg{width:17px;height:17px}.quick-stat:nth-child(2) .stat-icon{color:#a98bdb;background:#f4f0fa}.quick-stat:nth-child(3) .stat-icon{color:#c0974e;background:#faf4e8}.quick-stat b{display:block;font-size:21px;font-weight:500;line-height:1;margin-bottom:6px;letter-spacing:-.6px}.quick-stat small{font-size:9px;color:#8a9081}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:12px}.section-heading h2{font-size:17px;font-weight:600;letter-spacing:-.4px}.section-heading h2 small{color:#969c8d;font-size:11px;font-weight:400;margin-left:7px}.text-button{display:flex;align-items:center;gap:8px;color:#737d65;font-size:10px;white-space:nowrap}.text-button svg{width:13px;height:13px}.filter-row{display:flex;align-items:center;gap:5px;margin:0 0 19px}.filter{font-size:10px;color:#8a9083;padding:7px 12px;border-radius:6px}.filter.active{background:#e9eddf;color:#465437;font-weight:500}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.course-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.course-card:hover{transform:translateY(-3px);box-shadow:0 9px 28px #28321a09}.course-cover{height:135px;position:relative;overflow:hidden;background:#e4eccf}.course-cover.violet{background:#eae4f7}.course-cover.orange{background:#f7e4d8}.course-cover svg{width:100%;height:100%}.cover-code{position:absolute;top:12px;left:13px;font-size:8px;letter-spacing:1px;z-index:1;color:#536442}.cover-code strong{display:block;font-size:18px;letter-spacing:-.5px;margin-top:2px;font-weight:600}.bookmark{position:absolute;right:11px;top:11px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ffffffa6;z-index:2}.bookmark svg{height:12px;width:12px}.bookmark.saved{background:var(--ink);color:var(--lime)}.cover-bottom{position:absolute;left:12px;bottom:11px;border:1px solid #ffffff80;background:#ffffff8c;backdrop-filter:blur(4px);padding:4px 6px;font-size:8px;border-radius:4px;z-index:2;color:#4a5241}.course-body{padding:14px}.course-category{font-size:8px;letter-spacing:1px;color:#9b9f93;margin-bottom:9px}.course-title{font-size:13px;font-weight:600;line-height:1.5;text-align:left;padding:0;display:block;min-height:39px;letter-spacing:-.2px}.course-title:hover{color:#6a8b38}.course-author{display:flex;align-items:center;gap:6px;font-size:9px;color:#94998d;margin:12px 0 16px}.tiny-avatar{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:7px;background:#e7e4da;color:#646555}.course-meta{display:flex;justify-content:space-between;gap:5px;font-size:8px;color:#92988a;padding-bottom:9px}.course-meta strong{color:#7c8c67;font-weight:500}.course-card .progress-track{height:3px}.course-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff1ea;margin-top:14px;padding-top:12px;font-size:9px;color:#949a8c}.course-footer button{font-size:9px;color:#4a583b;display:flex;align-items:center;gap:7px;padding:0}.course-footer svg{width:12px;height:12px}.right-column{display:flex;flex-direction:column;gap:19px}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:21px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.panel-heading h2{font-size:13px;font-weight:600}.panel-heading>span{color:#a0a591;font-size:10px}.streak-head{display:flex;align-items:center;justify-content:space-between}.streak-number{font-size:37px;letter-spacing:-1.5px;font-weight:500;line-height:1.2}.streak-number small{font-size:13px;letter-spacing:0;font-weight:400;color:#8a927f}.flame{color:#dba563;background:#faf2e5;width:44px;height:44px;display:grid;place-items:center;border-radius:13px}.flame svg{width:25px;height:25px}.streak p{color:#929a88;font-size:10px;line-height:1.6;margin-top:8px}.week{display:flex;justify-content:space-between;margin:19px 0 16px;gap:4px}.day{display:grid;gap:7px;text-align:center;font-size:8px;color:#9ca38f}.day>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px dashed #e0e5d6;font-size:10px}.day.done>span{background:#eaf4d9;border:1px solid #eaf4d9;color:#728e45}.day.today>span{background:var(--lime);border:1px solid #a5c360;color:#3f512b;outline:3px solid #f2f7e8}.streak-foot{padding-top:14px;border-top:1px solid var(--line);font-size:9px;color:#969e8c;display:flex;align-items:center;gap:6px}.streak-foot b{color:#667752;font-weight:500}.streak-foot svg{width:13px;height:13px;color:#8eac52}.next-event{display:flex;gap:12px;align-items:flex-start}.event-date{border:1px solid #e5e9dd;border-radius:9px;min-width:43px;text-align:center;overflow:hidden}.event-date small{display:block;background:#f2f5e9;font-size:7px;padding:4px;color:#929c83}.event-date b{display:block;font-size:19px;padding:5px;font-weight:500}.next-event h3{font-size:11px;line-height:1.5;font-weight:500}.next-event p{font-size:9px;color:#9b9f94;margin-top:6px}.event-tag{font-size:8px;color:#a09b8c;display:flex;align-items:center;gap:5px;margin-top:8px}.event-tag i{width:4px;height:4px;background:#d6b881;border-radius:50%}.event-btn{width:100%;margin-top:17px;min-height:34px;font-size:9px}.weekly{padding:18px 20px;background:#eff3e9;border:1px solid #e5e9df;border-radius:15px;position:relative;overflow:hidden;min-height:150px}.weekly .kicker{font-size:8px;letter-spacing:1.3px;color:#8a9a75;margin-bottom:12px}.weekly h3{font-size:16px;font-weight:500;letter-spacing:-.4px;line-height:1.3;position:relative;z-index:1;max-width:170px}.weekly p{font-size:9px;color:#8b967e;margin:9px 0 14px;max-width:150px;line-height:1.6}.weekly-star{position:absolute;font-size:117px;color:#d4dec5;right:-17px;bottom:-32px;font-weight:400}.weekly .text-button{font-size:9px;position:relative;z-index:1;color:#5f7148}.mentor-strip{display:flex;align-items:center;gap:10px;padding:3px 4px}.mentor-stack{display:flex}.mentor-stack span{width:26px;height:26px;border-radius:50%;border:2px solid var(--paper);display:grid;place-items:center;font-size:8px;margin-left:-6px;color:#71624d;background:#e8dac4}.mentor-stack span:first-child{margin-left:0}.mentor-stack span:nth-child(2){background:#d8dfcf;color:#59634c}.mentor-stack span:nth-child(3){background:#ded7e9;color:#75648a}.mentor-strip p{font-size:9px;color:#9aa18f;line-height:1.5}.mentor-strip b{color:#747e65;font-weight:500}.footer{max-width:1550px;margin:auto;padding:0 35px 23px;display:flex;justify-content:space-between;font-size:8px;color:#acb0a5;gap:15px}.footer>span:last-child{display:flex;gap:7px;align-items:center}.footer i{height:4px;width:4px;background:#a1b478;border-radius:50%}
/* Secondary workspaces */
.page-intro{margin-bottom:26px}.page-intro h1{font-size:30px;font-weight:600;letter-spacing:-1.1px;margin-bottom:10px}.page-intro p{font-size:12px;color:var(--muted);line-height:1.7}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:25px 0}.catalog-toolbar .filter-row{margin:0}.search{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:white;min-width:220px}.search svg{width:15px;height:15px;color:#909986}.search input{width:100%;border:0;background:none;outline:none;font-size:11px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-grid .course-cover{height:180px}.catalog-grid .course-title{font-size:16px}.catalog-grid .course-body{padding:20px}.catalog-grid .course-category,.catalog-grid .course-footer,.catalog-grid .course-author,.catalog-grid .course-meta{font-size:10px}.empty{padding:60px 30px;background:white;border:1px dashed #dce4ce;border-radius:14px;text-align:center;grid-column:1/-1}.empty h2{font-size:20px;font-weight:500;margin-bottom:10px}.empty p{color:var(--muted);font-size:12px;line-height:1.7}.empty .btn{margin-top:20px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{background:white;border:1px solid var(--line);border-radius:13px;padding:21px}.metric-label{font-size:10px;color:#939a88;display:flex;justify-content:space-between;gap:10px}.metric-label svg{height:17px;width:17px}.metric>strong{display:block;font-size:30px;letter-spacing:-1px;font-weight:500;margin:14px 0 8px}.metric small{color:#7a945b;font-size:9px}.analytics-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px}.chart{height:200px;display:flex;align-items:end;gap:16px;padding:15px 10px 0;border-bottom:1px solid var(--line)}.bar-wrap{flex:1;height:100%;display:flex;align-items:end;position:relative}.bar{width:100%;background:#d3e8af;border-radius:6px 6px 0 0;position:relative;min-height:8px}.bar-wrap:last-child .bar{background:#34452b}.bar>span{position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:9px;color:#8e9880;white-space:nowrap}.chart-labels{display:flex;justify-content:space-around;font-size:9px;color:#a0a88f;padding-top:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;color:#99a18e;font-weight:500;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:16px 10px;border-bottom:1px solid #eff1eb;font-size:11px}tbody tr:last-child td{border:0}.status{padding:5px 8px;background:#ecf4e1;color:#77934b;font-size:9px;border-radius:5px}.status.pending{background:#f6f0e2;color:#b09a61}.demo-note{font-size:10px;color:#909984;line-height:1.7;margin-top:15px}.progress-list{display:grid;gap:15px}.progress-item{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--line);border-radius:12px;background:white}.progress-item .progress-track{margin:10px 0 7px}.progress-info{flex:1;min-width:0}.progress-info h3{font-size:13px;margin-bottom:6px}.progress-info p{font-size:10px;color:var(--muted)}.progress-number{font-size:26px;letter-spacing:-1px}.settings-form{max-width:620px;display:grid;gap:18px}.field{display:grid;gap:8px;font-size:11px;color:#727e63}.field input,.field select,.field textarea{border:1px solid #dfe5d7;border-radius:8px;padding:12px;background:white;color:var(--ink);width:100%;resize:vertical}.field textarea{min-height:100px}.field-note{font-size:10px;color:#9aa28e;line-height:1.6}.settings-form .btn{justify-self:start}.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:830px}.plan{border:1px solid var(--line);border-radius:17px;padding:30px;background:white}.plan.pro{background:#242b21;color:#fff;border-color:#242b21}.plan h2{font-size:21px;margin:15px 0 10px}.plan p{font-size:11px;color:#939d88;line-height:1.7}.price{font-size:36px;letter-spacing:-1px;margin:25px 0}.price small{font-size:11px;letter-spacing:0;color:#96a187}.plan ul{padding:0;list-style:none;display:grid;gap:15px;font-size:11px;line-height:1.6;margin-bottom:30px}.plan li:before{content:'✓';color:#92b25a;margin-right:10px}.plan .btn{width:100%}.pill{display:inline-flex;font-size:9px;letter-spacing:.7px;padding:6px 9px;background:#eef5e2;color:#7a934f;border-radius:5px}.pro .pill{background:#ffffff12;color:var(--lime)}.course-manage{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.course-manage:first-child{padding-top:0}.course-manage:last-child{border-bottom:0}.manage-icon{height:45px;width:45px;display:grid;place-items:center;background:#edf3e3;border-radius:10px;color:#788e57;flex-shrink:0}.course-manage h3{font-size:12px;line-height:1.5}.course-manage p{font-size:10px;color:var(--muted);margin-top:5px}.course-manage .btn{margin-left:auto;min-height:32px;font-size:9px}
/* Lesson reader and dialogs */
dialog{border:1px solid #e3e8da;border-radius:20px;padding:0;color:var(--ink);width:min(940px,calc(100% - 40px));max-height:90dvh;box-shadow:0 30px 130px #10190e40}dialog::backdrop{background:#17201066;backdrop-filter:blur(5px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 27px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:5}.modal-header h2{font-size:17px;letter-spacing:-.4px;font-weight:600}.modal-body{padding:27px}.modal-body p{font-size:12px;color:#828d75;line-height:1.8}.modal-body .btn{margin-top:20px}.lesson-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:480px}.lesson-nav{background:#f6f8f2;padding:22px 15px;border-right:1px solid var(--line)}.lesson-nav>small{font-size:9px;color:#9ca58e;letter-spacing:1px;display:block;margin:0 8px 13px}.lesson-item{display:flex;gap:9px;align-items:center;width:100%;text-align:left;padding:12px 9px;border-radius:7px;color:#7e8972;font-size:10px;line-height:1.5}.lesson-item.active{background:#e6efda;color:#445934}.lesson-item.done .lesson-index{background:#cee5ab;color:#547534}.lesson-index{display:grid;place-items:center;height:24px;width:24px;border-radius:6px;background:#e9ede2;flex-shrink:0;font-size:9px}.lesson-content{padding:27px;min-width:0}.lesson-content h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:17px 0}.lesson-content p{font-size:12px;line-height:1.95;color:#7a856e;margin:12px 0}.lesson-visual{height:150px;background:#232c1e;border-radius:11px;overflow:hidden;position:relative;color:var(--lime);display:flex;align-items:center;padding:25px}.lesson-visual>svg{position:absolute;width:240px;height:240px;right:-40px;opacity:.5}.lesson-visual strong{font-size:23px;letter-spacing:-.7px;max-width:230px;position:relative;font-weight:500;line-height:1.3}.lesson-example{background:#f3f6ed;border-left:3px solid #adc87b;padding:17px;font-size:12px;line-height:1.8;color:#637553;border-radius:0 8px 8px 0;margin:18px 0}.lesson-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:23px;gap:12px}.lesson-actions small{font-size:9px;color:#909d82}.quiz-options{display:grid;gap:9px;margin:18px 0}.quiz-option{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:13px;border-radius:8px;font-size:12px;line-height:1.6;cursor:pointer}.quiz-option:has(input:checked){background:#f0f6e6;border-color:#afc18e}.quiz-option input{accent-color:#789644}.result{padding:12px 15px;border-radius:8px;background:#f0f5e8;color:#6e8650;font-size:11px;line-height:1.7;margin:15px 0}.result.error{background:#fbefdf;color:#aa8856}.toast{position:fixed;bottom:25px;left:calc(50% + 112px);transform:translate(-50%,15px);background:#293324;color:#f2f6ec;border:1px solid #4e5a41;border-radius:11px;padding:13px 20px;font-size:11px;line-height:1.6;box-shadow:0 8px 30px #24331720;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:calc(100% - 40px);min-width:200px;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.muted{color:var(--muted)}.spaced{margin-top:24px}.file-card{display:flex;gap:12px;align-items:center;background:#f6f8f2;border:1px solid var(--line);padding:17px;border-radius:10px;margin:13px 0}.file-card svg{width:21px;height:21px;color:#819365}.file-card div{flex:1}.file-card b{font-size:12px}.file-card p{font-size:10px;margin:5px 0 0}.notification-row{padding:15px 0;border-bottom:1px solid var(--line)}.notification-row:last-child{border:0}.notification-row h3{font-size:13px;margin-bottom:5px}
@media(min-width:1500px){.dashboard{grid-template-columns:minmax(0,1fr) 300px}.hero{min-height:328px}.hero h2{font-size:37px;max-width:410px}.hero p{max-width:350px;font-size:12px}.hero-art{right:-10px;width:380px;height:360px}.course-cover{height:160px}.course-title{font-size:15px}.course-author{font-size:10px}.hero-bottom{margin-top:26px}}
@media(max-width:1200px){.sidebar{width:200px;padding:27px 13px 0}.shell{margin-left:200px}main{padding:28px 24px}.topbar{padding:0 24px}.dashboard{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.hero{padding:23px;min-height:295px}.hero h2{font-size:28px;max-width:270px}.hero-art{right:-133px;opacity:.6}.course-grid{gap:10px}.course-body{padding:12px}.course-cover{height:122px}.quick-stat{padding:14px 10px;gap:8px}.stat-icon{width:29px;height:29px}.quick-stat small{font-size:8px}.panel{padding:17px}.topbar-right{gap:12px}.footer{padding:0 24px 23px}.toast{left:calc(50% + 100px)}}
@media(max-width:1000px){.dashboard{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr}.mentor-strip,.weekly{display:none}.hero-art{right:-15px;opacity:.9}.hero{min-height:290px}.hero h2{font-size:32px;max-width:340px}.course-cover{height:155px}.demo-label{display:none}.topbar-right{gap:8px}.topbar .avatar{display:none}.welcome{align-items:flex-start}.date-pill{display:none}.catalog-toolbar{align-items:flex-start;flex-direction:column}.analytics-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:224px;box-shadow:20px 0 90px #18271125}.sidebar.open{transform:translateX(0)}.shell{margin-left:0}.topbar{height:70px;padding:0 17px;position:sticky;top:0;z-index:15}.topbar-left{gap:6px}.mobile-menu{display:grid}.breadcrumb{font-size:10px;gap:8px}.role-switch button{font-size:8px;padding:7px}.notification{display:none}main{padding:26px 20px}.welcome h1,.page-intro h1{font-size:28px}.welcome p{max-width:340px;font-size:11px}.hero h2{font-size:30px}.hero-art{right:-64px;opacity:.75}.course-grid{gap:12px}.course-title{font-size:12px}.course-author{font-size:8px}.footer{padding:0 20px 22px;font-size:8px}.toast{left:50%}.plans{grid-template-columns:1fr}.plan{padding:25px}.lesson-layout{grid-template-columns:1fr}.lesson-nav{display:flex;gap:5px;overflow-x:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.lesson-nav>small{display:none}.lesson-item{min-width:160px}.lesson-content{padding:22px}.modal-header{padding:18px 20px}.modal-header h2{font-size:14px}.lesson-visual>svg{opacity:.3}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid .course-cover{height:160px}}
@media(max-width:520px){.topbar-right{gap:0}.breadcrumb>span,.breadcrumb>b{display:none}.role-switch button{padding:7px 6px;font-size:8px}.hero{padding:22px;min-height:306px}.hero-art{right:-113px;width:280px;height:280px;bottom:12px;opacity:.5}.hero h2{font-size:28px;max-width:260px}.hero .micro{display:none}.hero p{max-width:240px}.hero-bottom{gap:13px}.hero-progress{width:92px}.hero-orbit-label{display:none}.hero .btn{font-size:10px;padding:0 12px}.quick-stats{gap:7px}.quick-stat{display:block;padding:13px 10px}.stat-icon{margin-bottom:10px;width:26px;height:26px}.quick-stat b{font-size:22px}.quick-stat small{font-size:8px}.course-grid,.catalog-grid{grid-template-columns:1fr}.course-cover,.catalog-grid .course-cover{height:170px}.course-body,.catalog-grid .course-body{padding:18px}.course-title,.catalog-grid .course-title{font-size:16px;min-height:0}.course-author,.course-footer,.course-meta{font-size:10px}.course-author{margin:12px 0 15px}.course-footer button{font-size:10px}.right-column{grid-template-columns:1fr}.streak .day>span{width:30px;height:30px}.panel{padding:20px}.filter{font-size:9px;padding:7px 10px}.footer{flex-direction:column;gap:8px}.metrics{gap:10px}.metric{padding:16px}.metric>strong{font-size:25px}.metric-label{font-size:9px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:20px}.progress-item{padding:15px;gap:12px;flex-wrap:wrap}.progress-number{font-size:21px}.progress-info{min-width:180px}.course-manage{flex-wrap:wrap}.course-manage .btn{margin-left:60px}.course-manage h3{max-width:210px}.modal-body{padding:20px}.lesson-actions{align-items:flex-start;flex-direction:column}.modal-header h2{max-width:240px}.search{width:100%}.chart{gap:10px}.chart .bar>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Final optical sizing: comfortable reading without losing the quiet hierarchy. */
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar .brand,.sidebar .workspace,.sidebar .nav-caption{flex-shrink:0}
.hero p{font-size:12px}.course-title{font-size:14px}.course-author{font-size:10px}.course-meta,.course-footer,.course-footer button{font-size:10px}.course-category{font-size:9px}
.welcome p{font-size:12px}.streak p{font-size:11px}.streak-foot{font-size:10px}.next-event h3{font-size:12px}.next-event p{font-size:10px}.weekly p{font-size:10px}.weekly .text-button{font-size:10px}
@media(min-width:1300px){.hero{min-height:319px}.hero h2{font-size:39px;max-width:440px;letter-spacing:-1.5px}.hero-art{width:410px;height:380px;right:-43px;bottom:-35px}.hero p{margin-top:15px}.hero-bottom{margin-top:21px}.hero-progress{width:140px}.hero-progress>div{font-size:9px}}
@media(max-height:850px) and (min-width:761px){.sidebar{padding-top:23px}.brand{margin-bottom:25px}.workspace{margin-bottom:22px}.sidebar-bottom{padding-top:18px}.upgrade .mini-star{display:none}.upgrade{padding:12px}.upgrade p{margin:5px 0 9px}.help-link{margin:15px 0}.profile{padding:14px 0}.nav-divider{margin:12px 10px}}
@media(max-width:520px){.hero p{font-size:11px}.course-title{font-size:16px}.welcome h1{font-size:27px}.quick-stat small{font-size:9px}.sidebar .upgrade{display:none}.sidebar-bottom{padding-top:10px}}

/* AIWebs violet identity */
.brand-symbol{background:#1d1727;color:#edcfff;box-shadow:0 0 0 1px #ffffff14 inset}.workspace-icon,.stat-icon{background:#f1e8fb;color:#8a5fba}.workspace{background:#faf7fd}.nav-item.active{background:#e2c8ff}.upgrade{background:linear-gradient(145deg,#fcf9ff,#eadcf8)}.btn.lime{background:#dfc7ff}.btn.lime:hover{background:#d2afff}.filter.active{background:#eee5f7;color:#604377}.progress-track i{background:#bb7cff}.quick-stat:nth-child(1) .stat-icon{background:#f1e8fb;color:#8a5fba}.streak-foot svg,.text-button,.course-footer button{color:#805aa2}.day.done>span{background:#f0e4fb;color:#8158a6;border-color:#f0e4fb}.day.today>span{background:#dfc7ff;border-color:#b788df;color:#5e367f;outline-color:#f5edfc}.live-dot,.kicker i{background:#b66bea}.weekly{background:#f1e7f8;border-color:#e7d9f1}.weekly-star{color:#dfcce9}.course-cover{background:#eee0fa}.course-cover.violet{background:#e8d9f5}.course-cover.orange{background:#f3dff4}.course-card .progress-track i{background:#b66bea}.pill{background:#f2e7fb;color:#79509d}.plan.pro{background:linear-gradient(145deg,#21172d,#171222)}.pro .pill{color:#e6caff}.bar{background:#dec7f5}.bar-wrap:last-child .bar{background:#70448f}.status{background:#eee1f8;color:#79539a}.lesson-item.active{background:#eadbf5;color:#694684}.lesson-item.done .lesson-index{background:#dec4f0;color:#694684}.lesson-example{background:#f6effb;border-left-color:#b885dd;color:#6d577d}.result{background:#f2e8fa;color:#745491}.quiz-option:has(input:checked){background:#f3eafb;border-color:#c7a1e2}.quiz-option input{accent-color:#9554c7}.manage-icon{background:#f0e6f8;color:#825fa1}.hero.branded{background:#171321}.hero.branded:before{background:linear-gradient(90deg,#171321 0%,#20172f 48%,#1d183080 78%,#141121 100%)}.hero.branded:after{content:'';position:absolute;inset:0 0 0 35%;background:linear-gradient(90deg,#171321 0%,transparent 45%),url('assets/aiwebs-neon.jpg') center/cover no-repeat;opacity:.56;z-index:-1}.hero h2 em{color:#e9c8ff}.hero .progress-track i{background:#dcaaff}.hero .tag{background:#1a142450}.hero-orbit-label{color:#d4a9ec}.access-note{display:flex;align-items:flex-start;gap:13px;max-width:830px;padding:16px 18px;margin:0 0 20px;border:1px solid #dcc9ea;border-radius:12px;background:#f3eafb;color:#6e4d85}.access-note>svg{width:20px;flex-shrink:0}.access-note b{display:block;font-size:12px;margin-bottom:5px}.access-note p{font-size:10px;line-height:1.6}.manage-actions{margin-left:auto;display:flex;gap:8px}.course-manage .manage-actions .btn{margin-left:0}.lesson-builder{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:25px;padding:27px}.builder-list{border-right:1px solid var(--line);padding-right:25px;max-height:610px;overflow:auto}.builder-lesson{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.builder-lesson>div{min-width:0;flex:1}.builder-lesson b{font-size:11px;display:block;line-height:1.45}.builder-lesson small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.builder-lesson .icon-button{color:#a493af;width:28px;height:28px}.lesson-builder .settings-form{padding:0;border:0}.lesson-builder .settings-form h3{font-size:17px;margin-bottom:3px}.upload-field input{position:absolute;opacity:0;pointer-events:none}.upload-field>span{display:flex;align-items:center;gap:9px;border:1px dashed #cbb6dc;border-radius:9px;padding:14px;color:#77568f;background:#f9f5fc;cursor:pointer}.upload-field>span svg{width:18px}.theme-toggle{border:1px solid var(--line)}.theme-toggle svg{width:17px;height:17px}

/* Dark theme */
[data-theme="dark"]{--ink:#f2ebf8;--muted:#aaa0b5;--line:#3b3246;--paper:#120e19;--white:#1b1623;--lime:#dcbcff;--green:#c699ed;color-scheme:dark;background:var(--paper)}
[data-theme="dark"] body,[data-theme="dark"] main{background:#120e19;color:var(--ink)}
[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar,[data-theme="dark"] .panel,[data-theme="dark"] .course-card,[data-theme="dark"] .quick-stat,[data-theme="dark"] .metric,[data-theme="dark"] .plan,[data-theme="dark"] dialog,[data-theme="dark"] .modal-header,[data-theme="dark"] .progress-item{background:#1b1623;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .workspace,[data-theme="dark"] .date-pill,[data-theme="dark"] .search,[data-theme="dark"] .btn.outline,[data-theme="dark"] .field input,[data-theme="dark"] .field textarea,[data-theme="dark"] .field select,[data-theme="dark"] .role-switch{background:#241d2e;color:#eee6f4;border-color:#3c3148}
[data-theme="dark"] .role-switch .active{background:#dfc7ff;color:#21162a;box-shadow:none}
[data-theme="dark"] .nav-item{color:#bcb1c6}[data-theme="dark"] .nav-item:hover{background:#251e30}[data-theme="dark"] .nav-item.active{background:#9b64c9;color:white}
[data-theme="dark"] .upgrade{background:linear-gradient(145deg,#2a2035,#21182c);border-color:#453454}
[data-theme="dark"] .btn.dark{background:#ead7ff;color:#201527}[data-theme="dark"] .btn.dark:hover{background:#d8b8fa}
[data-theme="dark"] .btn.quiet,[data-theme="dark"] .filter.active,[data-theme="dark"] .lesson-nav,[data-theme="dark"] .file-card,[data-theme="dark"] .lesson-example,[data-theme="dark"] .upload-field>span{background:#2a2135;color:#dac8e7;border-color:#463653}
[data-theme="dark"] .course-title,[data-theme="dark"] .breadcrumb b,[data-theme="dark"] .page-intro h1,[data-theme="dark"] .welcome h1,[data-theme="dark"] td{color:#f2ebf8}
[data-theme="dark"] .course-footer,[data-theme="dark"] .course-manage,[data-theme="dark"] th,[data-theme="dark"] td,[data-theme="dark"] .profile,[data-theme="dark"] .nav-divider,[data-theme="dark"] .modal-header,[data-theme="dark"] .builder-list,[data-theme="dark"] .builder-lesson{border-color:#3b3246}
[data-theme="dark"] .progress-track{background:#352c3f}[data-theme="dark"] .course-cover{filter:saturate(.86) brightness(.8)}
[data-theme="dark"] .weekly{background:#281e34;border-color:#3d2e49}[data-theme="dark"] .weekly-star{color:#4b3859}
[data-theme="dark"] .streak .day>span{border-color:#4a4053}[data-theme="dark"] .day.done>span{background:#3c2b4c;color:#ddb8fb}[data-theme="dark"] .day.today>span{background:#c491ed;color:#23132d;outline-color:#33233e}
[data-theme="dark"] .access-note{background:#271d31;border-color:#4b3857;color:#dbc8e8}
[data-theme="dark"] .status{background:#3a2947;color:#e2c5fa}[data-theme="dark"] .status.pending{background:#433927;color:#f1d897}
[data-theme="dark"] .result{background:#342441;color:#e1c5f4}[data-theme="dark"] .result.error{background:#463225;color:#f0ca9a}
[data-theme="dark"] .quiz-option{border-color:#44374f}[data-theme="dark"] .quiz-option:has(input:checked){background:#32243e;border-color:#a77cc4}
[data-theme="dark"] .lesson-item.active{background:#3b294a;color:#ead7f7}[data-theme="dark"] .lesson-visual{background:#171020}
[data-theme="dark"] .toast{background:#e4cff6;color:#21162a;border-color:#b68bd7}
@media(max-width:760px){.lesson-builder{grid-template-columns:1fr}.builder-list{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px;max-height:300px}.manage-actions{width:100%;margin-left:60px}.hero.branded:after{inset:0 0 0 18%;opacity:.4}}

/* Community chat */
.online-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--white);border-radius:9px;padding:10px 13px;font-size:10px;color:var(--muted)}.online-pill i{width:7px;height:7px;background:#71c56a;border-radius:50%;box-shadow:0 0 0 4px #71c56a18}.community-chat{display:grid;grid-template-columns:220px minmax(360px,1fr) 205px;min-height:650px;max-height:calc(100vh - 220px);background:var(--white);border:1px solid var(--line);border-radius:17px;overflow:hidden}.chat-channels,.chat-members{padding:22px 15px;background:#fcfafe}.chat-channels{border-right:1px solid var(--line)}.chat-members{border-left:1px solid var(--line)}.chat-caption{display:block;color:#9b91a4;font-size:8px;letter-spacing:1.2px;margin:0 9px 15px}.channel{width:100%;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:10px 9px;text-align:left;border-radius:9px;margin-bottom:5px}.channel:hover{background:#f2eaf8}.channel.active{background:#ead8f7}.channel.locked{opacity:.65}.channel-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f0e5f8;color:#8055a3}.channel-icon svg{width:16px;height:16px}.channel b{font-size:11px;display:block}.channel small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.channel em{font-size:8px;font-style:normal;color:#9171aa}.chat-rules{margin:25px 8px 0;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}.chat-rules b{font-size:10px}.chat-rules p{font-size:9px;line-height:1.65;color:var(--muted);margin-top:7px}.chat-room{display:grid;grid-template-rows:auto minmax(280px,1fr) auto;min-width:0}.chat-room-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);gap:15px}.chat-room-head .kicker{font-size:8px;margin-bottom:6px}.chat-room-head h2{font-size:17px}.chat-room-head p{font-size:9px;color:var(--muted);margin-top:5px}.chat-faces{display:flex;align-items:center}.chat-faces span,.chat-faces b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--white);margin-left:-7px;background:#e8daf2;font-size:8px;font-weight:500}.chat-faces span:nth-child(2){background:#f1dfce}.chat-faces span:nth-child(3){background:#d8e5e4}.chat-faces b{background:#30273a;color:#fff}.chat-messages{padding:25px 24px;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:22px}.chat-message{display:flex;align-items:flex-start;gap:11px;max-width:84%}.chat-message.own{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:#efe4f8;color:#754f93;font-size:9px;font-weight:600}.message-main{min-width:0}.message-meta{display:flex;align-items:center;gap:7px;margin:0 0 7px}.message-meta b{font-size:10px}.message-meta time{font-size:8px;color:#aaa0b0}.role-label{font-size:7px;color:#8f8598;background:#f1edf3;border-radius:4px;padding:3px 5px}.role-label.teacher{color:#774e9a;background:#eee0f8}.role-label.admin{color:#4b7480;background:#e2f0f1}.message-main p{background:#f5f1f8;border:1px solid #eee7f3;border-radius:4px 12px 12px 12px;padding:12px 14px;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.own .message-meta{justify-content:flex-end}.chat-message.own .message-main p{background:#e6cdf8;border-color:#dac0ed;border-radius:12px 4px 12px 12px;color:#352343}.chat-composer{display:flex;gap:12px;align-items:flex-end;border-top:1px solid var(--line);padding:16px 20px;background:#fcfafe}.chat-composer .avatar{margin-bottom:2px}.chat-composer label{flex:1;display:grid;gap:4px}.chat-composer textarea{width:100%;min-height:43px;max-height:110px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:12px 13px;background:#fff;color:var(--ink);font-size:11px;outline:none}.chat-composer textarea:focus{border-color:#bc8bdc;box-shadow:0 0 0 3px #bc8bdc18}.chat-composer small{font-size:7px;color:#aaa1b1;padding-left:3px}.send-button{width:43px;height:43px;border-radius:11px;background:#dcbcff;color:#3c244e;display:grid;place-items:center}.send-button:hover{background:#cfa2ee}.send-button svg{width:18px}.member{display:flex;align-items:center;gap:9px;padding:9px 7px}.member .tiny-avatar{position:relative;width:29px;height:29px}.member .tiny-avatar i{position:absolute;width:7px;height:7px;border-radius:50%;background:#67c25f;border:2px solid #fcfafe;right:-1px;bottom:-1px}.member b{display:block;font-size:9px}.member small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.members-note{font-size:8px;color:var(--muted);margin:13px 8px}.empty-chat{margin:auto;color:var(--muted);font-size:11px}.nav-item[data-route="chat"] .count{background:#e3c8f7;color:#66427e}
[data-theme="dark"] .community-chat,[data-theme="dark"] .chat-channels,[data-theme="dark"] .chat-members,[data-theme="dark"] .chat-composer,[data-theme="dark"] .chat-rules{background:#1b1623;border-color:var(--line)}[data-theme="dark"] .channel:hover{background:#292033}[data-theme="dark"] .channel.active{background:#382647}[data-theme="dark"] .channel-icon{background:#33253f;color:#d8b5f1}[data-theme="dark"] .chat-room-head,[data-theme="dark"] .chat-composer{border-color:var(--line)}[data-theme="dark"] .chat-faces span{border-color:#1b1623}[data-theme="dark"] .message-main p{background:#292231;border-color:#3a3045}[data-theme="dark"] .chat-message.own .message-main p{background:#54356b;border-color:#674282;color:#fff}[data-theme="dark"] .message-avatar{background:#382747;color:#e0c3f5}[data-theme="dark"] .role-label{background:#312a37;color:#bcb3c2}[data-theme="dark"] .role-label.teacher{background:#432d54;color:#e0c4f3}[data-theme="dark"] .role-label.admin{background:#263a40;color:#b9dde2}[data-theme="dark"] .chat-composer textarea{background:#251e2e;color:#f2ebf8;border-color:#40344c}[data-theme="dark"] .member .tiny-avatar i{border-color:#1b1623}[data-theme="dark"] .online-pill{background:#1b1623;border-color:var(--line)}
@media(max-width:1100px){.community-chat{grid-template-columns:205px minmax(350px,1fr)}.chat-members{display:none}}
@media(max-width:760px){.community-chat{display:block;max-height:none;min-height:0}.chat-channels{border-right:0;border-bottom:1px solid var(--line);display:flex;overflow-x:auto;padding:12px}.chat-caption,.chat-rules{display:none}.channel{min-width:176px;margin:0 5px 0 0}.chat-room{height:650px}.chat-room-head{padding:16px}.chat-messages{padding:20px 15px}.chat-composer{padding:13px}.chat-composer>.avatar,.chat-composer small{display:none}.chat-message{max-width:94%}.page-head .online-pill{align-self:flex-start}}
/* Account gate */
.auth-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 20%,#d9c9ff 0,transparent 34%),radial-gradient(circle at 15% 80%,#d2f86b55 0,transparent 32%),#f4f3f8}
.auth-gate[hidden]{display:none}
.auth-card{width:min(100%,480px);padding:42px;border:1px solid #191d1940;border-radius:28px;background:#fff;box-shadow:0 28px 80px #30284425}
.auth-brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:#1b211c;text-decoration:none;font-size:22px}.auth-brand:first-letter{font-size:40px;font-weight:800}.auth-brand span{color:#7657b5}
.auth-card h1{margin:18px 0 8px;font-size:clamp(36px,8vw,58px);line-height:.98;letter-spacing:-.055em}.auth-card>p{margin:0 0 25px;color:#626860;line-height:1.55}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 0 20px;padding:4px;border-radius:14px;background:#eff0ed}.auth-tabs button{padding:11px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:650;cursor:pointer}.auth-tabs button.active{background:#fff;box-shadow:0 4px 14px #28302812}
.auth-card form{display:grid;gap:14px}.auth-card form label{display:grid;gap:7px;color:#343934;font-size:13px;font-weight:700}.auth-card form input{width:100%;padding:14px 15px;border:1px solid #ccd0c9;border-radius:12px;background:#fff;color:#1b211c;font:inherit}.auth-card form input:focus{outline:3px solid #d2f86b70;border-color:#6d7c42}.auth-card form .btn{justify-content:center;margin-top:4px}.auth-error{min-height:20px;color:#a42c38;font-size:13px}.auth-card>small{display:block;margin-top:18px;color:#7a8079;line-height:1.45}
.auth-card [hidden]{display:none!important}
.logout-button{display:none;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.authenticated .logout-button{display:inline-flex}.authenticated .role-switch{display:none}
@media(max-width:640px){.auth-card{padding:28px 22px;border-radius:22px}.authenticated .logout-button{display:none}}