@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");:root{--ink:#111827;--muted:#64748b;--line:#e7eaf0;--purple:#7c3aed;--lavender:#f2edff;--blue:#3b82f6;--bg:#fbfcfe}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}.shell{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:31px 22px 24px;width:244px;display:flex;flex-direction:column}.brand{font-size:21px;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.brand-mark{background:var(--purple);color:#fff;border-radius:10px;display:grid;place-items:center;width:31px;height:31px;font-size:19px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:#a0a9b9;margin:0}.sidebar .eyebrow{margin:53px 12px 18px}.nav-item{display:flex;align-items:center;gap:13px;color:#7b8492;text-decoration:none;padding:12px;border-radius:10px;font-size:13px;margin:3px 0}.nav-item span{width:16px;text-align:center;font-size:17px}.nav-item.active{color:var(--purple);background:var(--lavender);font-weight:700}.sidebar-bottom{margin-top:auto}.mini-profile{border-top:1px solid var(--line);padding:20px 8px 0;display:flex;align-items:center;gap:10px}.avatar{background:#f2e7dc;color:#b56d3c;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:700}.avatar.small{width:27px;height:27px;font-size:12px}.mini-profile strong{display:block;font-size:12px}.mini-profile small{display:block;color:#a0a9b9;font-size:11px;margin-top:3px}.content{max-width:1190px;width:100%;padding:35px 58px 58px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.topbar h1{font-size:24px;margin:7px 0 0;letter-spacing:-.03em}.top-actions{display:flex;gap:14px;align-items:center}.icon-button,.profile-button{border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--muted);padding:9px 11px;font-size:12px}.profile-button{display:flex;align-items:center;gap:8px}.hero{background:#f0eaff;border-radius:22px;min-height:260px;padding:39px 47px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.violet{color:var(--purple)}.hero h2{font-size:36px;line-height:1.1;letter-spacing:-.055em;margin:12px 0}.hero h2 span{color:var(--purple)}.hero-copy{color:#6d6a7c;font-size:14px;max-width:410px;line-height:1.55;margin:0 0 24px}.primary-button{display:inline-flex;gap:17px;background:var(--purple);color:#fff;text-decoration:none;padding:12px 17px;border-radius:8px;font-size:13px;font-weight:700}.hero-art{width:280px;position:relative}.orb{position:absolute;border-radius:50%;border:1px solid #cfc0ff}.orb-one{width:205px;height:205px;right:15px;top:0}.orb-two{width:145px;height:145px;right:45px;top:29px}.keyboard-icon{position:absolute;right:60px;top:73px;font-size:77px;filter:drop-shadow(0 14px 8px #c4b6eb)}.sparkle{position:absolute;color:var(--purple)}.s1{top:20px;right:4px}.s2{bottom:28px;left:29px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:41px 0 17px}.practice-panel h2,.section-heading h2{font-size:20px;letter-spacing:-.03em;margin:7px 0 0}.section-heading a{font-size:12px;color:var(--purple);text-decoration:none;font-weight:600}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.quick-card{border-radius:14px;padding:20px;display:flex;align-items:center;gap:15px;text-decoration:none;position:relative;min-height:95px}.quick-card h3{margin:0 0 5px;font-size:14px;color:var(--ink)}.quick-card p{margin:0;color:var(--muted);font-size:12px}.quick-card.purple{background:#f0eaff}.quick-card.blue{background:#eaf4ff}.quick-card.orange{background:#fff1e6}.card-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--purple);font-weight:700}.blue .card-icon{color:var(--blue)}.orange .card-icon{color:#ed8a32}.arrow{margin-left:auto;color:#98a1b1}.practice-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;margin-top:39px}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:21px}.level-pill{background:#f1edff;color:var(--purple);padding:7px 11px;border-radius:20px;font-size:11px}.typing-box{border:1px solid #e7e2fa;border-radius:12px;background:#fcfbff;padding:20px}.typing-footer,.typing-meta{display:flex;justify-content:space-between;color:#9ba3b1;font-size:11px}.prompt{font:18px/2 Space Mono,monospace;letter-spacing:-.03em;margin:25px 0;color:#b5bac4}.prompt .correct{color:var(--purple)}.prompt .incorrect{color:#ef4444;text-decoration:underline}.prompt .current{border-left:2px solid var(--purple)}.typing-box input{width:100%;border:0;border-bottom:1px solid #ddd8ee;background:transparent;padding:10px 0;outline:0;font:14px Space Mono,monospace;color:var(--ink)}.typing-box input:focus{border-color:var(--purple)}.typing-footer{margin-top:17px}.text-button{background:transparent;border:0;color:var(--purple);font-weight:700;font-size:11px;cursor:pointer}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:21px}.stats-row div{border-right:1px solid var(--line);padding-left:19px}.stats-row div:first-child{padding-left:0}.stats-row div:last-child{border:0}.stats-row small{display:block;color:#a0a9b9;font-size:10px;margin-bottom:6px}.stats-row strong{font-size:20px}.empty-note{color:#a0a9b9;text-align:center;font-size:11px;margin:27px 0 0}@media(max-width:850px){.sidebar{width:76px;padding:25px 10px}.brand{justify-content:center}.brand>span:last-child,.mini-profile>div:last-child,.nav-item span+span,.nav-item:not(.active):after,.sidebar .eyebrow{display:none}.nav-item{justify-content:center}.content{padding:25px 22px}.hero{padding:30px;min-height:230px}.hero-art{opacity:.55}.hero h2{font-size:30px}}@media(max-width:560px){.content{padding:20px 14px}.topbar h1{font-size:20px}.top-actions .profile-button{font-size:0}.hero{padding:26px 22px}.hero-art{display:none}.hero h2{font-size:28px}.quick-grid{grid-template-columns:1fr}.practice-panel{padding:17px}.prompt{font-size:14px}.stats-row strong{font-size:17px}.stats-row div{padding-left:9px}}.language-selector select{border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--muted);padding:9px 11px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.trends-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:24px}.trends-heading{display:flex;justify-content:space-between;align-items:end;gap:18px}.trends-heading h2{font-size:20px;margin:8px 0}.trends-heading h2 span{color:var(--muted);font-weight:400}.trends-heading>div:last-child{display:flex;align-items:center;gap:14px}.trends-heading select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;color:var(--muted)}.trends-heading a{font-size:12px;color:var(--purple);font-weight:700;text-decoration:none}.trends-list{margin-top:14px}.trend-row{display:grid;grid-template-columns:42px minmax(160px,1fr) 110px 130px 90px;align-items:center;grid-gap:12px;gap:12px;border-top:1px solid #f1f5f9;padding:12px 4px;font-size:12px}.trend-row b,.trend-row>strong{color:var(--purple)}.trend-row b{text-align:right}.trend-row small,.trend-row>span:not(.trend-user){color:var(--muted)}.trend-user{display:flex;align-items:center;gap:8px;min-width:0}.trend-user img{width:27px;height:27px;border-radius:50%;object-fit:cover}.trends-empty{border:1px dashed #cbd5e1;border-radius:10px;padding:24px;color:var(--muted);text-align:center}@media(max-width:800px){.trends-heading{align-items:flex-start;flex-direction:column}.trends-heading>div:last-child{flex-wrap:wrap}.trend-row{grid-template-columns:32px minmax(120px,1fr) 85px}.trend-row small,.trend-row>span:not(.trend-user){display:none}}:focus-visible{outline:2px solid #7c3aed;outline-offset:3px}.stats-header>a[href="/"]{display:none!important}.sora-info-list{display:grid;grid-gap:14px;gap:14px}.sora-info-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border:1px solid #eef2f7;border-radius:12px;background:#fff}.sora-info-item h2{margin:6px 0;font-size:18px}.sora-info-item p:not(.eyebrow){margin:0;color:#64748b;line-height:1.6;font-size:13px}.sora-info-item .primary-button{white-space:nowrap}@media(max-width:650px){.sora-info-item{align-items:flex-start;flex-direction:column}.sora-info-item .primary-button{width:100%;justify-content:center}}.sora-footer{background:var(--bg);color:var(--ink);border-top:1px solid var(--line)}.sora-footer-copyright{max-width:1190px;margin:0 auto;font-size:12px}.home-footer,.sora-footer-copyright{padding:20px 58px;color:var(--muted);text-align:center}.home-footer{background:var(--bg);font-size:13px;margin-top:auto}.sora-profile-menu{position:relative}.sora-profile-trigger{display:flex;align-items:center;gap:10px;border:1px solid #e5e7f1;border-radius:999px;background:#fff;color:#343750;padding:6px 12px 6px 7px;cursor:pointer;font:inherit}.sora-profile-avatar{width:32px;height:32px;border-radius:50%;background:#0f9fb6;color:#fff;display:grid;place-items:center;font-weight:700;overflow:hidden}.sora-profile-avatar img{width:100%;height:100%;object-fit:cover}.sora-profile-panel{position:absolute;z-index:60;right:0;top:calc(100% + 10px);width:min(350px,calc(100vw - 24px));background:#fff;border:1px solid #e5e7f1;border-radius:18px;box-shadow:0 18px 44px rgba(37,31,92,.16);padding:12px}.sora-profile-card-top{display:flex;justify-content:space-between;gap:12px;padding:10px}.sora-profile-identity{display:flex;align-items:center;gap:10px;min-width:0}.sora-profile-avatar-large{width:42px;height:42px}.sora-profile-identity span,.sora-profile-identity strong{display:block}.sora-profile-identity span{font-size:12px;color:#777b94;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sora-profile-badge{align-self:start;border-radius:999px;background:#f0edff;color:#6757da;padding:5px 8px;font-size:10px;font-weight:750}.sora-profile-section{display:grid;grid-gap:3px;gap:3px;padding:8px}.sora-profile-section p{margin:0 0 3px;color:#9699ad;font-size:10px;font-weight:750;letter-spacing:.08em}.sora-profile-section a,.sora-profile-section button{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:10px;background:transparent;color:#4d5068;padding:10px;text-align:left;text-decoration:none;font:inherit;cursor:pointer}.sora-profile-section a.is-current,.sora-profile-section a:hover,.sora-profile-section button:hover{background:#f0eeff;color:#5d50ca}.sora-profile-icon{width:20px;text-align:center}.sora-profile-arrow{margin-left:auto}.sora-profile-divider{height:1px;background:#ececf4;margin:4px 8px}.sora-profile-logout-section button{color:#b53f5d}