*{box-sizing:border-box}body{background:#050816;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{appearance:none;color:inherit;cursor:pointer;background:0 0}button:disabled{cursor:not-allowed}input,textarea{color:#f8fafc;caret-color:#67e8f9}input::placeholder,textarea::placeholder{color:#94a3b8;opacity:.9}.action-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.action-tab{color:#cbd5e1;letter-spacing:.1em;text-transform:uppercase;background:#020617cc;border:1px solid #ffffff1f;padding:.75rem;font-size:.72rem;font-weight:800}.action-tab.active{color:#67e8f9;background:#67e8f924;border-color:#67e8f9}.action-input{color:#f8fafc;outline-offset:2px;background:#020617;border:1px solid #ffffff24;outline:2px solid #0000;width:100%;min-width:0;padding:.85rem;font-size:.875rem}.action-input:focus{border-color:#67e8f9}.action-input.readonly{color:#cbd5e1;cursor:default;background:#020617b8;border-color:#67e8f929}.generating-panel,.generated-panel{color:#cffafe;border:1px solid #67e8f940;padding:.75rem;font-size:.78rem;line-height:1.5}.generating-panel{background:#67e8f917;align-items:center;gap:.6rem;display:flex}.generated-panel{color:#a7f3d0;background:#10b98114;border-color:#6ee7b747}.generating-spinner{border:2px solid #67e8f940;border-top-color:#67e8f9;width:1rem;height:1rem;animation:.85s linear infinite generating-spin;display:inline-block}@keyframes generating-spin{to{transform:rotate(360deg)}}.action-button{color:#020617;letter-spacing:.12em;text-transform:uppercase;border:1px solid #0000;min-width:8rem;padding:.85rem 1rem;font-size:.75rem;font-weight:900}.action-button.primary{background:#67e8f9;border-color:#67e8f9}.action-button.secondary{background:#fff;border-color:#fff}.action-button.outline{color:#67e8f9;background:#67e8f914;border-color:#67e8f9}.action-button:disabled{color:#94a3b8;opacity:1;background:#1e293bd9;border-color:#94a3b838}.choice-section-label{color:#f8fafc;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem;font-weight:900}.choice-button{color:#020617;cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;align-items:flex-start;gap:.75rem;font-weight:800;transition:transform .12s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #00000059}.choice-button:hover:not(:disabled){border-color:#22d3ee;transform:translateY(-1px);box-shadow:0 6px 18px #22d3ee40}.choice-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0000004d}.choice-button.selected{background:#ecfeff;border-color:#0891b2;box-shadow:0 0 0 2px #22d3ee73,0 4px 14px #00000040}.choice-button:disabled{box-shadow:none;color:#94a3b8;cursor:not-allowed;background:#1e293bd9;border-color:#94a3b838;transform:none}.choice-button-body{flex:1;min-width:0}.choice-button-action{color:#67e8f9;letter-spacing:.14em;text-transform:uppercase;background:#020617;border-radius:.25rem;flex-shrink:0;align-self:center;padding:.35rem .5rem;font-size:.62rem;font-weight:900}.choice-button.selected .choice-button-action{color:#fff;background:#0891b2}.choice-button:disabled .choice-button-action{color:#94a3b8;background:#33415599}.choice-button .choice-sub{color:#475569;font-weight:500}.choice-button.selected .choice-sub{color:#0e7490}.install-banner{color:#e2e8f0;background:#67e8f91a;border:1px solid #67e8f959;padding:1rem 1.25rem;font-size:.875rem;line-height:1.55}.install-banner a{color:#67e8f9;font-weight:700;text-decoration:underline}.about-menu{position:relative}.about-menu-trigger{color:#e2e8f0;letter-spacing:.12em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff2e;align-items:center;gap:.35rem;padding:.85rem .9rem;font-size:.72rem;font-weight:800;transition:border-color .15s,background .15s;display:inline-flex}.about-menu-trigger:hover,.about-menu-trigger.open{color:#fff;background:#67e8f91f;border-color:#67e8f9}.about-menu-chevron{width:.9rem;height:.9rem;transition:transform .15s}.about-menu-trigger.open .about-menu-chevron{transform:rotate(180deg)}.about-menu-panel{z-index:50;background:#0f172a;border:1px solid #67e8f959;width:min(40rem,100vw - 1.5rem);min-width:min(40rem,100vw - 1.5rem);margin-top:.5rem;padding:1.15rem 1.25rem;position:absolute;top:100%;right:0;box-shadow:0 16px 40px #00000073}.about-menu-title{color:#f8fafc;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.65rem;font-size:.72rem;font-weight:900}.about-menu-lead{color:#e2e8f0;margin:0 0 .55rem;font-size:.84rem;line-height:1.6}.about-menu-lead strong{color:#67e8f9;font-weight:800}.about-menu-note{color:#94a3b8;margin:0 0 1rem;font-size:.78rem;line-height:1.5}.about-menu-body{grid-template-columns:1.15fr .85fr;gap:1rem 1.5rem;display:grid}.about-menu-kicker{color:#67e8f9;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.5rem;font-size:.65rem;font-weight:900}.about-menu-list{color:#cbd5e1;margin:0;padding-left:1.1rem;font-size:.78rem;line-height:1.55}.about-menu-list li+li{margin-top:.35rem}.about-menu-links{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.about-menu-links a{color:#67e8f9;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:.35rem;justify-content:space-between;align-items:center;gap:.35rem;padding:.55rem .6rem;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}@media (width<=720px){.about-menu-panel{width:min(22rem,100vw - 1.5rem);min-width:min(22rem,100vw - 1.5rem)}.about-menu-body,.about-menu-links{grid-template-columns:1fr}}.about-menu-links a:hover{color:#a5f3fc;background:#67e8f91a}.about-menu-link-icon{flex-shrink:0;width:.85rem;height:.85rem}.bg-\[\#050816\]{background-color:#050816}.bg-cyan-300{background-color:#67e8f9}.bg-red-500{background-color:#ef4444}.bg-slate-950{background-color:#020617}.bg-slate-950\/60{background-color:#02061799}.bg-white{background-color:#fff}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-cyan-300{border-color:#67e8f9}.border-white\/10{border-color:#ffffff1a}.disabled\:opacity-40:disabled{opacity:.4}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.max-w-6xl{max-width:72rem}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pt-2{padding-top:.5rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-cyan-300{color:#67e8f9}.text-emerald-300{color:#6ee7b7}.text-red-300{color:#fca5a5}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-950{color:#020617}.text-white{color:#fff}.text-amber-300{color:#fcd34d}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.uppercase{text-transform:uppercase}.font-black{font-weight:900}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.35em\]{letter-spacing:.35em}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.leading-relaxed{line-height:1.625}.outline-none{outline-offset:2px;outline:2px solid #0000}.focus\:border-cyan-300:focus{border-color:#67e8f9}.w-full{width:100%}.flex-1{flex:1}.text-right{text-align:right}.text-left{text-align:left}.break-all{word-break:break-all}.\[\&\>svg\]\:w-4>svg{width:1rem}.\[\&\>svg\]\:h-4>svg{height:1rem}@media (width>=768px){.action-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto}}@media (width>=1024px){.lg\:grid-cols-\[360px_1fr\]{grid-template-columns:360px 1fr}}