:root{--base-bg:#0a0a0f;--glass:#10101aa6;--glass-edge:#ffffff0a;--hot-pink:#ff2d78;--hot-red:#e0245e;--hot-orange:#ff6b35;--cool-teal:#00d4aa;--cool-cyan:#22d1ee;--cool-blue:#3a7bd5;--text:#eae8f0;--text-muted:#eae8f080;--text-link:var(--cool-cyan);--danger-start:#e0245e;--danger-end:#b22424;--ok-start:#00d4aa;--ok-end:#1e8b4d;--collision-gradient:linear-gradient(135deg,var(--hot-pink),var(--hot-red),#9b30ff,var(--cool-blue),var(--cool-teal));--vein-line:linear-gradient(90deg,var(--hot-pink),var(--cool-teal));--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--panel-radius:16px;--input-radius:10px;--button-radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--base-bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(60% 50% at 85% 10%,#ff2d7847 0%,#0000 70%),radial-gradient(50% 40% at 75% 5%,#ff6b3538 0%,#0000 65%),radial-gradient(40% 35% at 90% 20%,#e0245e2e 0%,#0000 60%),radial-gradient(55% 50% at 15% 85%,#00d4aa40 0%,#0000 70%),radial-gradient(45% 40% at 10% 95%,#22d1ee33 0%,#0000 65%),radial-gradient(70% 60% at 50% 100%,#3a7bd52e 0%,#0000 80%);background-attachment:fixed;font-size:15px;line-height:1.55;animation:25s ease-in-out infinite alternate ink-drift}body:before{content:"";pointer-events:none;z-index:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='1200' fill='none'%3E%3Cpath d='M60 0C120 200 30 400 180 600S50 900 200 1200' stroke='%23ff2d78' stroke-width='1.5'/%3E%3Cpath d='M400 0C350 250 500 350 380 600S480 850 350 1200' stroke='%2300d4aa' stroke-width='1.2'/%3E%3Cpath d='M700 0C650 180 720 400 600 650S730 900 680 1200' stroke='%23ff6b35' stroke-width='1'/%3E%3Cpath d='M200 0C280 300 150 500 300 750S180 1000 250 1200' stroke='%2322d1ee' stroke-width='0.8'/%3E%3C/svg%3E");background-position:50%;background-size:cover;position:fixed;inset:0}@keyframes ink-drift{0%{background-position:0 0}to{background-position:3% 3%}}@keyframes panel-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes focus-pulse{0%,to{box-shadow:0 0 0 2px #ff2d7859}50%{box-shadow:0 0 0 4px #ff2d7826}}h1,h2,h3{font-family:var(--font-heading);margin-top:0;font-weight:700;line-height:1.2}h1{background:var(--collision-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem}h2{color:var(--text);font-size:1.2rem}h3{color:var(--text);font-size:1.05rem}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}small,.muted{color:var(--text-muted)}.error-text{color:var(--hot-red)}.success-text{color:var(--cool-teal)}main{z-index:1;max-width:480px;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));margin:0 auto;position:relative}.grid{gap:14px;display:grid}.grid.two{grid-template-columns:1fr}.panel{background:var(--glass);border:1px solid var(--glass-edge);border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(16px);padding:16px;animation:.4s ease-out both panel-rise;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0a}.panel:nth-child(2){animation-delay:80ms}.panel:nth-child(3){animation-delay:.16s}.panel:nth-child(4){animation-delay:.24s}.panel:nth-child(5){animation-delay:.32s}.panel:before{content:"";background:var(--vein-line);opacity:.4;border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.grid>.panel+.panel:after{content:"";background:var(--vein-line);opacity:.2;width:1px;height:8px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}button{border-radius:var(--button-radius);min-height:44px;font-family:var(--font-body);cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--hot-pink),var(--hot-orange));background-position:0%;background-size:200% 200%;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:background-position .35s,box-shadow .25s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #ff2d7840}button:hover{background-position:100%;transform:translateY(-1px);box-shadow:0 6px 20px #ff2d7866}button:active{transform:translateY(0);box-shadow:0 2px 8px #ff2d7833}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.secondary{color:var(--text);box-shadow:none;background:0 0;border:1px solid #eae8f026}button.secondary:hover{box-shadow:none;background:#eae8f00d;border-color:#eae8f04d;transform:translateY(-1px)}button.danger{background:linear-gradient(135deg,var(--danger-start),var(--danger-end));background-position:0%;background-size:200% 200%;box-shadow:0 4px 14px #e0245e40}button.danger:hover{background-position:100%;box-shadow:0 6px 20px #e0245e66}button.ok{background:linear-gradient(135deg,var(--ok-start),var(--ok-end));background-position:0%;background-size:200% 200%;box-shadow:0 4px 14px #00d4aa40}button.ok:hover{background-position:100%;box-shadow:0 6px 20px #00d4aa66}input,select,textarea{border-radius:var(--input-radius);width:100%;min-height:44px;color:var(--text);font-family:var(--font-body);background:#0a0a0f80;border:1px solid #eae8f01a;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--hot-pink);outline:none;animation:2.5s ease-in-out infinite focus-pulse}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--hot-pink);cursor:pointer;flex-shrink:0;padding:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23eae8f0' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}textarea{resize:vertical}label{font-size:.9rem;font-weight:500}label span{color:var(--text-muted);font-size:.85rem}.stack{flex-direction:column;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tab-row{border-radius:var(--button-radius);background:#0a0a0f80;border:1px solid #eae8f00f;gap:0;padding:3px;display:flex}.tab-button{border-radius:calc(var(--button-radius) - 2px);min-height:40px;color:var(--text-muted);box-shadow:none;background:0 0;border:none;flex:1;padding:8px 16px;font-weight:500;transition:color .2s,background .25s,box-shadow .25s}.tab-button:hover{color:var(--text);box-shadow:none;background:#eae8f00d;transform:none}.tab-button.active{background:linear-gradient(135deg,var(--hot-pink),var(--hot-orange));color:#fff;box-shadow:0 4px 14px #ff2d784d}.tab-button.active:hover{transform:none}table{border-collapse:collapse;width:100%}th{text-align:left;font-family:var(--font-heading);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eae8f014;padding:8px 6px;font-size:.8rem;font-weight:600}td{vertical-align:top;border-bottom:1px solid #eae8f00d;padding:10px 6px;font-size:.9rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#eae8f026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#eae8f040}@media (prefers-reduced-motion:reduce){html,body,.panel{animation:none}input:focus,select:focus,textarea:focus{animation:none;box-shadow:0 0 0 2px #ff2d7859}button,.tab-button{transition:none}}@media (min-width:428px){main{max-width:520px;padding:20px}.grid.two{grid-template-columns:repeat(2,1fr)}h1{font-size:1.8rem}}@media (max-width:479px){table,thead,tbody,th,tr,td{display:block}thead{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}tr{border-radius:var(--input-radius);background:#10101a66;border:1px solid #eae8f00f;margin-bottom:10px;padding:12px}td{border-bottom:none;padding:4px 0;font-size:.88rem}td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.75rem;font-weight:600;display:block}td .row{margin-top:6px}}