@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#15130f;--surface:#1e1b16;--surface-2:#262219;--hairline:#3a352b;--text:#f3eee4;--muted:#a39c8c;--muted-2:#6b665a;--amber:#e8963c;--amber-soft:#e8963c1f;--teal:#4fb3a9;--teal-soft:#4fb3a91f;--violet:#9b8cd9;--violet-soft:#9b8cd91f;--rose:#d9788f;--rose-soft:#d9788f1f;--white:#fff;--black:#000;--doc-bg:#fbf9f5;--doc-text:#23201a}html[data-theme=ile]{--bg:#fdf2f8;--surface:#fff;--surface-2:#f6e8f5;--hairline:#e9d3ec;--text:#2d1b3d;--muted:#7c6288;--muted-2:#a992b3;--amber:#ff8a3d;--amber-soft:#ff8a3d26;--teal:#14b8a6;--teal-soft:#14b8a626;--violet:#8b5cf6;--violet-soft:#8b5cf626;--rose:#f43f8e;--rose-soft:#f43f8e26}:root{--font-display:"Bebas Neue",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--tracking-wide:.02em;--tracking-wider:.08em;--tracking-widest:.15em;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.card{background:linear-gradient(160deg,#ffffff06 0%,transparent 40%),var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff09,0 1px #0000002e}.card-interactive{transition:transform .2s,border-color .2s}.card-interactive:hover{border-color:var(--amber);transform:translateY(-3px)}.input-base{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:10px 12px;font-size:16px;transition:border-color .15s,box-shadow .15s}.input-base:focus{border-color:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 14%, transparent)}.input-base::placeholder{color:var(--muted-2)}.btn-primary{color:#15130f;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,color-mix(in srgb, var(--amber) 80%, white) 0%,var(--amber) 55%,color-mix(in srgb, var(--amber) 85%, black) 100%);box-shadow:0 4px 16px color-mix(in srgb, var(--amber) 30%, transparent),inset 0 1px 0 #fff6;isolation:isolate;border:none;padding:10px 18px;font-size:14px;font-weight:700;position:relative;overflow:hidden}.btn-primary:after{content:"";z-index:1;background:linear-gradient(115deg,#0000 25%,#fff6 50%,#0000 75%);transition:transform .55s;position:absolute;inset:0;transform:translate(-130%)}.btn-primary:active:after{transform:translate(130%)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--muted);border-radius:var(--radius-md);border:1px solid var(--hairline);cursor:pointer;background:0 0;padding:9px 14px;font-size:14px;font-weight:600}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.title-glow{background:linear-gradient(135deg,var(--text) 30%,var(--amber) 95%);color:#0000;-webkit-background-clip:text;background-clip:text}.stripe-track{background:repeating-linear-gradient(135deg,#000 0 6px,var(--surface-2) 6px 12px);border:1px solid var(--hairline)}.sprockets-row{background-image:radial-gradient(circle,var(--hairline) 2.5px,transparent 3px);border-bottom:1px solid var(--hairline);background-position:9px;background-size:18px 18px;height:10px;margin:-20px -20px 16px}.sprockets-divider{background-image:radial-gradient(circle,var(--hairline) 2.5px,transparent 3px);background-position:9px;background-size:18px 18px;height:10px}body:after{content:"";z-index:9999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.reveal.reveal-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.doc-light{background:var(--doc-bg);color:var(--doc-text)}.beam-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.beam-bg:before,.beam-bg:after{content:"";background:linear-gradient(100deg,transparent 0%,color-mix(in srgb, var(--amber) 16%, transparent) 45%,color-mix(in srgb, var(--amber) 24%, transparent) 50%,color-mix(in srgb, var(--amber) 16%, transparent) 55%,transparent 100%);filter:blur(50px);width:55%;height:220%;animation:14s ease-in-out infinite beam-sweep;position:absolute;top:-60%;left:-30%;transform:rotate(12deg)translate(-20%)}.beam-bg:after{background:linear-gradient(100deg,transparent 0%,color-mix(in srgb, var(--teal) 12%, transparent) 45%,color-mix(in srgb, var(--teal) 18%, transparent) 50%,color-mix(in srgb, var(--teal) 12%, transparent) 55%,transparent 100%);animation-duration:18s;animation-delay:-6s}@keyframes beam-sweep{0%,to{transform:rotate(12deg)translate(-20%)}50%{transform:rotate(12deg)translate(140%)}}@media (prefers-reduced-motion:reduce){.beam-bg:before,.beam-bg:after{animation:none}}a{color:var(--amber)}a:hover{color:color-mix(in srgb, var(--amber) 85%, white)}:root{--app-vh:100vh}html,body{height:100vh;height:var(--app-vh);overscroll-behavior:none;touch-action:pan-y;background:var(--surface);width:100%;margin:0;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}button{font-family:inherit}.kx{font-family:var(--font-mono);letter-spacing:.14em;color:var(--muted-2);text-transform:uppercase;font-size:10px}.app-shell{background:var(--bg);isolation:isolate;touch-action:pan-y;flex-direction:column;width:100%;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.app-shell:before,.app-shell:after{content:"";z-index:0;pointer-events:none;filter:blur(60px);border-radius:50%;position:absolute}.app-shell:before{background:radial-gradient(circle, color-mix(in srgb, var(--amber) 14%, transparent), transparent 70%);width:65%;height:22%;top:-8%;left:-20%}.app-shell:after{background:radial-gradient(circle, color-mix(in srgb, var(--teal) 10%, transparent), transparent 70%);width:60%;height:20%;top:18%;right:-25%}.app-screen{min-height:0;padding:calc(24px + env(safe-area-inset-top)) 18px 24px;-webkit-overflow-scrolling:touch;z-index:1;flex:1;position:relative;overflow:hidden auto}.hairline-list{background:var(--hairline);border:1px solid var(--hairline);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.hairline-row{background:var(--surface);align-items:center;gap:12px;padding:13px 15px;display:flex}.progress-track{background:var(--surface-2);border-radius:2px;height:3px;overflow:hidden}.progress-fill{border-radius:2px;height:100%}.chip{font-family:var(--font-mono);border-radius:var(--radius-full);cursor:pointer;border:1px solid var(--hairline);background:var(--surface-2);color:var(--muted);padding:7px 12px;font-size:11px;transition:box-shadow .15s,border-color .15s,background .15s}.chip.active{background:var(--amber-soft);border-color:color-mix(in srgb, var(--amber) 45%, transparent);color:var(--amber);box-shadow:0 0 12px color-mix(in srgb, var(--amber) 18%, transparent)}.chip.teal.active{background:var(--teal-soft);border-color:color-mix(in srgb, var(--teal) 45%, transparent);color:var(--teal);box-shadow:0 0 12px color-mix(in srgb, var(--teal) 18%, transparent)}.stat-tile{text-align:center;padding:13px 12px}.stat-tile .val{font-family:var(--font-mono);color:var(--text);font-size:17px}.stat-tile .lbl{margin-top:5px}.bottom-nav{z-index:60;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--hairline);padding:11px 10px calc(14px + env(safe-area-inset-bottom));flex:none;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:center;display:grid}.bottom-nav .nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex}.bottom-nav .nav-dot{border:1.6px solid var(--muted-2);background:0 0;border-radius:5px;width:17px;height:17px}.bottom-nav .nav-dot.on{border-color:var(--amber);background:color-mix(in srgb, var(--amber) 20%, transparent)}.bottom-nav .nav-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted-2);font-size:8.5px}.bottom-nav .nav-label.on{color:var(--amber)}.bottom-nav .fab{background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--amber) 70%, white), var(--amber) 55%, color-mix(in srgb, var(--amber) 85%, black) 100%);cursor:pointer;width:50px;height:50px;box-shadow:0 6px 20px color-mix(in srgb, var(--amber) 45%, transparent), inset 0 1px 1px #ffffff80, inset 0 -3px 5px #0000002e;border:none;border-radius:50%;justify-content:center;justify-self:center;align-items:center;margin-top:-14px;transition:transform .15s;display:flex}.bottom-nav .fab:active{transform:scale(.92)}.capture-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:70;background:#0a0907b8;position:fixed;inset:0}.capture-sheet{z-index:80;background:linear-gradient(165deg, #ffffff08 0%, transparent 25%), var(--surface);border-top:1px solid var(--hairline);width:100%;max-width:480px;padding:20px 18px calc(28px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:22px 22px 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -20px 50px #0006,inset 0 1px #ffffff0a}.capture-grip{background:var(--hairline);border-radius:2px;width:38px;height:4px;margin:0 auto 18px}.stepper{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-md);flex:1;padding:14px}.stepper-row{justify-content:space-between;align-items:center;display:flex}.stepper-btn{border:1px solid var(--hairline);cursor:pointer;width:34px;height:34px;color:var(--muted);background:0 0;border-radius:9px;justify-content:center;align-items:center;font-size:18px;display:flex}.icon-btn{cursor:pointer;color:inherit;background:0 0;border:none;padding:0}.loading-pulse{background:var(--amber);width:16px;height:16px;box-shadow:0 0 18px color-mix(in srgb, var(--amber) 55%, transparent);border-radius:50%;animation:1.1s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.35;transform:scale(.55)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loading-pulse{opacity:.8;animation:none}}@media (width>=481px){.app-shell{border-left:1px solid var(--hairline);border-right:1px solid var(--hairline);box-shadow:0 0 60px #0006}body{background:#0a0907}}