@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--bg:#080a18;--panel:#0e1124;--panel2:#12162d;--glass:rgba(15,18,39,.82);--line:rgba(153,163,255,.13);--text:#f2f3ff;--muted:#858da9;--purple:#8876ff;--cyan:#48d9d0;--pink:#e779d7}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--text);background:var(--bg)}button,input,textarea{font:inherit}.hidden{display:none!important}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:57px 57px;opacity:.18}.stars-b{background-size:93px 93px;background-position:25px 37px;opacity:.1}.nebula{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 30%,rgba(107,74,255,.2),transparent 28%),radial-gradient(circle at 82% 70%,rgba(27,203,196,.11),transparent 25%),radial-gradient(circle at 53% 92%,rgba(222,81,191,.1),transparent 28%)}.brand,.side-brand,.mobile-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:22px;font-weight:700}.logo{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#9d80ff,#6451e6);box-shadow:0 0 30px rgba(129,102,255,.35);font-size:19px}.auth-screen{position:relative;z-index:1;height:100%;max-width:1240px;margin:auto;padding:55px;display:grid;grid-template-columns:1fr 450px;align-items:center;gap:9vw}.auth-intro{position:relative}.auth-intro>.brand{position:absolute;bottom:calc(100% + 85px)}.auth-intro>small{font-size:10px;letter-spacing:4px;color:#777fa4}.auth-intro h1{font-size:clamp(49px,5.5vw,75px);line-height:1.12;letter-spacing:-4px;margin:20px 0 25px}.auth-intro h1 em{font-style:normal;background:linear-gradient(90deg,#a392ff,#54e3d8);background-clip:text;color:transparent}.auth-intro>p{color:#838ba8;line-height:1.85;max-width:510px;font-size:15px}.orbit{position:absolute;width:380px;height:380px;border:1px solid rgba(140,123,255,.12);border-radius:50%;left:90px;top:-110px;z-index:-1}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(140,123,255,.08);border-radius:50%;inset:45px}.orbit:after{inset:105px}.orbit i{position:absolute;right:39px;top:58px;color:#7b67ff;text-shadow:0 0 15px #7b67ff}.signal{margin-top:45px;display:flex;align-items:center;gap:9px;width:max-content;padding:10px 15px;border:1px solid var(--line);background:rgba(19,22,46,.45);border-radius:30px;font-size:10px;color:#a6acc2}.signal i,.profile span i,.room-heading p i,.member small:before{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan)}.signal b{margin-left:8px;color:var(--cyan);font-size:8px;letter-spacing:1px}.auth-card{background:linear-gradient(145deg,rgba(21,25,51,.94),rgba(12,15,33,.95));border:1px solid rgba(158,145,255,.17);border-radius:28px;padding:39px;box-shadow:0 35px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(25px)}.mobile-brand{display:none}.tabs{display:flex;background:#0b0e20;padding:4px;border-radius:12px;margin-bottom:31px}.tabs button{flex:1;border:0;color:#747c99;background:transparent;border-radius:9px;padding:10px;cursor:pointer;font-size:12px}.tabs button.active{background:#1b1f3d;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.auth-title>span{font-size:9px;color:#8876ff;letter-spacing:2px;font-weight:700}.auth-title h2{font-size:25px;margin:10px 0 5px}.auth-title p{color:var(--muted);font-size:12px;margin:0 0 24px}.auth-card label{display:block;font-size:10px;color:#a5abc0;margin:15px 0 7px}.field{height:49px;border:1px solid var(--line);border-radius:12px;background:#0c0f21;display:flex;align-items:center;padding:0 14px;gap:10px;transition:.2s}.field:focus-within{border-color:#7868e7;box-shadow:0 0 0 3px rgba(119,101,232,.1)}.field>span{color:#5f6683;font-size:10px}.field input{flex:1;min-width:0;color:#fff;background:transparent;border:0;outline:0;font-size:12px}.field button{border:0;background:transparent;color:#747d9b;font-size:9px;cursor:pointer}.auth-error{min-height:19px;color:#ff8197;font-size:10px;padding-top:7px}.primary{height:49px;width:100%;border:0;border-radius:12px;color:#fff;background:linear-gradient(100deg,#745ee9,#8875ff);cursor:pointer;font-size:12px;font-weight:600;box-shadow:0 10px 28px rgba(113,91,233,.22)}.primary:disabled{opacity:.55}.primary span{margin-left:7px}.terms{text-align:center!important;color:#626a85!important;font-size:8px!important;margin:15px 0 0!important}.app-shell{position:relative;z-index:1;width:100%;height:100%;display:grid;grid-template-columns:270px minmax(380px,1fr) 245px;background:rgba(8,10,24,.9)}.sidebar{background:rgba(12,15,32,.95);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;min-width:0}.side-brand{font-size:18px;padding:0 10px 22px}.side-brand .logo{width:34px;height:34px;border-radius:11px;font-size:15px}.side-brand button{display:none;margin-left:auto;border:0;background:none;color:#8188a4;font-size:23px}.profile{display:flex;align-items:center;gap:10px;padding:12px;background:linear-gradient(145deg,#15192f,#101329);border:1px solid var(--line);border-radius:14px}.avatar,.message-avatar{display:grid;place-items:center;border-radius:11px;color:#fff;font-weight:700}.avatar{width:40px;height:40px}.profile>div:nth-child(2){flex:1;min-width:0}.profile b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile span{display:flex;align-items:center;gap:6px;color:#69718e;font-size:8px;margin-top:3px}.profile button{border:0;background:transparent;color:#6f7692;cursor:pointer}.section-title{display:flex;justify-content:space-between;padding:25px 10px 9px;text-transform:uppercase;color:#666e8b;font-size:9px;letter-spacing:1.5px}.section-title small{background:#1a1e36;padding:2px 7px;border-radius:10px}.nav-room{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:transparent;color:#a3aac1;border-radius:12px;text-align:left;cursor:pointer;margin:3px 0}.nav-room:hover{background:#12162b}.nav-room.active{background:linear-gradient(90deg,rgba(122,101,239,.22),rgba(90,74,191,.08));color:#fff}.choice-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:11px;background:#171a34;color:#9889ff}.nav-room>span:nth-child(2){min-width:0;flex:1}.nav-room b,.nav-room small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-room b{font-size:11px}.nav-room small{font-size:8px;color:#626a86;margin-top:3px}.nav-room>i{width:5px;height:5px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan)}.storage-note{margin-top:auto;padding:14px;background:rgba(120,96,230,.08);border:1px solid var(--line);border-radius:13px}.storage-note b{font-size:10px;color:#a99cff}.storage-note p{font-size:8px;line-height:1.6;color:#666f8c;margin:7px 0 0}.sidebar-foot{text-align:center;color:#454c67;font-size:7px;letter-spacing:1px;margin-top:15px}.chat-panel{min-width:0;height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 25%,rgba(80,61,170,.07),transparent 38%),rgba(10,12,27,.72)}.chat-header{height:76px;flex:0 0 76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;background:rgba(12,15,32,.75);backdrop-filter:blur(18px)}.room-heading{display:flex;align-items:center;gap:11px}.room-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#c6bcff;background:linear-gradient(145deg,#25204a,#191837);border:1px solid rgba(145,126,255,.18)}.room-heading h2{margin:0;font-size:14px}.room-heading p{display:flex;align-items:center;gap:6px;margin:4px 0 0;color:#68708b;font-size:9px}.mobile-menu{display:none;border:0;background:transparent;color:#aaaed0;font-size:18px;margin-right:9px}.members-button{margin-left:auto;border:1px solid var(--line);background:#15182e;color:#939ab4;border-radius:10px;padding:8px 12px;font-size:9px;cursor:pointer}.messages{flex:1;overflow:auto;padding:24px clamp(20px,5vw,64px);scroll-behavior:smooth}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-thumb{background:#292d49;border-radius:4px}.day-divider{text-align:center;margin-bottom:25px}.day-divider span{font-size:8px;color:#59617d;background:#11142a;border:1px solid var(--line);padding:5px 11px;border-radius:20px}.message-row{display:flex;align-items:flex-start;gap:9px;margin:16px 0}.message-row.mine{flex-direction:row-reverse}.message-avatar{width:33px;height:33px;flex:0 0 33px;font-size:10px}.message-body{max-width:min(73%,560px)}.message-meta{display:flex;gap:8px;color:#68708c;font-size:8px;margin:0 3px 5px}.mine .message-meta{justify-content:flex-end}.bubble{font-size:12px;line-height:1.65;color:#d9dcef;background:#14172d;border:1px solid var(--line);border-radius:5px 14px 14px 14px;padding:10px 13px;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{color:#fff;background:linear-gradient(120deg,#6f5ad9,#7f69ef);border-color:transparent;border-radius:14px 5px 14px 14px;box-shadow:0 7px 20px rgba(105,82,215,.15)}.bubble:empty{display:none}.attachment{display:block;text-decoration:none;color:inherit;margin-top:7px;min-width:190px}.attachment.image{margin:-4px}.attachment img{display:block;max-width:min(320px,100%);max-height:320px;border-radius:10px;object-fit:cover}.file-card{display:flex;align-items:center;gap:10px;padding:8px}.file-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.1);font-size:16px}.file-info{min-width:0}.file-info b,.file-info small{display:block}.file-info b{font-size:10px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info small{font-size:8px;color:#9ba2bb;margin-top:3px}.typing{height:21px;padding:0 clamp(20px,5vw,64px);font-size:9px;color:#777f9c}.composer{position:relative;padding:8px clamp(18px,4vw,53px) 22px}.composer form{display:flex;align-items:flex-end;gap:7px;padding:7px;background:#12152a;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 40px rgba(0,0,0,.18)}.composer textarea{flex:1;max-height:110px;resize:none;border:0;outline:0;background:transparent;color:#e5e7f4;font-size:11px;line-height:1.5;padding:9px 3px}.tool-button,.send-button{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:10px;cursor:pointer}.tool-button{background:transparent;color:#79819d;font-size:22px}.send-button{color:#fff;background:linear-gradient(145deg,#806bef,#6652d6);font-size:18px}.upload-preview{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;background:#171a31;border:1px solid var(--line);border-radius:10px;padding:7px 10px;margin-bottom:7px;color:#b7bdd2;font-size:9px}.upload-preview b{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-preview button{border:0;background:none;color:#ff8096;cursor:pointer}.upload-progress{position:absolute;bottom:74px;left:53px;font-size:8px;color:#a6acc1}.upload-progress i{display:inline-block;width:8px;height:8px;border:1px solid #8876ff;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin-right:5px}@keyframes spin{to{transform:rotate(360deg)}}.members-panel{padding:25px 18px;background:rgba(12,15,32,.95);border-left:1px solid var(--line);overflow:auto}.members-head{display:flex;justify-content:space-between;margin-bottom:20px}.members-head span,.members-head small{display:block}.members-head span{font-size:12px;font-weight:700}.members-head small{font-size:8px;color:#69708b;margin-top:3px}.members-head button{display:none;border:0;background:transparent;color:#9aa0b9;font-size:20px}.member{display:flex;align-items:center;gap:9px;margin:13px 0}.member b{display:block;font-size:10px}.member small{display:flex;align-items:center;gap:5px;color:#626a86;font-size:8px;margin-top:3px}.member small:before{content:"";width:5px;height:5px}.conversation-note{margin-top:28px;padding:15px;border:1px solid rgba(123,103,231,.15);background:rgba(119,97,226,.06);border-radius:13px}.conversation-note span{color:#a492ff}.conversation-note b{font-size:10px;margin-left:5px}.conversation-note p{font-size:8px;line-height:1.6;color:#68708c}.connection-banner{display:none;position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:20;color:#fff;background:#713f69;border:1px solid #ad678f;border-radius:20px;padding:7px 13px;font-size:8px}.connection-banner.show{display:block}.mobile-shade{display:none}
@media(max-width:980px){.app-shell{grid-template-columns:245px 1fr}.members-panel{position:absolute;z-index:8;right:0;top:0;bottom:0;width:260px;transform:translateX(105%);transition:.25s;box-shadow:-20px 0 60px rgba(0,0,0,.4)}.members-panel.open{transform:none}.members-head button{display:block}.auth-screen{grid-template-columns:1fr 420px;gap:4vw;padding:40px}.auth-intro h1{font-size:48px}}@media(max-width:720px){.auth-screen{display:block;padding:22px 16px;overflow:auto}.auth-intro{display:none}.auth-card{max-width:450px;margin:25px auto;padding:29px 23px}.mobile-brand{display:flex;margin-bottom:25px}.app-shell{display:block}.sidebar{position:absolute;z-index:10;left:0;top:0;bottom:0;width:min(290px,84vw);transform:translateX(-105%);transition:.25s;box-shadow:25px 0 70px rgba(0,0,0,.45)}.sidebar.open{transform:none}.side-brand button{display:block}.chat-panel{height:100%}.chat-header{height:68px;flex-basis:68px;padding:0 13px}.mobile-menu{display:block}.messages{padding:20px 14px}.message-body{max-width:80%}.typing{padding:0 17px}.composer{padding:7px 10px calc(12px + env(safe-area-inset-bottom))}.members-button{font-size:0;width:34px;height:34px;padding:0}.members-button:after{content:'♧';font-size:17px}.mobile-shade{position:absolute;z-index:7;inset:0;background:rgba(0,0,0,.45)}.mobile-shade.show{display:block}}@media(max-width:420px){.auth-card{padding:25px 18px;border-radius:21px}.auth-title h2{font-size:22px}.room-avatar{width:36px;height:36px}.attachment img{max-height:240px}}
.header-buttons{margin-left:auto;display:flex;gap:7px}.members-button,.admin-button{margin-left:0;border:1px solid var(--line);background:#15182e;color:#939ab4;border-radius:10px;padding:8px 12px;font-size:9px;cursor:pointer}.admin-button{color:#d2caff;background:rgba(124,103,238,.18);border-color:rgba(145,126,255,.3)}.admin-modal{position:absolute;z-index:30;inset:0;background:rgba(3,4,12,.78);backdrop-filter:blur(12px);display:grid;place-items:center;padding:24px}.admin-dialog{width:min(900px,100%);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#15182f,#0c0f21);border:1px solid rgba(148,130,255,.24);border-radius:24px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.admin-dialog>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-dialog header small{color:#8876ff;letter-spacing:2px;font-size:8px}.admin-dialog header h2{margin:5px 0 0;font-size:21px}.admin-dialog header>button{border:0;background:transparent;color:#8d94ad;font-size:25px;cursor:pointer}.admin-grid{display:grid;grid-template-columns:300px 1fr;gap:15px}.admin-card{padding:20px;background:#0d1022;border:1px solid var(--line);border-radius:16px}.admin-card h3{font-size:13px;margin:0 0 5px}.admin-card p{font-size:9px;color:#707894;margin:0 0 19px}.admin-card label{display:block;font-size:9px;color:#8e95ad;margin:13px 0 6px}.admin-card input{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;background:#111429;color:#fff;outline:0;padding:0 11px;font-size:10px}.admin-card .primary{margin-top:17px;height:42px}.admin-card-title{display:flex;justify-content:space-between}.admin-card-title>button{height:28px;border:1px solid var(--line);border-radius:8px;background:#171a31;color:#9aa1b8;font-size:8px;cursor:pointer}.admin-users{max-height:390px;overflow:auto}.admin-user{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.admin-user-info{display:flex;align-items:center;gap:9px;min-width:0}.admin-user-info b,.admin-user-info small{display:block}.admin-user-info b{font-size:10px}.admin-user-info small{font-size:8px;color:#68708a;margin-top:3px}.admin-actions{display:flex;gap:5px}.admin-actions button{border:1px solid var(--line);border-radius:7px;background:#171a31;color:#a4abc1;padding:6px 8px;font-size:8px;cursor:pointer}.admin-actions .danger{color:#ff899b;border-color:rgba(255,111,134,.22)}
@media(max-width:720px){.admin-button{padding:8px 10px}.admin-modal{padding:10px}.admin-dialog{padding:19px;border-radius:18px;max-height:94vh}.admin-grid{grid-template-columns:1fr}.admin-users{max-height:280px}}
.auth-screen{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar{overflow:hidden}.sidebar #roomList{min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.messages,.members-panel,.admin-dialog,.admin-users{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.members-panel{overflow-y:auto}.admin-dialog{overflow-y:auto}.admin-users{overflow-y:auto}.chat-panel{min-height:0}.messages{min-height:0;touch-action:pan-y}.composer{flex:0 0 auto}@media(max-height:680px){.auth-screen{align-items:start}.auth-card{margin-top:10px;margin-bottom:24px}.storage-note{display:none}}
.sidebar #roomList{flex:1}
.notify-button{border:1px solid rgba(72,217,208,.24);background:rgba(72,217,208,.08);color:#75e7df;border-radius:10px;padding:8px 11px;font-size:9px;cursor:pointer}.unread-badge{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#ff5d7d;color:#fff;font-size:8px;box-shadow:0 0 14px rgba(255,93,125,.35)}@media(max-width:520px){.notify-button{font-size:0;width:34px;height:34px;padding:0}.notify-button:before{content:'♢';font-size:15px}}
.admin-dialog{width:min(1100px,100%)}.admin-grid{grid-template-columns:280px 280px 1fr}.admin-card select{width:100%;height:42px;border:1px solid var(--line);border-radius:9px;background:#111429;color:#fff;outline:0;padding:0 10px;font-size:10px}.power-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.power-actions button{border:1px solid var(--line);border-radius:8px;background:#171a31;color:#abb2ca;padding:9px 6px;font-size:8px;cursor:pointer}.power-actions button:nth-child(3){color:#ff9cae}@media(max-width:1000px){.admin-grid{grid-template-columns:1fr 1fr}.users-admin{grid-column:1/-1}}@media(max-width:650px){.admin-grid{grid-template-columns:1fr}.users-admin{grid-column:auto}}

/* Learning channels */
.app-shell.learning-mode{grid-template-columns:270px minmax(0,1fr)}.app-shell.learning-mode .members-panel{display:none}.learning-panel{min-width:0;height:100%;overflow:auto;background:radial-gradient(circle at 76% 0,rgba(94,70,210,.15),transparent 35%),rgba(9,11,25,.88)}.learning-head{height:92px;display:flex;align-items:center;gap:12px;padding:0 clamp(22px,4vw,54px);border-bottom:1px solid var(--line);background:rgba(12,15,32,.76);position:sticky;top:0;z-index:3;backdrop-filter:blur(18px)}.learning-head>div{flex:1}.learning-head small{color:#8e7eff;font-size:8px;letter-spacing:2.4px}.learning-head h2{font-size:20px;margin:4px 0 2px}.learning-head p{font-size:9px;color:#737b99;margin:0}.outline-action{border:1px solid rgba(137,119,255,.28);background:rgba(122,101,239,.13);color:#c6bdff;padding:9px 14px;border-radius:10px;font-size:9px;cursor:pointer}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;padding:28px clamp(22px,4vw,54px)}.library-layout main{min-width:0}.search-hero{height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#11152b;border:1px solid rgba(141,125,255,.22);border-radius:15px;box-shadow:0 12px 35px rgba(0,0,0,.14)}.search-hero span{font-size:25px;color:#8d7bff}.search-hero input{flex:1;min-width:0;background:none;border:0;outline:0;color:#eef0ff;font-size:12px}.search-hero kbd{padding:5px 7px;border:1px solid var(--line);border-radius:6px;color:#69718c;font-size:8px}.filter-row,.difficulty-row{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.filter-row button,.difficulty-row button{border:1px solid var(--line);border-radius:18px;background:#111429;color:#777f9c;padding:7px 12px;font-size:9px;cursor:pointer}.filter-row button.active,.difficulty-row button.active{color:#fff;background:rgba(126,105,238,.28);border-color:rgba(147,130,255,.35)}.result-meta{display:flex;justify-content:space-between;align-items:center;margin:22px 1px 12px}.result-meta b{font-size:12px}.result-meta span{font-size:8px;color:#606884}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.resource-card{display:flex;flex-direction:column;min-height:175px;padding:17px;background:linear-gradient(145deg,#13172e,#0e1124);border:1px solid var(--line);border-radius:15px;transition:.2s}.resource-card:hover{transform:translateY(-2px);border-color:rgba(142,124,255,.34)}.resource-top{display:flex;justify-content:space-between}.resource-type{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(126,105,238,.16);color:#a99dff;font-size:15px}.resource-card em{font-style:normal;color:#5edfd5;font-size:8px}.resource-card h3{font-size:12px;line-height:1.5;margin:14px 0 6px}.resource-card p{font-size:9px;color:#717995;line-height:1.6;margin:0}.tag-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.tag-list span{font-size:7px;padding:4px 6px;background:#191d36;color:#8b93ad;border-radius:5px}.resource-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;color:#5e6682;font-size:8px}.resource-actions a{color:#ad9fff;text-decoration:none}.pet-card{position:sticky;top:120px;height:max-content;text-align:center;padding:26px 18px 18px;border:1px solid rgba(137,119,255,.2);border-radius:19px;background:linear-gradient(160deg,rgba(32,27,70,.86),rgba(13,16,34,.95))}.pet-orbit{width:105px;height:105px;margin:0 auto 15px;border:1px dashed rgba(112,222,212,.28);border-radius:50%;display:grid;place-items:center;animation:petfloat 4s ease-in-out infinite}.pet-face{display:grid;place-items:center;width:68px;height:58px;border-radius:45% 45% 40% 40%;background:linear-gradient(145deg,#806bef,#4c40a6);color:#fff;font-size:25px;box-shadow:0 0 35px rgba(124,104,239,.38)}@keyframes petfloat{50%{transform:translateY(-6px)}}.pet-card>small{color:#55dcd3;font-size:8px;letter-spacing:1px}.pet-card h3{font-size:15px;margin:7px 0}.pet-card>p{font-size:9px;color:#79819c;line-height:1.7}.pet-chat{max-height:140px;overflow:auto;text-align:left;margin:16px 0 9px;padding:10px;background:#0c0f21;border-radius:10px;font-size:9px;color:#aeb4cb;line-height:1.6}.pet-chat span{display:block;margin:4px 0}.pet-chat .mine{color:#a99cff}.pet-card form{display:flex;border:1px solid var(--line);background:#101329;border-radius:10px;padding:4px}.pet-card input{width:100%;min-width:0;background:transparent;color:#fff;border:0;outline:0;padding:7px;font-size:9px}.pet-card form button{width:30px;border:0;border-radius:8px;color:#fff;background:#6f5bdb;cursor:pointer}.academy-wrap{padding:28px clamp(22px,5vw,70px);max-width:1150px;margin:auto}.progress-card{display:flex;align-items:center;padding:25px 28px;border-radius:20px;border:1px solid rgba(126,105,238,.22);background:linear-gradient(110deg,rgba(34,28,78,.88),rgba(15,19,41,.9));min-height:150px}.progress-card>div:first-child{flex:1}.progress-card small{color:#55dcd3;font-size:8px;letter-spacing:1px}.progress-card h3{font-size:22px;margin:8px 0}.progress-card p{font-size:9px;color:#7c849f}.progress-ring{width:95px;height:95px;border-radius:50%;display:grid;place-content:center;text-align:center;border:7px solid rgba(124,104,239,.2);border-top-color:#8876ff}.progress-ring b{font-size:22px}.progress-ring span{font-size:7px;color:#747c98}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:13px}.quiz-tile{padding:20px;border-radius:16px;border:1px solid var(--line);background:#11152a}.quiz-tile .level{font-size:8px;color:#56ddd4}.quiz-tile h3{font-size:14px;margin:10px 0 6px}.quiz-tile p{font-size:9px;color:#737b96;line-height:1.6;min-height:30px}.quiz-meta{display:flex;justify-content:space-between;color:#5f6782;font-size:8px;margin:16px 0}.quiz-tile button,.quiz-submit{width:100%;border:0;border-radius:10px;padding:9px;background:linear-gradient(100deg,#735ee1,#8975f5);color:#fff;font-size:9px;cursor:pointer}.quiz-card{max-width:720px;margin:15px auto;padding:28px;background:#11152a;border:1px solid var(--line);border-radius:18px}.quiz-card h2{font-size:18px}.question{margin:22px 0;padding-top:18px;border-top:1px solid var(--line)}.question b{font-size:11px}.question label{display:block;padding:10px;margin:8px 0;border:1px solid var(--line);border-radius:9px;color:#9ba2b9;font-size:9px;cursor:pointer}.question label:has(input:checked){border-color:#806dec;background:rgba(124,104,239,.12);color:#fff}.question input{margin-right:8px}.back-link{border:0;background:transparent;color:#9c90f1;font-size:9px;cursor:pointer}.score-result{text-align:center}.score-result strong{display:block;font-size:48px;color:#68e2d8}.score-result p{color:#8d95ad;font-size:10px;line-height:1.7}
@media(max-width:980px){.app-shell.learning-mode{grid-template-columns:245px 1fr}.library-layout{grid-template-columns:1fr}.pet-card{position:static}.pet-orbit{width:82px;height:82px}.pet-card{display:grid;grid-template-columns:100px 1fr;gap:4px 15px;text-align:left}.pet-card .pet-orbit{grid-row:1/5}.pet-card form,.pet-chat{grid-column:1/-1}}
@media(max-width:720px){.app-shell.learning-mode{display:block}.learning-panel{height:100%}.learning-head{height:78px;padding:0 14px}.learning-head p{display:none}.learning-layout,.academy-wrap{padding:18px 14px}.library-layout{padding:18px 14px}.outline-action{padding:8px}.progress-card{padding:20px}.progress-card h3{font-size:17px}.progress-ring{width:76px;height:76px}.resource-grid,.quiz-grid{grid-template-columns:1fr}.learning-menu{display:block}}