:root{--color-ink:#000;--color-soft:#3c3c43d1;--color-muted:#3c3c4399;--color-separator:#3c3c4324;--color-fill:#7878801f;--color-ground:#fff;--color-card:#f2f2f7;--color-on-fern:#fff;--color-fern:#129b41;--color-fern-deep:#076715;--color-spring:#2ac864;--color-forest:#0e3727;--color-mint:#e3f6ea;--color-mint-text:#0b6b2e;--color-prop:#fff1d6;--color-prop-text:#8a5a00;--color-danger:#c62828;--color-danger-bg:#fdecea;--radius-chip:999px;--radius-field:18px;--radius-card:22px;--radius-card-lg:26px;--radius-button:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-gutter:22px;--size-button-height:56px;--size-field-height:58px;--size-row-height:62px;--font-family:Inter, -apple-system, system-ui, sans-serif;--font-tracking:.005em;--type-title-size:34px;--type-title-line:41px;--type-title-weight:700;--type-title-2-size:28px;--type-title-2-line:34px;--type-title-2-weight:700;--type-headline-size:18px;--type-headline-line:24px;--type-headline-weight:600;--type-body-size:17px;--type-body-line:24px;--type-body-weight:400;--type-caption-size:15px;--type-caption-line:20px;--type-caption-weight:600;--shadow-card-3d:0 1px 2px #0e37270d, 0 10px 28px #0e372714, 0 28px 56px #0e372712;--shadow-glass:0 10px 30px #0000001f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-ink:#fff;--color-soft:#ebebf5c7;--color-muted:#ebebf599;--color-separator:#54545899;--color-fill:#7676803d;--color-ground:#000;--color-card:#1c1c1e;--color-mint:#12331f;--color-mint-text:#5fd98a;--color-prop:#3a2c10;--color-prop-text:#f2c063;--color-danger:#ff6b5e;--color-danger-bg:#3b1714;--shadow-card-3d:0 0 0 1px #ffffff1a, 0 28px 56px #00000080;--shadow-glass:0 0 0 1px #ffffff1f, 0 10px 30px #00000080}}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);letter-spacing:var(--font-tracking);color:var(--color-ink);background:var(--color-card);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;letter-spacing:inherit}.shell{--pad:0px;height:100dvh;padding:var(--pad) 0;justify-content:center;align-items:center;display:flex;overflow:hidden}.screen{background:var(--color-ground);width:100%;max-width:440px;height:100%;padding:clamp(20px, 6.5dvh, 56px) var(--space-gutter) clamp(16px, 3.5dvh, 28px);overscroll-behavior:contain;flex-direction:column;gap:clamp(12px,2.8dvh,24px);display:flex;position:relative;overflow:hidden auto}@media (min-width:640px){.shell{--pad:clamp(12px, 4.5dvh, 40px);padding:var(--pad) 16px}.screen{height:min(880px, calc(100svh - 2 * var(--pad)));height:min(880px, calc(100dvh - 2 * var(--pad)));box-shadow:var(--shadow-card-3d);border-radius:44px}}.title{font-size:var(--type-title-size);line-height:var(--type-title-line);font-weight:var(--type-title-weight);margin:0}.title-2{font-size:var(--type-title-2-size);line-height:var(--type-title-2-line);font-weight:var(--type-title-2-weight);margin:0}.headline{font-size:var(--type-headline-size);line-height:var(--type-headline-line);font-weight:var(--type-headline-weight)}.body{font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--color-soft);margin:0}.caption{font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--type-caption-weight);color:var(--color-muted)}.center{text-align:center}.grow{flex-grow:1}.stack{gap:var(--space-3);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.between{justify-content:space-between}.btn{height:var(--size-button-height);border-radius:var(--radius-button);cursor:pointer;background:var(--color-fern);width:100%;color:var(--color-on-fern);border:0;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.btn:disabled{opacity:.5;cursor:default}.btn.ink{background:var(--color-ink);color:var(--color-ground)}.btn.ghost{background:var(--color-fill);color:var(--color-ink)}.screen>.btn:last-child{z-index:1;box-shadow:0 clamp(16px, 3.5dvh, 28px) 0 0 var(--color-ground);flex-shrink:0;position:sticky;bottom:0}.screen>.btn:last-child:before{content:"";left:calc(-1 * var(--space-gutter));right:calc(-1 * var(--space-gutter));pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-ground) 0%, transparent), var(--color-ground));height:clamp(12px,2.8dvh,24px);position:absolute;bottom:100%}.screen>.btn:last-child:disabled:not(.ink):not(.ghost){opacity:1;background:color-mix(in srgb, var(--color-fern) 50%, var(--color-ground));color:color-mix(in srgb, var(--color-on-fern) 55%, var(--color-ground))}.card{background:var(--color-card);border-radius:var(--radius-card);padding:14px 16px}.card-3d{background:var(--color-ground);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-card-3d);padding:18px 20px}.card.selected{background:var(--color-ground);box-shadow:0 0 0 2px var(--color-fern)}.field{height:var(--size-field-height);border-radius:var(--radius-field);background:var(--color-card);width:100%;color:var(--color-ink);border:0;padding:0 18px;font-size:19px}.field:focus{box-shadow:0 0 0 2px var(--color-fern);background:var(--color-ground);outline:none}.tag{border-radius:var(--radius-chip);background:var(--color-mint);height:28px;color:var(--color-mint-text);white-space:nowrap;align-items:center;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.tag.prop{background:var(--color-prop);color:var(--color-prop-text)}.tag.danger{background:var(--color-danger-bg);color:var(--color-danger)}.tag.quiet{background:var(--color-fill);color:var(--color-ink)}.option{min-height:var(--size-row-height);cursor:pointer;text-align:left;border:0;align-items:center;gap:14px;width:100%;display:flex}.option .ico{background:var(--color-mint);width:44px;height:44px;color:var(--color-mint-text);border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.error{color:var(--color-danger);font-size:15px;font-weight:600}.live-dot{background:var(--color-spring);border-radius:4px;width:8px;height:8px;display:inline-block}.locked{opacity:.55}.stage{flex:1 1 0;min-height:0;position:relative;container-type:size}.stage-box,.introcol{--ux:calc(100cqw / 390);--u:min(100cqh / 583, var(--ux));--top:max(0px, (100cqh - 583 * var(--u)) / 2)}.stage-box{left:0;right:0;top:var(--top);height:calc(583 * var(--u));position:absolute}.introcol{left:0;right:0;top:calc(var(--top) + 36 * var(--u));text-align:center;flex-direction:column;align-items:center;animation:6s cubic-bezier(.2,.8,.2,1) both icol;display:flex;position:absolute}@keyframes icol{0%,38%{top:calc(var(--top) + 128 * var(--u))}50%,to{top:calc(var(--top) + 36 * var(--u))}}.introwm{height:clamp(28px, calc(40 * var(--u)), 40px)}.introcol .title{font-size:clamp(26px, calc(34 * var(--u)), var(--type-title-size));margin-top:calc(28 * var(--u));padding:0 calc(20 * var(--ux));line-height:1.18}.introcol .introsub{margin-top:calc(24 * var(--u));padding:0 calc(36 * var(--ux));font-size:clamp(15px, calc(18 * var(--u)), 18px)}.nd{animation:6s cubic-bezier(.2,.8,.2,1) both nomdrop;position:absolute}@keyframes nomdrop{0%{opacity:0;transform:translateY(-620px)rotate(-12deg)}2%{opacity:1}11%{transform:translate(0)rotate(0)}14%{transform:translateY(-16px)scale(1.04,.96)}17%{transform:translate(0)scale(1)}to{opacity:1;transform:translate(0)}}.introhead{animation:6s cubic-bezier(.2,.8,.2,1) both ihead}@keyframes ihead{0%{opacity:0;transform:translateY(calc(84 * var(--u)))}6%,38%{opacity:1;transform:translateY(calc(70 * var(--u)))}50%,to{opacity:1;transform:none}}.introsub,.introwm,.introbtns{animation:6s cubic-bezier(.2,.8,.2,1) both isub}@keyframes isub{0%,48%{opacity:0;transform:translateY(16px)}58%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.nd{animation:none}.introhead,.introsub,.introwm,.introbtns,.introcol{opacity:1;animation:none;transform:none}}