:root{--color-ink:#000;--color-soft:#3c3c43d1;--color-muted:#3c3c4399;--color-separator:#3c3c4324;--color-fill:#7878801f;--color-ground:#fff;--color-card:#f2f2f7;--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}
*{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{justify-content:center;align-items:flex-start;min-height:100dvh;display:flex}.screen{background:var(--color-ground);width:100%;max-width:440px;min-height:100dvh;padding:56px var(--space-gutter) 28px;gap:var(--space-6);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (min-width:640px){.shell{padding:40px 16px}.screen{min-height:880px;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-ground);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)}.btn.ghost{background:var(--color-fill);color:var(--color-ink)}.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-shrink:0;height:583px;position:relative}.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)}38%{opacity:1;transform:translate(0)}48%{transform:translate(var(--ex),-640px) scale(.6) rotate(20deg);opacity:0}to{transform:translate(var(--ex),-640px) scale(.6);opacity:0}}.introhead{animation:6s cubic-bezier(.2,.8,.2,1) both ihead;position:absolute;top:196px;left:0;right:0}@keyframes ihead{0%{opacity:0;transform:translateY(84px)}6%,38%{opacity:1;transform:translateY(70px)}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{display:none}.introhead,.introsub,.introwm,.introbtns{opacity:1;animation:none;transform:none}}