:root{--bg: #e4def0;--plum: #3d2f52;--plum-2: #4b3c63;--plum-3: #5d4d78;--card: #ffffff;--tile: #eef0f8;--tile-2: #f5f4fa;--ink: #2b2140;--muted: #8b84a0;--line: #e7e3f0;--orange: #f26b3a;--amber: #f9a43a;--green: #22b267;--red: #ef4565;--radius: 26px;--shadow: 0 18px 40px -18px rgba(61, 47, 82, .35);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:default}input,textarea{font:inherit;color:inherit}img.icon{display:block;object-fit:contain;-webkit-user-select:none;user-select:none}.app{max-width:560px;margin:0 auto;min-height:100vh;min-height:100dvh;background:#f7f6fb;position:relative;padding-bottom:76px;overflow-x:clip}@media (min-width: 700px){body{padding:28px 0}.app{border-radius:38px;box-shadow:0 40px 80px -30px #3d2f5273;min-height:calc(100vh - 56px);overflow:hidden}}.gprog{position:sticky;top:0;z-index:30;background:var(--plum);color:#fff;padding:calc(8px + env(safe-area-inset-top)) 18px 8px}.gprog-bar{height:7px;border-radius:99px;background:#ffffff24;overflow:hidden}.gprog-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#f9a43a,#f26b3a);transition:width .5s ease}.gprog-label{font-size:11.5px;letter-spacing:.02em;opacity:.85;margin-top:4px;text-align:right}.gprog-label b{font-weight:800}.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:16px;color:var(--plum);font-weight:600}.spinner{width:36px;height:36px;border-radius:50%;border:4px solid #d6cfe4;border-top-color:var(--orange);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{background:var(--plum);color:#fff;padding:14px 22px 74px;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-stats{display:flex;gap:8px}.pill{background:var(--plum-2);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600}.hero-kicker{margin-top:26px;letter-spacing:.14em;font-size:15px;opacity:.85}.hero h1{margin:6px 0 18px;font-size:clamp(28px,8vw,36px);font-weight:800;letter-spacing:-.02em}.secs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin:0 -22px;padding-left:22px;padding-right:22px;scrollbar-width:none}.secs::-webkit-scrollbar{display:none}.sec{flex:none;display:flex;align-items:center;gap:8px;background:var(--plum-2);color:#fff;border-radius:14px;padding:8px 12px;font-size:13px;font-weight:600;white-space:nowrap}.sec b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff1f;font-size:12px}.sec.on{background:#fff;color:var(--plum)}.sec.on b{background:var(--orange);color:#fff}.sec.soon{opacity:.6}.panel{background:var(--card);margin:-54px 0 0;border-radius:var(--radius) var(--radius) 0 0;padding:22px 18px 24px;position:relative;min-height:60vh}.sec-head h2{margin:0;font-size:20px}.sec-head span{color:var(--muted);font-size:13px}.due-banner{width:100%;display:flex;align-items:center;gap:12px;text-align:left;margin-top:16px;background:#fff4ec;border:1.5px solid #ffd9c4;border-radius:18px;padding:12px 14px}.due-banner span:first-child{font-size:24px}.due-banner small{display:block;color:var(--muted);font-size:12px}.due-banner .go{margin-left:auto;font-size:28px;color:var(--orange)}.unit{margin-top:18px}.unit-head{display:flex;align-items:baseline;gap:8px;padding:6px 4px;border-bottom:1px solid var(--line);margin-bottom:4px}.unit-head b{font-size:15px}.unit-head span{color:var(--muted);font-size:12.5px}.lesson{width:100%;display:flex;align-items:center;gap:14px;padding:12px 8px;border-radius:22px;text-align:left}.lesson.cur{background:var(--tile);padding:16px 14px;margin:8px 0}.lesson.soon{opacity:.62}.lstat{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800}.lstat.done{background:var(--orange);color:#fff}.lstat.part{border:2.5px solid var(--orange)}.lstat.cur{width:0;margin-right:-14px}.lstat.lock{background:var(--tile);color:#b9b3c8}.ltile{flex:none;width:66px;height:66px;border-radius:20px;background:var(--tile);display:grid;place-items:center}.ltext{display:flex;flex-direction:column;min-width:0}.ltext b{font-size:17px}.ltext small{color:var(--muted);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ltext em{font-style:normal;color:var(--orange);font-size:12px;font-weight:600;margin-top:2px}.lesson.soon .ltext em{color:var(--muted);font-weight:500}.ring{position:relative;flex:none}.ring svg{position:absolute;top:0;right:0;bottom:0;left:0}.ring-in{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#fff;display:grid;place-items:center}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.topbar.dark{background:var(--plum);color:#fff}.iconbtn{width:40px;height:40px;border-radius:50%;background:var(--plum-2);color:#fff;font-size:16px;display:grid;place-items:center}.topbar:not(.dark) .iconbtn{background:var(--tile);color:var(--plum)}.sess-title{text-align:center;display:flex;flex-direction:column}.sess-title small{opacity:.7;font-size:12px}.badge{font-size:11px;font-weight:700;padding:5px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em;background:var(--plum-2)}.badge.tW{background:var(--orange)}.badge.tR{background:#c2416a}.intro{padding-bottom:90px}.intro-head{text-align:center;padding:6px 24px 10px}.intro-head img{margin:0 auto}.intro-head h2{margin:8px 0 4px}.intro-head p{color:var(--muted);margin:0;font-size:14px}.wordcards{padding:10px 16px;display:grid;gap:10px}.wcard{display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:12px 14px;box-shadow:0 6px 16px -12px #3d2f5266}.wcard-t{display:flex;flex-direction:column;flex:1;min-width:0}.wcard-t b{font-size:20px}.wcard-t span{color:var(--muted);font-size:14px}.intro-h{margin:18px 20px 8px;font-size:16px}.typegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px}.typecard{background:#fff;border-radius:22px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 16px -12px #3d2f5273;border:2px solid transparent}.typecard:active{transform:scale(.98)}.typecard.complete{border-color:#cdeedb}.tc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.typecard .badge{color:#fff;font-size:10px;padding:4px 8px}.typecard b{font-size:16px}.typecard small{color:var(--muted);font-size:12px;line-height:1.25;min-height:30px}.tc-bar{height:6px;border-radius:99px;background:var(--tile);overflow:hidden;margin-top:6px}.tc-bar div{height:100%;background:linear-gradient(90deg,#f9a43a,#f26b3a);border-radius:99px}.typecard.complete .tc-bar div{background:var(--green)}.typecard em{font-style:normal;font-size:12px;font-weight:700;color:var(--plum)}.typecard.complete em{color:#11834a}.resume-banner{width:100%;display:flex;align-items:center;gap:12px;text-align:left;margin-top:16px;background:var(--plum);color:#fff;border-radius:20px;padding:12px 14px;box-shadow:0 10px 22px -14px #2b2140cc}.resume-banner div{display:flex;flex-direction:column;flex:1;min-width:0}.resume-banner small{opacity:.75;font-size:12px}.resume-banner b{font-size:16px}.resume-banner .go{font-size:28px;color:var(--amber)}.secondary{display:block;width:100%;margin:10px 0 0;padding:14px;border-radius:18px;background:var(--tile);color:var(--plum);font-weight:800;font-size:15px}.soon-note{margin:16px;padding:14px;background:var(--tile);border-radius:16px;color:var(--muted);font-size:14px}.primary{display:block;width:calc(100% - 32px);margin:16px;padding:16px;border-radius:18px;background:var(--orange);color:#fff;font-weight:800;font-size:16px;box-shadow:0 10px 22px -10px #f26b3acc}.primary.small{width:auto;margin:10px 0;padding:12px 18px}.primary.sticky{position:fixed;bottom:12px;left:50%;transform:translate(-50%);max-width:528px;width:calc(100% - 32px);margin:0;z-index:20}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:12px;padding:8px 12px;background:var(--tile);color:var(--plum);font-weight:600;font-size:13px}.chip.on{background:var(--orange);color:#fff}.link{color:var(--orange);font-weight:700;font-size:13px;text-decoration:underline}.speaker{width:40px;height:40px;flex:none;border-radius:12px;display:inline-grid;place-items:center;background:#fff1ea;color:var(--orange)}.speaker.small{width:auto;min-width:28px;height:28px;padding:0 6px;border-radius:9px;display:inline-flex;gap:4px;align-items:center}.speaker.small svg{width:15px;height:15px}.speaker.busy{background:var(--orange);color:#fff}.session{padding-bottom:96px}.ex{padding-bottom:8px}.ex-dark{background:var(--plum);padding:6px 16px 26px;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.ex-kicker{color:#fff;text-align:center;font-weight:600;letter-spacing:.02em;margin:6px 0 14px;opacity:.92}.ex-kicker.dark{background:var(--plum);margin:0;padding:4px 16px 18px;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.card{background:#fff;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card.light{margin:14px 16px 0}.player{display:flex;align-items:center;gap:12px}.playbtn{width:50px;height:50px;flex:none;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px -8px #f26b3ae6}.player-time{font-size:13px;font-weight:700;color:var(--plum)}.wave{flex:1;display:flex;align-items:center;gap:3px;height:30px;overflow:hidden}.wave span{width:3px;border-radius:3px;background:var(--orange);opacity:.85}.wave span:nth-child(n+18){background:#d6d2e3}.wave.on span{animation:bounce .7s ease-in-out infinite alternate}@keyframes bounce{0%{transform:scaleY(.45)}to{transform:scaleY(1.15)}}.sentence{text-align:center;padding:18px 4px 8px}.sentence .da{font-size:22px;font-weight:600;margin:0;line-height:1.35}.sentence .en,p.en{color:var(--muted);margin:10px 0 0;font-size:15px}p.en.center{text-align:center}.muted-note{color:var(--muted);font-size:14px}mark{background:linear-gradient(transparent 60%,#ffd9c4 60%);color:inherit;padding:0 1px}.card-tools{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;border-radius:99px;background:#ddd8e8;position:relative;transition:background .2s;cursor:pointer;margin:0}.toggle input:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.toggle input:checked{background:#2bbf6a}.toggle input:checked:after{transform:translate(16px)}.grid9{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.tile{aspect-ratio:1;border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 6px 14px -10px #3d2f5280;border:2.5px solid transparent;padding:6px;transition:transform .1s}.tile:active{transform:scale(.96)}.tile-label{font-size:11.5px;color:var(--muted);font-weight:600;text-align:center;line-height:1.15;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tile.sel{border-color:var(--orange);background:#fff7f2}.tile.ok{border-color:var(--green);background:#ecfbf2}.tile.bad{border-color:var(--red);background:#fff0f3}.tile.missed{border-color:var(--amber);border-style:dashed}.tile.dim{opacity:.45}.reveal{margin:4px 16px 0}.reveal-words{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rw{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:14px;padding:6px 8px 6px 10px;font-size:16px}.example{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:20px;padding:14px;margin-top:12px;box-shadow:0 6px 16px -12px #3d2f5266}.example .da{margin:0;font-weight:600;font-size:17px}.mini-play{flex:none;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center}.cmp-row{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}.read-tokens{display:flex;flex-wrap:wrap;gap:4px 2px;justify-content:center;padding:18px 0 4px}.tok{display:inline-flex;flex-direction:column;align-items:center;padding:4px 5px;border-radius:10px}.tok-da{font-size:21px;font-weight:600;border-bottom:2px dotted #cfc8de}.tok-en{font-size:12px;color:var(--orange);font-weight:600;min-height:15px;max-width:120px;text-align:center;line-height:1.15}.tok.open{background:#fff4ec}.tok.target .tok-da{border-bottom:3px solid var(--orange)}.focus-word{display:flex;align-items:center;gap:8px;justify-content:center;margin:16px;color:var(--muted);flex-wrap:wrap}.focus-word b{color:var(--ink)}.prompt3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px;margin-top:-2px;position:relative;top:-2px}.pcard{background:#fff;border-radius:22px;padding:14px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:var(--shadow);position:relative;border:2.5px solid transparent;min-height:132px}.pcard.ok{border-color:var(--green)}.pcard.missed{border-color:var(--amber)}.pcard-hint{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.2;font-weight:600}.pcard-word{display:flex;flex-direction:column;align-items:center;gap:4px}.pcard-word b{font-size:18px}.tick{font-size:11px;font-weight:700;color:var(--muted)}.pcard.ok .tick{color:var(--green)}.pcard-badge{position:absolute;top:-8px;background:var(--orange);color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:99px}.ex-kicker.dark+.prompt3{margin-top:-14px}.recrow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.recbtn{width:64px;height:64px;border-radius:50%;background:var(--orange);display:grid;place-items:center;box-shadow:0 10px 20px -8px #f26b3ae6;flex:none}.recbtn .micdot{width:22px;height:22px;border-radius:50%;background:#fff}.recbtn .stopsq{width:20px;height:20px;border-radius:4px;background:#fff}.recbtn.on{background:var(--red);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ef456580}50%{box-shadow:0 0 0 12px #ef456500}}.rec-info{display:flex;flex-direction:column;flex:1;min-width:140px}.rec-info small{color:var(--muted);font-size:12.5px}.rec-live{color:var(--red)}.err{color:var(--red);font-size:13px}.composer{margin-top:14px;position:relative}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--tile-2);border:1.5px solid var(--line);border-radius:16px;padding:8px;min-height:52px}.chips input{flex:1;min-width:120px;border:0;background:transparent;outline:none;font-size:16px;padding:6px}.wchip{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:2px;box-shadow:0 2px 6px -4px #0000004d;font-weight:700}.wchip .speaker.small{background:transparent;color:var(--plum);font-size:15px}.wchip.noaudio .wchip-t{padding:0 8px;color:var(--muted)}.wchip .x{width:24px;height:24px;color:var(--muted);font-size:16px}.dropdown{list-style:none;margin:6px 0 0;padding:6px;background:#fff;border-radius:16px;box-shadow:0 16px 34px -14px #3d2f5280;position:absolute;left:0;right:0;z-index:10;max-height:300px;overflow:auto}.dropdown li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;cursor:pointer;font-size:15px}.dropdown li.hi,.dropdown li:hover{background:#fff4ec}.dropdown .lemma{color:var(--muted);font-size:12px}.dropdown .gl{margin-left:auto;color:var(--muted);font-size:12px;text-align:right;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-tools{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.dkeys{display:flex;gap:6px}.dkeys button{width:40px;height:40px;border-radius:12px;background:var(--tile);font-size:18px;font-weight:700;color:var(--plum)}textarea{width:100%;border:1.5px solid var(--line);background:var(--tile-2);border-radius:16px;padding:12px;font-size:17px;resize:vertical;outline:none;margin-bottom:10px}textarea:focus,.chips:focus-within{border-color:var(--orange)}.ratebar{margin:18px 16px 0}.ratebar-q{text-align:center;font-weight:700;color:var(--muted);font-size:13px;margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase}.ratebar-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rate{border-radius:18px;padding:14px 6px 10px;font-weight:800;font-size:16px;display:flex;flex-direction:column;align-items:center;gap:2px;border:2.5px solid transparent}.rate small{font-size:11px;font-weight:600;opacity:.8}.rate.easy{background:#e3f8ec;color:#11834a}.rate.soso{background:#fff3df;color:#b06a00}.rate.hard{background:#ffe8ed;color:#c42146}.rate.sug{border-color:currentColor}.lessonbar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:528px;background:var(--plum-2);color:#fff;border-radius:22px;padding:12px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:4px 10px;align-items:center;z-index:20;box-shadow:0 12px 26px -12px #2b2140b3}.lessonbar span{font-size:13px;opacity:.85}.lessonbar .lb{grid-column:1 / -1;height:8px;border-radius:99px;background:var(--plum);overflow:hidden}.lessonbar .lb div{height:100%;background:linear-gradient(90deg,#f9a43a,#f26b3a);border-radius:99px;transition:width .4s}.done{display:grid;place-items:center;min-height:70vh;padding:20px}.done-card,.review-card{background:#fff;border-radius:var(--radius);padding:28px 22px;text-align:center;box-shadow:var(--shadow);width:100%}.done-card .primary,.review-card .primary{width:100%;margin:16px 0 0}.big{font-size:52px}.tally{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.t{border-radius:99px;padding:6px 12px;font-weight:700;font-size:13px}.t.easy{background:#e3f8ec;color:#11834a}.t.soso{background:#fff3df;color:#b06a00}.t.hard{background:#ffe8ed;color:#c42146}.muted{color:var(--muted);font-size:13px}.pad{padding:16px}.page-title{font-size:28px;margin:6px 4px 14px}.due-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.due-types div{background:#fff;border-radius:16px;padding:12px 4px;text-align:center;display:flex;flex-direction:column}.due-types b{font-size:20px}.due-types span{font-size:11.5px;color:var(--muted)}.search{width:100%;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line);background:#fff;font-size:16px;outline:none}.search:focus{border-color:var(--orange)}.dict{margin-top:12px;display:grid;gap:8px}.drow{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:10px 12px}.drow-t{flex:1;min-width:0;display:flex;flex-direction:column}.drow-t b{font-size:17px}.drow-t .lemma{color:var(--muted);font-size:12px}.drow-t small{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank{color:#c0bad0;font-size:12px;font-weight:700}.me .hero.small{text-align:center;padding-top:22px}.avatar{width:92px;height:92px;border-radius:28px;background:#f4f2fa;display:grid;place-items:center;margin:0 auto;border:4px solid #fff}.me .hero h2{margin:10px 0 2px}.me .hero p{margin:0;opacity:.75;font-size:14px}.rings-row{display:flex;align-items:center;gap:18px;justify-content:center;flex-wrap:wrap;padding:6px 0 10px;border-bottom:1px solid var(--line)}.legend{list-style:none;margin:0;padding:0;display:grid;gap:8px}.legend li{display:grid;grid-template-columns:12px 90px auto;gap:8px;align-items:center;font-size:14px}.legend i{width:12px;height:12px;border-radius:4px}.legend span{color:var(--muted);font-size:13px}.me h3{margin:22px 4px 10px;font-size:17px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center}.day span{display:grid;place-items:center;width:34px;height:34px;margin:0 auto;border-radius:50%;background:var(--tile);color:#b9b3c8;font-weight:700;font-size:13px}.day.on span{background:var(--orange);color:#fff}.day small{display:block;color:var(--muted);font-size:12px;margin-top:4px;font-weight:600}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.skill{display:flex;align-items:center;gap:12px;background:var(--tile);border-radius:20px;padding:14px}.sk-ic{width:46px;height:46px;border-radius:14px;background:#fff;display:grid;place-items:center;font-weight:800;color:#3b82f6;font-size:18px;flex:none}.skill b{font-size:20px;display:block}.skill small{color:var(--muted);font-size:12px}.sync{background:var(--tile);border-radius:20px;padding:14px}.sync p{margin:0 0 8px;font-size:14px}.sync .row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;align-items:center}.sync .row .search{flex:1;min-width:180px;padding:10px 12px}.code{display:block;font-size:18px;font-weight:800;letter-spacing:.08em;background:#fff;border-radius:12px;padding:10px 12px;word-break:break-all}.setting{display:flex;gap:10px;align-items:center;font-size:14px;padding:8px 4px}.credits{color:var(--muted);font-size:11.5px;margin-top:20px}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:25}@media (min-width: 700px){.nav{bottom:28px;border-radius:0 0 38px 38px}}.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#b1aac2;text-decoration:none;font-size:11.5px;font-weight:700;position:relative}.nav a.on{color:var(--orange)}.nav .dot{position:absolute;top:-4px;right:22%;background:var(--orange);color:#fff;font-style:normal;font-size:10px;border-radius:99px;padding:1px 6px}