@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";.creator-dialog[data-v-5ecefb1f]{width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #e4daf3;border-radius:22px;background:#fff;color:#302d40;box-shadow:0 30px 100px #20153b3d;overflow:auto;overscroll-behavior:contain}.creator-dialog[data-v-5ecefb1f]::backdrop{background:#25203773;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.creator-close[data-v-5ecefb1f]{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffffc9;color:#827090;z-index:1}.creator-close[data-v-5ecefb1f]:hover{background:#fff;color:#7956e9}.creator-cover[data-v-5ecefb1f]{height:92px;background:radial-gradient(ellipse at 20% 80%,#dcd0fa,transparent 70%),linear-gradient(120deg,#f0eafa,#f7f4fc)}.creator-body[data-v-5ecefb1f]{padding:0 30px 24px}.creator-photo[data-v-5ecefb1f]{display:block;position:relative;margin-top:-56px;margin-bottom:20px;border:5px solid white;border-radius:50%;width:112px;height:112px;overflow:hidden;box-shadow:0 3px 15px #6b44851a}.creator-photo img[data-v-5ecefb1f]{width:100%;height:100%;object-fit:cover;transform:scale(1.7);transform-origin:50% 35%}.creator-label[data-v-5ecefb1f]{font-size:9px;letter-spacing:1.5px;color:#947ca9;font-weight:650}.creator-body h2[data-v-5ecefb1f]{font-size:29px;letter-spacing:-1px;line-height:1.3;margin:9px 0 5px}.creator-body h2[data-v-5ecefb1f]:focus{outline:none}.creator-name[data-v-5ecefb1f]{font-size:11px;color:#957da5}.creator-body>p#creator-description[data-v-5ecefb1f]{font-size:13px;color:#777080;line-height:1.85;margin-top:17px}.creator-contact-heading[data-v-5ecefb1f]{font-size:13px;font-weight:650;margin:23px 0 12px}.creator-contacts[data-v-5ecefb1f]{display:flex;flex-direction:column;gap:8px}.creator-contacts a[data-v-5ecefb1f]{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #ece7f2;border-radius:10px;background:#fcfbfe}.contact-icon[data-v-5ecefb1f]{width:34px;height:34px;display:grid;place-items:center;background:#f1ebfb;border-radius:8px;color:#8764bb}.creator-contacts a>span[data-v-5ecefb1f]:nth-child(2){min-width:0;flex:1}.creator-contacts small[data-v-5ecefb1f]{display:block;color:#9a8aa7;font-size:10px;margin-bottom:4px}.creator-contacts strong[data-v-5ecefb1f]{font-size:12px;font-weight:500;overflow-wrap:anywhere}.creator-contacts a>svg[data-v-5ecefb1f]{color:#a494b5}.creator-contacts a[data-v-5ecefb1f]:hover,.creator-socials a[data-v-5ecefb1f]:hover{background:#f5effd;border-color:#d7c9ec}.creator-socials[data-v-5ecefb1f]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.creator-socials a[data-v-5ecefb1f]{display:flex;align-items:center;gap:9px;padding:13px 11px;border:1px solid #ece7f2;border-radius:9px;color:#826996;min-width:0}.creator-socials span[data-v-5ecefb1f]{flex:1;min-width:0}.creator-socials strong[data-v-5ecefb1f]{display:block;font-size:11px;font-weight:600;color:#675777}.creator-socials small[data-v-5ecefb1f]{display:block;font-size:9px;margin-top:4px;overflow-wrap:anywhere}.creator-socials a>svg[data-v-5ecefb1f]:last-child{width:12px}.creator-signoff[data-v-5ecefb1f]{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#a395aa;line-height:1.7;margin-top:23px}@media(max-width:600px){.creator-body[data-v-5ecefb1f]{padding:0 21px 22px}.creator-body h2[data-v-5ecefb1f]{font-size:27px}.creator-contacts strong[data-v-5ecefb1f]{font-size:11px}.creator-socials[data-v-5ecefb1f]{gap:8px}.creator-socials a[data-v-5ecefb1f]{padding:12px 9px;gap:7px}.creator-socials a>svg[data-v-5ecefb1f]:last-child{display:none}.creator-signoff[data-v-5ecefb1f]{align-items:flex-start;text-align:center}.creator-signoff svg[data-v-5ecefb1f]{margin-top:3px}}.friendly-path[data-v-87281a1d]{margin-top:28px}.path-kicker[data-v-87281a1d]{font-size:10px;font-weight:700;letter-spacing:1.1px;line-height:1.7;color:#78638e}.path-welcome[data-v-87281a1d]{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid #e3d9ef;border-radius:18px;background:linear-gradient(110deg,#f2ecfb,#fcfaff)}.path-welcome-icon[data-v-87281a1d],.pause-icon[data-v-87281a1d]{display:grid;place-items:center;flex-shrink:0;background:#e9dff8;color:#7956b8;border-radius:14px;width:52px;height:52px}.path-welcome h2[data-v-87281a1d]{font-size:21px;margin:6px 0 10px;color:#41334f}.path-welcome p[data-v-87281a1d]{max-width:590px;line-height:1.85;color:#70647c}.path-welcome .primary-button[data-v-87281a1d]{margin-left:auto;flex-shrink:0}.path-shortcuts[data-v-87281a1d]{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 38px}.path-shortcuts a[data-v-87281a1d]{display:flex;align-items:center;gap:7px;border:1px solid #e3e4eb;background:#fff;border-radius:20px;padding:10px 13px;font-size:11px;color:#656273}.path-shortcuts a[data-v-87281a1d]:hover{border-color:#ae92db;color:#7956b8}.path-shortcuts a>span[data-v-87281a1d]{color:#8f71b7;font-size:10px}.friendly-stage[data-v-87281a1d],.recipe-studio[data-v-87281a1d]{scroll-margin-top:80px}.friendly-stage[data-v-87281a1d]{margin-bottom:38px}.stage-heading[data-v-87281a1d]{display:flex;align-items:center;gap:13px;margin-bottom:19px}.stage-number[data-v-87281a1d]{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e0d5ef;background:#f0eafa;border-radius:13px;font-size:17px;font-weight:700;color:#7956b8}.stage-heading h2[data-v-87281a1d]{font-size:21px;margin-top:3px;color:#40394b}.stage-count[data-v-87281a1d]{margin-left:auto;font-size:11px;color:#787080;white-space:nowrap}.stage-description[data-v-87281a1d]{margin:-3px 0 22px;line-height:1.8;color:#706979}.lesson-meta[data-v-87281a1d]{margin-left:auto;padding-left:9px}.lesson-cards>button[data-v-87281a1d]{border-radius:14px;align-content:start}.lesson-cards>button p[data-v-87281a1d]{flex:1 0 100%}.lesson-cards .card-bottom[data-v-87281a1d]{align-self:end}.path-pause[data-v-87281a1d]{position:relative;display:flex;gap:17px;padding:25px 27px;margin:38px 0 28px;border:1px solid #e5e2dc;border-radius:16px;background:#faf8f3}.pause-icon[data-v-87281a1d]{width:40px;height:40px;border-radius:50%;background:#efe8d9;color:#8b7445}.path-pause .path-kicker[data-v-87281a1d]{color:#8b754e;font-size:9px}.path-pause h3[data-v-87281a1d]{font-size:17px;color:#514535;margin:6px 0 10px}.path-pause p[data-v-87281a1d]{color:#766b5c;line-height:1.9;max-width:790px}.path-pause details[data-v-87281a1d]{margin-top:12px;font-size:12px}.path-pause summary[data-v-87281a1d]{cursor:pointer;color:#75603f;font-weight:600;padding:5px 0}.path-pause details p[data-v-87281a1d]{margin:8px 0}.path-pause a[data-v-87281a1d]{display:inline-flex;align-items:center;gap:8px;color:#7956b8;padding:6px 0}.recipe-studio[data-v-87281a1d]{background:linear-gradient(135deg,#eaf4ef,#f1f7f5 60%,#e9f1f2);border:1px solid #cee1d7;border-radius:22px;padding:32px;margin-top:46px}.recipe-header[data-v-87281a1d]{display:flex;gap:18px;align-items:flex-start}.recipe-emblem[data-v-87281a1d]{display:grid;place-items:center;width:60px;height:60px;flex-shrink:0;border-radius:18px;color:#397a64;background:#d7e9df}.recipe-header .path-kicker[data-v-87281a1d]{color:#487c67}.recipe-header h2[data-v-87281a1d]{font-size:27px;letter-spacing:-.6px;color:#294b40;margin:8px 0 12px}.recipe-header p[data-v-87281a1d]{color:#5a766c;line-height:1.9;max-width:700px}.recipe-invitation[data-v-87281a1d]{display:flex;align-items:center;gap:12px;margin:24px 0;padding:17px 0;border-top:1px solid #cfe0d7;border-bottom:1px solid #cfe0d7;color:#4b7564}.recipe-invitation p[data-v-87281a1d]{line-height:1.8;font-size:12px}.recipe-invitation>span[data-v-87281a1d]{margin-left:auto;flex-shrink:0;font-size:10px;background:#dcece3;border-radius:20px;padding:8px 11px}.recipe-grid[data-v-87281a1d]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.recipe-card[data-v-87281a1d]{text-align:left;display:flex;flex-direction:column;background:#ffffffeb;border:1px solid #d6e5dc;border-radius:16px;padding:23px;transition:border-color .18s,box-shadow .18s}.recipe-card[data-v-87281a1d]:hover{border-color:#80ad99;box-shadow:0 5px 18px #335b4710}.recipe-card-top[data-v-87281a1d]{display:flex;justify-content:space-between;align-items:center;gap:10px}.recipe-icon[data-v-87281a1d]{display:grid;place-items:center;width:48px;height:48px;background:#edf5f0;border-radius:13px;color:#52856e}.recipe-card-top>span[data-v-87281a1d]:last-child{display:flex;align-items:center;gap:5px;color:#7c8d85;font-size:10px}.recipe-card h3[data-v-87281a1d]{font-size:17px;color:#345547;margin:19px 0 10px}.recipe-card p[data-v-87281a1d]{font-size:13px;line-height:1.85;color:#6b7c73}.recipe-ingredients[data-v-87281a1d]{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 22px}.recipe-ingredients span[data-v-87281a1d]{padding:5px 8px;background:#f1f6f2;border-radius:6px;color:#688471;font-size:10px}.recipe-card-action[data-v-87281a1d]{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4ece6;padding-top:16px;margin-top:auto;color:#40785f;font-size:12px;font-weight:600}.recipe-outro[data-v-87281a1d]{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#658271;line-height:1.8;margin-top:24px}@media(max-width:1100px){.path-welcome[data-v-87281a1d]{flex-wrap:wrap}.path-welcome>div[data-v-87281a1d]{flex:1;min-width:200px}.path-welcome .primary-button[data-v-87281a1d]{margin-left:72px}.recipe-invitation[data-v-87281a1d]{flex-wrap:wrap}.recipe-invitation p[data-v-87281a1d]{flex:1;min-width:180px}.recipe-invitation>span[data-v-87281a1d]{margin-left:31px}}@media(max-width:600px){.path-welcome[data-v-87281a1d]{padding:21px;gap:14px}.path-welcome-icon[data-v-87281a1d]{width:40px;height:40px}.path-welcome>div[data-v-87281a1d]{min-width:0;flex-basis:calc(100% - 54px)}.path-welcome h2[data-v-87281a1d]{font-size:18px}.path-welcome .primary-button[data-v-87281a1d]{margin-left:0;width:100%;justify-content:center}.path-shortcuts[data-v-87281a1d]{gap:7px;margin-bottom:30px}.path-shortcuts a[data-v-87281a1d]{font-size:10px;padding:9px 11px}.stage-heading[data-v-87281a1d]{gap:10px}.stage-heading h2[data-v-87281a1d]{font-size:18px}.stage-count[data-v-87281a1d]{font-size:10px}.stage-heading .path-kicker[data-v-87281a1d]{font-size:8px}.stage-number[data-v-87281a1d]{width:38px;height:38px;font-size:15px}.path-pause[data-v-87281a1d]{padding:19px 17px;gap:11px}.pause-icon[data-v-87281a1d]{width:29px;height:29px}.path-pause h3[data-v-87281a1d]{font-size:16px}.path-pause p[data-v-87281a1d]{font-size:12px}.recipe-studio[data-v-87281a1d]{padding:21px 16px;border-radius:17px}.recipe-header[data-v-87281a1d]{flex-direction:column;gap:12px}.recipe-emblem[data-v-87281a1d]{width:46px;height:46px;border-radius:13px}.recipe-header h2[data-v-87281a1d]{font-size:24px}.recipe-header .path-kicker[data-v-87281a1d]{font-size:9px}.recipe-grid[data-v-87281a1d]{grid-template-columns:1fr}.recipe-card[data-v-87281a1d]{padding:20px}.recipe-outro[data-v-87281a1d]{align-items:flex-start;text-align:left;font-size:11px}}.welcome-dialog[data-v-386e6ff6]{width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #e8dff8;border-radius:22px;background:#fff;color:#302d40;box-shadow:0 30px 100px #20153b3d;overflow:auto;overscroll-behavior:contain}.welcome-dialog[data-v-386e6ff6]::backdrop{background:#25203773;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-close[data-v-386e6ff6]{position:absolute;right:14px;top:14px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffffb8;color:#79708a}.welcome-close[data-v-386e6ff6]:hover{background:#fff;color:#6443b9}.welcome-illustration[data-v-386e6ff6]{height:140px;display:flex;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 100%,#e4d9ff,transparent 70%),#f6f2fe;position:relative;overflow:hidden;border-bottom:1px solid #eee6fa}.welcome-code[data-v-386e6ff6]{width:205px;background:#fff;border:1px solid #e3d9f4;border-radius:10px;padding:12px;box-shadow:0 7px 15px #6846990a;transform:rotate(-4deg)}.welcome-code>span[data-v-386e6ff6]{display:flex;align-items:center;gap:4px}.welcome-code i[data-v-386e6ff6]{width:4px;height:4px;border-radius:50%;background:#d5c8ea}.welcome-code small[data-v-386e6ff6]{margin-left:auto;font-size:8px;color:#9a8aa9}.welcome-code code[data-v-386e6ff6]{display:block;font-size:11px;margin:13px 0 9px;color:#776a90}.welcome-code b[data-v-386e6ff6]{font-weight:500;color:#8254cb}.welcome-code em[data-v-386e6ff6]{font-style:normal;color:#458b78}.welcome-code-lines[data-v-386e6ff6]{display:flex;gap:5px}.welcome-code-lines i[data-v-386e6ff6]{width:49px;height:4px;border-radius:3px;background:#f1ecf8}.welcome-code-lines i[data-v-386e6ff6]:last-child{width:24px}.welcome-bridge[data-v-386e6ff6]{color:#a18abf}.welcome-phone[data-v-386e6ff6]{width:94px;height:116px;border:3px solid #8d76b9;border-radius:16px;background:#fff;display:flex;align-items:center;flex-direction:column;transform:rotate(6deg);padding:7px 5px;box-shadow:5px 8px #dcd0f43d}.welcome-phone>i[data-v-386e6ff6]{width:19px;height:3px;border-radius:4px;background:#d7cce8;margin-bottom:10px}.welcome-phone>span[data-v-386e6ff6]{color:#9a7bd1}.welcome-phone strong[data-v-386e6ff6]{font-size:9px;margin-top:5px}.welcome-phone small[data-v-386e6ff6]{font-size:7px;color:#9684a6;margin:4px 0 8px}.welcome-phone>div[data-v-386e6ff6]{display:flex;align-items:center;gap:3px;font-size:6px;color:#57937f;background:#ecf6f0;padding:2px 5px;border-radius:3px}.welcome-spark[data-v-386e6ff6]{position:absolute;left:calc(50% + 140px);top:23px;color:#b397dd;font-size:21px}.welcome-body[data-v-386e6ff6]{padding:26px 32px 23px}.welcome-eyebrow[data-v-386e6ff6]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:9px;letter-spacing:1.2px;font-weight:650;color:#8a759f}.welcome-eyebrow>span[data-v-386e6ff6]{font-size:9px;letter-spacing:0;font-weight:500;background:#eef7f1;color:#48836e;padding:4px 8px;border-radius:20px}.welcome-body h2[data-v-386e6ff6]{font-size:35px;line-height:1.17;letter-spacing:-1.2px;margin:15px 0 12px;font-weight:800}.welcome-body h2[data-v-386e6ff6]:focus{outline:none}.welcome-body>p[data-v-386e6ff6]{font-size:13px;line-height:1.8;color:#787186}.welcome-steps[data-v-386e6ff6]{list-style:none;margin:22px 0;padding:0;display:flex;flex-direction:column;gap:16px}.welcome-steps li[data-v-386e6ff6]{display:flex;gap:13px;align-items:flex-start}.welcome-step-icon[data-v-386e6ff6]{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#f4effc;color:#8764bd;border-radius:10px}.welcome-steps h3[data-v-386e6ff6]{font-size:12px;line-height:1.5;margin:0 0 3px;font-weight:700}.welcome-steps h3 span[data-v-386e6ff6]{color:#ac97c8;font-size:10px;margin-right:8px;font-weight:500}.welcome-steps p[data-v-386e6ff6]{font-size:11px;line-height:1.7;color:#86808e;margin:0}.welcome-actions[data-v-386e6ff6]{display:flex;gap:12px;align-items:center}.welcome-start[data-v-386e6ff6]{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;background:#7956e9;border:1px solid #7956e9;color:#fff;padding:13px 14px;border-radius:9px;font-size:12px;font-weight:600;box-shadow:0 4px 10px #7956e91a}.welcome-start[data-v-386e6ff6]:hover{background:#6944d4;color:#fff}.welcome-explore[data-v-386e6ff6]{font-size:11px;color:#7c718e;padding:12px 8px}.welcome-body .welcome-reassurance[data-v-386e6ff6]{font-size:10px;text-align:center;color:#9c94a7;line-height:1.6;margin:15px 0 0}@media(max-width:600px){.welcome-body[data-v-386e6ff6]{padding:23px 22px 20px}.welcome-illustration[data-v-386e6ff6]{height:120px;gap:11px}.welcome-code[data-v-386e6ff6]{width:174px;padding:10px}.welcome-code code[data-v-386e6ff6]{font-size:9px}.welcome-phone[data-v-386e6ff6]{width:80px;height:102px}.welcome-phone>i[data-v-386e6ff6]{margin-bottom:5px}.welcome-spark[data-v-386e6ff6]{display:none}.welcome-body h2[data-v-386e6ff6]{font-size:31px}.welcome-body>p[data-v-386e6ff6]{font-size:12px}.welcome-steps[data-v-386e6ff6]{gap:16px;margin:20px 0}.welcome-actions[data-v-386e6ff6]{flex-direction:column;gap:3px}.welcome-start[data-v-386e6ff6]{width:100%;min-height:46px}.welcome-explore[data-v-386e6ff6]{min-height:42px}.welcome-eyebrow[data-v-386e6ff6]{font-size:8px;gap:8px}}.device-preview[data-v-9e1f06af]{overflow:hidden;gap:10px;padding:14px;justify-content:flex-start}.device-options[data-v-9e1f06af]{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0;max-width:100%}.device-controls[data-v-9e1f06af]{padding:4px 7px;max-width:100%}.device-controls select[data-v-9e1f06af]{max-width:170px;font-size:10px}.rotate-device[data-v-9e1f06af]{display:grid;place-items:center;border-left:1px solid #e9e7f0;padding:5px 7px;margin-left:5px;color:#7956de}.rotate-device[aria-pressed=true][data-v-9e1f06af]{background:#eee9fc;border-radius:4px}.device-size[data-v-9e1f06af]{font-size:10px;font-weight:600;color:#707487;text-align:center}.device-size span[data-v-9e1f06af]{font-size:9px;font-weight:400;color:#8d91a1}.device-viewport[data-v-9e1f06af]{flex:1;min-height:0;width:100%;display:grid;place-items:center}.device-stage[data-v-9e1f06af]{position:relative;flex-shrink:0}.device-frame[data-v-9e1f06af]{transform-origin:top left;border-radius:30px;box-sizing:border-box}.device-frame .phone-content[data-v-9e1f06af]{flex:none;max-width:none}.device-footnote[data-v-9e1f06af]{font-size:8px;color:#9296a5;text-align:center;flex-shrink:0}.preview-caption[data-v-9e1f06af]{flex-shrink:0;flex-wrap:wrap;justify-content:center}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#242633;background:#f7f8fa;font-synthesis:none;font-size:13px;--accent:#7956e9;--muted:#9295a4;--line:#e9eaf0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bba6ff;outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0;background:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}button,a{transition:background .16s,color .16s,border-color .16s}button:hover{color:var(--accent)}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:#fcfcfe;border-right:1px solid var(--line);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;padding:29px 17px 0;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:26px;letter-spacing:-1.1px;padding-left:7px}.brand-mark{background:#7956e9;color:#fff;width:33px;height:34px;border-radius:10px;font-size:29px;line-height:31px;text-align:center;position:relative;overflow:hidden;font-weight:800}.brand-mark>span{font-size:21px;position:absolute;right:1px;top:-5px;background:#7956e9;height:15px;line-height:20px}.brand-dot{color:#8660ed}.beta{font:600 8px DM Sans,sans-serif;letter-spacing:.7px;background:#efebfc;color:#8065cd;padding:4px 5px;border-radius:4px;margin-left:0}.sidebar-intro{font-size:10px;color:#a0a0ad;padding:12px 7px 27px}.main-nav{display:flex;flex-direction:column;gap:5px;padding-bottom:25px}.main-nav>button{display:flex;gap:12px;align-items:center;text-align:left;padding:12px 13px;border-radius:7px;color:#737789;font-size:12px;font-weight:500}.main-nav>button.active{background:#eeebfb;color:#7956de}.main-nav>button:hover{background:#f1eff9}.nav-dot{margin-left:auto;width:5px;height:5px;background:var(--accent);border-radius:50%}.library-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:650;color:#9194a2;padding:0 10px 14px}.library-heading>span:last-child{background:#edecf2;padding:1px 5px;border-radius:3px;font-size:9px;letter-spacing:0}.search-box{margin:0 6px 18px;display:flex;align-items:center;border:1px solid #e7e7ee;background:#fff;border-radius:6px;padding:9px 8px;gap:7px;color:#a4a6b2}.search-box input{min-width:0;width:100%;border:0;outline:0;font-size:11px;background:transparent;color:#484c5b}.search-box input::placeholder{color:#a1a3ae}.search-box kbd{font-size:9px;border:1px solid #ebebef;border-radius:3px;padding:0 4px}.lesson-list{overflow:auto;scrollbar-width:thin;scrollbar-color:#e5e2ee transparent;flex:1;min-height:80px;padding:0 3px 15px}.lesson-group{margin-bottom:16px}.group-title{font-size:10px;color:#8e92a0;padding:4px 10px 8px;display:flex;justify-content:space-between;align-items:center}.lesson-link{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border-radius:6px;padding:9px 11px;font-size:11px;color:#707485;margin:2px 0}.lesson-link svg{color:#a0a2af}.lesson-link.selected{color:#7956df;background:#eeeafb;font-weight:550}.lesson-link.selected svg{color:#8563e7}.lesson-link:hover{background:#f1eff8}.mini-dot{width:5px;height:5px;background:#9673ed;border-radius:50%;margin-left:auto}.complete-icon{margin-left:auto;color:#39a37d!important}.api-teaser{display:flex;align-items:center;text-align:left;gap:9px;border:1px solid #e7e1f2;background:linear-gradient(110deg,#f4effb,#fbfafe);padding:14px 9px;border-radius:8px;margin:12px 2px 17px;flex-shrink:0}.api-icon{width:27px;height:29px;background:#eae0fb;border-radius:7px;color:#9a6bdd;display:grid;place-items:center}.api-teaser strong{font-size:10px;font-weight:600;display:block}.api-teaser small{font-size:8px;display:block;color:#9a92ab;margin-top:5px}.api-teaser>svg{margin-left:auto;color:#aa98c2}.sidebar-foot{margin:0 -17px;padding:18px 19px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;font-size:10px}.avatar-mini{width:30px;height:30px;background:#efe6de;color:#9b7459;border:3px solid white;border-radius:50%;display:grid;place-items:center;font-weight:600}.sidebar-foot small{font-size:8px;display:block;margin-top:4px;color:#a2a3ae}.sidebar-foot>svg{margin-left:auto;color:#a1a2af}.workspace{width:calc(100% - 244px);min-width:0}.topbar{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff}.breadcrumb{display:flex;align-items:center;gap:11px;color:#9397a6;font-size:11px}.breadcrumb>svg:first-child{color:#a3a5b1}.breadcrumb strong{font-weight:500;color:#626779}.topbar-actions{display:flex;align-items:center;gap:25px;font-size:10px;color:#777d8d}.topbar-actions a{display:flex;gap:5px;align-items:center}.topbar-actions a:hover{color:var(--accent)}.page-heading{padding:28px 30px 27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#a0a2af;margin-bottom:11px}h1{font-size:27px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:13px}.level{font:500 9px DM Sans,sans-serif;letter-spacing:0;color:#559780;background:#e8f2ed;padding:5px 8px;border-radius:5px}.level.intermediate{background:#f1ebfc;color:#9a79c7}.page-heading p{font-size:11px;color:#9699a7;margin-top:9px;line-height:1.7}.secondary-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e2e3eb;border-radius:7px;padding:10px 14px;background:#fff;font-size:11px;font-weight:500;white-space:nowrap}.secondary-button:hover{background:#f3f0fc;border-color:#d1c4f4}.primary-button{background:#7956e9;color:#fff;border-color:#7956e9}.primary-button:hover{background:#6744d5;color:#fff}.download-button{margin-top:17px}.playground{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);margin:0 30px;border:1px solid #e2e4ec;border-radius:10px;background:#fff;overflow:hidden;height:730px;box-shadow:0 3px 9px #25283d03}.editor-panel{display:flex;flex-direction:column;min-width:0;border-right:1px solid #e3e5ed}.panel-toolbar{height:46px;min-height:46px;border-bottom:1px solid #e9eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 17px;background:#fff}.file-tab{height:100%;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:500;position:relative;padding:0 7px}.file-tab:after{content:"";position:absolute;bottom:-1px;left:-17px;right:-17px;height:2px;background:#9d80ef}.kotlin-mark{font-weight:800;font-size:12px;color:#9761e6;font-style:italic}.toolbar-actions{display:flex;gap:9px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:25px;height:27px;border-radius:4px;color:#9297a7;padding:0}.icon-button:hover{background:#f0ecfa;color:#7956e9}.toolbar-divider{height:14px;width:1px;background:#e9eaf0;margin:0 2px}.lang-label{color:#a7a9b3;font-size:9px}.unsaved-dot{width:5px;height:5px;background:#b7965b;border-radius:50%}.code-editor{flex:1;min-height:0;overflow:hidden}.editor-footer{height:30px;border-top:1px solid #eeeff3;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:8px;color:#a4a8b5}.editor-footer>span:first-child{display:flex;align-items:center;gap:5px}.status-dot{width:5px;height:5px;border-radius:50%;background:#5eb396;display:inline-block;flex-shrink:0}.status-dot.error{background:#e8787b}.footer-space{margin-left:14px}.preview-panel{display:flex;flex-direction:column;min-width:0;background:#f4f5f8}.preview-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:500}.preview-label svg{color:#9397a6}.auto-toggle{display:flex;align-items:center;gap:5px;color:#8d92a0;font-size:9px;cursor:pointer;position:relative}.auto-toggle input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0}.auto-toggle>span{width:22px;height:13px;background:#c6c8d3;border-radius:9px;position:relative}.auto-toggle>span:before{content:"";position:absolute;width:9px;height:9px;background:#fff;left:2px;top:2px;border-radius:50%;transition:transform .15s}.auto-toggle input:checked+span{background:#9d83e6}.auto-toggle input:checked+span:before{transform:translate(9px)}.auto-toggle input:focus-visible+span{outline:3px solid #bba6ff;outline-offset:3px}.preview-canvas{background-image:radial-gradient(#d9dce5 .7px,transparent .7px);background-size:13px 13px;flex:1;min-height:0;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px;overflow:auto;padding:14px}.device-controls{display:flex;align-items:center;gap:6px;color:#8a8f9e;background:#fff;border:1px solid #e4e6ed;border-radius:6px;padding:6px 9px;font-size:9px;box-shadow:0 2px 4px #30334903}.device-controls select{border:0;background:transparent;font-size:9px;color:#747b8c;outline-offset:5px;max-width:135px}.device-controls>span{font-size:8px;border-left:1px solid #ececf1;margin-left:5px;padding-left:10px;color:#a0a5b1}.phone{border:7px solid #242633;border-radius:42px;background:var(--phone-bg);box-shadow:0 0 0 1px #10121e,0 0 0 3px #c6c7d0,0 20px 30px #32374e26;overflow:hidden;transform-origin:top left;display:flex;flex-direction:column;position:relative;--phone-bg:#fcfcff;--phone-surface:#fff;--phone-primary:#7956e9;--phone-soft:#efe9fd;--phone-text:#282735;color:var(--phone-text)}.phone.dark{--phone-bg:#22212b;--phone-surface:#302d3c;--phone-primary:#b7a0ff;--phone-soft:#42355f;--phone-text:#f0eafc}.phone-status{height:33px;min-height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;font-weight:700;position:relative}.phone-status>div{display:flex;align-items:center;gap:4px}.camera{position:absolute;top:5px;left:calc(50% - 5px);width:9px;height:9px;background:#282934;border-radius:50%}.phone-content{flex:1;min-height:0;overflow:auto;scrollbar-width:none;position:relative}.phone-content::-webkit-scrollbar{display:none}.phone-bottom{height:18px;min-height:18px;display:grid;place-items:center;background:var(--phone-bg);z-index:3}.phone-bottom>span{width:94px;height:4px;border-radius:5px;background:var(--phone-text);opacity:.9}.preview-caption{font-size:8px;color:#9ba0ae;display:flex;align-items:center;gap:6px;flex-shrink:0}.simulation-note{height:30px;min-height:30px;border-top:1px solid #e4e6ed;background:#fafbfd;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#a0a5b3}.simulation-note svg{color:#a6acbb}.lesson-details{margin:22px 30px 0;background:#fff;border:1px solid #e5e7ee;border-radius:9px;overflow:hidden}.details-tabs{height:47px;border-bottom:1px solid #eef0f4;display:flex;align-items:center;justify-content:space-between;padding:0 21px}.details-tabs>div{height:100%;display:flex;gap:23px}.details-tabs button{display:flex;gap:6px;align-items:center;font-size:10px;color:#959baa;height:100%;padding:0 2px;position:relative}.details-tabs button.active{color:#8160db;font-weight:550}.details-tabs button.active:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;background:#9c80e6}.tab-dot{width:4px;height:4px;border-radius:50%;background:#baa1ed}.details-tabs>a{display:flex;gap:6px;align-items:center;font-size:9px;color:#a1a5b3}.concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 20px;gap:24px}.concepts article{display:flex;gap:11px}.concept-number{border-radius:5px;background:#f3f0fb;color:#a591cb;width:26px;height:26px;min-width:26px;display:grid;place-items:center;font-size:8px}.concepts h3{font-size:10px;font-weight:700;margin:2px 0 7px}.concepts p{font-size:10px;color:#989daa;line-height:1.9}.workspace-footer{margin:22px 31px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#a4a8b5}.workspace-footer>span:first-child{display:flex;gap:5px;align-items:center}.workspace-footer button{font-size:8px;display:flex;gap:4px;align-items:center;color:#a0a5b3}.challenge{display:flex;align-items:center;gap:15px;padding:24px}.challenge-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#fff5de;color:#c4953b}.challenge h3{font-size:14px;margin-bottom:6px}.challenge p{font-size:12px;color:#818797}.challenge small{font-size:9px;color:#a5a7b3;display:block;margin-top:8px}.challenge .primary-button{margin-left:auto}.state-inspector{display:flex;flex-wrap:wrap;gap:12px;padding:22px;color:#9298a8}.state-inspector>div{border:1px solid #ebe7f5;border-radius:6px;padding:10px 12px;display:flex;gap:20px;max-width:100%;overflow:auto}.state-inspector code{color:#8864dd}.state-inspector>small{display:block;flex-basis:100%;font-size:10px}.diagnostic{margin:12px 30px 0;color:#a17837;background:#fff8e9;border:1px solid #f1e6d0;padding:10px 13px;border-radius:6px;font-size:11px;display:flex;gap:8px}.preview-error{flex:1;display:flex;flex-direction:column;justify-content:center;padding:32px;gap:15px;font-size:14px;color:#9c6674;line-height:1.7}.preview-error strong{font-size:20px;color:var(--phone-text)}.preview-error button{font-size:12px;color:#7956e9;text-align:left;padding:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#26243366;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:20px}.support-modal{position:relative;max-width:670px;width:100%;max-height:85vh;overflow:auto;background:#fff;border-radius:18px;padding:34px;box-shadow:0 20px 80px #12122433}.modal-close{position:absolute;top:19px;right:20px}.support-modal h2{font-size:25px;letter-spacing:-.7px;margin-bottom:16px}.support-modal h3{font-size:13px;margin:22px 0 10px}.support-modal p{font-size:12px;color:#828697;line-height:1.9;margin-bottom:12px}.support-tags{display:flex;flex-wrap:wrap;gap:6px}.support-tags code{background:#f3effc;color:#9373cf;padding:5px 7px;border-radius:4px;font-size:9px}.support-modal>.primary-button{margin-top:15px}.toast-message{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#292537;color:#fff;padding:14px 20px;border-radius:9px;display:flex;gap:10px;align-items:center;font-size:12px;box-shadow:0 8px 35px #16122930;z-index:150;max-width:90vw}.toast-message svg{color:#ad94fa}.toast-enter-active,.toast-leave-active{transition:opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0}.mobile-menu{display:none}.storage-warning{padding:12px 30px;background:#fff2d8;color:#8d642c}.empty-search{font-size:11px;line-height:1.8;color:#9295a2;padding:10px}.empty-search button{display:block;color:var(--accent);padding:10px 0}.other-page{padding:38px 30px 50px;max-width:1250px;margin:auto}.other-page>h1{font-size:35px;margin-bottom:12px}.other-page>p{color:#8c92a1;font-size:13px;line-height:1.8}.progress-summary{display:flex;gap:20px;align-items:center;border:1px solid #e4def4;border-radius:12px;background:#f0ecfb;padding:25px;margin:28px 0;color:#8d6cd4}.progress-summary strong{color:#635079;font-size:13px}.progress-summary p{font-size:10px;color:#9d8aac;margin-top:5px}.progress-summary progress{margin-left:auto;width:180px;height:7px;accent-color:#9271df}.progress-summary b{font-size:16px}.path-group{margin:30px 0}.path-group h2{font-size:17px;display:flex;gap:10px;align-items:center;margin-bottom:17px}.path-group h2>span{font-size:11px;color:#b4a1d9}.lesson-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson-cards>button{border:1px solid #e5e7ee;border-radius:10px;background:#fff;text-align:left;padding:23px;display:flex;flex-wrap:wrap;align-items:center;color:#9271d6}.lesson-cards>button:hover{border-color:#c6b2ef;box-shadow:0 5px 15px #8064b808}.lesson-meta{margin-left:auto;font-size:9px;color:#9da2b1}.lesson-cards h3{font-size:15px;flex-basis:100%;color:#454453;margin-top:20px;margin-bottom:10px}.lesson-cards p{font-size:11px;color:#9a9eaa;line-height:1.8;min-height:40px}.card-bottom{display:flex;justify-content:space-between;align-items:center;flex-basis:100%;font-size:10px;border-top:1px solid #f0eff4;padding-top:15px;margin-top:20px}.roadmap-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.roadmap-cards article{padding:27px;background:#fff;border:1px solid #e5e7ee;border-radius:12px}.phase-pill{font-size:8px;letter-spacing:.7px;color:#a092b7;background:#f1edf7;padding:6px 8px;border-radius:4px}.phase-pill.live{color:#5b9c83;background:#e9f5ed}.roadmap-cards h2{font-size:23px;margin:25px 0 15px}.roadmap-cards p,.roadmap-cards li{font-size:12px;line-height:1.9;color:#9398a5}.roadmap-cards ul{padding-left:17px}.roadmap-cards small{display:block;margin-top:15px;font-size:10px;color:#aaaeb8;line-height:1.8}.roadmap-cards button{margin-top:25px}.handbook-placeholder{margin-top:30px;padding:40px;border:1px solid #e4e2ec;border-radius:12px;background:#fff}.handbook-placeholder h2{margin-top:15px}.handbook-placeholder p{margin:15px 0}.handbook-placeholder a{color:var(--accent)}.compose-node{box-sizing:border-box;max-width:100%;flex-shrink:0}.compose-Column,.compose-LazyColumn,.compose-Card,.compose-ElevatedCard,.compose-Surface{display:flex;flex-direction:column;align-items:flex-start}.compose-Column,.compose-LazyColumn{min-width:0}.compose-Row,.compose-LazyRow{display:flex;flex-direction:row;align-items:flex-start;min-width:0}.compose-Box{display:grid}.compose-Box>*{grid-area:1/1}.compose-Box[style*=center]{justify-items:center}.compose-Text{white-space:pre-wrap;line-height:1.5;font-family:DM Sans,sans-serif;min-width:0;overflow-wrap:anywhere}.compose-Card,.compose-ElevatedCard,.compose-Surface{background:var(--phone-surface);border:1px solid #9391a51c;border-radius:18px;overflow:hidden}.compose-ElevatedCard{box-shadow:0 5px 18px #16112612}.compose-LazyColumn{overflow-y:auto;max-height:100%;scrollbar-width:thin;scrollbar-color:#bdb2d6 transparent}.compose-LazyRow{overflow-x:auto;max-width:100%}.compose-LazyVerticalGrid{display:grid;width:100%;overflow:auto}.compose-Button,.compose-OutlinedButton,.compose-TextButton,.compose-FloatingActionButton{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:24px;padding:12px 20px;font-size:13px;font-weight:500;min-height:43px;background:var(--phone-primary);color:var(--phone-bg);transition:filter .2s}.compose-Button:hover,.compose-FloatingActionButton:hover{color:var(--phone-bg);filter:brightness(.94)}.compose-OutlinedButton{background:transparent;color:var(--phone-primary);border:1px solid var(--phone-primary)}.compose-TextButton{background:transparent;color:var(--phone-primary);padding:8px 12px;min-height:36px}.compose-IconButton{display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;color:var(--phone-primary);background:var(--phone-soft)}.compose-FloatingActionButton{width:56px;height:56px;border-radius:16px;background:var(--phone-soft);color:var(--phone-primary);padding:0}.compose-AssistChip,.compose-SuggestionChip,.compose-FilterChip{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;background:transparent;border:1px solid #9c96b33b;border-radius:8px;padding:8px 10px;color:var(--phone-text)}.compose-AssistChip .compose-Icon{width:13px;height:13px}.compose-AssistChip{background:#eff8f2;color:#589877;border-color:#dcece0;font-size:9px;padding:6px 9px}.dark .compose-AssistChip{background:#2c4038;color:#9cd7b9}.compose-FilterChip.is-selected{background:var(--phone-soft);color:var(--phone-primary);border-color:var(--phone-soft)}.compose-OutlinedTextField,.compose-TextField{display:block;border:1px solid #a09aac;border-radius:7px;padding:10px 13px;width:100%;margin-top:5px;position:relative}.compose-field-label{position:absolute;top:-9px;left:9px;font-size:11px;background:var(--phone-bg);padding:0 5px;color:var(--phone-primary)}.compose-OutlinedTextField input,.compose-TextField input{width:100%;font-size:16px;background:transparent;border:0;outline:0;min-height:30px;color:var(--phone-text)}.compose-OutlinedTextField:focus-within{outline:2px solid var(--phone-primary);outline-offset:-1px}.compose-Switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border-radius:20px;background:#d5d1dc;position:relative;cursor:pointer;margin:0;border:1px solid #b6afc4}.compose-Switch:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.compose-Switch:checked{background:var(--phone-primary);border-color:var(--phone-primary)}.compose-Switch:checked:after{transform:translate(18px)}.compose-Checkbox,.compose-RadioButton{width:20px;height:20px;accent-color:var(--phone-primary);cursor:pointer;margin:0}.compose-Slider{width:100%;accent-color:var(--phone-primary);height:24px}.compose-HorizontalDivider{width:100%;border:0;border-top:1px solid #a39aae25;margin:7px 0}.compose-LinearProgressIndicator{height:6px;border-radius:6px;accent-color:var(--phone-primary);overflow:hidden}.compose-LinearProgressIndicator::-webkit-progress-bar{background:var(--phone-soft)}.compose-LinearProgressIndicator::-webkit-progress-value{background:var(--phone-primary)}.compose-CircularProgressIndicator{width:32px;height:32px;border:3px solid var(--phone-soft);border-top-color:var(--phone-primary);border-radius:50%;animation:spin 1s linear infinite}.compose-Scaffold{height:100%;position:relative;display:flex;flex-direction:column}.scaffold-top,.scaffold-bottom{flex-shrink:0}.scaffold-body{flex:1;min-height:0;overflow:auto}.scaffold-fab{position:absolute;right:20px;bottom:95px}.compose-TopAppBar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--phone-bg);font-size:20px}.compose-TopAppBar>strong{flex:1}.compose-NavigationBar{display:flex;background:var(--phone-soft);padding:10px 8px;justify-content:space-around}.compose-NavigationBarItem{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--phone-text);padding:8px 14px;border-radius:18px;font-size:10px}.compose-NavigationBarItem.is-selected{background:#987add2b;color:var(--phone-primary)}.compose-TabRow{display:flex;border-bottom:1px solid #a69fb83b;width:100%}.compose-Tab{flex:1;padding:15px 8px;font-size:13px;color:var(--phone-text)}.compose-Tab.is-selected{border-bottom:3px solid var(--phone-primary);color:var(--phone-primary)}.compose-Badge{border-radius:18px;background:#cb526c;color:#fff;font-size:10px;padding:3px 7px;min-width:18px}.compose-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#18132370;display:flex;align-items:center;justify-content:center;z-index:10;padding:24px}.compose-AlertDialog{width:100%;background:var(--phone-surface);border-radius:24px;padding:24px;box-shadow:0 5px 30px #0002}.compose-AlertDialog h3{font-size:22px;margin-bottom:15px}.compose-AlertDialog>div{font-size:14px;line-height:1.8;opacity:.7}.compose-AlertDialog footer{display:flex;justify-content:flex-end;margin-top:24px;gap:8px}.compose-ModalBottomSheet{position:absolute;bottom:0;left:0;width:100%;background:var(--phone-surface);border-radius:25px 25px 0 0;padding-top:22px}.sheet-close{position:absolute;top:4px;right:15px;font-size:23px;color:var(--phone-text)}.compose-unsupported{padding:14px;background:#fff2dd;color:#a16c27;font-size:11px;border-radius:8px;margin:8px;line-height:1.7}.compose-fade-enter-active,.compose-fade-leave-active{transition:opacity .3s,transform .3s}.compose-fade-enter-from,.compose-fade-leave-to{opacity:0;transform:translateY(12px)}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.playground{height:800px;grid-template-columns:1fr 1fr}.page-heading{padding-top:35px;padding-bottom:32px}.workspace{max-width:1700px}.code-editor .cm-scroller{font-size:13px}}@media(max-width:1200px){.sidebar{width:215px;padding-left:12px;padding-right:12px}.workspace{width:calc(100% - 215px)}.topbar{padding:0 20px}.page-heading{padding:25px 20px}.playground{margin:0 20px;grid-template-columns:minmax(0,1fr) 370px}.lesson-details{margin-left:20px;margin-right:20px}.topbar-actions{gap:14px}.concepts{gap:15px}.sidebar-foot{margin:0 -12px;padding:15px}.api-teaser{padding:12px 7px;gap:6px}.api-teaser small{font-size:7px}.sidebar-intro{font-size:9px}.brand{font-size:24px}.workspace-footer{margin-left:20px;margin-right:20px}.workspace-footer>span:nth-child(2){display:none}.toolbar-actions{gap:5px}.preview-toolbar{padding-left:12px;padding-right:8px}.lesson-cards,.roadmap-cards{grid-template-columns:repeat(2,1fr)}.concepts{grid-template-columns:1fr}.concepts p{font-size:11px}.concepts h3{font-size:12px}.code-editor .cm-scroller{font-size:11px}.brand .beta{display:none}.file-tab{font-size:9px}}@media(max-width:1000px){.sidebar{width:195px}.workspace{width:calc(100% - 195px)}.playground{grid-template-columns:minmax(0,1fr) 335px}.playground{height:680px}.lang-label,.toolbar-divider{display:none}.page-heading{align-items:flex-start}.download-button{font-size:0;padding:9px}.download-button>svg:last-child{display:none}.breadcrumb{font-size:10px;gap:6px}.lesson-link{font-size:10px}.sidebar-intro{font-size:8px}.preview-label{font-size:9px}.preview-toolbar{padding-left:10px}.auto-toggle{font-size:8px}.simulation-note{font-size:7px}.editor-footer{font-size:7px;padding:0 8px}.footer-space{display:none}.concepts{padding:20px}.challenge{flex-wrap:wrap}.challenge .primary-button{margin-left:0}.progress-summary{flex-wrap:wrap}.progress-summary progress{margin-left:0}.roadmap-cards{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{position:fixed;left:0;transform:translate(-100%);width:244px;transition:transform .2s}.sidebar.mobile-open{transform:translate(0)}.sidebar-intro{font-size:10px}.lesson-link{font-size:12px}.workspace{width:100%}.topbar{height:56px;padding:0 17px}.mobile-menu{display:flex;margin-right:10px}.breadcrumb{margin-right:auto}.topbar-actions{margin-left:12px}.topbar-actions a{font-size:9px}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#24223555;z-index:20}.page-heading{padding:24px 18px}.playground{margin:0 16px;grid-template-columns:minmax(0,1fr) 335px}.lesson-details{margin:18px 16px 0}.workspace-footer{margin:20px 17px}.other-page{padding:30px 20px}.brand .beta{display:block}.playground{height:680px}}@media(max-width:600px){.playground{display:flex;flex-direction:column;height:auto}.editor-panel{height:430px;border-right:0}.preview-panel{height:700px;border-top:1px solid #e3e5ed}.preview-canvas{padding:18px;gap:16px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px;max-width:310px}.level{font-size:8px}.eyebrow{font-size:7px}.page-heading{gap:8px}.file-tab{font-size:11px}.toolbar-actions{gap:10px}.preview-label{font-size:11px}.auto-toggle{font-size:10px}.simulation-note{font-size:8px}.editor-footer{font-size:8px;padding:0 13px}.details-tabs{padding:0 15px}.details-tabs>div{gap:15px}.details-tabs>a{font-size:0;gap:0}.details-tabs button{font-size:9px}.concepts{padding:20px 16px;gap:21px}.concepts p{font-size:11px}.lesson-cards{grid-template-columns:1fr}.other-page>h1{font-size:29px}.topbar-actions a{font-size:0}.topbar-actions a svg{width:16px;height:16px}.support-modal{padding:29px 22px}.support-modal h2{font-size:23px}.support-modal p{font-size:11px}.progress-summary{padding:20px;gap:12px}.progress-summary progress{width:calc(100% - 45px)}.code-editor .cm-scroller{font-size:12px}.challenge{padding:20px}.challenge>div{flex-basis:calc(100% - 60px)}.challenge p{font-size:11px}.challenge small{line-height:1.7}.concept-number{width:29px;height:29px;min-width:29px}.page-heading .download-button{margin-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.editor-panel,.preview-panel{min-height:0}.playground{grid-template-rows:minmax(0,1fr)}.handbook-toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 0 21px;gap:15px;flex-wrap:wrap}.handbook-toolbar .search-box{margin:0;min-width:220px;padding:11px 13px}.syntax-filters{display:flex;gap:5px;flex-wrap:wrap}.syntax-filters button{padding:8px 12px;border:1px solid transparent;border-radius:6px;font-size:10px;color:#9598a7}.syntax-filters button.active{background:#eee8fc;border-color:#e2d8f6;color:#8862d6}.handbook-notice{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;color:#9c8c73;background:#fff9ee;border:1px solid #f1e7d6;padding:14px 18px;border-radius:8px;margin-bottom:24px}.handbook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.syntax-card{background:#fff;border:1px solid #e4e6ee;border-radius:11px;padding:24px;min-width:0;scroll-margin-top:20px}.syntax-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:18px}.syntax-card-top>span{color:#b09ec9;font-size:8px;letter-spacing:1px;text-transform:uppercase}.syntax-card-top>small{font-size:8px;padding:4px 6px;border-radius:4px;color:#9c9cac;background:#f4f4f8}.syntax-card-top>small.supported{color:#5c9f84;background:#edf7f1}.syntax-card h2{font-size:18px;margin-bottom:8px;letter-spacing:-.4px}.syntax-card>code{font-size:10px;color:#a082c8}.syntax-card>p{color:#9096a4;font-size:11px;line-height:1.9;margin:12px 0}.syntax-card pre{font-size:11px;background:#f7f6fb;color:#725989;border:1px solid #efecf4;border-radius:7px;padding:16px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.syntax-tip{display:flex;gap:8px;color:#a39aac;font-size:10px;line-height:1.9}.syntax-tip svg{margin-top:3px}.syntax-actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid #f0eff5;font-size:10px}.syntax-actions button{padding:0;color:#8b66d2;display:flex;align-items:center;gap:5px}.syntax-actions a{color:#a7a8b6;display:flex;align-items:center;gap:4px}.handbook-end{margin:25px 0;padding:20px;text-align:center;color:#a1a5b1;font-size:11px}.handbook-end a{color:#8c6cd0;text-decoration:underline}@media(max-width:1000px){.handbook-grid{grid-template-columns:1fr}}.cm-editor .cm-scroller{overflow:auto}.mode-switch{display:flex;flex-shrink:0;gap:3px;background:#f2f1f7;border:1px solid #e9e7f0;padding:3px;border-radius:8px}.mode-switch button{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:5px;font-size:10px;color:#9293a2;font-weight:500;white-space:nowrap}.mode-switch button.active{background:#fff;color:#7956de;box-shadow:0 1px 4px #3b2c6110}.source-tabs{display:flex;gap:6px;background:#fbfbfe;padding:0 13px;height:39px;min-height:39px;border-bottom:1px solid #eeedf4}.source-tabs button{display:flex;align-items:center;gap:6px;font-size:10px;padding:0 13px;color:#959bad;border-bottom:2px solid transparent}.source-tabs button.active{color:#8e6cdd;border-bottom-color:#b199e8;background:#f4f0fc}.android-view{box-sizing:border-box;flex-shrink:0;min-width:0;max-width:100%;font-family:DM Sans,sans-serif;font-size:14px;color:var(--phone-text);line-height:1.5;transition:opacity .3s}.android-LinearLayout,.android-RadioGroup{display:flex;flex-direction:column;align-items:flex-start}.android-LinearLayout.horizontal,.android-RadioGroup.horizontal{flex-direction:row}.android-FrameLayout{display:grid}.android-FrameLayout>.android-view{grid-area:1/1}.android-CoordinatorLayout{position:relative;overflow:hidden}.android-ScrollView{overflow-y:auto;scrollbar-width:none}.android-HorizontalScrollView{overflow-x:auto;scrollbar-width:thin}.android-ScrollView.fill-viewport>.android-view{min-height:100%}.android-GridLayout{display:grid;align-items:start}.android-CardView,.android-MaterialCardView{background:var(--phone-surface);border:1px solid #88809f18;border-radius:15px;box-shadow:0 3px 9px #32294709;overflow:hidden}.android-TextView{white-space:pre-wrap;overflow-wrap:anywhere}.android-Button,.android-MaterialButton{border:0;background:var(--phone-primary);color:#fff;border-radius:8px;min-height:43px;padding:10px 14px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.5}.android-Button:hover,.android-MaterialButton:hover{filter:brightness(.95);color:inherit}.android-ImageView,.android-ImageButton{display:flex;align-items:center;justify-content:center}.android-ImageButton{border-radius:10px;padding:10px}.android-EditText{min-height:47px;border:1px solid #9e97ac;border-radius:6px;background:transparent;padding:12px;font-size:14px;color:var(--phone-text)}.android-EditText:focus{outline:2px solid var(--phone-primary);outline-offset:-1px}.android-Switch,.android-SwitchMaterial,.android-CheckBox,.android-RadioButton{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer}.android-Switch>input,.android-SwitchMaterial>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:40px;width:40px;height:23px;border-radius:15px;background:#c6c2ce;position:relative;order:1;margin-left:auto;cursor:pointer}.android-Switch>input:after,.android-SwitchMaterial>input:after{content:"";width:17px;height:17px;position:absolute;top:3px;left:3px;border-radius:50%;background:#fff;transition:transform .2s}.android-Switch>input:checked,.android-SwitchMaterial>input:checked{background:var(--phone-primary)}.android-Switch>input:checked:after,.android-SwitchMaterial>input:checked:after{transform:translate(17px)}.android-CheckBox>input,.android-RadioButton>input{width:19px;height:19px;accent-color:var(--phone-primary);cursor:pointer;flex-shrink:0}.android-SeekBar{accent-color:var(--phone-primary);height:28px;cursor:pointer}.android-ProgressBar{accent-color:var(--phone-primary);height:7px;border-radius:10px;overflow:hidden}.android-spinner{display:block;width:30px;height:30px;border:3px solid var(--phone-soft);border-top-color:var(--phone-primary);border-radius:50%;animation:spin 1s linear infinite}.android-ListView{overflow:auto;border-radius:8px}.android-list-item{display:block;width:100%;text-align:left;padding:18px 15px;background:var(--phone-surface);border-bottom:1px solid #a09bad25;font-size:14px;color:var(--phone-text)}.android-list-item:hover{background:var(--phone-soft)}.android-list-empty{display:block;padding:16px;font-size:12px;line-height:1.8;color:#9d94ad;border:1px dashed #bdb3ce;border-radius:9px}.android-ChipGroup{display:flex;flex-wrap:wrap;gap:8px}.android-Chip{padding:8px 12px;border:1px solid #aaa0bd55;border-radius:20px;background:var(--phone-soft);font-size:12px}.android-sheet{position:absolute;bottom:0;left:0;width:100%;border-radius:22px 22px 0 0;box-shadow:0 -15px 80px #16102550;z-index:10}@media(max-width:1200px){.breadcrumb strong,.breadcrumb>svg:last-of-type{display:none}.topbar-actions{gap:14px}}@media(max-width:800px){.topbar-actions{margin-left:auto;gap:12px}.source-tabs button{font-size:10px}}@media(max-width:600px){.topbar .breadcrumb{display:none}.topbar-actions{min-width:0}.mode-switch button{padding:8px;font-size:10px}.mode-switch button svg{display:none}.source-tabs{height:40px;min-height:40px}.source-tabs button{flex:1;justify-content:center}.preview-toolbar{min-height:46px}}@media(max-width:360px){.topbar{padding:0 12px}.topbar-actions{gap:8px}.mobile-menu{margin-right:6px}.mode-switch button{padding:8px 6px}}.android-BottomNavigationView{display:flex;flex-direction:row;background:var(--phone-surface);border-top:1px solid #aaa0bd30;padding:8px 4px;min-height:72px}.android-BottomNavigationView>button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 3px;color:var(--phone-text);font-size:11px}.android-nav-icon{display:grid;place-items:center;width:58px;height:30px;border-radius:20px}.android-BottomNavigationView>button.is-selected{font-weight:700;color:var(--phone-primary)}.android-BottomNavigationView>button.is-selected .android-nav-icon{background:var(--phone-soft)}.android-NestedScrollView,.android-RecyclerView{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0}.android-NestedScrollView.fill-viewport>.android-view{min-height:100%}.android-recycler-item{border-bottom:1px solid #a09bad25;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.android-AppBarLayout{display:flex;flex-direction:column}.android-collapsing-toolbar{position:relative;overflow:hidden}.android-collapsing-toolbar>.android-view{position:absolute;top:0;right:0;bottom:0;left:0}.android-collapsing-toolbar>.android-pinned-toolbar{top:auto;bottom:0;z-index:2;display:flex;align-items:center;padding:0 20px}.android-collapsing-title{position:absolute;bottom:14px;left:24px;right:16px;font-weight:700;line-height:1.3;z-index:4;color:var(--phone-text)}.android-header-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.android-recycler-item:nth-child(2n){background:#a09bad07}.collapsing-surface{height:100%;width:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;position:relative;isolation:isolate;overflow-anchor:none}.collapsing-header{position:sticky;z-index:2;overflow:hidden;background:var(--phone-soft)}.collapsing-content{position:relative;background:var(--phone-bg)}.compose-large-app-bar{height:100%;position:relative;background:var(--phone-soft)}.compose-large-app-title{position:absolute;bottom:18px;left:24px;right:20px;font-weight:700;line-height:1.3}.skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:12px 18px;background:#fff;color:#5938b6;border:2px solid var(--accent);border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.workspace{display:flex;flex-direction:column}.workspace:focus{outline:none}.page-heading h1:focus{outline:none}.page-heading h1{flex-wrap:wrap;overflow-wrap:anywhere}.page-heading>div{min-width:0}.page-heading p{font-size:13px;color:#666c7d;max-width:760px}.eyebrow{color:#716882;font-size:9px;line-height:1.7}.sidebar-intro{color:#727585}.sidebar-foot{color:#66558e;flex-shrink:0}.sidebar-foot strong{font-size:12px;font-weight:600}.sidebar-foot small{color:#747585;font-size:10px;line-height:1.6}.sidebar-foot>svg{margin-left:0;color:#7956e9}.main-nav>button,.lesson-link{font-size:12px}.group-title{font-size:11px;color:#737888}.reading-guide{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 30px 18px;font-size:12px;color:#6c657c}.reading-guide a{display:inline-flex;align-items:center;gap:8px;min-height:36px}.reading-guide a:hover{color:#6844cf;text-decoration:underline;text-underline-offset:4px}.reading-guide a span{font-size:10px;font-weight:700;color:#7956c9}.reading-guide>svg{color:#b5acbf}.lesson-details{margin:0 30px;border:1px solid #d9cef5;border-top:3px solid #9472e6;border-radius:12px;box-shadow:0 4px 20px #684ca006;scroll-margin-top:20px}.concept-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px 0}.concept-heading{display:flex;align-items:center;gap:13px;min-width:0}.concept-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:12px;background:#efe9fc;color:#7852cf}.section-kicker{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#786791;margin-bottom:6px}.concept-header h2,.example-heading h2{font-size:20px;letter-spacing:-.5px;line-height:1.4;overflow-wrap:anywhere}.reading-time{font-size:11px;color:#767180;white-space:nowrap}.concept-intro{padding:15px 26px 0;color:#727080;font-size:13px;line-height:1.7}.concepts{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px;padding:25px 26px 28px}.concepts article{gap:13px;min-width:0}.concepts article>div{min-width:0}.concepts h3{font-size:14px;line-height:1.5;margin:2px 0 8px;overflow-wrap:anywhere}.concepts p{font-size:13px;color:#636779;line-height:1.85;overflow-wrap:anywhere}.concept-number{width:29px;height:29px;min-width:29px;color:#8064b3;background:#f2eefb;font-size:10px}.example-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:32px 30px 18px;scroll-margin-top:20px}.example-heading p{font-size:12px;line-height:1.8;color:#727587;max-width:710px;margin-top:8px}.lesson-pagination{display:flex;justify-content:space-between;gap:18px;margin:24px 30px}.lesson-pagination button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#fff;border:1px solid #e5e2ed;border-radius:9px;padding:17px 20px;max-width:48%;text-align:left;min-width:0}.lesson-pagination button:hover{background:#f5f0ff;border-color:#d5c5f4}.lesson-pagination small{color:#767082;font-size:11px}.lesson-pagination strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.lesson-pagination .next-lesson{align-items:flex-end;text-align:right;margin-left:auto}.learning-intro{display:flex;align-items:center;gap:20px;margin:28px 0 36px;padding:25px;background:#f2ecfc;border:1px solid #e1d6f3;border-radius:12px;color:#7553b8}.learning-intro h2{font-size:17px;color:#433653;margin-bottom:8px}.learning-intro p{font-size:13px;line-height:1.8;color:#6d647b;max-width:720px}.learning-intro .primary-button{margin-left:auto}.other-page>p,.lesson-cards p,.syntax-card>p{font-size:13px;color:#686e7d;line-height:1.8}.lesson-cards .lesson-meta,.card-bottom{font-size:11px}.workspace-footer{margin:24px 30px 0;padding:22px 0;border-top:1px solid #e4e2eb;gap:24px;color:#757182;font-size:11px;flex-wrap:wrap}.workspace-footer>div{display:flex;flex-direction:column;gap:6px}.workspace-footer strong{font-weight:600;color:#645871}.workspace-footer>span.creator-credit{display:block;color:#655b75;line-height:1.8}.creator-credit span{display:block;font-size:10px;color:#817b8b}.workspace-footer button{font-size:11px;color:#71677e;min-height:40px}.share-link{margin:0 30px 16px;display:flex;align-items:center;gap:12px;font-size:12px}.share-link input{min-width:0;flex:1;padding:10px;border:1px solid #d9cef5;border-radius:6px;background:#fff}@media(min-width:1450px){.concepts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1200px){.reading-guide,.lesson-details,.example-heading,.lesson-pagination,.workspace-footer,.share-link{margin-left:20px;margin-right:20px}.learning-intro{flex-wrap:wrap}}@media(max-width:800px){.reading-guide,.lesson-details,.example-heading,.lesson-pagination,.workspace-footer,.share-link{margin-left:16px;margin-right:16px}.main-nav>button{min-height:44px}.lesson-link{min-height:40px}}@media(max-width:600px){.page-heading{flex-direction:column;gap:15px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px;max-width:none}.page-heading>.secondary-button{font-size:12px}.reading-guide{gap:4px 12px;font-size:11px}.reading-guide>svg{display:none}.reading-guide a{min-height:38px}.concept-header{padding:20px 18px 0;align-items:flex-start;flex-wrap:wrap;gap:12px}.concept-heading{gap:11px}.concept-header h2,.example-heading h2{font-size:18px}.concept-icon{width:40px;height:40px}.reading-time{margin-left:51px;margin-top:-5px}.concept-intro{padding:14px 18px 0;font-size:12px}.concepts{grid-template-columns:1fr;padding:23px 18px;gap:22px}.concepts h3{font-size:14px}.concepts p{font-size:13px}.example-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-top:28px}.example-heading p{font-size:12px}.lesson-pagination{gap:12px}.lesson-pagination button{padding:15px 12px}.lesson-pagination strong{font-size:12px}.lesson-pagination small{font-size:10px}.learning-intro{padding:20px;gap:15px}.learning-intro>div{flex:1;min-width:190px}.learning-intro .primary-button{margin-left:0}.workspace-footer{align-items:flex-start;gap:15px}.workspace-footer>div{width:100%}.workspace-footer button{margin-left:auto}.share-link{flex-direction:column;align-items:stretch}}@media(min-width:1450px){.concepts.concepts-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.topbar{position:sticky;top:0;z-index:10;flex-shrink:0}#konsep,#contoh,.page-heading{scroll-margin-top:84px}@media(max-width:800px){#konsep,#contoh,.page-heading{scroll-margin-top:74px}}.kotlin-approach{padding:13px 16px;border-bottom:1px solid #e7e2f0;background:#fcfbfe;flex-shrink:0}.kotlin-approach>span{display:block;font-size:10px;font-weight:600;color:#746b84;margin-bottom:8px}.kotlin-style-switch{display:flex;gap:4px;border:1px solid #e5dfef;background:#f1eef6;border-radius:7px;padding:3px}.kotlin-style-switch button{display:flex;align-items:center;justify-content:center;flex:1;gap:7px;padding:8px 7px;border-radius:5px;font-size:11px;min-height:35px;white-space:nowrap;color:#7a7287}.kotlin-style-switch button.active{background:#fff;color:#6842bf;box-shadow:0 1px 4px #3e275713}.kotlin-style-switch button span{font-size:8px;color:#8d849c}.kotlin-style-switch button.active span{background:#eee6fc;padding:3px 5px;border-radius:3px;color:#7754b4}.traditional-note code{font-size:10px;color:#665079}.traditional-note{font-size:11px;line-height:1.7;color:#797084;margin-top:10px}@media(max-width:600px){.kotlin-approach{padding:12px}.kotlin-style-switch button{font-size:11px}}@media(min-width:601px)and (max-width:1000px){.kotlin-style-switch button{flex-direction:column;gap:4px}.kotlin-approach{padding:10px}}.binding-reminder{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.7;color:#73509f;margin-top:10px}.binding-reminder a:hover{text-decoration:underline;text-underline-offset:3px}.binding-reminder code{font-size:10px;white-space:nowrap}.sidebar-intro{font-size:10px;line-height:1.7}.concept-header{flex-wrap:wrap}.concept-heading{flex:1 1 260px}.concept-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:9px;max-width:100%;margin-left:auto}.concept-header-meta .reading-time{margin:0}.concept-header-meta a{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.7;color:#7048c5}.concept-header-meta a:hover{text-decoration:underline;text-underline-offset:3px}.binding-reminder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.binding-reminder>span{display:flex;align-items:flex-start;gap:6px;min-width:0}.binding-reminder>span>svg{margin-top:2px}.binding-reminder a{display:inline-flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap}@media(max-width:600px){.concept-header-meta{align-items:flex-start;margin-left:51px}}.workspace-footer button.creator-credit{display:block;text-align:left;padding:5px 0;color:#655b75;line-height:1.8}.creator-credit .creator-credit-name{display:flex;align-items:center;gap:5px;font-size:11px;color:inherit}.creator-credit:hover .creator-credit-name{text-decoration:underline;text-underline-offset:3px;color:#7956e9}html:has(.friendly-path,.reading-guide){scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html:has(.friendly-path,.reading-guide){scroll-behavior:auto}}.app-theme-toggle{display:flex;align-items:center;gap:10px;flex-shrink:0;width:100%;padding:12px 10px;margin:0 0 12px;border:1px solid var(--line);border-radius:10px;text-align:left;background:#f5f2fb;color:#735990;min-height:60px}.app-theme-toggle>span:nth-child(2){flex:1;min-width:0}.app-theme-toggle strong{display:block;font-size:12px;font-weight:600}.app-theme-toggle small{display:block;font-size:9px;margin-top:4px;color:#777184}.theme-switch-track{width:32px;height:19px;border-radius:12px;background:#c6c1d3;padding:3px;flex-shrink:0}.theme-switch-track>span{display:block;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .18s}.app-theme-toggle[aria-checked=true] .theme-switch-track{background:#a18ad9}.app-theme-toggle[aria-checked=true] .theme-switch-track>span{transform:translate(13px)}:root[data-theme=dark]{--accent:#c2a7ff;--muted:#b1aec1;--line:#42404f;--night-surface:#2b2c38;--night-soft:#343342;--night-text:#e8e5ef;--night-muted:#b9b5c8;--night-purple:#3b334e;color:var(--night-text);background:#22232d;color-scheme:dark}:root[data-theme=dark] body{background:#22232d;color:var(--night-text)}:root[data-theme=dark] :is(.sidebar,.topbar,.support-modal,.welcome-dialog,.creator-dialog){background:var(--night-surface);color:var(--night-text);border-color:var(--line)}:root[data-theme=dark] :is(.search-box,.secondary-button,.playground,.panel-toolbar,.lesson-details,.lesson-cards>button,.lesson-pagination button,.syntax-card,.roadmap-cards article,.share-link input,.device-controls){background:var(--night-surface);border-color:var(--line);color:var(--night-text)}:root[data-theme=dark] :is(.main-nav>button,.lesson-link,.group-title,.library-heading,.sidebar-intro,.sidebar-foot,.sidebar-foot small,.breadcrumb,.breadcrumb strong,.topbar-actions,.page-heading p,.other-page>p,.concept-intro,.concepts p,.example-heading p,.lesson-cards p,.lesson-meta,.reading-time,.reading-guide,.lesson-pagination small,.workspace-footer,.workspace-footer strong,.workspace-footer button,.creator-credit span,.roadmap-cards p,.roadmap-cards li,.roadmap-cards small,.syntax-card>p,.syntax-tip,.syntax-actions a,.handbook-end,.support-modal p,.editor-footer,.lang-label,.auto-toggle,.simulation-note,.preview-caption,.device-size,.device-size span,.device-footnote,.kotlin-approach>span,.traditional-note,.search-box input,.device-controls select){color:var(--night-muted)}:root[data-theme=dark] :is(.lesson-cards h3,.stage-heading h2,.path-welcome h2,.learning-intro h2,.welcome-body h2,.welcome-steps h3,.creator-body h2,.creator-contacts strong,.creator-contact-heading){color:var(--night-text)}:root[data-theme=dark] :is(.lesson-link svg,.sidebar-foot>svg,.reading-guide a span,.concept-header-meta a,.binding-reminder,.syntax-card>code,.syntax-actions button,.handbook-end a,.section-kicker,.eyebrow,.path-kicker,.kotlin-mark,.rotate-device,.icon-button,.creator-label,.creator-name){color:#c4addf}:root[data-theme=dark] :is(.main-nav>button.active,.lesson-link.selected,.source-tabs button.active,.syntax-filters button.active,.mode-switch button.active,.kotlin-style-switch button.active){background:#463b5e;color:#e0cdff;border-color:#75608e}:root[data-theme=dark] :is(.main-nav>button:hover,.lesson-link:hover,.secondary-button:hover,.lesson-pagination button:hover,.icon-button:hover,.path-shortcuts a:hover){background:#3d364e;color:#e0cdff;border-color:#8871ab}:root[data-theme=dark] :is(.beta,.library-heading>span:last-child,.api-icon,.concept-icon,.concept-number,.support-tags code,.level.intermediate,.phase-pill,.stage-number,.path-welcome-icon,.welcome-step-icon,.contact-icon,.kotlin-style-switch button.active span){background:var(--night-purple);color:#d0b9ef;border-color:#625077}:root[data-theme=dark] :is(.level:not(.intermediate),.phase-pill.live,.syntax-card-top>small.supported,.welcome-eyebrow>span){background:#2f493f;color:#a9d6bd}:root[data-theme=dark] :is(.mode-switch,.source-tabs,.kotlin-approach,.kotlin-style-switch,.simulation-note,.editor-footer){background:#292a35;border-color:var(--line)}:root[data-theme=dark] :is(.mode-switch button,.source-tabs button,.kotlin-style-switch button,.kotlin-style-switch button span,.syntax-filters button){color:var(--night-muted)}:root[data-theme=dark] :is(.api-teaser,.path-welcome,.learning-intro){background:linear-gradient(120deg,#363043,#2e2d3b);border-color:#50425f;color:#cbb8e2}:root[data-theme=dark] :is(.api-teaser small,.path-welcome p,.learning-intro p,.stage-description,.stage-count){color:#beb4ce}:root[data-theme=dark] :is(.path-shortcuts a,.creator-contacts a,.creator-socials a){background:#30303d;border-color:#484253;color:#c6bdd3}:root[data-theme=dark] .path-shortcuts a>span{color:#c6abec}:root[data-theme=dark] :is(.path-pause,.handbook-notice,.diagnostic,.storage-warning){background:#39352f;border-color:#5a5141;color:#ddc8a3}:root[data-theme=dark] .path-pause :is(h3,p,summary,.path-kicker){color:#deceb5}:root[data-theme=dark] .pause-icon{background:#514737;color:#e0c491}:root[data-theme=dark] .path-pause a{color:#d1b9ef}:root[data-theme=dark] .recipe-studio{background:linear-gradient(135deg,#293b36,#293533);border-color:#465f53}:root[data-theme=dark] .recipe-header h2{color:#d4e9df}:root[data-theme=dark] :is(.recipe-header p,.recipe-header .path-kicker,.recipe-invitation,.recipe-outro){color:#b0ccbe}:root[data-theme=dark] :is(.recipe-emblem,.recipe-invitation>span,.recipe-icon,.recipe-ingredients span){background:#354e42;color:#bce0cd}:root[data-theme=dark] .recipe-card{background:#303f39;border-color:#4b6257}:root[data-theme=dark] .recipe-card:hover{background:#35473f;border-color:#91b7a4}:root[data-theme=dark] .recipe-card h3{color:#daece1}:root[data-theme=dark] :is(.recipe-card p,.recipe-card-top>span:last-child){color:#b6cbbc}:root[data-theme=dark] :is(.recipe-invitation,.recipe-card-action){border-color:#4b6257}:root[data-theme=dark] .recipe-card-action{color:#c0e1cf}:root[data-theme=dark] :is(.card-bottom,.syntax-actions,.workspace-footer,.editor-panel,.rotate-device){border-color:var(--line)}:root[data-theme=dark] .lesson-details{border-top-color:#a38acb}:root[data-theme=dark] .preview-panel{background:#252631}:root[data-theme=dark] .preview-canvas{background-image:radial-gradient(#464453 .7px,transparent .7px)}:root[data-theme=dark] .device-controls select{background:transparent}:root[data-theme=dark] .device-controls option{background:#2b2c38;color:#e8e5ef}:root[data-theme=dark] .syntax-card pre{background:#242530;color:#d2bbec;border-color:#45404f}:root[data-theme=dark] .syntax-card-top>small{background:#393846;color:#c5c0d4}:root[data-theme=dark] .traditional-note code{color:#dac4f1}:root[data-theme=dark] .app-theme-toggle{background:#363044;border-color:#53445f;color:#dcc9f3}:root[data-theme=dark] .app-theme-toggle small{color:#bfb2cf}:root[data-theme=dark] .lesson-list{scrollbar-color:#575062 transparent}:root[data-theme=dark] .toast-message{background:#42394f;color:#f0e7ff;border:1px solid #756089}:root[data-theme=dark] :is(.welcome-illustration,.creator-cover){background:radial-gradient(ellipse at 50% 100%,#4c3a63,transparent 70%),#302c3e;border-color:#51405f}:root[data-theme=dark] :is(.welcome-code,.welcome-phone){background:#2a2a36;border-color:#68517e}:root[data-theme=dark] :is(.welcome-body>p,.welcome-steps p,.welcome-explore,.welcome-reassurance,.creator-body>p#creator-description,.creator-signoff,.creator-socials strong,.creator-socials small,.creator-contacts small,.welcome-eyebrow){color:#bfb4cf}:root[data-theme=dark] :is(.welcome-close,.creator-close){background:#41374e;color:#dce}:root[data-theme=dark] .creator-photo{border-color:#2b2c38}:root[data-theme=dark] .welcome-code code{color:#c8b4e0}:root[data-theme=dark] .welcome-code b{color:#d0aff9}:root[data-theme=dark] .welcome-code em{color:#a4d7c3}:root[data-theme=dark] .welcome-code-lines i{background:#4b405a}:root[data-theme=dark] .welcome-phone>div{background:#30483c;color:#bbdfcb}:root[data-theme=dark] :is(.welcome-code small,.welcome-phone small){color:#bfb0ce}:root[data-theme=dark] :is(.creator-contacts a:hover,.creator-socials a:hover){background:#3d344b;border-color:#736084}:root[data-theme=dark] .phone{color-scheme:light}:root[data-theme=dark] .phone.dark{color-scheme:dark}