.fx-page{--fx-bg:#f7f4ef;--fx-surface:#fff;--fx-ink:#1f1813;--fx-ink-soft:#7a6a5d;--fx-ink-faint:#b3a598;--fx-line:#3c230f1a;--fx-accent:#c8662a;--fx-accent-soft:#fbeee3;--fx-danger:#b3261e;--fx-font:-apple-system, "SF Pro Text", BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, "Noto Sans", "Noto Sans Tamil", sans-serif;--fx-text:17px;--fx-text-small:13px;--fx-text-title:28px;--fx-radius:22px;--fx-radius-pill:999px;--fx-control-min:68px;--fx-pad:18px;--fx-gap:14px;--fx-gutter:16px;--fx-width:520px;--fx-shadow:0 1px 2px #2814050f, 0 12px 32px -18px #28140547;--fx-ease:cubic-bezier(.22, .9, .24, 1);--fx-roll:.52s;height:var(--fx-vh,100dvh);background:var(--fx-bg);color:var(--fx-ink);font-family:var(--fx-font);font-size:var(--fx-text);-webkit-tap-highlight-color:transparent;line-height:1.35;position:fixed;inset:0;overflow:hidden}.fx-page *,.fx-page :before,.fx-page :after{box-sizing:border-box}.fx-page :where(button,input,select,textarea){font:inherit;color:inherit}.fx-form{height:100%;max-width:var(--fx-width);flex-direction:column;margin:0 auto;display:flex}.fx-progress{height:3px;margin:calc(env(safe-area-inset-top) + 10px) var(--fx-gutter) 0;background:var(--fx-line);border-radius:3px;flex:none;overflow:hidden}.fx-progress i{background:var(--fx-accent);border-radius:inherit;height:100%;transition:width var(--fx-roll) var(--fx-ease);display:block}.fx-stage{perspective:1100px;touch-action:pan-x;flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 78%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 78%,#0000 100%)}.fx-track{padding:0 var(--fx-gutter);gap:var(--fx-gap);transition:transform var(--fx-roll) var(--fx-ease);will-change:transform;flex-direction:column;display:flex}.fx-stop{transform-origin:50%;transition:transform var(--fx-roll) var(--fx-ease), opacity var(--fx-roll) var(--fx-ease)}.fx-stop:not(.current){cursor:pointer}.fx-stop:not(.current)>*{pointer-events:none}.fx-stop-body{display:contents}.fx-control{background:var(--fx-surface);border-radius:var(--fx-radius);box-shadow:var(--fx-shadow);padding:var(--fx-pad);min-height:var(--fx-control-min);flex-direction:column;display:flex;position:relative;overflow:hidden}.fx-stop.current .fx-control{box-shadow:var(--fx-shadow), 0 0 0 1.5px var(--fx-accent-soft)}.fx-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--fx-accent);flex-direction:column;gap:2px;margin-bottom:8px;font-size:12px;font-weight:650;display:flex}.fx-eyebrow small{font-size:var(--fx-text-small);letter-spacing:0;text-transform:none;color:var(--fx-ink-soft);font-weight:400}.fx-label{color:var(--fx-ink);font-weight:600}.fx-note{font-size:var(--fx-text-small);color:var(--fx-ink-soft)}.fx-text{cursor:text;padding-top:12px;padding-bottom:10px}.fx-field{padding-top:15px;display:block;position:relative}.fx-field>.fx-label{color:var(--fx-ink-faint);transform-origin:0 0;transition:transform .18s var(--fx-ease), color .18s;pointer-events:none;font-weight:500;line-height:28px;position:absolute;top:15px;left:0}.fx-text.filled .fx-field>.fx-label,.fx-text:focus-within .fx-field>.fx-label{color:var(--fx-ink-soft);transform:translateY(-17px)scale(.76)}.fx-text input,.fx-text textarea{width:100%;font-size:var(--fx-text);color:var(--fx-ink);resize:none;caret-color:var(--fx-accent);background:0 0;border:0;outline:0;margin:0;padding:0;line-height:28px}.fx-field:has(.fx-prefix){align-items:center;gap:10px;display:flex}.fx-prefix{flex:none;line-height:28px;display:inline-flex;position:relative}.fx-prefix>span{background:var(--fx-bg);color:var(--fx-ink);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.fx-prefix svg{fill:none;stroke:var(--fx-ink-soft);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.fx-prefix select{opacity:0;cursor:pointer;width:100%;font-size:16px;position:absolute;inset:0}.fx-prefix:focus-within>span{outline:2px solid var(--fx-accent);outline-offset:1px}.fx-text .fx-note{margin-top:2px}.fx-text.wrong .fx-note,.fx-review .wrong strong{color:var(--fx-danger)}.fx-countdown{background:var(--fx-accent);transform-origin:0;width:100%;height:2px;animation:linear forwards fx-fill;position:absolute;bottom:0;left:0}@keyframes fx-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fx-long textarea{min-height:112px}.fx-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.fx-foot.end{justify-content:flex-end}.fx-next{cursor:pointer;background:var(--fx-accent);color:#fff;border-radius:var(--fx-radius-pill);border:0;align-items:center;gap:4px;padding:8px 14px 8px 16px;font-size:15px;font-weight:600;transition:opacity .16s,transform .16s;display:inline-flex}.fx-foot .fx-next{margin-left:auto}.fx-under{margin-top:10px;display:block}.fx-back{cursor:pointer;background:var(--fx-bg);color:var(--fx-ink-soft);border-radius:var(--fx-radius-pill);border:0;align-items:center;gap:4px;padding:8px 16px 8px 12px;font-size:15px;font-weight:600;display:inline-flex}.fx-back:active{transform:scale(.96)}.fx-next:disabled{opacity:.3;cursor:default}.fx-next:not(:disabled):active{transform:scale(.96)}.fx-next svg{margin-right:-2px}.fx-head{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.fx-options{flex-direction:column;gap:8px;display:flex}.fx-options.row{flex-direction:row}.fx-options.row .fx-option{flex:1;justify-content:center}.fx-option{text-align:left;cursor:pointer;border:1px solid var(--fx-line);background:var(--fx-bg);width:100%;min-height:50px;font-size:var(--fx-text);color:var(--fx-ink);border-radius:15px;align-items:center;gap:12px;padding:12px 14px;transition:background .16s,border-color .16s,transform .12s;display:flex}.fx-option:active{transform:scale(.98)}.fx-option.tall{padding-block:14px;line-height:1.35}.fx-dot{border:1.5px solid var(--fx-ink-faint);border-radius:50%;flex:none;width:20px;height:20px;transition:border-color .16s,background .16s;position:relative}.fx-option.square .fx-dot{border-radius:6px}.fx-option[aria-checked=true]{background:var(--fx-accent-soft);border-color:var(--fx-accent)}.fx-option[aria-checked=true] .fx-dot{border-color:var(--fx-accent);background:var(--fx-accent)}.fx-option[aria-checked=true] .fx-dot:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.fx-option.square[aria-checked=true] .fx-dot:after{background:0 0;border:2px solid #fff;border-width:0 2px 2px 0;border-radius:0;inset:3px 6px 6px;transform:rotate(45deg)}.fx-scale{gap:8px;display:flex}.fx-scale button{aspect-ratio:1;cursor:pointer;border:1px solid var(--fx-line);background:var(--fx-bg);max-height:56px;color:var(--fx-ink);border-radius:16px;flex:1;font-size:19px;font-weight:600;transition:background .16s,color .16s,transform .12s}.fx-scale button:active{transform:scale(.95)}.fx-scale button[aria-checked=true]{background:var(--fx-accent);border-color:var(--fx-accent);color:#fff}.fx-scale-ends{font-size:var(--fx-text-small);color:var(--fx-ink-soft);justify-content:space-between;margin-top:8px;display:flex}.fx-wheels{perspective:600px;grid-template-columns:.7fr 1.5fr 1fr;gap:4px;display:grid;position:relative}.fx-wheel-band{background:var(--fx-accent-soft);pointer-events:none;border-radius:10px;height:36px;margin-top:-18px;position:absolute;top:50%;left:0;right:0}.fx-wheel{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;transform-style:preserve-3d;outline-offset:-2px;border-radius:10px;position:relative;overflow-y:auto}.fx-wheel::-webkit-scrollbar{display:none}.fx-wheel-row{scroll-snap-align:center;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fx-ink);justify-content:center;align-items:center;font-size:19px;display:flex}.fx-wheel.dim .fx-wheel-row{color:var(--fx-ink-faint)}.fx-rest{justify-content:center;gap:2px}.fx-rest .fx-label{color:var(--fx-ink-faint);font-weight:500}.fx-rest.filled .fx-label{font-size:var(--fx-text-small);color:var(--fx-ink-soft)}.fx-rest{padding-right:96px}.fx-change{right:var(--fx-pad);border-radius:var(--fx-radius-pill);background:var(--fx-accent-soft);color:var(--fx-accent);font-size:var(--fx-text-small);align-items:center;gap:4px;padding:5px 10px;font-weight:600;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.fx-change svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.fx-stop.above:hover{opacity:1!important}.fx-rest .fx-value{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.fx-intro{padding:26px var(--fx-pad) var(--fx-pad);gap:10px}.fx-intro .fx-eyebrow{margin:0}.fx-intro h1,.fx-done h1{font-size:var(--fx-text-title);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}.fx-intro p{margin:0}.fx-primary{cursor:pointer;background:var(--fx-accent);color:#fff;min-height:52px;font-size:var(--fx-text);border:0;border-radius:16px;margin-top:8px;font-weight:650;transition:opacity .16s,transform .12s}.fx-primary:active{transform:scale(.98)}.fx-primary:disabled{opacity:.4;cursor:default}.fx-primary.quiet{background:var(--fx-accent-soft);color:var(--fx-accent);padding:0 22px}.fx-review ul{max-height:52vh;margin:10px 0 4px;padding:0;list-style:none;overflow:auto}.fx-review li+li{border-top:1px solid var(--fx-line)}.fx-review li button{all:unset;box-sizing:border-box;cursor:pointer;justify-content:space-between;gap:16px;width:100%;padding:10px 0;font-size:15px;display:flex}.fx-review li span{color:var(--fx-ink-soft);flex:1;min-width:0}.fx-review li strong{text-align:right;overflow-wrap:break-word;flex:none;max-width:55%;font-weight:600}.fx-send{align-items:center;gap:10px;margin-top:8px;display:flex}.fx-send .fx-primary{flex:1;margin-top:0}.fx-error{color:var(--fx-danger);margin:6px 0 0;font-size:15px}.fx-nav{padding:8px var(--fx-gutter) calc(env(safe-area-inset-bottom) + 10px);flex:none;justify-content:space-between;align-items:center;display:flex}.fx-nav span{font-size:var(--fx-text-small);color:var(--fx-ink-soft);font-variant-numeric:tabular-nums}.fx-nav button{background:var(--fx-surface);width:44px;height:44px;box-shadow:var(--fx-shadow);color:var(--fx-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.fx-nav button:disabled{opacity:.35;cursor:default}.fx-nav svg path{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.fx-done{height:100%;max-width:var(--fx-width);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:0 auto;padding:0 28px;display:flex}.fx-done svg circle{fill:var(--fx-accent-soft)}.fx-done svg path{fill:none;stroke:var(--fx-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.fx-done p{color:var(--fx-ink-soft)}@media (width>=761px){.fx-page{--fx-gap:18px}.fx-stage{-webkit-mask-image:linear-gradient(#0000 0,#000 18% 80%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 18% 80%,#0000 100%)}}@media (prefers-color-scheme:dark){.fx-page{--fx-bg:#141110;--fx-surface:#221d1a;--fx-ink:#f3ece6;--fx-ink-soft:#b4a698;--fx-ink-faint:#6f6359;--fx-line:#fff0e11a;--fx-accent:#e0803f;--fx-accent-soft:#3a2619;--fx-shadow:0 1px 2px #0006, 0 12px 32px -18px #000000b3}}
