@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/Inter.woff2') format('woff2')}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/Caveat.woff2') format('woff2')}:root{--ink-900:#07070a;--ink-800:#0b0b10;--ink-700:#101018;--paper:#f7f4ec;--paper-ink:#1c2a63;--text:#edecf4;--text-dim:#a5a2b8;--text-faint:#6f6c84;--line:rgba(255, 255, 255, 0.09);--line-soft:rgba(255, 255, 255, 0.055);--accent:#6c7bff;--accent-2:#b06cff;--accent-3:#ff9d6c;--shell:min(81.25rem, 100% - 3rem);--gutter:max(1rem, calc((100% - var(--shell)) / 2));--nav-h:5rem;--nav-row:2.875rem;--stage-pad-b:clamp(0.75rem, 2.5vh, 1.75rem);--ease:cubic-bezier(0.22, 1, 0.36, 1);--ease-soft:cubic-bezier(0.4, 0, 0.2, 1)}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;scrollbar-gutter:stable;font-size:16px}@media (min-width:1500px){html{font-size:clamp(16px, .95vw, 20px)}}body{margin:0;background:var(--ink-900);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:1rem;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.038em;line-height:1.05}p{margin:0}a{color:inherit;text-decoration:none}ol{margin:0;padding:0;list-style:none}::selection{background:rgba(108,123,255,.32);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;will-change:transform}.aurora-1{top:-18vh;left:50%;width:62vw;height:62vw;max-width:900px;max-height:900px;margin-left:-31vw;background:radial-gradient(circle at 50% 50%,rgba(108,123,255,.42),transparent 62%);animation:drift-a 22s var(--ease-soft) infinite alternate}.aurora-2{top:20vh;right:-13vw;width:44vw;height:44vw;max-width:640px;max-height:640px;background:radial-gradient(circle at 50% 50%,rgba(176,108,255,.3),transparent 64%);animation:drift-b 26s var(--ease-soft) infinite alternate}.aurora-3{top:20vh;left:-13vw;width:44vw;height:44vw;max-width:640px;max-height:640px;background:radial-gradient(circle at 50% 50%,rgba(255,157,108,.22),transparent 66%);animation:drift-c 30s var(--ease-soft) infinite alternate}@keyframes drift-a{to{transform:translate3d(-4%,5%,0) scale(1.12)}}@keyframes drift-b{to{transform:translate3d(-7%,9%,0) scale(1.08)}}@keyframes drift-c{to{transform:translate3d(6%,-6%,0) scale(1.14)}}.grain{position:absolute;inset:-50%;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");animation:6s steps(6) infinite grain-shift}@keyframes grain-shift{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}}.spotlight{position:fixed;z-index:1;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(140,155,255,.11),transparent 65%);transition:opacity .5s var(--ease-soft);will-change:transform}body.pointer-fine .spotlight{opacity:1}.nav{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;gap:clamp(.75rem,2vw,2rem);padding:clamp(.9rem,1.6vh,1.35rem) var(--gutter);min-height:calc(var(--nav-row) + 2 * clamp(.9rem,1.6vh,1.35rem));border-bottom:1px solid transparent;transition:padding .4s var(--ease),background-color .4s var(--ease-soft),border-color .4s var(--ease-soft),backdrop-filter .4s var(--ease-soft)}.nav.is-stuck{padding-top:.85rem;padding-bottom:.85rem;min-height:calc(var(--nav-row) + 2 * .85rem);border-bottom-color:var(--line-soft);background:rgba(7,7,10,.72);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}.brand,.footer-brand{display:flex;align-items:center;font-weight:600;font-size:1.32rem;letter-spacing:-.03em;transition:opacity .25s var(--ease-soft)}.brand-name{display:inline-flex;align-items:baseline;transform:translateY(-.09em)}.brand-name em{font-family:Caveat,cursive;font-style:normal;font-weight:700;font-size:1.32em;line-height:1;padding:.2em .15em .32em 0;margin:-.2em -.15em -.32em .04em;letter-spacing:0;background:linear-gradient(92deg,#a9b2ff,#b06cff 70%,#ff9d6c);-webkit-background-clip:text;background-clip:text;color:transparent}.brand:hover,.footer-brand:hover{opacity:.72}.nav-links{display:flex;gap:1.85rem;margin-right:auto;font-size:.9rem;color:var(--text-dim)}.nav-links a{position:relative;transition:color .25s var(--ease-soft)}.nav-links a::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.nav-links a:hover{color:var(--text)}.nav-links a:hover::after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:.6rem}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.05rem;border-radius:11px;font-size:.895rem;font-weight:500;letter-spacing:-.015em;white-space:nowrap;cursor:pointer;transition:transform .35s var(--ease),background-color .3s var(--ease-soft),border-color .3s var(--ease-soft),box-shadow .4s var(--ease),color .3s var(--ease-soft)}.btn-lg{padding:.92rem 1.5rem;border-radius:13px;font-size:.975rem}.btn-arrow{width:.94rem;height:.94rem;flex:none;transition:transform .4s var(--ease)}.btn:hover .btn-arrow{transform:translateX(3px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#7b87ff 0,#6c7bff 42%,#a469ff 100%);box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 8px 26px -10px rgba(108,123,255,.85);overflow:hidden}.btn-primary::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-18deg);transition:left .7s var(--ease)}.btn-primary:hover{box-shadow:0 1px 0 rgba(255,255,255,.32) inset,0 14px 40px -12px rgba(126,116,255,.95)}.btn-primary:hover::after{left:120%}.btn-quiet{color:var(--text-dim);border:1px solid var(--line);background:rgba(255,255,255,.028)}.btn-quiet:hover{color:var(--text);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}.btn:active{transform:scale(.975)}main{position:relative;z-index:2}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100svh;width:var(--shell);margin:0 auto;padding:calc(var(--nav-h) + clamp(1rem,5vh,3rem)) 0 clamp(2rem,5vh,4rem);text-align:center}.pill{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .55rem .4rem .75rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.82rem;color:var(--text-dim);transition:border-color .35s var(--ease-soft),color .35s var(--ease-soft),background-color .35s var(--ease-soft);animation:rise .9s var(--ease) both}.pill:hover{color:var(--text);border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.07)}.pill-dot{width:6px;height:6px;border-radius:50%;background:#67e8a0;box-shadow:0 0 0 0 rgba(103,232,160,.6);animation:ping 2.4s var(--ease-soft) infinite}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(103,232,160,.55)}70%{box-shadow:0 0 0 7px rgba(103,232,160,0)}100%{box-shadow:0 0 0 0 rgba(103,232,160,0)}}.hero-title{margin:0;font-size:clamp(2.15rem, 8.4vw, 6.6rem);line-height:.98;letter-spacing:-.008em}.title-line{display:block}.title-line .w{display:inline-block;opacity:0;transform:translateY(.42em) rotate(1.5deg);filter:blur(9px);animation:word-in 1.05s var(--ease) forwards;animation-delay:calc(var(--i, 0) * 62ms + 120ms)}@keyframes word-in{to{opacity:1;transform:none;filter:blur(0)}}.script{font-family:Caveat,cursive;font-weight:700;letter-spacing:-.005em;background:linear-gradient(105deg,#9aa6ff 0,#c79bff 46%,#ffbd97 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-title .script{position:relative;padding:0 .06em;font-size:1.22em;line-height:.8}.title-line:first-child .w:first-child{--i:0}.title-line:first-child .w:nth-child(2){--i:1}.title-line:first-child .w:nth-child(3){--i:2}.title-line:last-child .w:first-child{--i:3}.title-line:last-child .w:nth-child(2){--i:4}.squiggle{position:absolute;left:0;right:0;bottom:-.02em;width:100%;height:.16em;overflow:visible}.squiggle path{stroke-dasharray:340;stroke-dashoffset:340;animation:draw 1.3s var(--ease) .85s forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero-sub{max-width:33ch;margin:1.7rem auto 0;font-size:clamp(1.05rem, 1.6vw, 1.24rem);line-height:1.55;color:var(--text-dim);animation:rise 1s var(--ease) .5s both}.hero-sub em{font-style:normal;color:var(--text);font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2.1rem;animation:rise 1s var(--ease) .62s both}@keyframes rise{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}[data-reveal]{opacity:0;transform:translateY(26px);filter:blur(8px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:var(--d, 0ms)}[data-reveal].is-in{opacity:1;transform:none;filter:blur(0)}.closing{position:relative;width:var(--shell);margin:clamp(6rem,14vw,10rem) auto 0;padding:clamp(3.5rem,9vw,6.5rem) 1.5rem;border:1px solid var(--line-soft);border-radius:26px;text-align:center;background:radial-gradient(ellipse 80% 120% at 50% 0,rgba(108,123,255,.17),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.035),transparent);overflow:hidden}.closing::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--sheen),transparent 0deg,transparent 235deg,rgba(140,152,255,.65) 300deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:5s linear infinite sheen-spin}@property --sheen{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes sheen-spin{to{--sheen:360deg}}.closing-title{font-size:clamp(2.2rem, 6.2vw, 4.4rem);line-height:1.02}.closing-title .script{font-size:1.16em;line-height:1.1}.closing-sub{max-width:42ch;margin:1.35rem auto 0;font-size:clamp(.98rem, 1.5vw, 1.1rem);color:var(--text-dim)}.footer{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2rem;width:100%;margin:clamp(4.5rem,10vw,7rem) 0 0;padding:2rem var(--gutter) 2.8rem;border-top:1px solid var(--line-soft);position:relative;z-index:2}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-right:auto;font-size:.875rem;color:var(--text-dim)}.footer-links a{transition:color .25s var(--ease-soft)}.footer-links a:hover{color:var(--text)}.footer-note{font-size:.815rem;color:var(--text-faint)}.notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:6rem 1.5rem;text-align:center}.notfound-inner{display:flex;flex-direction:column;align-items:center;max-width:46rem;text-align:center}.notfound-copy{animation:rise 1s var(--ease) .25s both}.notfound-copy h1{margin-top:1.5rem;font-size:clamp(2.3rem, 6vw, 4.1rem);line-height:1.02}.notfound-copy h1 .script{font-size:1.18em;line-height:.9;position:relative;padding:0 .06em}.notfound-copy>p{max-width:38ch;margin:1.4rem 0 0;font-size:clamp(1rem, 1.5vw, 1.13rem);color:var(--text-dim)}.notfound-copy .hero-actions{justify-content:center;margin-top:2.2rem;animation:none}@media (max-width:860px){.notfound-copy .hero-actions{justify-content:center}.notfound-copy>p{margin-left:auto;margin-right:auto}}@media (max-width:900px){.nav-links{display:none}.nav-actions{margin-left:auto}}@media (max-width:620px){:root{--shell:calc(100% - 2rem);--nav-h:4.35rem}.btn-lg{width:100%}.hero-actions{flex-direction:column}}@media (max-width:540px){:root{--nav-row:2.51rem}.nav .btn{padding:.5rem .78rem;font-size:.82rem}.brand,.footer-brand{font-size:1.15rem}.footer{gap:.9rem 1.5rem}}@media (max-width:400px){.nav-actions .btn-quiet{display:none}}@media (prefers-reduced-motion:reduce){.closing::before{display:none}html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.hero-actions,.hero-sub,.notfound-copy,.pill,.title-line .w,[data-reveal]{opacity:1;transform:none;filter:none}.squiggle path{stroke-dashoffset:0}.spotlight{display:none}}.scroll-cue{width:22px;height:36px;margin:3.2rem auto 0;border:1px solid var(--line);border-radius:12px;position:relative;animation:rise 1s var(--ease) .9s both}.scroll-cue span{position:absolute;left:50%;top:8px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--accent);animation:cue 1.9s var(--ease-soft) infinite}@keyframes cue{0%{transform:translateY(0);opacity:0}30%{opacity:1}70%{transform:translateY(13px);opacity:0}100%{opacity:0}}.write-track{height:420vh;position:relative}.write-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:minmax(0,1fr);place-items:center;width:var(--shell);margin:0 auto;padding:calc(var(--nav-h) + .25rem) 0 var(--stage-pad-b)}.write-app{display:flex;width:100%;height:100%;max-height:64rem;min-width:0;min-height:0}.sheet-frame{position:relative;height:min(70vh,600px);width:auto;max-width:100%;margin-left:auto;aspect-ratio:595/842;border-radius:6px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.07)}.sheet-shadow{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,rgba(0,0,0,.14),transparent 40%,rgba(0,0,0,.08))}.sheet-svg,.sheet-svg svg{display:block;width:100%;height:100%}body.pointer-fine .sheet-svg{transform:translateZ(0)}.sheet-svg .g{opacity:0}.sheet-svg .g.on,.sheet-svg.no-anim .g{opacity:1}.gallery{width:var(--shell);margin:clamp(5rem,12vw,9rem) auto 0}.gallery-track{height:960vh;position:relative}.gallery-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,17rem);grid-template-rows:minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:stretch;width:100%;margin:0 auto;padding:calc(var(--nav-h) + .25rem) 0 var(--stage-pad-b)}.gallery-frames{position:relative;width:100%;height:100%;min-width:0;min-height:0;margin:0;container-type:size}.frame{position:absolute;inset:0;display:grid;place-items:center;margin:0;border-radius:6px;overflow:hidden;opacity:0;background:0 0;transform:none;transition:none;box-shadow:none}.frame.is-on{opacity:1;transform:none;z-index:2}.frame img,.frame-object{grid-area:1/1;display:block;user-select:none;height:min(100cqh,calc(100cqw * 842 / 595));width:auto;max-width:none;max-height:none;border-radius:5px;box-shadow:0 44px 84px -38px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.07)}.frame img{-webkit-user-drag:none}.frame-object{border:0;overflow:hidden;opacity:0;pointer-events:none}.frame.has-object .frame-object{opacity:1}.frame.has-object img{visibility:hidden}.frame.is-warming .frame-object{opacity:1}.frame.is-warming.is-on img{z-index:2;visibility:visible}.frame.is-warming.is-on .frame-object{z-index:1}.frame.is-warming:not(.is-on){z-index:3;opacity:.001;transform:none}.gallery-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;align-self:center;max-height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border:1px solid var(--line-soft);border-radius:14px;background:var(--line-soft)}.gallery-list::-webkit-scrollbar{display:none}.gallery-list button{display:flex;align-items:center;gap:.75rem;width:100%;padding:clamp(.55rem,1.25vh,.85rem) 1rem;border:none;background:var(--ink-900);color:var(--text-dim);font:inherit;font-size:.88rem;text-align:left;cursor:pointer;transition:background-color .4s var(--ease-soft),color .4s var(--ease-soft)}@media (hover:hover){.gallery-list button:hover{background:#101017;color:var(--text)}}.gallery-list button[aria-selected=true]{background:rgba(108,123,255,.13);color:#d6dbff;box-shadow:inset 2px 0 0 var(--accent)}.gallery-list button[aria-selected=true] i{color:#aab2ff}.gallery-list b{font-weight:500}.gallery-list i{margin-left:auto;font-style:normal;font-size:.78rem;color:var(--text-faint)}.swatch{width:9px;height:9px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 3px rgba(255,255,255,.05);flex:none}.features{width:var(--shell);margin:clamp(6rem,14vw,10rem) auto 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(2.5rem,6vw,4rem);border:1px solid var(--line-soft);border-radius:20px;background:linear-gradient(115deg,var(--line-soft) 0,var(--line-soft) 42%,rgba(140,152,255,.5) 50%,var(--line-soft) 58%,var(--line-soft) 100%);background-size:280% 280%;animation:6s linear infinite grid-sheen;overflow:hidden}@keyframes grid-sheen{0%{background-position:0 0}100%{background-position:280% 280%}}@media (prefers-reduced-motion:reduce){.feature-grid,.feature-visual-export b,.feature-wide .trait,.learn-arrow,.learned .script,.sample .scrawl{animation:none}.feature-grid{background:var(--line-soft)}.sample .scrawl{stroke-dashoffset:0}}.feature{position:relative;min-width:0;display:flex;flex-direction:column;padding:1.9rem 1.7rem 2.1rem;background:var(--ink-900);transition:background-color .5s var(--ease-soft)}.feature::before{content:'';position:absolute;inset:0;opacity:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0),rgba(108,123,255,.2),transparent 68%);transition:opacity .5s var(--ease-soft)}.feature::after{content:'';position:absolute;inset:0;padding:1px;opacity:0;background:radial-gradient(180px circle at var(--mx,50%) var(--my,0),rgba(150,162,255,.75),transparent 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;transition:opacity .5s var(--ease-soft);pointer-events:none}.feature:hover::after,.feature:hover::before{opacity:1}.feature>*{position:relative}.feature h3{margin:1.35rem 0 0;line-height:1.32;letter-spacing:-.025em;max-width:22ch;font-size:1.22rem}.feature p{font-size:.92rem;line-height:1.66;color:var(--text-dim)}.feature code{padding:.1em .4em;border-radius:5px;background:rgba(255,255,255,.07);font-size:.86em;color:#c3c9ff}.feature-visual{display:flex;align-items:center;gap:.5rem;height:82px;border-radius:12px;border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);padding:0 1rem}.feature-wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:clamp(1.6rem,4vw,3.2rem);padding:clamp(1.9rem,3vw,2.7rem) clamp(1.7rem,3vw,2.7rem)}.feature-wide-copy{flex:1 1 46%;min-width:0}.feature-wide h3{margin-top:0;font-size:clamp(1.35rem, 2.2vw, 1.7rem);letter-spacing:-.03em}.feature-wide p{margin-top:clamp(1.1rem,2vw,1.9rem);max-width:48ch}.feature-visual-learn{flex:1 1 54%;min-width:0;flex-wrap:wrap;height:auto;min-height:138px;justify-content:center;gap:clamp(.5rem,1.6vw,1.1rem);padding:clamp(1rem,1.4vw,1.5rem)}.samples{display:flex;flex:none}.sample{position:relative;width:clamp(5rem,5.5vw,7.5rem);padding:1.05rem .45rem .5rem;border-radius:9px;border:1px solid var(--line-soft);background:rgba(255,255,255,.045);box-shadow:0 8px 20px rgba(0,0,0,.32);transition:transform .5s var(--ease-soft)}.sample-a{transform:rotate(-5deg);z-index:2}.sample-b{transform:rotate(4.5deg);margin-left:-1.35rem}.feature:hover .sample-a{transform:rotate(-7deg) translateY(-2px)}.feature:hover .sample-b{transform:rotate(6deg) translateY(-2px)}.sample-tag{position:absolute;top:.35rem;left:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.5rem, .6vw, .68rem);letter-spacing:.02em;color:var(--text-faint)}.sample svg{display:block;width:100%;height:clamp(2.3rem,2.6vw,3.4rem);transform:translateZ(0);will-change:transform}.sample .rule{stroke:rgba(255,255,255,0.13);stroke-width:1}.sample .scrawl{stroke:var(--text-dim);stroke-width:1.7;stroke-linecap:round;fill:none;stroke-dasharray:150;stroke-dashoffset:450;animation:scribble 3.4s var(--ease) infinite}.sample svg path:nth-child(3){animation-delay:.35s}.sample svg path:nth-child(4){animation-delay:.7s}.sample-b svg path:nth-child(2){animation-delay:.5s}.sample-b svg path:nth-child(3){animation-delay:.85s}.sample-b svg path:nth-child(4){animation-delay:1.2s}@keyframes scribble{0%{stroke-dashoffset:450}45%,72%{stroke-dashoffset:300}100%{stroke-dashoffset:150}}.learn-arrow{flex:none;width:clamp(1.3rem,1.5vw,2rem);height:clamp(1.3rem,1.5vw,2rem);color:var(--accent);animation:arrow-flow 2.4s var(--ease-soft) infinite}@keyframes arrow-flow{0%,100%{transform:translateX(0);opacity:.6}50%{transform:translateX(4px);opacity:1}}.learned{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;flex:none;border-radius:11px;border:1px solid rgba(108,123,255,.4);background:rgba(108,123,255,.09);box-shadow:0 0 0 4px rgba(108,123,255,.05)}.learned .script{font-size:clamp(1.45rem, 1.7vw, 2.1rem);line-height:1.1;padding:.32em .5em .42em;text-indent:-.14em}.feature-wide .trait{font-weight:600;background:linear-gradient(180deg,#e7e5f0 0,#bdbacf 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.feature-wide .t-slant{display:inline-block;transform:skewX(-15deg)}.feature-wide .t-spacing{letter-spacing:.26em;margin-right:-.26em}.feature-wide .t-shape{font-family:Caveat,cursive;font-size:1.45em;font-weight:700;display:inline-block;padding-right:.18em;margin-left:-.09em;margin-right:-.12em}.feature-wide .t-all{font-weight:700}.feature-visual-lang{display:grid;grid-template-columns:repeat(5,1fr);place-items:center;gap:0;font-size:.95rem;color:var(--text-dim);overflow:hidden}.feature-visual-lang span{opacity:.75;transition:color .4s var(--ease-soft),opacity .4s var(--ease-soft);display:inline-block;transition:opacity .24s var(--ease),transform .24s var(--ease),filter .24s var(--ease)}.feature:hover .feature-visual-lang span{opacity:1;color:var(--text)}.feature-visual-export{justify-content:space-around;font-size:.76rem;font-weight:600;letter-spacing:.06em;color:var(--text-faint)}.feature-visual-export b{padding:.3rem .55rem;border:1px solid var(--line-soft);border-radius:7px;background:rgba(255,255,255,.03)}@media (max-width:1000px){.aurora{filter:none;animation:none;will-change:auto}.grain{display:none}.nav.is-stuck{background:rgba(7,7,10,.96);-webkit-backdrop-filter:none;backdrop-filter:none}.write-track{height:auto}.write-stage{position:static;height:auto;grid-template-rows:none;place-items:stretch;padding:clamp(2.5rem,9vw,5rem) 0}.write-app{height:auto;max-height:none}.gallery-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:.85rem}.gallery-track{height:1500vh}.gallery-list{flex-direction:row;align-self:stretch;max-height:none;overflow-x:auto;overflow-y:hidden;gap:.45rem;padding-bottom:2px;border:0;border-radius:0;background:0 0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:auto}.gallery-list li{flex:0 0 auto}.gallery-list button{width:auto;gap:.4rem;padding:.5rem .8rem;border:1px solid var(--line-soft);border-radius:999px;white-space:nowrap;background:rgba(255,255,255,.03)}.gallery-list button[aria-selected=true]{border-color:rgba(108,123,255,.55);background:rgba(108,123,255,.16);color:#c2c8ff;box-shadow:none}.gallery-list i{margin-left:.1rem}}@media (max-width:880px){.feature-grid{grid-template-columns:1fr}.feature-wide{flex-direction:column;align-items:flex-start;gap:1.6rem}.feature-visual-learn{align-self:stretch}}@media (max-width:620px){.gallery-track{height:1800vh}}@media (max-width:560px){.feature-visual-learn{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.75rem;padding:1.3rem 1rem}.learn-arrow{transform:rotate(90deg);animation:none}}@media (max-width:440px){.sample-b{margin-left:-.85rem}.learned .script{font-size:1.35rem}}@media (prefers-reduced-motion:reduce){.write-track{height:auto}.write-stage{position:static;height:auto;grid-template-rows:none;place-items:stretch;padding:4rem 0}.write-app{height:auto;max-height:none}.sheet-svg .g{opacity:1}.frame{position:absolute}.scroll-cue{display:none}.app-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.app-editor{border-right:none;border-bottom:1px solid var(--line-soft)}.editor-scroll{height:auto;overflow:visible}.app-out{container-type:normal}.app-out .sheet-frame{height:auto;width:100%}.gallery-track{height:auto}.gallery-stage{position:static;height:auto;padding:2rem 0 0}.gallery-frames{height:min(78svh,58rem)}.gallery-list{align-self:stretch}}.pill-static{cursor:default;animation:rise .9s var(--ease) .1s both}.pill-dot-warn{background:#ffb86b;animation:none;box-shadow:0 0 0 3px rgba(255,184,107,.16)}.notfound-copy h1 .stop{color:var(--text)}.app{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 1px 0 rgba(255,255,255,.11) inset,0 46px 92px -46px rgba(0,0,0,.95)}.app-bar{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-bottom:1px solid var(--line-soft);font-size:.75rem;color:var(--text-faint)}.app-dots{display:flex;gap:.32rem}.app-dots i{width:.5rem;height:.5rem;border-radius:50%;background:rgba(255,255,255,.14)}.app-title{letter-spacing:-.005em;margin-right:auto}.app-body{display:grid;grid-template-columns:minmax(0,0.86fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.app-editor{display:flex;flex-direction:column;border-right:1px solid var(--line-soft);min-width:0;min-height:0}.tools{padding:.75rem .9rem;border-bottom:1px solid var(--line-soft);display:grid;gap:.5rem}.tool-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.tool-label{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-right:.15rem}.tool-sep{width:1px;height:14px;margin:0 .35rem;background:var(--line)}.chip{padding:.2rem .55rem;border:1px solid var(--line-soft);border-radius:7px;font-size:.72rem;color:var(--text-faint);background:rgba(255,255,255,.022)}.chip.is-on{border-color:rgba(108,123,255,.5);background:rgba(108,123,255,.16);color:#c2c8ff}.ink{width:.94rem;height:.94rem;border-radius:50%;background:var(--sw);box-shadow:0 0 0 1px rgba(255,255,255,.16);transition:background-color .3s var(--ease-soft)}.ink.is-on{box-shadow:0 0 0 2px var(--accent),0 0 0 4px rgba(108,123,255,.2)}.editor-scroll{flex:1;padding:1.1rem 1.1rem .6rem;min-height:0;overflow:hidden}.editor-text{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.83rem;line-height:1.95;color:#d3d1e2;white-space:pre-wrap;word-break:break-word}.editor-text::after{content:'';display:inline-block;width:2px;height:1.02em;margin-left:1px;vertical-align:text-bottom;background:var(--accent);animation:1.05s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.editor-text mark{border-radius:3px;padding:.05em .1em;background:rgba(209,96,26,.28);box-shadow:inset 0 -1px 0 rgba(209,96,26,.9);color:#fff}.editor-foot{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem .8rem;border-top:1px solid var(--line-soft);font-size:.7rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.editor-live{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}.editor-live i{width:6px;height:6px;border-radius:50%;background:#67e8a0;animation:ping 2.4s var(--ease-soft) infinite}.app-out{padding:clamp(.55rem,1.4vh,1rem);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.22);min-width:0;min-height:0;container-type:size}.app-out .sheet-frame{position:relative;height:min(100cqh,calc(100cqw * 842 / 595));width:auto;max-width:100%;margin:0;aspect-ratio:595/842;border-radius:4px;overflow:hidden;box-shadow:0 22px 46px -22px rgba(0,0,0,.9)}.app-out .sheet-shadow{background:linear-gradient(118deg,rgba(0,0,0,.1),transparent 38%)}@media (max-width:1000px){.app-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}.app-editor{border-right:none;border-bottom:1px solid var(--line-soft)}.editor-scroll{flex:0 0 auto;height:auto;overflow:visible;padding-top:.85rem}.app-out{container-type:normal;padding:clamp(.75rem,3vw,1.15rem)}.app-out .sheet-frame{height:auto;width:100%}}@media (max-width:760px){.tools{padding:.65rem .75rem;gap:.45rem}.editor-foot{padding:.5rem .9rem .65rem}}.tools .chip{font:inherit;font-size:.72rem;cursor:pointer;transition:background-color .25s var(--ease-soft),border-color .25s var(--ease-soft),color .25s var(--ease-soft)}.tools .ink{border:none;padding:0;cursor:pointer}.tools .ink:disabled{cursor:not-allowed;opacity:.3;box-shadow:0 0 0 1px rgba(255,255,255,.1)}.tool-row-mark{padding-top:.1rem}.tool{display:grid;place-items:center;width:1.63rem;height:1.5rem;padding:0;border:1px solid var(--line-soft);border-radius:7px;background:rgba(255,255,255,.022);color:var(--text-dim);font:inherit;font-size:.78rem;cursor:pointer;transition:background-color .22s var(--ease-soft),border-color .22s var(--ease-soft),color .22s var(--ease-soft)}@media (hover:hover){.tools .chip:hover{border-color:rgba(255,255,255,.2);color:var(--text)}.tool:hover{color:var(--text);border-color:rgba(255,255,255,.2)}.chip.is-locked:hover,.tool.is-locked:hover{opacity:.85}}.tool.is-on{border-color:rgba(108,123,255,.55);background:rgba(108,123,255,.18);color:#c2c8ff}.sw-wo{width:13px;height:9px;border-radius:2px;background:#f2efe6}.sw-hl{width:13px;height:9px;border-radius:2px;background:#e8d44d}.sw-er{width:13px;height:10px;border-radius:2px 2px 3px 3px;background:linear-gradient(180deg,#e07a5f 55%,#dcd6c8 55%)}.tool svg{width:.94rem;height:.94rem}.chip.is-locked,.tool.is-locked{opacity:.5;cursor:pointer}.toast{position:fixed;z-index:200;left:50%;bottom:2rem;transform:translate(-50%,1rem);padding:.7rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:rgba(16,16,24,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 44px -20px rgba(0,0,0,.95);font-size:.86rem;color:var(--text);opacity:0;pointer-events:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}.toast.is-on{opacity:1;transform:translate(-50%,0)}.feature-visual-diagram{justify-content:center;color:var(--accent)}.feature-visual-diagram svg{width:clamp(120px,12vw,168px);max-width:100%;height:60px;opacity:.85;transform:translateZ(0);will-change:transform}.feature:hover .feature-visual-diagram svg{opacity:1}.tool-row .ink{flex:none}.swatch-trio{background:conic-gradient(#16161a 0 33%,#12277d 0 66%,#3a3a3f 0)}.swatch-ink3{background:conic-gradient(#16161a 0 33%,#12277d 0 66%,#d1601a 0)}.feature-visual-diagram svg circle,.feature-visual-diagram svg path{stroke-dasharray:160;stroke-dashoffset:480;animation:ray-loop 5.5s var(--ease) infinite}.feature-visual-diagram svg path:nth-child(2){animation-delay:.2s}.feature-visual-diagram svg path:nth-child(3){animation-delay:.5s}.feature-visual-diagram svg path:nth-child(4){animation-delay:.8s}.feature-visual-diagram svg path:nth-child(5){animation-delay:1.05s}.feature-visual-diagram svg circle{animation-delay:1.3s}@keyframes ray-loop{0%{stroke-dashoffset:480}35%,72%{stroke-dashoffset:320}100%{stroke-dashoffset:160}}@media (prefers-reduced-motion:reduce){.feature-visual-diagram svg circle,.feature-visual-diagram svg path{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.feature-visual-lang span.is-out{opacity:0;transform:translateY(-8px);filter:blur(4px)}.feature-visual-export b{animation:badge-pulse 3s var(--ease-soft) infinite}.feature-visual-export b:nth-child(2){animation-delay:.5s}.feature-visual-export b:nth-child(3){animation-delay:1s}@keyframes badge-pulse{0%,100%{transform:translateY(0);color:var(--text-faint);border-color:var(--line-soft);background:rgba(255,255,255,.03)}28%{transform:translateY(-5px);color:var(--text);border-color:rgba(108,123,255,.5);background:rgba(108,123,255,.14)}}.cursor-dot{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:#d3d7ff;box-shadow:0 0 10px 2px rgba(139,150,255,.75),0 0 24px 7px rgba(124,110,240,.35);will-change:transform;transition:opacity .25s var(--ease-soft)}body.cursor-gone .cursor-dot{opacity:0}