:root{--font: "Rubik", system-ui, sans-serif;--primary: #6A5AE0;--primary-dark: #5849c9;--secondary: #9087E5;--pink: #FF8FA2;--accent2: #C4D0FB;--black: #0C092A;--grey1: #49465F;--grey2: #858494;--grey3: #B6B5C5;--grey5: #EFEEFC;--white: #FFFFFF;--bg: #F6F5FD;--card: #FFFFFF;--green: #2CCB83;--yellow: #FFB13A;--orange: #FF8A65;--radius: 24px;--radius-sm: 16px;--shadow: 0 12px 40px rgba(106, 90, 224, .1);--shadow-sm: 0 6px 18px rgba(12, 9, 42, .06)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--black);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}ul{list-style:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--accent2);border-radius:8px}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;font-weight:600;font-size:15px;padding:14px 22px;border-radius:16px;box-shadow:0 8px 18px #6a5ae047;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn.ghost{background:var(--grey5);color:var(--primary);box-shadow:none}.btn.ghost:hover{background:#e4e2fb}.btn.block{width:100%}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.pill{padding:8px 16px;border-radius:999px;font-weight:600;font-size:13px}.input{width:100%;padding:15px 18px;border-radius:16px;border:1.5px solid var(--grey5);background:#fff;font-size:15px;color:var(--black);transition:border-color .15s}.input:focus{outline:none;border-color:var(--primary)}.input::placeholder{color:var(--grey3)}.label{display:block;font-size:13px;font-weight:600;color:var(--grey1);margin-bottom:8px}.tag-soft{background:var(--grey5);color:var(--primary)}h1,h2,h3,h4{color:var(--black);font-weight:700}.muted{color:var(--grey2)}.section-title{font-size:20px;font-weight:700}.see-all{color:var(--primary);font-weight:600;font-size:14px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--primary);color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.sb-logo{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;cursor:pointer;padding-left:6px}.sb-logo-mark{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center}.sb-nav{display:flex;flex-direction:column;gap:6px;margin-top:8px}.sb-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;color:#e7e3ff;font-weight:500;font-size:15px;transition:background .15s,color .15s}.sb-link:hover{background:#ffffff1f;color:#fff}.sb-link.active{background:#fff;color:var(--primary);font-weight:600}.sb-upgrade{margin-top:auto;background:#ffffff1f;border-radius:20px;padding:20px 18px;text-align:center;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sb-upgrade-badge{width:46px;height:46px;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:22px;margin:-42px auto 12px;box-shadow:var(--shadow)}.sb-upgrade h4{color:#fff;font-size:16px;margin-bottom:6px}.sb-upgrade p{color:#e0dcff;font-size:12.5px;line-height:1.5;margin-bottom:14px}.sb-upgrade .btn{background:#fff;color:var(--primary);box-shadow:none}.sb-upgrade .btn:hover{background:#f0eeff}.sb-scrim{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;background:var(--bg);display:flex;align-items:center;gap:18px;padding:22px 34px 14px}.tb-burger{display:none}.tb-title{font-size:28px;font-weight:700;flex:1}.tb-right{display:flex;align-items:center;gap:18px}.tb-search{width:46px;height:46px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:transform .15s}.tb-search:hover{transform:translateY(-2px)}.tb-profile{display:flex;align-items:center;gap:12px;position:relative}.tb-greet{text-align:right;line-height:1.3}.tb-greet-label{font-size:10.5px;font-weight:700;color:var(--green);letter-spacing:.04em}.tb-greet-name{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:600;color:var(--black);margin-left:auto}.tb-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:var(--shadow-sm);background:var(--accent2)}.tb-avatar img{width:100%;height:100%;object-fit:cover}.dd-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.tb-menu{position:absolute;top:56px;right:0;z-index:50;background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:8px;width:210px;display:flex;flex-direction:column}.tb-menu button{text-align:left;padding:12px 14px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--grey1);transition:background .12s}.tb-menu button:hover{background:var(--grey5)}.tb-menu button.danger{color:var(--pink)}.tb-menu-sep{height:1px;background:var(--grey5);margin:6px 8px}.content{padding:8px 34px 40px}.sm-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c092a59;z-index:60}.sm-modal{position:fixed;z-index:70;top:90px;left:50%;transform:translate(-50%);width:min(560px,92vw);background:#fff;border-radius:26px;box-shadow:0 30px 80px #0c092a40;padding:22px;max-height:78vh;display:flex;flex-direction:column}.sm-search{display:flex;align-items:center;gap:8px;border:2px solid var(--grey5);border-radius:16px;padding:8px 14px}.sm-search:focus-within{border-color:var(--primary)}.sm-clear{color:var(--grey2);font-size:14px}.sm-tabs{display:flex;gap:22px;padding:16px 4px 10px;border-bottom:1px solid var(--grey5)}.sm-tab{font-size:14px;font-weight:600;color:var(--grey2);padding-bottom:8px;position:relative}.sm-tab.on{color:var(--primary)}.sm-tab.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:var(--primary)}.sm-body{overflow-y:auto;padding-top:12px}.sm-head{display:flex;justify-content:space-between;align-items:center;margin:8px 4px;font-size:14px;font-weight:700}.sm-row{display:flex;align-items:center;gap:14px;width:100%;padding:10px 8px;border-radius:14px;transition:background .12s}.sm-row:hover{background:var(--grey5)}.sm-ico{width:44px;height:44px;border-radius:12px;background:var(--grey5);display:grid;place-items:center;font-size:20px}.sm-av{width:40px;height:40px;border-radius:50%;background:var(--accent2)}.sm-text{flex:1;display:flex;flex-direction:column;text-align:left}.sm-text b{font-size:14.5px}.sm-text small{color:var(--grey2);font-size:12.5px}.sm-arrow{color:var(--grey3);font-size:22px}.sm-empty{color:var(--grey2);text-align:center;padding:28px}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;z-index:90;transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.sb-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c092a66;z-index:80;opacity:0;pointer-events:none;transition:opacity .3s}.sb-scrim.show{opacity:1;pointer-events:auto}.tb-burger{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}.tb-title{font-size:22px}.tb-greet{display:none}.topbar{padding:16px 18px 10px}.content{padding:8px 18px 90px}}.panel{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h3{font-size:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600}.qtile{background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);padding:16px;text-align:left;transition:transform .18s,box-shadow .18s;cursor:pointer}.qtile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.qtile-cover{height:96px;border-radius:14px;display:grid;place-items:center;font-size:38px;margin-bottom:12px}.qtile h4{font-size:15px;margin-bottom:4px}.qtile small{color:var(--grey2);font-size:12.5px}.play-wrap{min-height:100vh;padding:28px 18px 40px;display:flex;flex-direction:column;align-items:center}.play-top{width:min(620px,100%);display:flex;align-items:center;justify-content:space-between;color:#fff}.play-x{width:42px;height:42px;border-radius:12px;background:#fff3;color:#fff;font-size:16px}.play-count{font-weight:700;font-size:18px}.play-icon{font-size:26px}.play-progress{width:min(620px,100%);height:8px;border-radius:8px;background:#ffffff40;margin:18px 0;overflow:hidden}.play-progress div{height:100%;background:#fff;border-radius:8px}.play-timer{color:#fff;font-weight:700;font-size:17px;margin-bottom:14px}.play-card{width:min(620px,100%);background:#fff;border-radius:26px;padding:30px 26px;box-shadow:0 24px 60px #0c092a47}.play-cat{color:var(--primary);font-weight:700;font-size:13px}.play-q{font-size:23px;margin:10px 0 24px;line-height:1.35}.play-opts{display:flex;flex-direction:column;gap:14px}.play-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:2px solid var(--grey5);background:#fff;font-size:15.5px;font-weight:500;text-align:left;transition:border-color .15s,background .15s}.play-opt:hover{border-color:var(--secondary)}.play-bullet{width:30px;height:30px;border-radius:9px;background:var(--grey5);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--grey1);flex-shrink:0}.play-opt.right{border-color:var(--green);background:#e8faf1}.play-opt.wrong{border-color:var(--pink);background:#fff0f2}.play-opt.dim{opacity:.55}.play-mark{margin-left:auto;font-weight:800}.play-opt.right .play-mark{color:var(--green)}.play-opt.wrong .play-mark{color:var(--pink)}.result-wrap{min-height:100vh;background:linear-gradient(160deg,var(--secondary),var(--primary));display:grid;place-items:center;padding:28px 18px}.result-card{width:min(440px,100%);background:#fff;border-radius:30px;padding:36px 28px;text-align:center;box-shadow:0 30px 80px #0c092a4d}.result-emoji{font-size:64px}.result-card h2{font-size:26px;margin:10px 0 4px}.result-ring{position:relative;width:150px;height:150px;margin:22px auto}.result-ring svg{width:100%;height:100%}.result-ring-mid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.result-ring-mid b{font-size:30px}.result-ring-mid small{color:var(--grey2);font-size:12px}.result-stats{display:flex;justify-content:space-around;margin:8px 0 24px}.result-stats div{display:flex;flex-direction:column}.result-stats b{font-size:18px}.result-stats small{color:var(--grey2);font-size:12px}.result-actions{display:flex;flex-direction:column;gap:12px}.result-home{color:var(--grey2);font-weight:600;font-size:14px;padding:6px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-form{padding:56px clamp(28px,7vw,110px);display:flex;flex-direction:column;justify-content:center;max-width:560px;margin:0 auto;width:100%}.auth-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;margin-bottom:30px}.auth-logo-mark{width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.auth-form h1{font-size:30px}.auth-form>.muted{margin:6px 0 24px}.auth-social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;border-radius:14px;border:1.5px solid var(--grey5);font-weight:600;font-size:15px;margin-bottom:12px;transition:background .15s}.auth-social:hover{background:var(--grey5)}.auth-social span{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.auth-social.fb span{background:#1877f2}.auth-or{text-align:center;position:relative;margin:18px 0;color:var(--grey2);font-size:13px}.auth-or:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--grey5)}.auth-or span{background:var(--bg);position:relative;padding:0 14px}.auth{background:var(--bg)}.auth-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:13.5px}.auth-check{display:flex;align-items:center;gap:8px;color:var(--grey1);font-size:13.5px}.auth-foot{text-align:center;margin-top:22px;color:var(--grey2);font-size:14px}.auth-side{background:linear-gradient(160deg,var(--secondary),var(--primary));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.auth-illus{width:220px;height:220px;border-radius:40px;background:#ffffff29;display:grid;place-items:center;margin-bottom:30px}.auth-phone{font-size:84px}.auth-side h2{color:#fff;font-size:30px}.auth-side p{font-size:18px;opacity:.9}.auth-dots{display:flex;gap:8px;margin-top:24px}.auth-dots i{width:9px;height:9px;border-radius:50%;background:#fff6}.auth-dots i.on{width:26px;border-radius:6px;background:#fff}.nf{min-height:100vh;display:grid;place-items:center;padding:20px}.nf-card{text-align:center}.nf-big{font-size:96px;font-weight:800;color:var(--primary)}.nf-card h2{font-size:24px;margin:6px 0}.nf-card p{margin-bottom:20px}@media (max-width: 860px){.auth{grid-template-columns:1fr}.auth-side{display:none}.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.play-q{font-size:20px}}@media (max-width: 560px){.grid-3,.grid-4{grid-template-columns:1fr}}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.dash-main{display:flex;flex-direction:column;gap:22px;min-width:0}.dash-rail{display:flex;flex-direction:column;gap:22px}.dash-top{display:grid;grid-template-columns:1fr 1fr;gap:22px}.perf-body{display:flex;align-items:center;gap:18px}.perf-chart{position:relative;width:150px;height:150px;flex-shrink:0}.perf-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.perf-center b{font-size:24px;color:var(--black);line-height:1}.perf-center small{color:var(--grey2);font-size:11px}.perf-legend{display:flex;flex-direction:column;gap:12px}.perf-leg{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--grey1);font-weight:500}.perf-leg i{width:11px;height:11px;border-radius:50%;flex-shrink:0}.perf-leg span{margin-left:auto;color:var(--grey2);font-weight:600;font-size:13px}.recent{display:flex;flex-direction:column;gap:14px}.recent-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:var(--bg);cursor:pointer;transition:transform .16s,box-shadow .16s;text-align:left;width:100%;border:none}.recent-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.recent-cover{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:26px;flex-shrink:0}.recent-info{min-width:0}.recent-info h4{font-size:15px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-info small{color:var(--grey2);font-size:12.5px}.recent-score{margin-left:auto;text-align:right;flex-shrink:0}.recent-score b{font-size:17px;color:var(--primary)}.recent-score small{display:block;color:var(--grey2);font-size:11px}.recent-empty{color:var(--grey2);font-size:14px;padding:8px 2px}.lb-toggle{display:inline-flex;background:var(--grey5);border-radius:999px;padding:4px;margin-bottom:18px}.lb-toggle button{padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;color:var(--grey2);transition:background .18s,color .18s}.lb-toggle button.on{background:var(--primary);color:#fff;box-shadow:0 6px 14px #6a5ae04d}.podium{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:8px;margin-top:8px}.podium-col{display:flex;flex-direction:column;align-items:center;gap:8px}.podium-ava{position:relative}.podium-ava img{width:48px;height:48px;border-radius:50%;background:var(--grey5);border:3px solid #fff;box-shadow:var(--shadow-sm)}.podium-col.first .podium-ava img{width:60px;height:60px;border:3px solid var(--yellow)}.podium-crown{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:16px}.podium-name{font-size:12px;font-weight:600;color:var(--black);text-align:center;max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-qp{background:var(--accent2);color:var(--primary);font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.podium-bar{width:100%;border-radius:14px 14px 0 0;display:grid;place-items:start center;padding-top:12px;color:#fffffff2;font-weight:800;font-size:30px}.podium-col.first .podium-bar{height:96px;background:linear-gradient(180deg,var(--secondary),var(--primary))}.podium-col.second .podium-bar{height:70px;background:linear-gradient(180deg,#b3abec,var(--secondary))}.podium-col.third .podium-bar{height:56px;background:linear-gradient(180deg,#c9c2f0,#a79ee8)}.featured{background:linear-gradient(150deg,var(--secondary),var(--primary));color:#fff;border-radius:18px;padding:18px;text-align:center;margin-bottom:18px}.featured .tag{font-size:10px;letter-spacing:1.4px;font-weight:700;opacity:.85}.featured h4{color:#fff;font-size:16px;margin:8px 0 14px;line-height:1.3}.featured .btn{background:#fff;color:var(--primary);box-shadow:none;padding:10px 18px}.featured .btn:hover{background:#fff;transform:translateY(-2px)}.friend-list{display:flex;flex-direction:column;gap:14px}.friend-row{display:flex;align-items:center;gap:12px}.friend-row img{width:40px;height:40px;border-radius:50%;background:var(--grey5)}.friend-row .fi{min-width:0}.friend-row .fi b{font-size:14px;display:block}.friend-row .fi small{color:var(--grey2);font-size:12px}.lq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lq-dots{color:var(--grey2);font-size:18px;line-height:1}.qtile-top{display:flex;align-items:flex-start;justify-content:space-between}@media (max-width: 1100px){.lq-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.dashboard,.dash-top{grid-template-columns:1fr}}@media (max-width: 560px){.lq-grid{grid-template-columns:1fr}.perf-body{flex-direction:column}}.discover{display:flex;flex-direction:column;gap:26px}.disc-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.disc-section-head h2{font-size:20px}.disc-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.disc-cat{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;cursor:pointer;text-align:left;width:100%;border:2px solid transparent;transition:border-color .18s,box-shadow .18s}.disc-cat.active{border-color:var(--primary)}.disc-cat-ico{width:50px;height:50px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;font-size:24px}.disc-cat-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.disc-cat-txt b{font-size:15px;line-height:1.2}.disc-cat-txt small{color:var(--grey2);font-size:12.5px}.disc-cat.disc-all .disc-cat-ico{background:var(--grey5);color:var(--primary)}.disc-quizzes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.disc-qcard{position:relative}.disc-qcard .disc-dots{position:absolute;top:24px;right:24px;z-index:2;color:var(--grey2);font-size:18px;letter-spacing:1px;line-height:1;background:none;padding:2px 4px}.disc-empty{color:var(--grey2);padding:30px 0;text-align:center;grid-column:1 / -1}@media (max-width: 1080px){.disc-cats{grid-template-columns:repeat(2,1fr)}.disc-quizzes{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){.disc-quizzes{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.disc-cats{grid-template-columns:1fr 1fr}.disc-quizzes{grid-template-columns:1fr}}.library{padding:4px 2px 40px}.lib-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}.lib-title{font-size:26px}.lib-head .muted{margin-top:4px;font-size:14px}.lib-plus{font-size:17px;line-height:1;margin-top:-1px}.lib-tabs{display:flex;gap:6px;border-bottom:1.5px solid var(--grey5);margin-bottom:24px;overflow-x:auto}.lib-tab{position:relative;padding:12px 18px;font-size:15px;font-weight:600;color:var(--grey2);white-space:nowrap;transition:color .15s}.lib-tab:hover{color:var(--grey1)}.lib-tab.on{color:var(--primary)}.lib-underline{position:absolute;left:12px;right:12px;bottom:-1.5px;height:3px;background:var(--primary);border-radius:3px}.lib-grid{align-items:stretch}.lib-tile{position:relative;height:100%}.lib-tile a{display:block}.lib-tile .qtile-cover{position:relative}.lib-tile .qtile-cover span{filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.lib-lvl{position:absolute;top:10px;right:10px;font-style:normal;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#ffffffeb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lvl-easy{color:var(--green)}.lvl-med{color:var(--primary)}.lvl-hard{color:var(--pink)}.lib-result{display:flex;align-items:center;gap:16px;padding:18px;transition:transform .18s,box-shadow .18s}.lib-result:hover{box-shadow:var(--shadow)}.lib-result-body{min-width:0;flex:1}.lib-result-body h4{font-size:15px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-result-body small{font-size:12.5px}.lib-result-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}.lib-score{background:var(--grey5);color:var(--primary)}.lib-ring{position:relative;width:60px;height:60px;flex-shrink:0}.lib-ring svg{width:100%;height:100%}.lib-ring b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--black)}.lib-empty{text-align:center;padding:48px 28px;display:grid;place-items:center}.lib-empty-icon{width:80px;height:80px;border-radius:24px;background:var(--grey5);display:grid;place-items:center;font-size:38px;margin-bottom:18px}.lib-empty h3{font-size:19px;margin-bottom:6px}.lib-empty p{max-width:360px;margin-bottom:22px;font-size:14px}@media (max-width: 560px){.lib-head{align-items:stretch}.lib-head .btn{width:100%}}.leaderboard{display:flex;flex-direction:column;gap:24px}.lb-head h2{font-size:26px}.lb-head .muted{margin-top:4px}.lb-podium-card{background:linear-gradient(150deg,var(--secondary),var(--primary));border-radius:var(--radius);padding:26px 26px 0;box-shadow:0 18px 50px #6a5ae052;position:relative;overflow:hidden}.lb-podium-card:before,.lb-podium-card:after{content:"";position:absolute;border-radius:50%;background:#ffffff14;pointer-events:none}.lb-podium-card:before{width:320px;height:320px;top:-140px;right:-90px}.lb-podium-card:after{width:220px;height:220px;bottom:-120px;left:-60px}.lb-toggle{position:relative;z-index:2;display:inline-flex;background:#ffffff29;border-radius:999px;padding:5px;margin:0 auto 6px;width:fit-content}.lb-toggle{display:flex}.lb-toggle-wrap{display:flex;justify-content:center}.lb-podium-card>.lb-toggle{display:flex;margin-left:auto;margin-right:auto}.lb-toggle-btn{position:relative;padding:9px 20px;border-radius:999px;color:#ffffffbf;font-weight:600;font-size:14px;transition:color .2s}.lb-toggle-btn.on{color:#fff}.lb-toggle-pill{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff47;border-radius:999px;box-shadow:0 4px 12px #0c092a2e}.lb-toggle-label{position:relative;z-index:1}.lb-podium{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;max-width:520px;margin:18px auto 0}.lb-col{display:flex;flex-direction:column;align-items:center}.lb-col.place-1{margin-bottom:0}.lb-col.place-2,.lb-col.place-3{margin-bottom:0;padding-bottom:0}.lb-medal{position:relative}.lb-crown{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:24px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.lb-avatar-ring{position:relative;border-radius:50%;padding:3px;background:#fff}.lb-avatar-ring img{border-radius:50%;object-fit:cover;background:var(--accent2)}.lb-avatar-ring.r1{width:78px;height:78px;box-shadow:0 8px 20px #00000040}.lb-avatar-ring.r1 img{width:100%;height:100%}.lb-avatar-ring.r2,.lb-avatar-ring.r3{width:62px;height:62px}.lb-avatar-ring.r2 img,.lb-avatar-ring.r3 img{width:100%;height:100%}.lb-flag{position:absolute;right:-2px;bottom:2px;width:22px;height:16px;border-radius:4px;border:2px solid #fff;background-size:cover}.lb-flag.f1{background:linear-gradient(180deg,#d52b1e 50%,#fff 50%)}.lb-flag.f2{background:linear-gradient(90deg,#002395 33%,#fff 33%,#fff 66%,#ed2939 66%)}.lb-flag.f3{background:linear-gradient(180deg,#009246 33%,#fff 33%,#fff 66%,#ce2b37 66%)}.lb-name{color:#fff;font-weight:700;font-size:15px;margin-top:10px}.lb-col.place-1 .lb-name{font-size:16px}.lb-pts{margin-top:8px;background:#ffffff38;color:#fff;font-weight:600;font-size:12.5px;padding:5px 12px;border-radius:999px}.lb-block{width:100%;margin-top:14px;display:grid;place-items:center;border-radius:16px 16px 0 0;color:#fff;font-weight:800;transform-origin:bottom}.lb-block span{font-size:40px;line-height:1}.lb-block.b1{height:130px;background:#ffffff4d}.lb-block.b2{height:96px;background:#ffffff2e}.lb-block.b3{height:74px;background:#ffffff1f}.lb-list-panel{padding:22px 18px}.lb-count{font-size:13px}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;transition:background .15s,transform .15s}.lb-row:hover{background:var(--grey5);transform:translate(3px)}.lb-row.me{background:var(--grey5);border:1.5px solid var(--accent2)}.lb-row.me:hover{background:#e7e4fb}.lb-rank{width:26px;text-align:center;font-weight:700;color:var(--grey2);font-size:15px;flex-shrink:0}.lb-row.me .lb-rank{color:var(--primary)}.lb-row-av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--accent2);flex-shrink:0}.lb-row-name{flex:1;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}.lb-you{background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px}.lb-row-pts{font-weight:700;color:var(--primary);font-size:14.5px;flex-shrink:0}@media (max-width: 600px){.lb-podium-card{padding:22px 14px 0}.lb-podium{gap:8px}.lb-avatar-ring.r1{width:62px;height:62px}.lb-avatar-ring.r2,.lb-avatar-ring.r3{width:50px;height:50px}.lb-block span{font-size:30px}.lb-block.b1{height:100px}.lb-block.b2{height:74px}.lb-block.b3{height:58px}.lb-name{font-size:13px}.lb-pts{font-size:11px;padding:4px 9px}.lb-row-name{font-size:14px}.lb-row-pts{font-size:13px}}.settings .page-title{font-size:26px;margin-bottom:22px}.set-grid{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}.set-tabs{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 16px;display:flex;flex-direction:column;gap:12px}.set-tabs-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--grey2);text-transform:uppercase;padding:4px 4px 2px}.set-tab{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;text-align:left;background:var(--grey5);color:var(--black);transition:background .18s,color .18s;overflow:hidden}.set-tab:hover{background:#e6e4fb}.set-tab-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary);border-radius:16px;z-index:0}.set-tab-ico,.set-tab-text{position:relative;z-index:1}.set-tab-ico{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:17px;flex-shrink:0}.set-tab-text{display:flex;flex-direction:column;gap:2px;min-width:0}.set-tab-text strong{font-size:14.5px;font-weight:600}.set-tab-text small{font-size:12px;color:var(--grey2)}.set-tab.active{color:#fff}.set-tab.active .set-tab-text small{color:#fffc}.set-logout{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:4px;padding:12px;font-weight:600;font-size:14px;color:var(--pink);border-radius:14px;transition:background .15s}.set-logout:hover{background:#fff0f2}.set-panel{padding:28px;min-height:460px}.set-form h3{font-size:20px;margin-bottom:4px}.set-form>.muted{font-size:14px;margin-bottom:22px}.set-form .label{margin-top:16px}.set-avatar{display:flex;align-items:center;gap:16px;margin:14px 0 6px}.set-avatar img{width:64px;height:64px;border-radius:50%;background:var(--accent2);object-fit:cover}.set-avatar div{display:flex;flex-direction:column;gap:2px}.set-avatar strong{font-size:16px}.set-avatar span{font-size:13px}.set-actions{display:flex;align-items:center;gap:14px;margin-top:26px}.saved{display:inline-flex;align-items:center;font-weight:700;font-size:14px;color:var(--green);background:#e8faf1;padding:8px 14px;border-radius:999px}.notify-list{display:flex;flex-direction:column}.notify-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--grey5)}.notify-row:last-child{border-bottom:none}.notify-row div{display:flex;flex-direction:column;gap:3px}.notify-row strong{font-size:15px;font-weight:600}.notify-row span{font-size:13px}.sw{width:52px;height:30px;border-radius:999px;background:var(--grey5);padding:3px;display:flex;flex-shrink:0;transition:background .2s}.sw.on{background:var(--primary);justify-content:flex-end}.sw-knob{width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0c092a40;display:block}.help-search{position:relative;display:flex;align-items:center;margin:14px 0 22px}.help-search span{position:absolute;left:16px;font-size:15px;pointer-events:none}.help-search .input{width:100%;padding-left:44px;background:var(--grey5);border-color:transparent}.help-section{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grey2);margin-bottom:12px}.faq{display:flex;flex-direction:column;gap:12px}.faq-item{border:1.5px solid var(--grey5);border-radius:16px;overflow:hidden;transition:border-color .18s,box-shadow .18s}.faq-item.open{border-color:var(--secondary);box-shadow:var(--shadow-sm)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;text-align:left;font-size:15px;font-weight:600;color:var(--black)}.faq-chev{font-size:22px;line-height:1;color:var(--primary);display:inline-block}.faq-a-wrap{overflow:hidden}.faq-a{padding:0 18px 18px;font-size:14px;line-height:1.6;color:var(--grey1)}.help-contact{display:flex;align-items:center;gap:14px;margin-top:22px;padding:18px;border-radius:18px;background:var(--grey5)}.help-contact-icon{width:46px;height:46px;border-radius:13px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:20px;flex-shrink:0}.help-contact div{display:flex;flex-direction:column;gap:2px}.help-contact strong{font-size:15px}.help-contact span{font-size:13px}.help-contact .btn{margin-left:auto;flex-shrink:0}@media (max-width: 860px){.set-grid{grid-template-columns:1fr}.set-tabs{flex-direction:row;overflow-x:auto;gap:10px;padding:14px;-webkit-overflow-scrolling:touch}.set-tabs-label,.set-logout{display:none}.set-tab{flex-shrink:0;flex-direction:column;align-items:center;text-align:center;width:110px;padding:14px 10px;gap:8px}.set-tab-text small{display:none}.set-tab-text strong{font-size:12.5px}.help-contact{flex-wrap:wrap}.help-contact .btn{margin-left:0;width:100%}}.profile{display:flex;flex-direction:column;gap:22px;max-width:1000px}.pf-header{position:relative;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.pf-cover{position:relative;height:170px;background:linear-gradient(135deg,var(--secondary),var(--primary));overflow:hidden}.pf-blob{position:absolute;border-radius:50%;background:#ffffff1f}.pf-blob.b1{width:240px;height:240px;top:-90px;right:-40px}.pf-blob.b2{width:160px;height:160px;bottom:-80px;left:40px;background:#ffffff14}.pf-id{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px 28px;margin-top:-64px}.pf-avatar-wrap{position:relative}.pf-avatar{width:116px;height:116px;border-radius:50%;border:5px solid var(--card);background:var(--grey5);object-fit:cover}.pf-flag{position:absolute;right:4px;bottom:8px;font-size:22px;background:var(--card);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.pf-id h2{font-size:23px;margin-top:12px}.pf-handle{color:var(--secondary);font-weight:600;font-size:14px;margin-top:2px}.pf-level{width:min(360px,100%);margin:18px 0 4px}.pf-level-top{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;margin-bottom:8px}.pf-level-top b{color:var(--black)}.pf-level-top span{color:var(--grey2);font-weight:600}.pf-level-bar{height:10px;border-radius:999px;background:var(--grey5);overflow:hidden}.pf-level-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--secondary),var(--primary))}.pf-level small{display:block;margin-top:8px;font-size:12px}.pf-edit{margin-top:16px;padding:12px 28px}.pf-stats{gap:16px}.pf-stat{background:var(--card);border-radius:20px;box-shadow:var(--shadow-sm);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:box-shadow .18s}.pf-stat:hover{box-shadow:var(--shadow)}.pf-stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px}.pf-stat b{font-size:26px;line-height:1}.pf-stat small{font-size:13px}.pf-panel{padding:20px 22px 24px}.pf-tabs{display:flex;gap:8px;border-bottom:1.5px solid var(--grey5);margin-bottom:22px}.pf-tab{position:relative;padding:10px 16px 14px;font-size:15px;font-weight:600;color:var(--grey2);transition:color .18s}.pf-tab.on{color:var(--primary)}.pf-tab-ink{position:absolute;left:12px;right:12px;bottom:-1.5px;height:3px;border-radius:3px;background:var(--primary)}.pf-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pf-badge{background:var(--bg);border:1.5px solid var(--grey5);border-radius:18px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;cursor:default}.pf-badge-icon{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:28px;margin-bottom:4px}.pf-badge h4{font-size:14px}.pf-badge small{font-size:12px}.pf-badge.locked{opacity:.55;filter:grayscale(.7)}.pf-badge.locked .pf-badge-icon{background:var(--grey5)!important;color:var(--grey2)!important}.pf-chart-title{font-size:13.5px;margin-bottom:10px;font-weight:600}.pf-chart{width:100%;height:240px}.pf-activity{display:flex;flex-direction:column;gap:12px}.pf-act-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:var(--bg)}.pf-act-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.pf-act-info{display:flex;flex-direction:column;gap:2px}.pf-act-info b{font-size:14.5px}.pf-act-info small{font-size:12.5px}.pf-act-score{margin-left:auto;font-weight:800;font-size:16px}.pf-empty{text-align:center;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:6px}.pf-empty span{font-size:48px}.pf-empty h4{font-size:17px}.pf-empty p{margin-bottom:10px}@media (max-width: 860px){.pf-stats,.pf-badges{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.pf-badges{grid-template-columns:1fr}.pf-act-info b{font-size:14px}}.create-quiz{padding:4px}.cq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.cq-head h1{font-size:26px}.cq-head .muted{margin-top:4px;font-size:14px}.cq-count{white-space:nowrap}.cq-grid{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start}.cq-meta{position:sticky;top:12px}.cq-mt{margin-top:18px}.cq-cover{height:150px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 10px 24px #6a5ae038}.cq-cover-icon{font-size:56px;line-height:1}.cq-warn{border-color:var(--pink)!important;background:#fff5f7}.cq-cats{display:flex;flex-wrap:wrap;gap:8px}.cq-cat{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--grey5);background:#fff;font-size:13px;font-weight:600;color:var(--grey1);transition:transform .12s,background .15s,color .15s,border-color .15s}.cq-cat:hover{transform:translateY(-1px)}.cq-cat.active{color:#fff}.cq-cat.active span{filter:none}.cq-icons{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.cq-icon{aspect-ratio:1;border-radius:12px;background:var(--grey5);font-size:18px;display:flex;align-items:center;justify-content:center;border:1.5px solid transparent;transition:transform .12s,border-color .15s,background .15s}.cq-icon:hover{transform:translateY(-1px)}.cq-icon.active{border-color:var(--primary);background:#fff;box-shadow:var(--shadow-sm)}.cq-levels{display:flex;gap:8px}.cq-level{flex:1;padding:11px 0;border-radius:12px;background:var(--grey5);color:var(--grey1);font-weight:600;font-size:14px;border:1.5px solid transparent;transition:transform .12s,background .15s,color .15s}.cq-level:hover{transform:translateY(-1px)}.cq-level.active{background:var(--primary);color:#fff;box-shadow:0 8px 16px #6a5ae042}.cq-questions{display:flex;flex-direction:column;gap:16px}.cq-qblock{padding:20px}.cq-warn-block{box-shadow:0 0 0 1.5px var(--pink),var(--shadow-sm)}.cq-qhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cq-qnum{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--grey5);color:var(--primary);font-weight:700;font-size:13px}.cq-remove{width:30px;height:30px;border-radius:10px;background:#fff5f7;color:var(--pink);font-size:13px;font-weight:700;transition:background .15s,transform .12s}.cq-remove:hover{background:#ffe3e9;transform:scale(1.05)}.cq-hint{margin-bottom:4px;font-weight:600;color:var(--grey2)}.cq-answers{display:flex;flex-direction:column;gap:10px}.cq-answer{display:flex;align-items:center;gap:10px}.cq-radio{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:2px solid var(--grey3);background:#fff;transition:border-color .15s,background .15s;position:relative}.cq-radio.on{border-color:var(--green);background:var(--green)}.cq-radio.on:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff}.cq-ans-input{padding:12px 14px}.cq-answer.correct .cq-ans-input{border-color:var(--green);background:#effaf3}.cq-add{align-self:flex-start;padding:13px 20px;border-radius:14px;background:var(--grey5);color:var(--primary);font-weight:700;font-size:14px;border:1.5px dashed var(--secondary);transition:background .15s}.cq-add:hover{background:#e7e4fb}.cq-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:6px}.cq-error{text-align:right;font-size:13px;color:var(--pink);margin-top:2px}.cq-success{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0c092a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.cq-success-card{background:#fff;border-radius:var(--radius);padding:40px 48px;text-align:center;box-shadow:var(--shadow);max-width:360px}.cq-success-icon{font-size:56px;margin-bottom:12px}.cq-success-card h2{font-size:22px;margin-bottom:6px}@media (max-width: 900px){.cq-grid{grid-template-columns:1fr}.cq-meta{position:static}}@media (max-width: 480px){.cq-icons{grid-template-columns:repeat(6,1fr)}.cq-actions{flex-direction:column-reverse}.cq-actions .btn{width:100%}}