*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable],.bubble,.selectable,.selectable *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}:root{--bg: #F4F8FE;--card: #FFFFFF;--ink: #0B1E5B;--muted: #6B7280;--line: #E5E7EB;--primary: #1D4ED8;--primary-2: #06B6D4;--primary-soft: #E8F1FE;--green: #22C55E;--green-soft: #ECFDF5;--red: #EF4444;--red-soft: #FEF2F2;--amber: #F59E0B;--amber-soft: #FFFBEB;--blue: #3B82F6;--radius: 18px;--shadow: 0 2px 12px rgba(11, 30, 91, .07);--shadow-lg: 0 8px 30px rgba(11, 30, 91, .14)}:root[data-theme=dark]{--bg: #0B1226;--card: #141C36;--ink: #E7ECF9;--muted: #93A0C2;--line: #26304F;--primary: #4E7DF6;--primary-2: #22C7E6;--primary-soft: #1B2748;--green-soft: #12291E;--red-soft: #331519;--amber-soft: #2E2410;--shadow: 0 2px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5)}:root[data-theme=dark] .stairstep{background:#232e52;color:#7c89ae}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,-apple-system,Heebo,Arial,sans-serif;font-size:16px;overscroll-behavior-y:none}#root{height:100%}html[data-shell=page],html[data-shell=page] body{height:auto;overflow:auto;overscroll-behavior:auto}html[data-shell=page] #root{height:auto}html[data-shell=page] .app{height:auto;min-height:100dvh;overflow:visible;touch-action:auto}.app{max-width:480px;margin:0 auto;height:calc(100dvh / var(--zoom, 1));touch-action:pan-y;display:flex;flex-direction:column;background:var(--bg);position:relative;overflow:hidden}.pager{touch-action:pan-y;position:relative;flex:1;min-height:0;overflow:hidden}.pane{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.pane.incoming{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);pointer-events:none;z-index:2}.pane.incoming[data-dir="1"]{transform:translate3d(-100%,0,0)}.pane.incoming[data-dir="-1"]{transform:translate3d(100%,0,0)}.screen{flex:1;padding:20px 18px calc(86px + env(safe-area-inset-bottom))}.screen.no-nav{padding-bottom:24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes confetti{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(90vh) rotate(720deg);opacity:0}}@keyframes floatUp{0%{transform:translate(-50%) scale(.7);opacity:0}18%{transform:translate(-50%,-14px) scale(1.15);opacity:1}to{transform:translate(-50%,-110px) scale(1);opacity:0}}@keyframes praisePop{0%{transform:translate(-50%,8px) scale(.8);opacity:0}22%{transform:translate(-50%) scale(1.06);opacity:1}78%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%,-10px) scale(1);opacity:0}}@keyframes rankBurst{0%{transform:scale(.3) rotate(-20deg);opacity:0}55%{transform:scale(1.18) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes glowRing{0%,to{box-shadow:0 0 #4f46e573}50%{box-shadow:0 0 0 18px #4f46e500}}.floatpts{position:fixed;left:50%;bottom:34%;z-index:150;pointer-events:none;font-size:26px;font-weight:800;color:var(--primary);text-shadow:0 2px 10px rgba(255,255,255,.9);animation:floatUp 1.15s cubic-bezier(.2,.7,.3,1) forwards}.praisepop{position:fixed;left:50%;bottom:26%;z-index:150;pointer-events:none;background:linear-gradient(135deg,var(--green),#16A34A);color:#fff;font-weight:800;font-size:17px;padding:8px 18px;border-radius:99px;box-shadow:0 6px 20px #22c55e66;animation:praisePop 1.5s ease forwards;white-space:nowrap}.praisepop.soft{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 6px 20px #f59e0b66}.rankup-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#1e1b4b8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeUp .25s ease}.rankup-card{background:var(--card);border-radius:24px;padding:28px 22px;text-align:center;box-shadow:var(--shadow-lg);max-width:340px;width:100%}.rankup-icon{font-size:74px;animation:rankBurst .7s cubic-bezier(.2,1.4,.4,1) forwards}.rankup-medal{width:116px;height:116px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-soft),var(--card));animation:glowRing 1.8s ease infinite}.rankbadge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border-radius:99px;padding:6px 14px;font-weight:800;font-size:14px}.en{direction:ltr;unicode-bidi:isolate;font-family:Segoe UI,Arial,sans-serif}h1{font-size:24px;font-weight:800}h2{font-size:19px;font-weight:700}.muted{color:var(--muted);font-size:14px}.small{font-size:13px}.card{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.btn{display:block;width:100%;border:none;cursor:pointer;border-radius:16px;padding:15px 18px;font-size:17px;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 4px 14px #1d4ed859;transition:transform .12s,box-shadow .12s,opacity .12s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;box-shadow:none;cursor:default}.btn.secondary{background:var(--primary-soft);color:var(--primary);box-shadow:none}.btn.ghost{background:transparent;color:var(--muted);box-shadow:none;font-weight:600}.btn.green{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e59}.btn.small-btn{padding:10px 14px;font-size:15px;width:auto;display:inline-block;border-radius:12px}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.center{text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pbar{height:10px;background:var(--line);border-radius:99px;overflow:hidden}.pbar>div{height:100%;border-radius:99px;background:linear-gradient(90deg,#22d3ee,#06b6d4);transition:width .5s ease}.pbar.green>div{background:linear-gradient(90deg,#4ade80,#16a34a)}.pbar.amber>div{background:linear-gradient(90deg,#fcd34d,#f59e0b)}.hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hdr .back{background:var(--card);border:none;cursor:pointer;width:40px;height:40px;border-radius:13px;font-size:18px;box-shadow:var(--shadow);color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border-radius:99px;padding:7px 13px;font-size:14px;font-weight:700;box-shadow:var(--shadow)}.chip.fire{color:#ea580c}.chip.xp{color:var(--primary)}.bottomnav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--card);background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:50}.bottomnav button{position:relative;flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;font-size:11px;font-weight:700;color:var(--muted);padding:6px 0;border-radius:12px;transition:color .15s}.bottomnav button:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:3px;border-radius:0 0 3px 3px;background:transparent;transition:background .15s}.bottomnav button.active:before{background:var(--primary)}.bottomnav button.active{color:var(--primary)}.bottomnav .icon{font-size:22px;line-height:1}.bottomnav button.active .icon{animation:pulse .35s ease}button.card{color:var(--ink)}.opt{display:block;width:100%;text-align:right;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:15px;padding:14px 16px;margin-bottom:10px;font-size:17px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.opt.en{text-align:left}.opt:active{transform:scale(.98)}.opt.sel{border-color:var(--primary);background:var(--primary-soft)}.opt.right{border-color:var(--green);background:var(--green-soft);animation:pop .3s ease}.opt.wrong{border-color:var(--red);background:var(--red-soft);animation:shake .35s ease}.feedback{border-radius:15px;padding:13px 16px;margin:12px 0;font-weight:700;animation:fadeUp .2s ease}.feedback.ok{background:var(--green-soft);color:#15803d}.feedback.bad{background:var(--red-soft);color:#b91c1c}.feedback .expl{font-weight:500;font-size:14px;margin-top:4px}.feedback .btn.ghost{color:inherit;opacity:.8;margin-top:6px;padding:5px 11px;font-size:14px;border-radius:10px}.wordcard{background:var(--card);border-radius:var(--radius);padding:16px 18px;margin-bottom:12px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:10px}.wordcard .wen{font-size:21px;font-weight:800;direction:ltr}.wordcard .whe{font-size:16px;color:var(--muted);margin-top:2px}.wordcard .wex{font-size:13px;color:var(--primary);margin-top:6px;direction:ltr;text-align:left}.speakbtn{border:none;cursor:pointer;flex-shrink:0;width:46px;height:46px;border-radius:50%;background:var(--primary-soft);font-size:20px;transition:transform .12s}.speakbtn:active{transform:scale(.9)}.speakbtn.big{width:84px;height:84px;font-size:36px;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:var(--shadow-lg)}.buildarea{min-height:58px;background:var(--card);border-radius:15px;border:2px dashed var(--line);padding:10px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;direction:ltr}.tokenbank{display:flex;flex-wrap:wrap;gap:8px;direction:ltr}.token{border:none;cursor:pointer;font-family:inherit;background:var(--card);border-radius:12px;border-bottom:3px solid var(--line);padding:10px 14px;font-size:17px;font-weight:700;color:var(--ink);box-shadow:var(--shadow);direction:ltr;transition:transform .1s}.token:active{transform:scale(.94)}.token.placed{background:var(--primary-soft);color:var(--primary);border-bottom-color:#c7d2fe}.token.used{opacity:.25;pointer-events:none}.unit-node{display:flex;align-items:center;gap:14px;background:var(--card);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;box-shadow:var(--shadow);cursor:pointer;border:2px solid transparent;transition:transform .12s}.unit-node:active{transform:scale(.98)}.unit-node.current{border-color:var(--primary)}.unit-node.locked{opacity:.55;cursor:default}.unit-node .uicon{width:48px;height:48px;border-radius:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--primary-soft)}.unit-node.done .uicon{background:var(--green-soft)}.stat{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);text-align:center}.stat .v{font-size:22px;font-weight:800}.stat .l{font-size:12px;color:var(--muted);margin-top:2px}.skillrow{display:flex;align-items:center;gap:10px;margin-bottom:10px}.skillrow .sname{width:84px;font-size:14px;font-weight:700}.skillrow .pbar{flex:1}.skillrow .sval{width:40px;font-size:13px;font-weight:700;color:var(--muted);text-align:left}.convo{display:flex;flex-direction:column;gap:10px}.bubble{max-width:85%;border-radius:18px;padding:12px 15px;font-size:16px;line-height:1.45;animation:fadeUp .25s ease}.bubble.ai{background:var(--card);box-shadow:var(--shadow);align-self:flex-start;border-bottom-left-radius:6px;direction:ltr;text-align:left}.bubble.ai .he-sub{direction:rtl;text-align:right;font-size:13px;color:var(--muted);margin-top:5px}.bubble.me{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;align-self:flex-end;border-bottom-right-radius:6px;direction:ltr;text-align:left}.lvlhead{width:100%;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:start;cursor:pointer}.level-head{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;padding:12px 0;min-height:44px;font:inherit;font-size:12px;font-weight:700;color:var(--primary);cursor:pointer;text-align:start}.hintbox{background:var(--amber-soft);color:#92400e;border-radius:13px;padding:10px 14px;font-size:14px}.hint-example{unicode-bidi:isolate;text-align:start;margin-top:5px;font-weight:600}.textinput{width:100%;border:2px solid var(--line);border-radius:15px;padding:13px 16px;font-size:17px;font-family:inherit;background:var(--card);color:var(--ink);direction:ltr;text-align:left}.textinput:focus{outline:none;border-color:var(--primary)}.textinput.rtl{direction:rtl;text-align:right}.readtext{direction:ltr;text-align:left;font-size:18px;line-height:1.9}.readtext .w{cursor:pointer;border-radius:6px;padding:1px 2px}.readtext .w:active,.readtext .w.hl{background:var(--amber-soft);color:#92400e}.result-hero{text-align:center;padding:30px 0 10px}.result-hero .big{font-size:64px;animation:pop .5s ease}.result-hero h1{margin-top:8px}.scorering{font-size:44px;font-weight:800;color:var(--primary)}.achgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.achgrid.three{grid-template-columns:repeat(3,1fr)}.achgrid+.section-head{margin-top:16px}.achtile{position:relative}.achtile.got{border:1.5px solid var(--green);background:var(--green-soft)}.achtile-check{position:absolute;top:-6px;inset-inline-end:-6px;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.achtile-sub{font-size:10.5px;color:var(--muted);font-weight:700}.achtile .pbar{height:5px;width:100%;margin-top:2px}.lockhead{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:14px;font-weight:800;color:var(--muted)}.card .achgrid+.section-head.lockhead{margin-top:18px}.achtile{background:var(--primary-soft);border:none;border-radius:14px;padding:10px 4px 8px;text-align:center;cursor:pointer;font-family:inherit;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .12s}.achtile:active{transform:scale(.94)}.achtile.off{background:var(--bg);border:1.5px dashed var(--muted);color:var(--muted)}.achtile.off .achtile-icon{filter:grayscale(1);opacity:.6}.achtile-icon{font-size:26px;line-height:1.2}.achtile-name{font-size:11.5px;font-weight:700;line-height:1.25}.ach{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.ach:last-child{border-bottom:none}.ach .aicon{font-size:28px;width:44px;text-align:center}.ach.off{opacity:.35;filter:grayscale(1)}.confetti-piece{position:fixed;top:0;width:10px;height:14px;border-radius:3px;animation:confetti 1.6s ease-in forwards;z-index:100;pointer-events:none}.confetti-piece.front{z-index:400}.micbtn{width:84px;height:84px;border-radius:50%;border:none;cursor:pointer;font-size:34px;background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 6px 20px #ef444466;color:#fff;transition:transform .15s}.micbtn:active{transform:scale(.93)}.micbtn.listening{animation:pulse .9s ease infinite}.micbtn.idle{background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 6px 20px #1d4ed866}.lvlbadge{width:54px;height:54px;border-radius:17px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px}.qp{background:var(--card);border-radius:var(--radius);padding:16px 12px;box-shadow:var(--shadow);text-align:center;cursor:pointer;border:none;font-family:inherit;transition:transform .12s;color:var(--ink)}.qp:active{transform:scale(.96)}.qp .qicon{font-size:28px}.qp .qname{font-size:14px;font-weight:700;margin-top:6px}.qp .qsub{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.35}.section-head{font-size:14px;font-weight:800;color:var(--primary);margin:22px 0 10px;letter-spacing:.2px}.section-head:first-of-type{margin-top:2px}.resumebar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--amber-soft);color:#92400e;border-radius:12px;padding:8px 12px;margin-bottom:12px;font-size:13px;font-weight:700}.resumebar button{background:none;border:0;padding:4px 6px;cursor:pointer;font:inherit;color:#92400e;text-decoration:underline;white-space:nowrap}.starbtn{width:38px;height:38px;flex:none;padding:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer;font-size:19px;line-height:1;color:var(--muted);transition:transform .12s}.starbtn.on{color:var(--amber)}.starbtn:active{transform:scale(1.25)}.unit-node.skiprow{border:2px dashed var(--primary);background:var(--primary-soft)}.premium-hello{border:2px solid #F5C542;box-shadow:0 18px 50px #b48c1459}.premium-band{background:linear-gradient(135deg,#f7b733,#fc913a 55%,#f5515f);color:#fff;text-align:center;padding:20px 22px 16px}.premium-band h2{color:#fff}.premium-star{font-size:46px;animation:starLand .6s cubic-bezier(.2,1.5,.4,1) both}@keyframes starLand{0%{transform:scale(.2) rotate(-35deg);opacity:0}to{transform:none;opacity:1}}.premium-perk{animation:perkIn .45s ease both}@keyframes perkIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ob-opt{display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border:2px solid var(--line);border-radius:15px;padding:15px 16px;margin-bottom:10px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;color:var(--ink);text-align:right;transition:border-color .15s,background .15s}.ob-opt.sel{border-color:var(--primary);background:var(--primary-soft)}.ob-opt .oicon{font-size:24px}.divider{height:1px;background:var(--line);margin:14px 0}.tag{display:inline-block;background:var(--primary-soft);color:var(--primary);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700}.tag.green{background:var(--green-soft);color:#15803d}.tag.red{background:var(--red-soft);color:#b91c1c}.tag.amber{background:var(--amber-soft);color:#92400e}.stairsband{display:flex;align-items:flex-end;gap:6px;height:86px;margin-top:24px;overflow:visible}.stairstep{flex:1;border-radius:10px 10px 5px 5px;background:#dce5f5;color:#93a1c4;font-weight:800;font-size:13px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;position:relative;transition:height .4s ease}.stairstep.cur{background:linear-gradient(180deg,#22d3ee,#06b6d4);color:#fff;box-shadow:0 3px 10px #06b6d459}.stairstep.done{background:linear-gradient(180deg,#5fdd52,#28b948);color:#fff}.stairstep .stairflag{position:absolute;top:-20px;left:50%;margin-left:-1px;width:2px;height:20px;border-radius:1px;background:var(--ink)}.stairstep .stairflag:after{content:"";position:absolute;top:1px;left:2px;width:0;height:0;border-left:14px solid #EF4444;border-top:5px solid transparent;border-bottom:5px solid transparent}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#080c1ea8;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:12px 0;animation:fadeUp .25s ease}.overlay>.card{max-height:calc(100dvh - 24px);overflow-y:auto}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:linear-gradient(150deg,#2b50e8,#15259b);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:splashOut .45s ease 2s forwards}.splash img{width:96px;height:96px;border-radius:24px;animation:pop .5s ease;box-shadow:0 10px 40px #00000059}.splash h1{color:#fff;font-size:34px;margin-top:14px;animation:fadeUp .5s ease .15s backwards}.splash p{color:#bfd0ff;font-size:15px;margin-top:4px;animation:fadeUp .5s ease .3s backwards}.splash .steps{display:flex;align-items:flex-end;gap:7px;height:46px;margin-top:22px}.splash .steps i{width:16px;border-radius:5px;display:block;animation:stepRise .45s cubic-bezier(.34,1.4,.6,1) backwards}@keyframes stepRise{0%{transform:translateY(24px) scaleY(.2);opacity:0}to{transform:none;opacity:1}}@keyframes splashOut{to{opacity:0;visibility:hidden}}.quietrow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:10px;cursor:pointer;font-family:inherit;font-size:15px;color:var(--ink);text-align:start;box-shadow:none}.quietrow:active{transform:scale(.98)}.side{display:none}@media (min-width: 720px) and (min-height: 640px){.app{max-width:none;flex-direction:row}.pager{flex:1;min-width:0}.screen{max-width:720px;margin:0 auto;width:100%;padding-bottom:30px}.screen.no-nav{padding-bottom:30px}.bottomnav{display:none}.side{display:flex;flex-direction:column;gap:4px;flex-shrink:0;width:232px;padding:18px 14px;background:var(--card);border-left:1px solid var(--line);overflow-y:auto}.side-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:22px;font-weight:800;color:var(--ink)}.side-brand img{width:34px;height:34px;border-radius:10px}.side-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:14px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);text-align:right;transition:background .15s,color .15s}.side-item:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.side-item .i{font-size:18px;line-height:1}.side-item.on{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary)}.side-item.accent{margin-top:auto;background:var(--primary);color:#fff;justify-content:center}.floatpts,.praisepop{left:calc(50% - 116px)}}