*{box-sizing:border-box;margin:0;padding:0}body,body[data-variant="vault"]{--ground:#0a0b0e;--ink:#ffffff;--muted:#8d95ab;--field-bg:#14161f;--field-border:#262b3d;--field-focus:#c8ff00;--font-body:'Space Grotesk',system-ui,sans-serif;--label-transform:none;--label-spacing:0.01em;--btn-w:232px;--btn-h:54px;--btn-radius:12px;--btn-bg:#c8ff00;--btn-fg:#05070a;--btn-border:1px solid #c8ff00;--btn-shadow:0 10px 30px rgba(200,255,0,0.18);--btn-success-bg:#b6f36a;--btn-success-fg:#05130a;--btn-success-line:#b6f36a;--btn-error-bg:#ff5a52;--btn-error-fg:#1a0505;--btn-error-line:#ff5a52;--toolbar-bg:#14161f;--toolbar-line:#262b3d;--toolbar-active-bg:#c8ff00;--toolbar-active-fg:#05070a;--ctl-bg:transparent;--ctl-fg:#8d95ab;--ctl-line:#262b3d;--ctl-on-bg:#262b3d;--ctl-on-fg:#ffffff;--card-blur:0px}body[data-variant="brutal"]{--ground:#f4ec3f;--ink:#0d0d0d;--muted:#3b3b30;--field-bg:#ffffff;--field-border:#0d0d0d;--field-focus:#2a2aff;--font-body:'Space Grotesk','Arial Black',system-ui,sans-serif;--label-transform:uppercase;--label-spacing:0.06em;--btn-w:250px;--btn-h:56px;--btn-radius:0px;--btn-bg:#2a2aff;--btn-fg:#ffffff;--btn-border:3px solid #0d0d0d;--btn-shadow:7px 7px 0 #0d0d0d;--btn-success-bg:#12c46a;--btn-success-fg:#04140b;--btn-success-line:#0d0d0d;--btn-error-bg:#ff2d2d;--btn-error-fg:#ffffff;--btn-error-line:#0d0d0d;--toolbar-bg:#ffffff;--toolbar-line:#0d0d0d;--toolbar-active-bg:#0d0d0d;--toolbar-active-fg:#f4ec3f;--ctl-bg:#ffffff;--ctl-fg:#0d0d0d;--ctl-line:#0d0d0d;--ctl-on-bg:#0d0d0d;--ctl-on-fg:#f4ec3f;--card-blur:0px}body[data-variant="glass"]{--ground:linear-gradient(140deg,#16255e 0%,#4a2f8f 48%,#b4487f 100%);--ink:#ffffff;--muted:rgba(255,255,255,0.72);--field-bg:rgba(255,255,255,0.12);--field-border:rgba(255,255,255,0.34);--field-focus:#ffffff;--font-body:'Space Grotesk',system-ui,sans-serif;--label-transform:none;--label-spacing:0.02em;--btn-w:236px;--btn-h:54px;--btn-radius:27px;--btn-bg:rgba(255,255,255,0.9);--btn-fg:#2a1a56;--btn-border:1px solid rgba(255,255,255,0.55);--btn-shadow:0 14px 40px rgba(15,8,45,0.4);--btn-success-bg:#7ef0b2;--btn-success-fg:#05301c;--btn-success-line:rgba(255,255,255,0.55);--btn-error-bg:#ff7a90;--btn-error-fg:#35060f;--btn-error-line:rgba(255,255,255,0.55);--toolbar-bg:rgba(255,255,255,0.14);--toolbar-line:rgba(255,255,255,0.35);--toolbar-active-bg:#ffffff;--toolbar-active-fg:#2a1a56;--ctl-bg:rgba(255,255,255,0.12);--ctl-fg:rgba(255,255,255,0.8);--ctl-line:rgba(255,255,255,0.32);--ctl-on-bg:#ffffff;--ctl-on-fg:#2a1a56;--card-blur:14px}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.85rem;padding:1.5rem}.morph-form{display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:min(320px,100%)}.morph-field{display:flex;flex-direction:column;gap:0.4rem;width:100%}.morph-field-label{font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}.morph-field input{width:100%;height:48px;padding:0 0.9rem;font:500 0.95rem/1 var(--font-body);color:var(--ink);background:var(--field-bg);border:var(--btn-border);border-color:var(--field-border);border-radius:calc(var(--btn-radius) * 0.6);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur))}.morph-field input::placeholder{color:var(--muted);opacity:0.8}.morph-field input:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.morph-btn{position:relative;width:var(--btn-w);height:var(--btn-h);flex:0 0 auto;padding:0;overflow:hidden;background:var(--btn-bg);color:var(--btn-fg);border:var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);font:600 0.95rem/1 var(--font-body);letter-spacing:var(--label-spacing);text-transform:var(--label-transform);cursor:pointer}.morph-btn:focus-visible{outline:3px solid var(--field-focus);outline-offset:3px}.morph-btn:disabled{cursor:default;pointer-events:none}.morph-btn.is-success{color:var(--btn-success-fg);border-color:var(--btn-success-line)}.morph-btn.is-error{color:var(--btn-error-fg);border-color:var(--btn-error-line)}.morph-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0.55rem;white-space:nowrap}.morph-check{display:none;align-items:center;color:currentColor}.morph-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;color:currentColor}.morph-status{min-height:1.2em;font-size:0.82rem;font-weight:500;color:var(--muted);text-align:center}.demo-controls{display:flex;gap:0.4rem;margin-top:0.4rem}.demo-controls button{font:500 0.72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0.04em;padding:0.5rem 0.8rem;background:var(--ctl-bg);color:var(--ctl-fg);border:1px solid var(--ctl-line);border-radius:calc(var(--btn-radius) * 0.5);cursor:pointer;backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur))}.demo-controls button[aria-pressed="true"]{background:var(--ctl-on-bg);color:var(--ctl-on-fg);border-color:var(--ctl-on-bg)}.demo-controls button:focus-visible{outline:2px solid var(--field-focus);outline-offset:2px}.showcase-toolbar{position:fixed;top:0.75rem;right:0.75rem;z-index:1000;display:flex;gap:0.25rem;padding:0.25rem;border-radius:8px;background:var(--toolbar-bg);border:1px solid var(--toolbar-line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.7rem;backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur))}.showcase-toolbar button{background:transparent;border:0;color:var(--muted);padding:0.3rem 0.55rem;border-radius:6px;cursor:pointer;font:inherit;letter-spacing:0.04em}.showcase-toolbar button[aria-pressed="true"]{background:var(--toolbar-active-bg);color:var(--toolbar-active-fg)}@media (prefers-reduced-motion:reduce){*{transition:none !important}}