.intro{flex-direction:column;align-items:center;min-height:100vh;padding:24px 24px 48px;display:flex}.intro>*{width:100%;max-width:1040px}.intro__top{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.intro__heading{text-align:center;margin-bottom:24px}.intro__heading h1{font-family:var(--font-display);letter-spacing:-1px;margin:0 0 8px;font-size:32px}.intro__heading p{color:var(--muted-2);margin:0;font-size:16px}.intro__stage{border:1px solid var(--line);background:var(--bg);border-radius:20px;gap:20px;height:460px;padding:20px;display:flex;overflow:hidden;box-shadow:0 24px 60px #2834781a}.intro__outline{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:0 0 190px;align-self:flex-start;padding:12px;font-size:12px}.intro__outline-head{justify-content:space-between;padding:0 4px 8px;display:flex}.intro__outline-head span{color:var(--muted-3)}.intro__outline-current{background:var(--accent-soft);color:var(--accent-hover);border-radius:7px;padding:7px 4px;font-weight:700}.intro__outline-current>div{gap:4px;margin-top:6px;display:flex}.intro__outline-item{color:var(--muted-3);padding:7px 4px}.intro-pill{background:var(--surface);color:var(--muted-3);border-radius:99px;padding:2px 6px;font-size:10px}.intro-pill--current{background:var(--accent);color:#fff}.intro-pill--done{background:var(--accent-soft-2);color:var(--accent-hover)}.intro__screen{flex-direction:column;flex:1;min-width:0;display:flex}.intro__video{background:var(--navy);border-radius:14px;flex:1;position:relative;overflow:hidden}.intro__video-orbit{border:1px solid #c9d1f526;border-radius:50%;width:520px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-24deg)}.intro__video-title{color:#fff;font-family:var(--font-display);font-size:22px;font-weight:700;position:absolute;top:22px;left:24px;right:24px}.intro__subtitle{color:#fff;text-align:center;background:#00000073;border-radius:8px;width:80%;padding:8px 12px;font-size:14px;transition:opacity .3s;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.intro__controls{color:#fff;font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.intro__track{background:#fff3;border-radius:99px;flex:1;height:4px}.intro__track div{background:var(--orange);border-radius:99px;height:100%}.intro__task{flex-direction:column;flex:1;gap:12px;display:flex}.intro__task-title{font-family:var(--font-display);font-size:18px;font-weight:700}.intro__task-body{flex:1;gap:12px;min-height:0;display:flex}.intro__secret{border:1px solid var(--line);background:var(--surface);color:var(--ink-3);border-radius:12px;flex:0 0 38%;padding:14px;font-size:13px;line-height:1.7}.intro__secret>div{color:#8a4f1f;margin-bottom:6px;font-size:11px;font-weight:700}.intro__secret mark{color:inherit;background:#fbe9dc}.intro__editor-col{flex-direction:column;flex:1;gap:10px;display:flex}.intro__editor{border:1.5px solid var(--accent-border);background:var(--surface);color:var(--ink-2);font-family:var(--font-mono);white-space:pre-wrap;border-radius:12px;flex:1;padding:14px;font-size:13px;line-height:1.7}.intro__caret{background:var(--accent);vertical-align:-3px;width:2px;height:16px;margin-left:1px;display:inline-block}.intro__submit{color:var(--muted-3);background:#e2e5f2;border-radius:9px;align-self:flex-end;padding:10px 18px;font-size:13px;font-weight:600;transition:background .2s}.intro__submit--ready{background:var(--accent);color:#fff}.intro__result{flex-direction:column;flex:1;gap:14px;display:flex}.intro__result-head{font-family:var(--font-display);align-items:baseline;gap:12px;font-size:18px;font-weight:700;display:flex}.intro__score{letter-spacing:-1px;font-size:34px;font-weight:800}.intro__prompt{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-family:var(--font-mono);border-radius:12px;padding:16px;font-size:13px;line-height:1.8}.intro__leak{background:var(--warn-mark);color:var(--warn-ink);border-radius:4px;padding:1px 4px}.intro__leak--fixed{text-decoration:line-through}.intro__fix{background:var(--ok-soft);color:var(--ok-ink);border-radius:4px;padding:1px 4px}.intro__criteria{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;font-size:13px;display:grid}.intro__criteria>span{align-items:center;gap:8px;display:flex}.intro__dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.intro__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.intro__step{border:1px solid var(--line);width:100%;height:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.intro__step[aria-current=step]{border-color:var(--accent-border);background:var(--surface)}.intro__step-bar{background:#e2e5f2;border-radius:99px;height:3px;overflow:hidden}.intro__step-bar span{background:var(--accent);height:100%;display:block}.intro__step-title{font-size:15px;font-weight:700}.intro__step-text{color:var(--muted-2);font-size:13px;line-height:1.5}.intro__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}@media (width<=760px){.intro{padding:16px 16px 40px}.intro__stage{height:400px;padding:12px}.intro__outline{display:none}.intro__task-body{flex-direction:column}.intro__secret{flex:none}.intro__steps,.intro__criteria{grid-template-columns:1fr}}:root{--bg:#f6f6f2;--surface:#fff;--surface-soft:#fafaf7;--ink:#1c2033;--ink-2:#2d3245;--ink-3:#3b4055;--muted:#4c5167;--muted-2:#5a5f74;--muted-3:#656a7f;--line:#e4e6ee;--line-2:#e2e4ec;--line-3:#eceef3;--accent:#3046c5;--accent-hover:#1f3399;--accent-soft:#f0f2fd;--accent-soft-2:#dfe4fa;--accent-ring:#9fadea;--accent-border:#b3bfee;--accent-done:#8e9ad8;--navy:#171d3d;--navy-text:#c9d1f5;--orange:#f07a3e;--warn:#b5652c;--warn-dot:#d0681f;--warn-ink:#6a3510;--warn-soft:#fdf6ef;--warn-border:#d98b55;--warn-mark:#fbe1cf;--ok-soft:#e5f0e8;--ok-ink:#1d5a37;--font-body:"DM Sans", system-ui, sans-serif;--font-display:Manrope, "DM Sans", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}a:hover{color:var(--accent-hover)}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}@media (width<=640px){.container{padding-left:16px;padding-right:16px}}.site-header{flex-wrap:wrap;align-items:center;gap:8px 32px;min-height:72px;display:flex}.logo{color:var(--ink);font-family:var(--font-display);letter-spacing:-.7px;align-items:center;gap:8px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}.logo:hover{color:var(--ink)}.logo--small{letter-spacing:-.6px;font-size:17px}.main-nav{flex:1;gap:4px;display:flex}.nav-link{min-height:44px;color:var(--muted);border-radius:10px;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--ink)}.nav-link[aria-current=page]{background:var(--surface);color:var(--ink);font-weight:700}.header-actions{align-items:center;gap:8px;display:flex}.user-menu{position:relative}.user-menu__button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:99px;align-items:center;gap:10px;padding:0 6px 0 4px;font-size:14px;font-weight:600;display:inline-flex}.avatar{color:#8a4f1f;background:#fbeee2;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.user-menu__panel{z-index:20;border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #2834781f}.user-menu__email{color:var(--muted-3);overflow-wrap:anywhere;padding:8px 10px;font-size:13px}.user-menu__item{width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:0 10px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.user-menu__item:hover{background:var(--accent-soft);color:var(--accent-hover)}.site-footer{color:var(--muted-3);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;padding-bottom:20px;font-size:13px;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--accent-hover);color:#fff}.btn:disabled{color:var(--muted-3);cursor:default;background:#e2e5f2}.btn--lg{border-radius:12px;min-height:54px;padding:0 24px;font-size:16px}.btn--sm{min-height:44px;padding:0 18px;font-size:14px}.btn--block{width:100%;display:flex}.btn--secondary{border:1px solid var(--line-2);background:var(--surface);color:var(--ink)}.btn--secondary:hover{background:var(--accent-soft);color:var(--accent-hover)}.btn--ghost{min-height:44px;color:var(--ink);background:0 0;padding:0 14px;font-size:14px}.btn--ghost:hover{color:var(--accent);background:0 0}.text-link{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--accent-hover)}.hero{flex-wrap:wrap;flex:1;align-items:center;gap:56px;padding-top:40px;padding-bottom:64px;display:flex}.hero__copy{flex:999 460px;min-width:0}.hero__title{font-family:var(--font-display);letter-spacing:-2.4px;margin:0 0 18px;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.08}.hero__title span{color:var(--accent)}.hero__lead{max-width:460px;color:var(--muted-2);margin:0 0 32px;font-size:17px;line-height:1.65}.hero__actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.hero__note{color:var(--muted-3);margin:16px 0 0;font-size:13px}.hero__art{flex:360px;place-items:center;height:420px;display:grid;position:relative;overflow:hidden}.hero__art>span{position:absolute}.hero__glow{background:radial-gradient(circle,#e3e7fa 0%,#ebeefb 45%,#f6f6f2 72%);border-radius:50%;width:340px;height:340px}.hero__orbit{border:1px solid #cfd6f3;border-radius:50%}.hero__orbit--a{width:380px;height:210px;transform:rotate(-27deg)}.hero__orbit--b{width:260px;height:400px;transform:rotate(38deg)}.hero__dot{background:var(--orange);border-radius:50%;width:10px;height:10px;top:70px;right:70px}.hero__art>.hero__badge{background:var(--surface);border-radius:34px;place-items:center;width:120px;height:120px;display:grid;position:relative;box-shadow:0 16px 44px #2834781f}.page-main{flex:1;padding-top:40px;padding-bottom:64px}.page-title{font-family:var(--font-display);letter-spacing:-1px;margin:0 0 28px;font-size:32px}.filters{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.filter-group{border:0;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;display:flex}.filter-group legend{float:left;width:72px;color:var(--muted-3);margin-right:6px;padding:0;font-size:13px;font-weight:600}.chip{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink);font-weight:700}.filters__summary{color:var(--muted-3);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}@media (width<=640px){.course-grid{grid-template-columns:1fr}}.course-card{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;border-radius:16px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.course-card:hover{color:var(--ink);border-color:var(--accent-border)}.course-cover{background:var(--navy);place-items:center;height:160px;display:grid;position:relative;overflow:hidden}.course-cover__orbit{border:1px solid #c9d1f52e;border-radius:50%;width:300px;height:160px;position:absolute;transform:rotate(-24deg)}.course-cover__dot{background:var(--orange);border-radius:50%;width:8px;height:8px;position:absolute;top:36px;right:70px}.course-card__body{flex-direction:column;flex:1;gap:6px;padding:18px 20px 20px;display:flex}.course-card__meta{color:var(--muted-3);font-size:13px}.course-card__title{font-family:var(--font-display);letter-spacing:-.4px;font-size:20px;font-weight:700}.course-card__text{-webkit-line-clamp:3;color:var(--muted-2);-webkit-box-orient:vertical;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.course-card__text p{margin:0}.course-card__footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.course-card__cta{color:var(--accent);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.badge{background:var(--accent-soft);color:var(--accent-hover);border-radius:99px;align-items:center;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge--muted{background:var(--line-3);color:var(--muted)}.placeholder-card{min-height:300px;color:var(--muted-3);text-align:center;border:1.5px dashed #d8dbe6;border-radius:16px;place-items:center;padding:20px;font-size:14px;display:grid}.empty-state{color:var(--muted-2);text-align:center;border:1.5px dashed #d8dbe6;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:48px 20px;font-size:15px;display:flex}.course-hero{flex-wrap:wrap;align-items:flex-start;gap:32px;display:flex}.course-hero__main{flex:999 480px;min-width:0}.course-hero__side{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex:300px;padding:20px}.lesson-list{margin:0;padding:0;list-style:none}.lesson-list li{border-top:1px solid var(--line-3);align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.lesson-list li:first-child{border-top:0}.lesson-list__num{width:20px;color:var(--muted-3);font-variant-numeric:tabular-nums}.lesson-list__type{color:var(--muted-3);margin-left:auto;font-size:12px}.auth-page{flex-direction:column;align-items:center;min-height:100vh;padding:28px 20px 48px;display:flex}.auth-page .logo{margin-bottom:56px}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;width:100%;max-width:400px;padding:32px}@media (width<=440px){.auth-card{padding:24px 20px}}.auth-card h1{font-family:var(--font-display);letter-spacing:-.8px;margin:0 0 6px;font-size:26px}.auth-card__sub{color:var(--muted-2);margin:0 0 24px;font-size:14px;line-height:1.5}.google-btn{border:1px solid var(--line-2);background:var(--surface);width:100%;min-height:48px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.google-btn:disabled{color:var(--muted-3);cursor:not-allowed}.divider{color:var(--muted-3);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.form{flex-direction:column;gap:14px;display:flex}.field label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field input{border:1px solid var(--line-2);background:var(--surface-soft);width:100%;min-height:46px;color:var(--ink);border-radius:10px;padding:0 14px;font-size:15px}.field__row{justify-content:space-between;align-items:baseline;display:flex}.field__row a{font-size:13px;font-weight:600;text-decoration:none}.form-error{background:var(--warn-soft);color:var(--warn-ink);border-radius:10px;margin:0;padding:10px 12px;font-size:14px;line-height:1.5}.form-success{background:var(--ok-soft);color:var(--ok-ink);border-radius:10px;margin:0;padding:10px 12px;font-size:14px;line-height:1.5}.auth-switch{color:var(--muted-2);text-align:center;margin:22px 0 0;font-size:14px}.auth-switch .text-link{padding:0 4px}.profile-main{flex-direction:column;flex:1;gap:36px;padding-top:32px;padding-bottom:64px;display:flex}.profile-main h1{font-family:var(--font-display);letter-spacing:-1px;margin:0;font-size:30px}.continue-card{background:var(--navy);color:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:20px 32px;padding:26px 28px;text-decoration:none;display:flex}.continue-card:hover{color:#fff}.continue-card__text{flex:999 360px;min-width:0}.continue-card__eyebrow{color:var(--navy-text);font-size:13px;display:block}.continue-card__title{font-family:var(--font-display);letter-spacing:-.6px;margin-top:6px;font-size:24px;font-weight:700;display:block}.continue-card__progress{color:var(--navy-text);align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.continue-card__track{background:#ffffff2e;border-radius:99px;flex:0 320px;height:4px}.continue-card__track span{background:var(--orange);border-radius:99px;height:100%;display:block}.continue-card__btn{min-height:52px;color:var(--navy);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.section-head h2{margin:0;font-size:18px}.my-courses{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.my-courses li{flex-wrap:wrap;align-items:center;gap:12px 32px;padding:18px 22px;display:flex}.my-courses li+li{border-top:1px solid var(--line-3)}.my-courses__name{flex:999 240px;min-width:0}.my-courses__name strong{font-size:16px;display:block}.my-courses__name span{color:var(--muted-3);margin-top:3px;font-size:13px;display:block}.my-courses__progress{flex:200px;align-items:center;gap:12px;display:flex}.progress-track{background:var(--line-3);border-radius:99px;flex:1;height:6px}.progress-track span{background:var(--accent);border-radius:99px;height:100%;display:block}.progress-track--done span{background:var(--accent-done)}.my-courses__pct{width:40px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.my-courses .btn{min-width:120px;min-height:44px;padding:0 16px;font-size:14px}.lesson-header{justify-content:space-between;align-items:center;width:100%;max-width:1360px;height:64px;margin:0 auto;padding:0 24px;display:flex}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface);color:var(--ink)}.lesson-layout{flex-wrap:wrap;align-items:flex-start;gap:32px;width:100%;max-width:1360px;margin:0 auto;padding:4px 24px 48px;display:flex}@media (width<=640px){.lesson-layout,.lesson-header{padding-left:16px;padding-right:16px}}.lesson-layout__side{flex:220px;max-width:240px}@media (width<=880px){.lesson-layout__side{max-width:none}}.lesson-layout__main{flex:999 600px;min-width:0;max-width:860px}.lesson-eyebrow{color:var(--muted-3);font-size:13px}.lesson-title{font-family:var(--font-display);letter-spacing:-.8px;margin:4px 0 22px;font-size:26px;line-height:1.25}.lesson-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:22px;display:flex}.lesson-actions__hint{color:var(--muted-3);font-size:13px}.outline{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:14px;padding:14px}.outline__head{justify-content:space-between;align-items:baseline;gap:8px;padding:0 6px 10px;display:flex}.outline__head strong{font-size:14px}.outline__head span{color:var(--muted-3);white-space:nowrap;font-size:12px}.outline__bar{background:var(--line-3);border-radius:99px;height:3px;margin:0 6px 10px}.outline__bar span{background:var(--accent);border-radius:99px;height:100%;display:block}.outline ol{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.outline__toggle{width:100%;min-height:44px;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 6px;font-size:13px;font-weight:700;display:none}@media (width<=880px){.outline__toggle{display:block}.outline__list--collapsed>li:not([aria-current]){display:none}}.outline__link{min-height:36px;color:var(--muted-3);border-radius:8px;align-items:center;gap:10px;padding:0 6px;font-size:13px;text-decoration:none;display:flex}.outline__link:hover{background:var(--accent-soft);color:var(--accent-hover)}.outline__link--locked{cursor:not-allowed;opacity:.75}.outline__link--locked:hover{color:var(--muted-3);background:0 0}.outline__icon{text-align:center;flex:0 0 14px;width:14px}.outline__current{background:var(--accent-soft);border-radius:8px;margin-top:2px;padding:8px 6px}.outline__current>div:first-child{color:var(--accent-hover);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.step-pills{gap:6px;margin:8px 0 0 24px;display:flex}.step-pill{background:var(--surface);color:var(--muted-3);border-radius:99px;padding:3px 8px;font-size:11px;font-weight:600}.step-pill--done{background:var(--accent-soft-2);color:var(--accent-hover)}.step-pill--current{background:var(--accent);color:#fff}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{border:1.5px solid var(--line);background:var(--surface);min-height:56px;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:12px 18px;font-size:16px;line-height:1.4;display:flex}.quiz-option:hover{border-color:var(--accent-border)}.quiz-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover)}.quiz-option__mark{background:var(--surface);border:1.5px solid #c5cad9;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.quiz-option__mark--square{border-radius:5px}.quiz-option[aria-checked=true] .quiz-option__mark{border-color:var(--accent);background:var(--accent);color:#fff}.quiz-prompt{font-family:var(--font-display);letter-spacing:-.8px;margin:6px 0 22px;font-size:26px;font-weight:700;line-height:1.3}.quiz-prompt p{margin:0 0 8px}.quiz-prompt p:last-child{margin-bottom:0}.quiz-prompt .content-extra{font-family:var(--font-body);letter-spacing:0;font-size:16px;font-weight:400}.quiz-dots{gap:6px;margin-top:10px;display:flex}.quiz-dots button{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--muted-3);cursor:pointer;border-radius:8px;font-size:12px;font-weight:700}.quiz-dots button[data-answered=true]{background:var(--accent-soft-2);color:var(--accent-hover);border-color:#0000}.quiz-dots button[aria-current=step]{border-color:var(--accent)}.result-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.result-score{font-family:var(--font-display);letter-spacing:-1.5px;color:var(--accent);font-size:40px;font-weight:800}.result-score--warn{color:var(--warn)}.result-head h1{font-family:var(--font-display);letter-spacing:-.8px;margin:0;font-size:24px;line-height:1.3}.result-lead{color:var(--muted-2);margin:6px 0 22px;font-size:15px;line-height:1.65}.criteria{flex-direction:column;gap:12px;margin:0 0 26px;padding:0;list-style:none;display:flex}.criterion{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px 18px}.criterion__head{align-items:flex-start;gap:10px;font-size:15px;font-weight:600;display:flex}.criterion__head p{margin:0}.criterion__dot{background:var(--accent);border-radius:50%;flex:0 0 8px;height:8px;margin-top:7px}.criterion--wrong .criterion__dot{background:var(--warn-dot)}.criterion--wrong .criterion__head{color:var(--warn-ink)}.criterion__answers{margin:10px 0 0 18px;padding:0;font-size:14px;line-height:1.5;list-style:none}.criterion__answers li{color:var(--muted);gap:8px;padding:3px 0;display:flex}.criterion__answers .is-correct{color:var(--accent-hover);font-weight:600}.criterion__answers .is-missed{color:var(--muted)}.criterion__tag{background:var(--line-3);color:var(--muted);white-space:nowrap;border-radius:99px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600}.criterion__answers .is-wrong{color:var(--warn-ink);text-decoration:line-through;-webkit-text-decoration-color:var(--warn);text-decoration-color:var(--warn)}.criterion__explain{color:var(--muted-2);margin:10px 0 0 18px;font-size:14px;line-height:1.6}.criterion__explain p{margin:0 0 6px}.criterion__explain p:last-child{margin:0}.notice{background:var(--accent-soft);color:var(--accent-hover);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6}.notice--warn{background:var(--warn-soft);color:var(--warn-ink)}.spinner{border:3px solid var(--accent-soft-2);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:48px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#eeefea 0%,#f6f6f2 50%,#eeefea 100%) 0 0/200% 100%;border-radius:16px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.spinner,.skeleton{animation:none}}.content{--c-ink:var(--ink,#1c2033);--c-muted:var(--muted-2,#5a5f74);--c-line:var(--line,#e4e6ee);--c-line-strong:var(--line-strong,#9aa0b5);--c-sunken:var(--sunken,#f1f2f6);--c-accent:var(--accent,#3046c5);--c-accent-soft:var(--accent-soft,#f0f2fd);--c-warn:var(--warn,#b5652c);--c-warn-soft:var(--warn-soft,#fdf6ef);--c-radius:var(--radius-md,8px);--c-mono:var(--font-mono,"JetBrains Mono", ui-monospace, Consolas, monospace);color:var(--c-ink);overflow-wrap:anywhere;font-size:17px;line-height:28px}.content>*{margin:0 0 16px}.content>:last-child{margin-bottom:0}.content h2,.content h3,.content h4{margin:28px 0 10px;font-weight:600}.content h2{font-size:22px;line-height:30px}.content h3{font-size:20px;line-height:28px}.content h4{font-size:17px;line-height:26px}.content>h2:first-child,.content>h3:first-child,.content>h4:first-child{margin-top:0}.content p{margin:0 0 16px}.content strong{font-weight:650}.content a{color:var(--c-accent);text-underline-offset:3px;text-decoration:underline}.content hr{border:0;border-top:1px solid var(--c-line);margin:24px 0}.content ul,.content ol{margin:0 0 16px;padding-left:22px}.content li{margin:6px 0}.content li>p{margin:0}.content li::marker{color:var(--c-accent)}.content code{font-family:var(--c-mono);background:var(--c-sunken);border-radius:4px;padding:1px 5px;font-size:.9em}.content pre{background:var(--c-sunken);border-radius:var(--c-radius);white-space:pre-wrap;margin:0 0 16px;padding:16px 18px}.content pre code{background:0 0;padding:0;font-size:14px;line-height:23px}.content .content-table{border:1px solid var(--c-line);border-radius:var(--c-radius);margin:0 0 16px;overflow-x:auto}.content table{border-collapse:collapse;width:100%;font-size:15px;line-height:22px}.content th{text-align:left;background:var(--c-sunken);padding:10px 14px;font-weight:600}.content td{text-align:left;border-top:1px solid var(--c-line);vertical-align:top;padding:10px 14px}.content .content-component{border:1px dashed var(--c-line-strong);border-radius:var(--c-radius);margin:0 0 16px;padding:10px 12px}.content .content-component:before{content:"Komponentas: " attr(data-component);color:var(--c-accent);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.content .content-component pre{max-height:320px;margin:0;overflow:auto}.content blockquote{border-left:3px solid var(--c-line-strong);background:var(--c-sunken);border-radius:0 var(--c-radius) var(--c-radius) 0;margin:0 0 16px;padding:14px 16px}.content blockquote>:last-child{margin-bottom:0}.content .callout{border-radius:var(--c-radius);margin:0 0 16px;padding:16px 18px 16px 50px;font-size:16px;line-height:25px;position:relative}.content .callout>:last-child{margin-bottom:0}.content .callout:before{content:"";width:20px;height:20px;-webkit-mask:var(--c-icon) center / contain no-repeat;mask:var(--c-icon) center / contain no-repeat;-webkit-mask:var(--c-icon) center / contain no-repeat;background:currentColor;position:absolute;top:18px;left:18px}.content .callout--tip{background:var(--c-accent-soft)}.content .callout--tip:before{color:var(--c-accent);--c-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E")}.content .callout--important{background:var(--c-warn-soft)}.content .callout--important:before{color:var(--c-warn);--c-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}.content .callout--note{background:var(--c-sunken)}.content .callout--note:before{color:var(--c-muted);--c-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}@media (width<=600px){.content{font-size:16px;line-height:26px}.content .callout{padding-left:46px}}.content img{border-radius:var(--c-radius);max-width:100%;height:auto;display:block}.content .content--nested{font-size:inherit;line-height:inherit}.content .cc{margin:0 0 20px}.content .cc__title{color:var(--c-muted);margin:0 0 8px;font-size:14px;font-weight:700}.content .cc-code{margin:0 0 16px;position:relative}.content .cc-code pre{margin:0;padding-right:96px}.content .cc-code__copy{border:1px solid var(--c-line);min-height:32px;color:var(--c-ink);cursor:pointer;background:#fff;border-radius:8px;padding:0 10px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px}.content .cc-code__copy:hover{color:var(--c-accent)}.content .cc-calendar{border:1px solid var(--c-line);background:#fff;border-radius:12px;padding:14px}.content .cc-calendar__scroll{overflow-x:auto}.content .cc-calendar__grid{column-gap:0;font-size:12px;line-height:16px;display:grid}.content .cc-calendar__day{text-align:center;color:var(--c-muted);padding:0 6px 8px;font-weight:700}.content .cc-calendar__day abbr{text-decoration:none}.content .cc-calendar__hours{position:relative}.content .cc-calendar__hours span{color:var(--c-muted);font-variant-numeric:tabular-nums;position:absolute;right:8px;transform:translateY(-50%)}.content .cc-calendar__col{border-left:1px solid var(--c-line);position:relative}.content .cc-calendar__line{border-top:1px solid #f0f1f5;position:absolute;left:0;right:0}.content .cc-calendar__event{border-left:3px solid var(--c-accent);background:var(--c-accent-soft);color:#1f3399;border-radius:6px;flex-direction:column;gap:1px;padding:3px 6px;display:flex;position:absolute;overflow:hidden}.content .cc-calendar__event strong{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.content .cc-calendar__event span{color:#4c5167;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.content .cc-chat{border:1px solid var(--c-line);background:#fff;border-radius:12px;padding:16px}.content .cc-chat__messages{flex-direction:column;gap:12px;display:flex}.content .cc-chat__msg{flex-direction:column;gap:4px;max-width:85%;display:flex}.content .cc-chat__msg--user{align-self:flex-end;align-items:flex-end}.content .cc-chat__who{color:var(--c-muted);font-size:12px;font-weight:700}.content .cc-chat__bubble{border-radius:14px;padding:10px 14px;font-size:15px;line-height:24px}.content .cc-chat__msg--user .cc-chat__bubble{background:var(--c-accent);color:#fff;border-bottom-right-radius:4px}.content .cc-chat__msg--user .cc-chat__bubble a{color:#fff}.content .cc-chat__msg--user .cc-chat__bubble code,.content .cc-chat__msg--user .cc-chat__bubble pre{background:#ffffff29}.content .cc-chat__msg--ai .cc-chat__bubble{background:var(--c-sunken);border-bottom-left-radius:4px}.content .cc-chat__bubble .content>*{margin-bottom:8px}.content .cc-chat__bubble .content>:last-child{margin-bottom:0}.content .cc-email{border:1px solid var(--c-line);background:#fff;border-radius:12px;overflow:hidden}.content .cc-email__head{border-bottom:1px solid var(--c-line);background:#fafaf7;padding:14px 18px}.content .cc-email__subject{margin-bottom:6px;font-size:16px;display:block}.content .cc-email dl{margin:0;font-size:13px;line-height:20px}.content .cc-email dl div{gap:8px;display:flex}.content .cc-email dt{width:44px;color:var(--c-muted)}.content .cc-email dd{margin:0}.content .cc-email__body{padding:16px 18px;font-size:15px;line-height:25px}.content .cc-compare{gap:12px;display:grid}@media (width<=640px){.content .cc-compare{grid-template-columns:1fr!important}}.content .cc-compare__col{border:1px solid var(--c-line);background:#fff;border-radius:12px;padding:14px 16px}.content .cc-compare__col--good{background:var(--c-accent-soft);border-color:#b3bfee}.content .cc-compare__col--bad{background:var(--c-warn-soft);border-color:#f0c9ab}.content .cc-compare__col h4{align-items:center;gap:8px;margin:0 0 8px;font-size:15px;line-height:22px;display:flex}.content .cc-compare__icon{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.content .cc-compare__col--good .cc-compare__icon{background:var(--c-accent)}.content .cc-compare__col--bad .cc-compare__icon{background:var(--c-warn)}.content .cc-compare__col ul{margin:0;padding-left:18px;font-size:14px;line-height:22px}.content .cc-compare__col li{margin:4px 0}.content .cc-reveal__body{background:var(--c-sunken);border-radius:12px;margin-top:12px;padding:14px 16px}.content .cc-tabs{border:1px solid var(--c-line);background:#fff;border-radius:12px;overflow:hidden}.content .cc-tabs__list{border-bottom:1px solid var(--c-line);display:flex;overflow-x:auto}.content .cc-tabs__list button{min-height:44px;color:var(--c-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 16px;font-size:14px;font-weight:600}.content .cc-tabs__list button[aria-selected=true]{border-bottom-color:var(--c-accent);color:var(--c-ink)}.content .cc-tabs__panel{padding:16px 18px}.content.content--small{font-size:14px;line-height:22px}.content.content--small>*{margin-bottom:8px}
