*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f0e7;color:#0f1b2a;font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;margin:0}button{-webkit-tap-highlight-color:transparent}:root{--primary:#3f85c7;--primary-dark:#2a5f93;--ink:#0f1b2a;--muted:#63748c;--surface:#f7f3ed;--card:#fff;--accent:#f2c879;--ring:#3f85c759;--shadow:0 18px 45px #0f1b2a1f;--radius:18px;--button-width:250px;--button-height:56px;--button-radius:6px}.page{background:#f5f0e7;color:#0f1b2a;color:var(--ink);font-family:Fraunces,Iowan Old Style,Palatino,Times New Roman,serif;min-height:100vh;padding:40px 20px 64px}.hero{align-items:flex-start;display:flex;gap:32px;justify-content:space-between;margin:0 auto 40px;max-width:1100px}.eyebrow{color:#63748c;color:var(--muted);font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:12px;letter-spacing:.18em;margin:0 0 12px;text-transform:uppercase}.hero h1{font-size:clamp(2.1rem,3vw,3.2rem);margin:0 0 12px}.subhead{color:#63748c;color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0;max-width:520px}.legend,.subhead{font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif}.legend{align-items:center;background:#fff;background:var(--card);border-radius:999px;box-shadow:0 18px 45px #0f1b2a1f;box-shadow:var(--shadow);display:flex;gap:14px;padding:16px 18px}.swatch{background:#3f85c7;background:var(--primary);border-radius:16px;box-shadow:inset 0 0 0 4px #fff6;height:48px;width:48px}.legend-title{font-weight:700;margin:0}.legend-note{color:#63748c;color:var(--muted);font-size:.9rem;margin:4px 0 0}.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin:0 auto;max-width:980px}.card{background:#fff;background:var(--card);border:1px solid #0f1b2a0d;border-radius:18px;border-radius:var(--radius);box-shadow:0 18px 45px #0f1b2a1f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;padding:22px}.card-large{padding:28px 32px}.card-header h2{font-size:1.35rem;margin:0 0 6px}.card-header p{color:#63748c;color:var(--muted);font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:.98rem;line-height:1.5;margin:0}.control-list{align-items:center;display:flex;flex-direction:column;gap:16px}.control-label{color:#63748c;color:var(--muted);font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.action-pair{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:524px;max-width:calc(var(--button-width)*2 + 24px);width:100%}.action-block{align-items:stretch;display:flex;flex-direction:column;gap:10px;width:min(250px,100%);width:min(var(--button-width),100%)}.btn{border:none;border-radius:6px;border-radius:var(--button-radius);box-shadow:0 12px 22px #3f85c738;cursor:pointer;font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:1rem;font-weight:600;min-height:56px;min-height:var(--button-height);min-width:0;padding:0 18px;touch-action:manipulation;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;user-select:none;-webkit-user-select:none;width:100%}.btn:active{box-shadow:0 6px 16px #3f85c740;transform:translateY(1px) scale(.98)}.primary{background:#3f85c7;background:var(--primary);color:#fff}.split-button{border-radius:6px;border-radius:var(--button-radius);box-shadow:0 12px 22px #0f1b2a1f;display:grid;grid-template-columns:7fr 3fr;overflow:hidden;width:100%}.split-button .btn{border-radius:0;box-shadow:none;min-width:0;width:100%}.split-button .btn:first-child{border-right:1px solid #fff3}.split-toggle{background:#3f85c7;background:var(--primary);color:#fff;min-width:0;width:100%}.split-wrap{position:relative}.split-menu{grid-gap:4px;background:#f3f6fb;border:1px solid #cfd9e8;border-radius:8px;box-shadow:0 10px 18px #0f1b2a1f;display:grid;gap:4px;left:0;min-width:100%;padding:6px;position:absolute;top:100%;z-index:2}.split-menu button{background:#f7f9fc;border:1px solid #d8e2ef;border-radius:6px;color:#3f85c7;color:var(--primary);cursor:pointer;font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em;padding:12px 14px;text-align:left;transition:background .15s ease}.split-menu button:hover{background:#e9f0f9}.toggle-stack{align-items:stretch;display:flex;flex-direction:column;gap:10px}.mode-toggle-row{align-items:center;display:flex;gap:8px;justify-content:flex-end;max-width:524px;max-width:calc(var(--button-width)*2 + 24px);width:100%}.switch{align-items:center;display:inline-flex;justify-content:center;position:relative}.switch input{height:1px;opacity:0;position:absolute;width:1px}.switch-track{background:#dfe5ee;border-radius:999px;box-shadow:inset 0 0 0 1px #0f1b2a14;height:26px;position:relative;transition:background .2s ease;width:46px}.switch-track:after{background:#fff;border-radius:999px;box-shadow:0 4px 10px #0f1b2a2e;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:20px}.switch input:checked+.switch-track{background:#7fb0e0}.switch input:checked+.switch-track:after{transform:translateX(20px)}.switch input:focus-visible+.switch-track{outline:2px solid #3f85c759;outline:2px solid var(--ring);outline-offset:2px}.segmented{background:#edf1f7;border-radius:12px;display:inline-flex;gap:4px;padding:4px}.segmented button{background:#0000;border:none;border-radius:10px;color:#63748c;color:var(--muted);cursor:pointer;font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:.85rem;font-weight:600;padding:8px 14px}.segmented .active{background:#fff;box-shadow:0 8px 18px #0f1b2a1f;color:#0f1b2a;color:var(--ink)}.hold-button{--hold-fill-duration:0.9s;isolation:isolate;overflow:hidden;position:relative}.hold-note{color:#63748c;color:var(--muted);font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:.78rem;margin-top:3px;text-align:center;width:100%}.hold-label{position:relative;z-index:2}.hold-fill{background:#2a5f93d9;inset:0;pointer-events:none;position:absolute;transform:scaleX(0);transform-origin:left center;width:100%;z-index:1}.holding .hold-fill{animation:hold-fill var(--hold-fill-duration) linear forwards}.hold-button[data-flash=true]{animation:hold-flash .28s ease-out}.hold-button[data-flash=true]:after{animation:flash-overlay .28s ease-out;background:#ffffffd9;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.inline-action{grid-gap:0;align-items:stretch;border-radius:6px;border-radius:var(--button-radius);box-shadow:0 12px 22px #0f1b2a1f;display:grid;gap:0;grid-template-columns:7fr 3fr;overflow:hidden;width:100%}.icon-button{align-items:center;background:#e7f0fb;border:none;border-left:1px solid #0f1b2a14;border-radius:0 6px 6px 0;border-radius:0 var(--button-radius) var(--button-radius) 0;color:#2a5f93;cursor:pointer;display:inline-flex;font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:1rem;justify-content:center;min-height:56px;min-height:var(--button-height);min-width:0;transition:transform .15s ease,background .15s ease;user-select:none;-webkit-user-select:none;width:100%}.icon-button.hold-button{--hold-fill-duration:0.65s}.icon-button .hold-fill{background:#c1d9f2e6}.icon-button:active{background:#d8e6f6;transform:translateY(1px) scale(.98)}.inline-action .btn{border-radius:6px 0 0 6px;border-radius:var(--button-radius) 0 0 var(--button-radius);box-shadow:none;width:100%}.hand-icon{height:20px;width:20px}@keyframes hold-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hold-flash{0%{box-shadow:0 0 0 0 #ffffffe6}to{box-shadow:0 0 0 12px #fff0}}@keyframes flash-overlay{0%{opacity:.95}to{opacity:0}}@media (max-width:900px){.hero{flex-direction:column}.legend{width:-webkit-fit-content;width:fit-content}}@media (max-width:640px){.page{padding:28px 16px 48px}.action-pair{grid-template-columns:1fr}.btn,.icon-button,.inline-action,.split-button,.split-toggle,.split-wrap,.toggle-stack{width:100%}.split-button{display:grid;grid-template-columns:7fr 3fr}}
/*# sourceMappingURL=main.0f34147c.css.map*/