.preferences-bar{position:sticky;top:0;z-index:35;min-height:46px;padding:0 max(20px,5.5vw);display:flex;justify-content:flex-end;align-items:center;gap:28px;background:var(--bg,#111211);border-bottom:1px solid var(--line,#d9d59a36);color:var(--ink,var(--white,#f0efe5));font:13px/1.4 Arial,sans-serif}.preferences-bar button{display:inline-flex;align-items:center;gap:9px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;min-height:44px;padding:0 3px}.preferences-bar button:focus-visible{outline:2px solid var(--accent,var(--gold));outline-offset:2px}.appearance-toggle>span:first-child{font-size:23px}.language-choice{display:flex;align-items:center;gap:10px}.language-choice button[aria-pressed=true]{color:var(--accent,var(--gold,#d9d59a));font-weight:700;box-shadow:inset 0 -1px currentColor}.language-choice>span{opacity:.3}.design-choice{position:static!important;flex-wrap:wrap;gap:12px 24px!important;background:var(--bg)!important;color:var(--muted)!important}.design-choice a{color:inherit!important}.sidebar{top:46px;height:calc(100dvh - 46px)}
html[data-appearance=light]{color-scheme:light;--bg:#f3f2ed;--ink:#242720;--white:#242720;--accent:#737039;--gold:#737039;--muted:#686b60;--line:#545c402e;--soft:#e9e9e1;--panel:#f3f2ed;--button-ink:#fff}html[data-appearance=light] body{background:var(--bg);color:var(--ink)}html[data-appearance=light] body:before{background:radial-gradient(ellipse at 75% 0,#c0b98315,transparent 60%)}html[data-appearance=light] .brand-mark,html[data-appearance=light] .brand img,html[data-appearance=light] .mobilebrand,html[data-appearance=light] .certificate img{filter:brightness(.3);mix-blend-mode:multiply}html[data-appearance=light] .hero h1{text-shadow:none}html[data-appearance=light] .statement,html[data-appearance=light] .community-subtitle,html[data-appearance=light] .description,html[data-appearance=light] .member-links,html[data-appearance=light] .six-copy p,html[data-appearance=light] .academic-heading p,html[data-appearance=light] .footer{color:var(--muted)}html[data-appearance=light] .hero-portrait img{filter:saturate(.55)}html[data-appearance=light] .hero-threads{opacity:.22}html[data-appearance=light] .vision .film-play,html[data-appearance=light] .vision-note{color:#fff;text-shadow:0 1px 5px #000}html[data-appearance=light] .play-circle{background:#2228;color:white}html[data-appearance=light] .vision>img,html[data-appearance=light] .community-art img{filter:saturate(.75) brightness(1)}html[data-appearance=light] .community-note{color:#32372a;text-shadow:0 1px 6px #fff}html[data-appearance=light] .robot-node{color:var(--muted)}html[data-appearance=light] .robot-node.selected{color:var(--accent)}html[data-appearance=light] .text-link:hover{color:#444a2d;border-color:#444a2d}html[data-appearance=light] .six>.eyebrow{color:var(--muted)}html[data-appearance=light] .silk-wave{filter:brightness(.48)}html[data-appearance=light] .academic-step{color:#717567}html[data-appearance=light] .academic-step.active{color:var(--accent)}html[data-appearance=light] .stage-dot,html[data-appearance=light] .robot-scale i{box-shadow:none;background:#929878}html[data-appearance=light] .active .stage-dot,html[data-appearance=light] .robot-node.selected>i{background:var(--accent);box-shadow:0 0 10px #73703944}
html[data-appearance=light] .button{background:var(--gold);color:white}html[data-appearance=light] .button.secondary{background:none;color:var(--gold)}html[data-appearance=light] .button:hover{background:#64652e;color:#fff}html[data-appearance=light] .button.secondary:hover{background:none;color:#303820}html[data-appearance=light] .sidebar,html[data-appearance=light] .panel,html[data-appearance=light] .demo-toolbar,html[data-appearance=light] .journey-step,html[data-appearance=light] .robot-card,html[data-appearance=light] .cloud-draft{background:transparent}html[data-appearance=light] .bottomnav{background:#f3f2edf5}html[data-appearance=light] .video,html[data-appearance=light] .lesson-preview{background:radial-gradient(ellipse at 75% 30%,#d4d9be60,transparent 65%),#e9ece1;color:var(--ink)}html[data-appearance=light] .player{background:#e1e5d9ef;color:var(--ink)}html[data-appearance=light] .chart{filter:brightness(.5)}html[data-appearance=light] .pill{color:var(--gold)}html[data-appearance=light] .muted,html[data-appearance=light] .tabcontent,html[data-appearance=light] .workflow-body p,html[data-appearance=light] .setting p{color:var(--muted)}html[data-appearance=light] .progress,html[data-appearance=light] .scrub{background:#d8dccc}html[data-appearance=light] .progress i{background:var(--gold)}html[data-appearance=light] input,html[data-appearance=light] textarea,html[data-appearance=light] select{background:#fffffa;color:var(--ink);border-color:var(--line);color-scheme:light}html[data-appearance=light] .answer{background:#e9ece3;border-color:var(--line)}html[data-appearance=light] .answer:has(input:checked){background:#dfe3cb;border-color:var(--gold)}html[data-appearance=light] form label{color:var(--ink)}html[data-appearance=light] .demo-note{background:#d9ddcb38;color:#5c644b}html[data-appearance=light] .upload-later{color:#596343}html[data-appearance=light] .result-box{color:#586128;background:#e5e9d7;border-color:#b2ba8f}html[data-appearance=light] blockquote{background:#e6e8df;color:var(--ink)}html[data-appearance=light] .certificate{background:radial-gradient(ellipse at top,#d5d29b30,transparent 70%),#f7f6ef}html[data-appearance=light] dialog{background:#f6f5ef;color:var(--ink);border-color:var(--line);box-shadow:0 20px 80px #25281a25}html[data-appearance=light] dialog p{color:var(--muted)}html[data-appearance=light] .callback-fields input,html[data-appearance=light] .callback-fields select{background:#fffef9}html[data-appearance=light] .toast{background:#5d6337;color:white}html[data-appearance=light] .toggle:after{background:#fafbf4}html[data-appearance=light] .filters button,html[data-appearance=light] .robots button{color:var(--gold)}
/* Compact callback form: natural field sizes, scroll when the keyboard reduces space. */
.callback-dialog{width:calc(100% - 32px);max-width:510px;padding:28px;max-height:min(820px,calc(100dvh - 32px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.callback-dialog h2{font-size:29px;line-height:1.12}.callback-dialog .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:10px}.callback-intro{font-size:14px;line-height:1.45;margin-top:12px}.callback-fields{gap:12px 14px;margin-top:20px}.callback-fields label{font-size:13px;gap:5px}.callback-fields input,.callback-fields select{min-height:44px;height:44px;padding:9px 11px;font-size:16px;margin:0}.callback-fields small{font-size:12px;line-height:1.35}.callback-note,.callback-consent{font-size:12px;line-height:1.45;margin-top:12px}.callback-dialog .callback-submit{min-height:46px;font-size:15px;margin-top:18px;position:relative}.callback-dialog .dialog-close{position:absolute;right:6px;top:5px;min-height:40px;min-width:40px}.callback-dialog .callback-error{font-size:13px}.callback-dialog .callback-success h2{font-size:28px}.callback-success>p:not(.eyebrow){font-size:14px;margin-top:14px}.callback-dialog .callback-done{min-height:46px;font-size:15px}
html[lang=sq] .hero h1{font-size:6.8cqw;max-width:61cqw;line-height:1.07}html[lang=sq] .hero .statement{font-size:clamp(18px,1.9cqw,28px);max-width:49cqw}html[lang=sq] .community h2{font-size:8.3cqw}html[lang=sq] .community-links{gap:2cqw}html[lang=sq] .six-copy h2{font-size:clamp(25px,2.7cqw,38px)}html[lang=sq] .stage-label{white-space:normal;text-align:center}html[lang=sq] .nav nav{gap:2.5cqw}
@media(max-width:760px){.preferences-bar{padding:0 18px;gap:24px;font-size:12px;min-height:44px}.preferences-bar button{min-height:44px}.language-choice button{min-width:32px}.appearance-toggle>span:first-child{font-size:21px}.sidebar{top:44px}.topbar{flex-wrap:wrap;gap:8px}.callback-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 20px);padding:24px 18px 20px;margin:auto}.callback-dialog h2{font-size:25px;max-width:290px}.callback-dialog .eyebrow{padding-right:28px}.callback-fields{grid-template-columns:1fr;gap:11px;margin-top:17px}.callback-time{grid-column:auto}.callback-intro{font-size:13px;line-height:1.45;margin-top:10px}.callback-dialog .callback-note,.callback-dialog .callback-consent{font-size:12px}.callback-dialog .callback-submit{margin-top:15px}.callback-dialog input[type=datetime-local]{appearance:none;min-width:0;max-width:100%}.design-choice{font-size:12px!important;padding:12px!important}.workflow-links{gap:12px}.learning-summary{flex-wrap:wrap}.learning-summary .progress{min-width:65px}.path .step{font-size:11px}.panelhead{flex-wrap:wrap}.lessoninfo{flex-wrap:wrap}.heading h1{overflow-wrap:anywhere}html[lang=sq] .heading h1{font-size:28px}}
@media(max-width:640px){html[lang=sq] .hero h1{font-size:8.8cqw;max-width:60cqw;line-height:1.1}html[lang=sq] .hero .statement{font-size:15px;max-width:53cqw}html[lang=sq] .hero{min-height:385px}html[lang=sq] .hero .description{font-size:13px}html[lang=sq] .hero .discover{max-width:59cqw;font-size:13px}html[lang=sq] .community h2{font-size:11.5cqw}html[lang=sq] .community-links{gap:10px 14px}html[lang=sq] .community-subtitle{max-width:57cqw}html[lang=sq] .six-copy h2{font-size:22px}html[lang=sq] .six-copy .robot-spotlight{letter-spacing:0}html[lang=sq] .nav nav{gap:10px;font-size:11px}html[lang=sq] .member-access{font-size:11px}html[lang=sq] .founder-caption{font-size:8px;right:4%}html[lang=sq] .closing .text-link{font-size:23px}.callback-dialog .success-mark{width:36px;height:36px;margin-bottom:16px}.callback-success .callback-summary{padding-block:12px}}
@media(prefers-reduced-motion:reduce){.preferences-bar *{transition:none!important}}