:root{--ink:#0B0714;--night:#1A1030;--violet:#7C3AED;--lilac:#CDBDFF;--ice:#F5F1FF;--mint:#5EEAD4;--glass:rgba(22,13,48,.56);--line:rgba(245,241,255,.14);}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--ice);font-family:"Sofia Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400;font-size:clamp(0.94rem,0.9rem + 0.2vw,1rem);line-height:1.4;-webkit-font-smoothing:antialiased;overflow-x:hidden;}a,button{-webkit-tap-highlight-color:transparent}.field{position:fixed;inset:0;overflow:hidden;pointer-events:none;display:none}.field svg{position:absolute;height:130vh;top:-15vh}.field .fl{left:-22vh}.field .fr{right:-22vh}.app{position:relative;width:100%;max-width:430px;margin:0 auto;background:linear-gradient(165deg,#2B1570 0%,var(--night) 46%,var(--ink) 100%);overflow:hidden}.screen{position:relative;display:flex;flex-direction:column;height:100dvh;min-height:600px;max-height:920px;padding-top:env(safe-area-inset-top)}.delta{position:absolute;left:50%;top:5%;height:90%;transform:translateX(-50%);pointer-events:none}.bar{position:relative;display:flex;align-items:center;gap:12px;padding:14px 20px 0}.bar img{width:56px;height:56px;border-radius:14px;display:block;flex:none}.bar span{font-weight:600;font-size:clamp(0.94rem,0.9rem + 0.2vw,1rem);color:var(--lilac);letter-spacing:.01em}.head{position:relative;padding:14px 20px 0}h1{margin:0;font-family:"Sofia Sans Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:clamp(2.2rem,1.5rem + 3.4vw,2.75rem);line-height:.98;letter-spacing:-.005em;text-wrap:balance;}h1 em{font-style:normal;color:var(--lilac)}.sub{margin:10px 0 0;color:var(--lilac);max-width:34ch}.seg{position:relative;display:flex;margin:14px 20px 0;padding:3px;height:44px;flex:none;border-radius:12px;background:rgba(245,241,255,.1);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);}.seg i{position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:9px;background:rgba(245,241,255,.24);box-shadow:0 1px 3px rgba(11,7,20,.35);will-change:transform}.seg button{position:relative;flex:1;border:0;background:none;color:var(--ice);cursor:pointer;font:600 clamp(0.9rem,0.86rem + 0.2vw,0.96rem)/1 "Sofia Sans",system-ui,sans-serif;border-radius:9px;}.seg button[aria-selected="false"]{color:var(--lilac)}.seg button:focus-visible,.run:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.surface{position:relative;flex:1;min-height:0;margin-top:12px;overflow:hidden;touch-action:pan-y;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;cursor:grab}.surface.drag{cursor:grabbing}.track{position:relative;display:flex;gap:12px;height:100%;width:max-content;padding:0 20px;will-change:transform}.panel{width:284px;height:100%;overflow:hidden;border-radius:22px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);display:flex;flex-direction:column;}.ph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px 16px;border-bottom:1px solid var(--line);flex:none}.ph b{font-weight:600}.ph small{display:block;font-size:clamp(0.8rem,0.78rem + 0.1vw,0.84rem);color:var(--lilac)}.run{border:0;border-radius:999px;min-height:44px;padding:0 18px;cursor:pointer;background:var(--mint);color:var(--ink);font:600 clamp(0.9rem,0.86rem + 0.2vw,0.96rem)/1 "Sofia Sans",system-ui,sans-serif;display:inline-flex;align-items:center;gap:8px;}.run svg{width:11px;height:12px}.code{margin:0;padding:12px 16px;flex:1;min-height:0;overflow:hidden;font:400 clamp(0.76rem,0.72rem + 0.2vw,0.82rem)/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ice);white-space:pre}.code .k{color:var(--lilac)}.code .n{color:var(--mint)}.out{flex:none;margin:0 10px 10px;padding:10px 12px;border-radius:12px;background:rgba(11,7,20,.6);font:400 clamp(0.76rem,0.72rem + 0.2vw,0.82rem)/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--mint);overflow:hidden}.out span{display:block;will-change:transform}.rows{list-style:none;margin:0;padding:0 0 0 16px;flex:1;min-height:0;overflow:hidden}.rows li{display:flex;align-items:center;gap:12px;min-height:46px;padding-right:14px;border-bottom:1px solid var(--line)}.rows li:last-child{border-bottom:0}.rows li>span{flex:1}.rows li>i{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center}.rows li>i svg{width:16px;height:16px}.rows .c1{background:var(--violet)}.rows .c2{background:var(--mint)}.rows .c3{background:var(--lilac)}.rows .c4{background:var(--ice)}.rows .chev{width:8px;height:14px;flex:none}.act{position:relative;flex:none;padding:14px 20px max(16px,env(safe-area-inset-bottom))}.cta{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:15px;background:var(--violet);color:#fff;text-decoration:none;font:600 clamp(1.02rem,0.98rem + 0.3vw,1.1rem)/1 "Sofia Sans",system-ui,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.22);}.cta:focus-visible{outline:3px solid var(--ice);outline-offset:3px}.need{margin:9px 0 0;text-align:center;font-size:clamp(0.8rem,0.78rem + 0.1vw,0.84rem);color:var(--lilac)}.doubt{position:relative;padding:26px 20px 28px;border-top:1px solid var(--line);background:var(--ink)}.doubt h2{margin:0 0 8px;font-family:"Sofia Sans Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:clamp(1.5rem,1.3rem + 1vw,1.75rem);line-height:1.05}.doubt p{margin:0;color:var(--lilac)}footer{position:relative;padding:18px 20px max(22px,env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--line);font-size:clamp(0.8rem,0.78rem + 0.1vw,0.84rem);color:var(--lilac)}@media (hover: hover){.cta:hover{background:#8B4DF5}.run:hover{background:#7FF1DF}.seg button[aria-selected="false"]:hover{color:var(--ice)}}@media (max-height: 660px){.sub{display:none}}@media (min-width: 700px){.field{display:block}.app{margin:24px auto;border-radius:36px;border:1px solid var(--line)}.screen{height:calc(100dvh - 50px);min-height:640px}.bar img{width:96px;height:96px;border-radius:22px}.bar{padding-top:20px}}@media (prefers-reduced-motion: reduce){.track{transition:opacity .16s}}html,body{max-width:100%;overflow-x:clip}