:root{--paper:#f3f0e8;--paper-2:#ebe6da;--ink:#171613;--ink-2:#4a463e;--ink-3:color-mix(in srgb, var(--ink-2) 85%, var(--paper));--rule:color-mix(in srgb, var(--ink) 12%, transparent);--ember:#c8613f;--shell:min(1200px, calc(100% - 48px));--ease:cubic-bezier(.22, 1, .36, 1);--dur-press:.12s;--dur-pop:.18s;--dur-sheet:.26s;--shadow-ink:23 22 19;--shadow-1:0 1px 2px rgb(var(--shadow-ink) / .05), 0 2px 6px rgb(var(--shadow-ink) / .05), 0 6px 16px rgb(var(--shadow-ink) / .04);--shadow-2:0 1px 2px rgb(var(--shadow-ink) / .06), 0 4px 12px rgb(var(--shadow-ink) / .07), 0 12px 32px rgb(var(--shadow-ink) / .08);--shadow-3:0 2px 4px rgb(var(--shadow-ink) / .08), 0 8px 24px rgb(var(--shadow-ink) / .1), 0 24px 56px rgb(var(--shadow-ink) / .14);--serif:var(--font-heading,var(--font-serif)), Georgia, serif;--sans:var(--font-body,var(--font-sans)), system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:clip}html.lenis,html.lenis body{height:auto}body{background:var(--paper);transition:background var(--dur-sheet) var(--ease), color var(--dur-sheet) var(--ease);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,video,canvas,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.skip{z-index:100;background:var(--ink);color:var(--paper);padding:10px 14px;position:absolute;top:-60px;left:16px}.skip:focus{top:16px}.shell{width:var(--shell);margin-inline:auto}h1,h2,h3{font-family:var(--serif);font-weight:var(--heading-weight,400);letter-spacing:-.02em;text-wrap:balance;margin:0}h1{letter-spacing:-.035em;font-size:clamp(48px,7vw,104px);line-height:.95}h2{letter-spacing:-.03em;font-size:clamp(34px,4.4vw,60px);line-height:1}h3{font-size:24px;line-height:1.15}em{font-style:italic}p{text-wrap:pretty;margin:0}.button{cursor:pointer;background:var(--ink);height:50px;color:var(--paper);transition:background var(--dur-press) var(--ease);border:0;border-radius:4px;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.button:hover{background:color-mix(in srgb, var(--ink) 86%, var(--paper))}.button svg{transition:transform var(--dur-pop) var(--ease)}.button:hover svg{transform:translateY(2px)}.link{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:5px;transition:text-decoration-color var(--dur-press) var(--ease)}.link:hover{text-decoration-color:currentColor}@media (max-width:720px){:root{--shell:calc(100% - 32px)}body{font-size:16px}}html[data-mode=dark]{--shadow-ink:0 0 0;--shadow-1:0 1px 2px #0003, 0 2px 6px #0003, 0 6px 16px #00000029;--shadow-2:0 1px 2px #0000003d, 0 4px 12px #00000047, 0 12px 32px #00000052;--shadow-3:0 2px 4px #00000052, 0 8px 24px #0006, 0 24px 56px #00000080}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}}
.header{z-index:40;transition:background var(--dur-sheet) var(--ease), box-shadow var(--dur-sheet) var(--ease);position:fixed;inset:0 0 auto}.header.is-solid{background:color-mix(in srgb, var(--paper) 92%, transparent);box-shadow:0 1px 0 var(--rule)}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.wordmark{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.wordmark img{border-radius:6px}.header-nav{align-items:center;gap:28px;font-size:15px;display:flex}.header-nav a{color:var(--ink-2);transition:color var(--dur-press) var(--ease);text-decoration:none}.header-nav a:hover{color:var(--ink)}.header-nav .header-cta{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px}.rise{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.rise-inner{will-change:transform;display:block}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;min-height:100svh;padding:120px 0 60px;display:grid}.hero h1 em{color:var(--ember)}.hero-foot{max-width:470px;margin-top:44px}.hero-foot p{color:var(--ink-2);font-size:19px;line-height:1.5}.hero-actions{align-items:center;gap:22px;margin-top:30px;display:flex}.hero-meta{color:var(--ink-3);font-size:14px}.hero-visual{height:min(78svh,720px)}.hero-phone{width:100%;height:100%}.statement{border-top:1px solid var(--rule);padding:80px 0 40px}.statement p{max-width:900px;font-family:var(--serif);letter-spacing:-.015em;font-size:clamp(26px,3vw,38px);line-height:1.25}.chapter{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:140px 0 40px;display:grid}.chapter.is-flip .chapter-text{order:2}.chapter-text{max-width:460px}.chapter-number{font-family:var(--serif);color:var(--ink-3);margin-bottom:26px;font-size:20px;font-style:italic;display:block}.chapter-body{color:var(--ink-2);margin-top:24px;font-size:19px;line-height:1.5}.chapter-media{justify-self:center}.screen{aspect-ratio:1080/2295;background:var(--surface);width:min(330px,78vw,max(250px,47.0588svh - 56.4706px));box-shadow:0 0 0 8px var(--bezel,#1d1c1a), 0 40px 80px -40px #1e18108c;border-radius:34px;overflow:hidden}.screen img,.screen video{object-fit:cover;width:100%;height:100%}.practice-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;padding:140px 0 40px;display:grid}.practice-text{max-width:420px}.practice-stage{justify-self:end;width:100%;max-width:560px}.themes{padding:140px 0 40px}.themes-head{margin-bottom:44px}.privacy{border-bottom:1px solid var(--rule);grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;padding:140px 0 80px;display:grid}.privacy-body p{color:var(--ink-2);margin-bottom:18px;font-size:18px}.download{padding:120px 0 100px}.download h2{letter-spacing:-.045em;font-size:clamp(56px,10vw,150px);line-height:.9}.download-row{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;padding-top:28px;display:flex}.download-row p{color:var(--ink-2);font-size:19px}.download-actions{align-items:center;gap:24px;display:flex}.footer{background:var(--deep,var(--ink));color:var(--deep-ink,var(--paper));padding:70px 0 34px;overflow:hidden}.footer-line{color:var(--ember);width:100%;height:auto}.footer-mark{font-family:var(--serif);letter-spacing:-.06em;margin:10px 0 40px;font-size:clamp(80px,19vw,290px);line-height:.8}.footer-row{border-top:1px solid color-mix(in srgb, var(--deep-ink,var(--paper)) 16%, transparent);color:color-mix(in srgb, var(--deep-ink,var(--paper)) 64%, transparent);flex-wrap:wrap;justify-content:space-between;gap:18px;padding-top:24px;font-size:14px;display:flex}.footer-row nav{gap:22px;display:flex}.footer-row a{color:color-mix(in srgb, var(--deep-ink,var(--paper)) 82%, transparent);text-decoration:none}.footer-row a:hover{color:var(--deep-ink,var(--paper))}.legal{max-width:760px;padding:150px 0 100px}.legal-title{font-size:clamp(48px,7vw,88px);line-height:.95}.legal-intro{color:var(--ink-2);margin:22px 0 12px;font-size:20px}.legal-updated{color:var(--ink-3);margin:0 0 48px;font-size:14px}.legal-section p{color:var(--ink-2);margin:0 0 12px;line-height:1.6}.legal-section{border-top:1px solid var(--rule);padding:28px 0}.legal-section h2{margin-bottom:14px;font-size:26px}.legal-section ul{color:var(--ink-2);gap:8px;margin:0;padding-left:18px;display:grid}.auth{align-items:center;min-height:80svh;padding:140px 0 80px;display:grid}.auth-body{max-width:560px}.auth h1{font-size:clamp(40px,6vw,72px);line-height:.98}.auth-lede{color:var(--ink-2);margin:20px 0 0;font-size:19px}.auth-steps{border-top:1px solid var(--rule);margin:36px 0;padding:0;list-style:none}.auth-steps li{border-bottom:1px solid var(--rule);align-items:center;gap:16px;padding:14px 0;display:flex}.auth-steps span{font-family:var(--serif);color:var(--ink-3);width:18px;font-style:italic}.auth-help{color:var(--ink-3);margin-top:16px;font-size:14px}.missing-code{font-family:var(--serif);letter-spacing:-.04em;color:var(--ember);margin:0 0 18px;font-size:clamp(72px,12vw,140px);font-style:italic;line-height:.8}.missing-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:36px;display:flex}.missing-link{color:var(--ink-2);text-underline-offset:4px;font-size:15px}.missing-link:hover{color:var(--ink)}.practice,.studio{--muted:var(--ink-2);--faint:var(--ink-3);--ember-2:color-mix(in srgb, var(--ember) 70%, var(--ink));--line:var(--rule);color:var(--ink)}.practice{background:var(--surface);box-shadow:var(--shadow-3);border-radius:26px;padding:24px}.practice .btn{cursor:pointer;background:var(--ember);min-width:110px;min-height:48px;color:var(--on-accent);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.practice .btn-ghost{background:var(--paper-2);color:var(--ink)}.practice .btn:disabled{opacity:.4;cursor:default}.practice-kicker{color:var(--ember);margin:0;font-size:12px;font-weight:600}.practice-title{font:600 21px/1.3 var(--sans);letter-spacing:-.01em;margin:4px 0 16px}.segmented{background:var(--paper);border-radius:14px;gap:4px;padding:4px;display:flex;position:relative}.segmented button{cursor:pointer;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;font-size:15px;font-weight:600;position:relative}.segmented button.is-active{color:var(--ink)}.segmented-pill{background:var(--paper-2);border-radius:10px;position:absolute;inset:0}.segmented-label{position:relative}.practice-progress{color:var(--muted);justify-content:space-between;margin:18px 0 8px;font-size:14px;font-weight:500;display:flex}.progress-track{background:var(--paper-2);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--ember);height:100%}.practice-question{min-height:2.8em;margin:22px 0 16px;font-size:19px;font-weight:600;line-height:1.4}.choices{gap:8px;display:grid}.choice{background:var(--paper-2);text-align:left;cursor:pointer;width:100%;min-height:56px;transition:background var(--dur-press) var(--ease), opacity var(--dur-pop) var(--ease);border:0;border-radius:14px;align-items:center;gap:14px;padding:10px 14px;font-size:16px;display:flex}.choice:hover{background:color-mix(in srgb, var(--ink) 8%, var(--paper-2))}.choice-mark{width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.choice-text{flex:1}.choice-tag{color:var(--danger);font-size:13px}.choice.is-correct{background:color-mix(in srgb, var(--success) 16%, var(--surface))}.choice.is-correct .choice-mark{background:var(--success);color:var(--surface)}.choice.is-wrong{background:color-mix(in srgb, var(--danger) 14%, var(--surface))}.choice.is-wrong .choice-mark{background:var(--danger);color:var(--surface)}.choice.is-dim{opacity:.5}.feedback{background:color-mix(in srgb, var(--danger) 12%, var(--surface));border-radius:14px;margin-top:10px;padding:12px 16px;overflow:hidden}.feedback.is-good{background:color-mix(in srgb, var(--success) 14%, var(--surface))}.feedback strong{color:var(--danger)}.feedback.is-good strong{color:var(--success)}.feedback p{color:var(--muted);margin:4px 0 0;font-size:15px}.flashcard{perspective:1200px;cursor:pointer;background:0 0;border:0;width:100%;height:260px;margin-top:20px;padding:0;display:block}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--dur-sheet) var(--ease);display:block;position:relative}.flashcard.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{background:var(--paper-2);backface-visibility:hidden;text-align:center;border-radius:18px;place-content:center;gap:10px;padding:24px;font-size:20px;font-weight:600;line-height:1.4;display:grid;position:absolute;inset:0}.flashcard-back{background:color-mix(in srgb, var(--ember) 14%, var(--surface));transform:rotateY(180deg)}.flashcard-back strong{color:var(--ember-2)}.flashcard-back span{color:var(--muted);font-size:15px;font-weight:400}.practice-actions{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.studio{background:var(--surface);box-shadow:var(--shadow-2);transition:background var(--dur-sheet) var(--ease);border-radius:26px;grid-template-columns:1fr 1fr;grid-template-areas:"top top""controls preview";align-items:start;gap:32px 40px;padding:34px;display:grid}.studio-controls{grid-area:controls;gap:28px;display:grid}.studio-top{grid-area:top;gap:16px;display:grid}.mode-toggle{width:220px}.theme-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.theme-card{box-shadow:var(--shadow-1);text-align:left;cursor:pointer;min-width:0;min-height:48px;font:inherit;border:0;border-radius:18px;justify-items:start;gap:4px;padding:14px;display:grid;position:relative}.theme-card-strip{border-radius:4px;width:100%;height:34px;margin-bottom:8px;display:flex;overflow:hidden}.theme-card-strip i{flex:1}.theme-card-strip i:last-child{flex:.6}.theme-card-name{font-size:16px;font-weight:600;line-height:1.2}.theme-card-detail{font-size:13px;line-height:1.35}.theme-card-ring{pointer-events:none;border:2px solid;border-radius:18px;position:absolute;inset:0}.theme-card:focus-visible,.swatch:focus-visible,.code-chip:focus-visible,.font-select select:focus-visible,.mode-toggle button:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.font-selects{grid-template-columns:1fr 1fr;gap:8px;display:grid}.font-select{color:var(--muted);gap:6px;font-size:12px;display:grid}.font-select select{appearance:none;cursor:pointer;width:100%;min-height:48px;color:var(--ink);background:color-mix(in srgb, var(--ink) 6%, transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23a69e92' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center;border:0;border-radius:12px;padding:0 36px 0 14px;font-size:15px}.font-select option{color:var(--ink);background:var(--surface)}.control{gap:12px;display:grid}.control-label{color:var(--muted);font-size:14px;font-weight:500}.control-hint{color:var(--faint);font:500 13px/1 ui-monospace,Consolas,monospace}.swatch-row{gap:8px;display:flex}.swatch{cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid;position:relative}.swatch-dot{border-radius:50%;width:36px;height:36px}.swatch-ring{border:2px solid;border-radius:50%;position:absolute;inset:0}.code-chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.code-chip{cursor:pointer;min-height:48px;box-shadow:var(--shadow-1);border:0;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.code-chip.is-active{box-shadow:var(--shadow-1), inset 0 0 0 2px var(--ember)}.code-chip-dots{gap:4px;display:flex}.code-chip-dots i{border-radius:50%;width:8px;height:8px}.studio-preview{grid-area:preview;place-items:center;display:grid;position:sticky;top:100px}.mock{background:var(--t-bg);width:min(330px,100%);color:var(--t-text);font-family:var(--t-body);border-radius:32px;padding:18px 16px 80px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 24px 60px #00000059}.mock,.mock *{transition:background var(--dur-sheet) var(--ease), color var(--dur-sheet) var(--ease)}.mock-bar{justify-content:space-between;align-items:center;padding:4px 4px 14px;display:flex}.mock-title{font:var(--t-heading-weight,600) 19px/1.2 var(--t-heading)}.mock-avatar{background:var(--t-accent);border-radius:50%;width:28px;height:28px}.mock-card{background:var(--t-surface);border-radius:16px;gap:10px;padding:14px;display:grid}.mock-sync{background:var(--t-accent);height:38px;color:var(--t-on-accent);border-radius:999px;place-items:center;font-size:14px;font-weight:600;display:grid}.mock-meta{color:var(--t-text-muted);font-size:12px}.mock-greet{font-family:var(--t-heading);font-weight:var(--t-heading-weight,600);margin:18px 4px 12px;font-size:24px;line-height:1.15}.mock-flow{color:var(--t-accent)}.mock-row{background:var(--t-muted);color:var(--t-text-muted);border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;font-size:12px;line-height:1.35;display:flex}.mock-row b{color:var(--t-text);font-size:13px;font-weight:600}.mock-icon{background:color-mix(in srgb, var(--t-accent) 20%, transparent);width:28px;height:28px;color:var(--t-accent);border-radius:50%;flex:none;place-items:center;display:grid}.mock-code{border-radius:12px;margin:12px 0 0;padding:14px;font:500 12px/1.65 ui-monospace,Consolas,monospace;overflow:hidden}.mock-line{white-space:pre;display:block}.mock-nav{color:var(--t-text-muted);background:var(--t-nav);border-radius:999px;justify-content:space-around;padding:8px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.mock-nav span{border-radius:999px;padding:6px 12px}.mock-nav .is-active{background:var(--t-selected);color:var(--t-text)}@media (max-width:960px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero-visual{height:560px}.chapter,.chapter.is-flip,.practice-section,.privacy{grid-template-columns:1fr;gap:50px}.chapter.is-flip .chapter-text{order:0}.practice-stage{justify-self:stretch}.studio{grid-template-columns:1fr;grid-template-areas:"top""preview""controls";padding:22px}.studio-preview{position:static}}@media (max-width:720px){.header-nav a:not(.header-cta){display:none}.studio{gap:24px;padding:14px}.mode-toggle{width:100%}.theme-cards{gap:6px}.theme-card{border-radius:14px;padding:10px}.theme-card-ring{border-radius:14px}.theme-card-name{font-size:15px}.theme-card-detail{display:none}.font-selects{grid-template-columns:1fr}.hero-visual{height:470px}.chapter,.practice-section,.themes,.privacy{padding-top:100px}.practice{padding:16px}.hero-actions,.download-actions{flex-wrap:wrap}}.shot-root{width:390px;height:829px;overflow:hidden}body:before{content:"";z-index:60;pointer-events:none;opacity:var(--grain,.32);mix-blend-mode:var(--grain-blend,multiply);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 0 0.33 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.chapter-number,.hero-meta,.control-hint{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.02em;font-size:13px;font-style:normal}.chapter-number{color:var(--ink-3)}.pixel-button{--pixel:var(--paper);background:var(--ink);height:50px;color:var(--paper);font:500 13px/1 var(--font-mono), ui-monospace, monospace;text-transform:uppercase;letter-spacing:.06em;box-shadow:inset 0 0 0 1px var(--ink);align-items:stretch;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pixel-button canvas{pointer-events:none;mix-blend-mode:difference;width:100%;height:100%;position:absolute;inset:0}.pixel-label{align-items:center;padding:0 22px;display:flex}.pixel-divider{border-left:1px dashed color-mix(in srgb, var(--paper) 45%, transparent);width:0;margin:8px 0}.pixel-arrow{transition:transform var(--dur-pop) var(--ease);align-items:center;padding:0 18px;font-size:16px;display:flex}.pixel-button:hover .pixel-arrow{transform:translate(3px)}.pixel-reveal{position:relative}.pixel-reveal canvas{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px}.screen-inner{width:100%;height:100%}.intro{z-index:80;background:var(--paper);place-items:center;display:grid;position:fixed;inset:0}.site-wordmark{letter-spacing:-.02em;font-weight:800;display:inline-flex}.site-wordmark>span{animation:6.6s cubic-bezier(.2,0,0,1) infinite site-letter;display:inline-block}.site-wordmark .is-flow{color:var(--ember)}@keyframes site-letter{0%,6%{transform:translateY(0)}3%{transform:translateY(-3px)}}.header{position:fixed}.header-wave{pointer-events:none;opacity:0;height:16px;transition:opacity var(--dur-sheet) var(--ease);position:absolute;bottom:-8px;left:0;right:0;overflow:hidden}.header.is-solid .header-wave{opacity:1}.header-wave svg{width:2700px;height:16px;animation:6s linear infinite site-drift}.header-wave path{fill:none;stroke:var(--ember);stroke-opacity:.4;stroke-width:1.25px;vector-effect:non-scaling-stroke}@keyframes site-drift{to{transform:translate(-180px)}}.header.is-solid{box-shadow:none}@media (prefers-reduced-motion:reduce){.site-wordmark>span,.header-wave svg{animation:none}}.header-wave svg{max-width:none;display:block}@media (pointer:coarse){.header-cta,.wordmark,.download-actions .link,.footer-row a{align-items:center;min-height:44px;display:inline-flex}.privacy-body .link{margin:-12px 0;padding:12px 0;display:inline-block}}html[data-mode=dark]{--grain:.5;--grain-blend:screen}.theme-toggle{width:44px;height:44px;color:var(--ink-2);cursor:pointer;transition:color var(--dur-press) var(--ease), background var(--dur-press) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;margin:-8px -6px;display:inline-grid}.theme-toggle:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.theme-toggle svg{width:20px;height:20px}.hero-wrap{position:relative}.hero-wrap .hero{z-index:1;position:relative}.wind{z-index:0;pointer-events:none;--wind-mask:linear-gradient(to right, transparent 28%, #000 62%), linear-gradient(to bottom, transparent 72px, #000 150px, #000 70%, transparent);width:100%;height:100%;-webkit-mask-image:var(--wind-mask);-webkit-mask-image:var(--wind-mask);mask-image:var(--wind-mask);-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:960px){.wind{--wind-mask:linear-gradient(to bottom, transparent 42%, #000 62%, #000 88%, transparent);-webkit-mask-composite:source-over;-webkit-mask-composite:source-over;mask-composite:add}}@media (hover:none){.choice:hover{background:var(--paper-2)}.theme-toggle:hover{color:var(--ink-2);background:0 0}.header-nav a:hover{color:var(--ink-2)}.pixel-button:hover .pixel-arrow{transform:none}}.choice:active,.theme-card:active,.code-chip:active,.swatch:active,.theme-toggle:active{transform:scale(.98)}.choice,.theme-card,.code-chip,.swatch,.theme-toggle{transition:transform var(--dur-press) var(--ease), background var(--dur-press) var(--ease), box-shadow var(--dur-pop) var(--ease)}.studio{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"preview controls";align-items:start}.studio-preview{grid-area:preview;display:block;position:sticky;top:96px}.studio-controls{gap:18px}.tp-frame{background:var(--paper);box-shadow:var(--shadow-3);font-family:var(--sans);border-radius:36px;overflow:hidden}.tp-header{background:var(--chrome);align-items:center;gap:10px;height:48px;padding:0 16px;display:flex}.tp-muted{color:var(--ink-2)}.tp-title{font:var(--heading-weight,600) 16px/1.2 var(--serif);color:var(--ink);flex:1}.tp-avatar{background:var(--paper-2);width:26px;height:26px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.tp-body{gap:10px;padding:16px;display:grid}.tp-user{background:var(--bubble);max-width:80%;color:var(--ink);border-radius:18px;justify-self:end;padding:9px 14px;font-size:14px}.tp-assistant{color:var(--ink);font-size:15px;line-height:1.5}.tp-link{color:var(--ember);text-underline-offset:3px;text-decoration:underline}.tp-meta{color:var(--ink-3);font-size:13px}.tp-code{font:500 13px/1.5 var(--font-mono), ui-monospace, monospace;white-space:pre;border-radius:12px;margin:0;padding:12px 14px;overflow:hidden}.tp-chips{flex-wrap:wrap;gap:8px;display:flex}.tp-chip{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.tp-chip.is-success{color:var(--success);background:color-mix(in srgb, var(--success) 16%, var(--paper))}.tp-chip.is-warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 16%, var(--paper))}.tp-chip.is-danger{color:var(--danger);background:color-mix(in srgb, var(--danger) 16%, var(--paper))}.tp-composer{background:var(--surface);box-shadow:var(--shadow-1);border-radius:24px;align-items:center;gap:10px;margin:0 12px 12px;padding:8px;display:flex}.tp-plus{background:var(--paper-2);width:30px;height:30px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.tp-placeholder{color:var(--ink-3);flex:1;font-size:14px}.tp-send{background:var(--ember);width:30px;height:30px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.mode-toggle{width:100%;max-width:320px}.tp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tp-card{background:var(--paper);min-width:0;box-shadow:var(--shadow-1);cursor:pointer;text-align:left;font:inherit;color:var(--ink-2);transition:box-shadow var(--dur-pop) var(--ease), transform var(--dur-press) var(--ease);border:0;border-radius:16px;gap:8px;padding:8px;display:grid}.tp-card.is-active{box-shadow:var(--shadow-1), inset 0 0 0 2px var(--ember);color:var(--ink)}.tp-card:active,.tp-swatch:active,.tp-code-card:active{transform:scale(.98)}.tp-mini{border-radius:8px;align-content:start;gap:5px;height:86px;padding:8px;display:grid;position:relative;overflow:hidden}.tp-mini i{border-radius:3px;display:block}.tp-mini-bar{height:8px;margin:-8px -8px 2px;border-radius:0!important}.tp-mini-line{opacity:.85;height:5px}.tp-mini-bubble{justify-self:end;width:46%;height:12px;border-radius:6px!important}.tp-mini-composer{height:16px;position:absolute;bottom:8px;left:8px;right:8px;border-radius:8px!important}.tp-mini-composer i{width:10px;height:10px;position:absolute;top:3px;right:3px;border-radius:50%!important}.tp-card-label{white-space:nowrap;font-size:14px;font-weight:600}.tp-detail{color:var(--ink-2);margin:-6px 0 4px;font-size:14px}.tp-swatches{flex-wrap:wrap;gap:6px;display:flex}.tp-swatch{cursor:pointer;min-width:56px;color:var(--ink-2);font:inherit;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid;position:relative}.tp-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.tp-swatch-ring{width:44px;height:44px;transition:box-shadow var(--dur-press) var(--ease);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #0000}.tp-swatch.is-active .tp-swatch-ring{box-shadow:inset 0 0 0 2px var(--ink)}.tp-swatch-dot{width:34px;height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:50%;place-items:center;display:grid}.tp-swatch-label{font-size:12px}.tp-swatch.is-active .tp-swatch-label{color:var(--ink)}.tp-swatch:focus-visible,.tp-card:focus-visible,.tp-code-card:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.tp-swatch:has(input:focus-visible){outline:2px solid var(--ember);outline-offset:3px}.tp-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tp-code-card{background:var(--paper);min-width:0;box-shadow:var(--shadow-1);cursor:pointer;text-align:left;font:inherit;color:var(--ink-2);border:0;border-radius:16px;gap:8px;padding:8px;display:grid}.tp-code-card.is-active{box-shadow:var(--shadow-1), inset 0 0 0 2px var(--ember);color:var(--ink)}.tp-code-sample{font:500 12px/1.45 var(--font-mono), ui-monospace, monospace;white-space:nowrap;border-radius:8px;gap:2px;padding:8px 10px;display:grid;overflow:hidden}.tp-code-footer{justify-content:space-between;align-items:center;gap:6px;padding:0 2px;display:flex}.tp-code-footer .tp-card-label{text-overflow:ellipsis;font-size:13px;overflow:hidden}@media (max-width:960px){.studio{grid-template-columns:1fr;grid-template-areas:"preview""controls"}.studio-preview{position:static}}@media (max-width:720px){.tp-cards{gap:6px}.tp-mini{height:70px}.tp-card-label{font-size:13px}.tp-swatch{min-width:50px}.mode-toggle{max-width:none}}
.as-screen{--bg:var(--paper,#1b1a19);--surface:var(--surface-app,#232220);--muted-bg:var(--paper-2,#2c2a28);--text:var(--ink,#eeeae4);--text-2:var(--ink-2,#b0a9a0);--text-3:var(--ink-3,#9e9890);--accent:var(--ember,#dc8162);--on-accent:var(--on-accent-app,#1d110b);--warn:var(--warning,#e3b25b);--line:color-mix(in srgb, var(--text) 7%, transparent);--tint:var(--selected,#3d2f29);--glass:color-mix(in srgb, var(--surface) 88%, transparent);--ring:color-mix(in srgb, var(--text) 8%, transparent);background:var(--bg);width:390px;height:829px;color:var(--text);font:400 14px/1.4 var(--sans);letter-spacing:0;flex-direction:column;gap:10px;padding:18px 18px 0;display:flex;position:relative;overflow:hidden}.as-screen b{font-weight:600}.as-muted{color:var(--text-2);font-size:13px}.as-meta{padding:0 4px;font-size:13px}.as-warn{color:var(--warn)}.as-strong{color:var(--text-2);font-weight:600}.as-top{justify-content:space-between;align-items:center;padding:6px 2px 8px;display:flex}.as-top-left{align-items:center;gap:14px;display:flex}.as-brand{letter-spacing:-.02em;font-size:25px;font-weight:800}.as-brand-sm{font-size:19px;font-weight:700}.as-top-actions{color:var(--text);align-items:center;gap:18px;display:flex}.as-avatar{background:var(--accent);width:38px;height:38px;color:var(--on-accent);border-radius:50%;place-items:center;font-weight:700;display:grid}.as-more{color:var(--text);letter-spacing:1px;font-size:13px}.as-card{background:var(--surface);border-radius:20px;padding:16px}.as-sync{gap:6px;display:grid}.as-sync-row{align-items:center;gap:14px;margin-bottom:6px;display:flex}.as-pill-btn{background:var(--accent);height:46px;color:var(--on-accent);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.as-section-head{justify-content:space-between;align-items:baseline;padding:14px 4px 0;font-size:20px;font-weight:600;display:flex}.as-section-head .as-muted{font-size:14px;font-weight:500}.as-work{border-bottom:1px solid var(--line);gap:3px;padding:14px 4px 12px;display:grid}.as-work-title{font-size:17px;font-weight:600}.as-due{color:var(--text-2);font-size:13px}.as-work-actions{color:var(--text-2);gap:26px;padding:8px 10px 0;font-size:14px;font-weight:600;display:flex}.as-nav{background:var(--glass);box-shadow:inset 0 0 0 1px var(--ring);border-radius:999px;justify-content:space-around;padding:6px;display:flex;position:absolute;bottom:16px;left:14px;right:14px}.as-nav span{color:var(--text-2);border-radius:999px;justify-items:center;gap:2px;padding:8px 10px;font-size:11px;font-weight:600;display:grid}.as-nav .is-active{background:var(--tint);color:var(--text)}.as-nav .is-active svg{color:var(--accent)}.as-ai-center{flex:1;align-content:center;justify-items:center;gap:18px;padding-bottom:40px;display:grid}.as-greeting{text-align:center;font-family:var(--serif);letter-spacing:-.01em;margin:0;padding:0 10px;font-size:31px;line-height:1.15}.as-accent{color:var(--accent)}.as-starters{background:var(--muted-bg);border-radius:20px;width:100%;overflow:hidden}.as-starter{color:var(--text-3);align-items:center;gap:12px;padding:12px 14px;display:flex}.as-starter+.as-starter{border-top:1px solid var(--line)}.as-starter-icon{background:var(--tint);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.as-starter-text{color:var(--text-2);flex:1;gap:1px;font-size:12px;display:grid}.as-starter-text b{color:var(--text);font-size:14px}.as-composer{background:var(--glass);box-shadow:inset 0 0 0 1px var(--ring);border-radius:30px;align-items:center;gap:12px;margin:0 0 18px;padding:10px;display:flex}.as-round{background:var(--muted-bg);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.as-send{color:var(--text-3)}.as-placeholder{color:var(--text-2);flex:1;font-size:16px}.as-sheet{background:var(--surface);padding-top:22px}.as-sheet-head{justify-content:space-between;align-items:center;padding:4px 4px 10px;font-size:18px;font-weight:600;display:flex}.as-close{background:var(--muted-bg);border-radius:50%;place-items:center;width:40px;height:40px;font-size:15px;display:grid}.as-quiz{gap:9px;display:grid}.as-kicker{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.as-quiz-title{font-size:19px;font-weight:600}.as-seg{background:var(--bg);border-radius:14px;padding:4px;display:flex}.as-seg span{text-align:center;color:var(--text-2);border-radius:10px;flex:1;padding:10px 0;font-weight:600}.as-seg .is-active{background:var(--muted-bg);color:var(--text)}.as-progress-row{color:var(--text-2);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.as-track{background:var(--muted-bg);border-radius:2px;height:4px}.as-track span{background:var(--accent);border-radius:2px;height:100%;display:block}.as-question{margin:6px 0;font-size:16px;font-weight:600;line-height:1.4}.as-choice{background:var(--muted-bg);border-radius:14px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:500;display:flex}.as-choice.is-correct{background:color-mix(in srgb, var(--success,#7fd1a0) 16%, var(--surface))}.as-choice.is-dim{opacity:.6}.as-mark{width:28px;height:28px;color:var(--text-2);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.as-choice.is-correct .as-mark{background:var(--success,#7fd1a0);color:var(--surface)}.as-feedback{background:color-mix(in srgb, var(--success,#7fd1a0) 14%, var(--surface));color:var(--text-2);border-radius:14px;gap:3px;padding:12px 14px;font-size:13px;display:grid}.as-feedback b{color:var(--success,#8fdcac)}.as-quiz-actions{justify-content:space-between;padding-top:4px;display:flex}.as-ghost,.as-primary{border-radius:999px;place-items:center;min-width:96px;height:44px;font-weight:600;display:grid}.as-ghost{background:var(--muted-bg)}.as-primary{background:var(--accent);color:var(--on-accent)}.as-files-head{justify-content:space-between;align-items:flex-start;padding:10px 4px 6px;display:flex}.as-files-head>span:first-child{display:grid}.as-title{letter-spacing:-.02em;font-size:34px;font-weight:700}.as-select{font-size:15px;font-weight:600}.as-search{background:var(--surface);height:48px;color:var(--text-2);border-radius:16px;align-items:center;gap:10px;margin-bottom:4px;padding:0 16px;font-size:15px;display:flex}.as-label{color:var(--text-2);padding:12px 6px 2px;font-size:13px;font-weight:600}.as-file{color:var(--text-2);align-items:center;gap:12px;padding:7px 6px;display:flex}.as-file-icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.as-file-text{min-width:0;color:var(--text-2);flex:1;font-size:12px;display:grid}.as-file-text b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.as-fit{width:100%;height:100%;position:relative;overflow:hidden}.as-fit>.as-screen{transform-origin:0 0;transform:scale(var(--s,1));position:absolute;top:0;left:0}.as-top-home{margin:-18px -18px 4px;padding:26px 20px 22px;position:relative}.as-wordmark{letter-spacing:-.8px;font-size:26px;font-weight:900;display:inline-flex}.as-wordmark>span{animation:6.6s cubic-bezier(.2,0,0,1) infinite as-letter;display:inline-block}.as-wordmark .as-flow{color:var(--accent)}@keyframes as-letter{0%,6%{transform:translateY(0)}3%{transform:translateY(-4px)}}.as-avatar-ring{background:var(--muted-bg);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.as-avatar-ring .as-avatar{width:34px;height:34px;font-size:15px}.as-header-wave{height:16px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.as-header-wave svg{animation:6s linear infinite as-drift}@keyframes as-drift{to{transform:translate(-180px)}}@media (prefers-reduced-motion:reduce){.as-wordmark>span,.as-header-wave svg{animation:none}}.as-top-ai{margin:-18px -18px 0;padding:22px 20px 18px;position:relative}.as-brand-sm{letter-spacing:-.6px;font-size:20px;font-weight:900}.as-ai-suffix{color:var(--text-3);font-weight:700}.as-header-wave svg{max-width:none;display:block}.ad-icon-btn{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.ad-icon-btn:disabled{cursor:default}.ad-starter{text-align:left;width:100%;font:inherit;cursor:pointer;transition:background var(--dur-press) var(--ease);background:0 0;border:0}.ad-starter:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.ad-hint{color:var(--text-3);font-size:12px}.ad-chat{scrollbar-width:none;flex-direction:column;flex:1;gap:14px;min-height:0;padding:12px 2px 8px;display:flex;overflow-y:auto}.ad-chat::-webkit-scrollbar{display:none}.ad-user{max-width:82%;animation:ad-rise var(--dur-sheet) var(--ease);align-self:flex-end;justify-items:end;gap:6px;display:grid}.ad-bubble{background:var(--muted-bg);border-radius:18px;padding:10px 14px;font-size:14px}.ad-attachment{background:var(--surface);color:var(--text-2);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.ad-assistant{color:var(--text);gap:8px;font-size:14px;line-height:1.5;display:grid}.ad-assistant p{margin:0}.ad-h{font-size:15px;font-weight:700}.ad-list{gap:4px;margin:0;padding-left:20px;display:grid}.ad-status{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ad-pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite ad-pulse}.ad-thought,.ad-activity{color:var(--text-3);font-size:12px}.ad-set{background:var(--surface);animation:ad-rise var(--dur-sheet) var(--ease);border-radius:16px;gap:6px;padding:14px;display:grid}.ad-set b{font-size:15px}.ad-set-q{color:var(--text-2);font-size:13px}.ad-set-actions{gap:8px;margin-top:6px;display:flex}.ad-set-actions .as-primary,.ad-set-actions .as-ghost{min-width:0;height:36px;padding:0 14px;font-size:13px}.ad-file{background:var(--surface);animation:ad-rise var(--dur-sheet) var(--ease);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.ad-open{background:var(--muted-bg);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.ad-more{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px;font-size:12px;display:flex}.ad-more button{background:var(--muted-bg);min-height:40px;color:var(--text);font:600 14px/1 var(--sans);cursor:pointer;border:0;border-radius:999px;padding:0 16px}.ad-more button:hover{background:var(--tint)}.ad-stop{background:var(--text)!important}.ad-stop-square{background:var(--bg);border-radius:3px;width:11px;height:11px}@keyframes ad-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ad-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@media (hover:none){.ad-starter:hover,.ad-more button:hover{background:0 0}.ad-more button:hover{background:var(--muted-bg)}}.ad-starter:active{background:color-mix(in srgb, var(--text) 8%, transparent)}.ad-more button:active{background:var(--tint)}.ad-target{color:var(--text-3);margin-left:6px}.ad-steps{gap:6px;display:grid}.ad-disclosure{min-height:28px;color:var(--text-3);font:500 12px/1 var(--sans);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;display:inline-flex}.ad-chevron{transition:transform var(--dur-pop) var(--ease);display:inline-block}.ad-chevron.is-open{transform:rotate(90deg)}.ad-step-list{color:var(--text-2);gap:6px;margin:0;padding:0 0 2px;font-size:12px;list-style:none;display:grid}.ad-check{color:var(--success,#8ccfa6);margin-right:8px}.ad-thought-text{border-left:2px solid var(--line);color:var(--text-2);margin:0;padding-left:10px;font-size:12px}.ad-color{font-weight:600}.ad-follow{background:var(--accent)!important;color:var(--on-accent)!important}.ad-card{background:var(--surface);width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;animation:ad-rise var(--dur-sheet) var(--ease);transition:background var(--dur-press) var(--ease);border:0;border-radius:16px;gap:8px;padding:16px;display:grid}.ad-card.is-flipped{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.ad-card-text{font-size:15px;font-weight:600;line-height:1.4}.ad-card-hint{color:var(--text-3);font-size:11px}.ad-study{background:var(--surface);animation:ad-rise var(--dur-sheet) var(--ease);border-radius:18px;gap:8px;padding:14px;display:grid}.ad-study-title{font-size:16px}.ad-study-seg button{min-height:34px;color:var(--text-2);font:600 13px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:0}.ad-study-seg button.is-active{background:var(--muted-bg);color:var(--text)}.ad-study-q{margin:4px 0 2px;font-size:14px;font-weight:600;line-height:1.4}.ad-choice{width:100%;color:var(--text);text-align:left;font:500 13px/1.35 var(--sans);cursor:pointer;border:0;padding:9px 10px}.ad-choice:disabled{cursor:default}.ad-choice .as-mark{flex:none}.as-choice.is-wrong{background:color-mix(in srgb, var(--danger,#f29a91) 14%, var(--surface))}.as-choice.is-wrong .as-mark{background:var(--danger,#f29a91);color:var(--surface)}.as-feedback.is-wrong{background:color-mix(in srgb, var(--danger,#f29a91) 12%, var(--surface))}.as-feedback.is-wrong b{color:var(--danger,#f29a91)}.ad-card-why{color:var(--text-2);font-size:13px}.ad-study .ad-card{background:var(--muted-bg)}.ad-study .ad-card.is-flipped{background:color-mix(in srgb, var(--accent) 14%, var(--muted-bg))}