:root{--ground:#12122b;--ground-2:#1b1840;--ink:#eeeaff;--muted:#b3add6;--gold:#f3d58a;--gold-ink:#221a3f;--purple:#b9a4ff;--line:#d6c8ff47;--field:#0a081e99;--error:#ff9f8a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(120% 60% at 50% 0%, #2d2466 0%, var(--ground) 60%) fixed, var(--ground);min-height:100vh;color:var(--ink);padding-inline:16px;font:16px/1.5 Mulish,system-ui,sans-serif}.page{flex-direction:column;gap:24px;max-width:440px;margin:0 auto;padding-block:32px 48px;display:flex}.brand{text-align:center;flex-direction:column;gap:6px;display:flex}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--purple);font-size:12px;font-weight:800}h1{letter-spacing:.04em;margin:0;font:400 52px/1.05 Marcellus,Georgia,serif}h2{margin:0;font:400 26px/1.2 Marcellus,Georgia,serif}.lede{color:var(--muted);text-wrap:balance;margin:4px 0 0}.card{border:1px solid var(--line);background:#ffffff0f;border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}label,legend{color:var(--muted);padding:0;font-size:14px;font-weight:700}.opt{font-weight:400}.hint{color:var(--muted);margin:-2px 0 2px;font-size:13px}input[type=text],input[type=email],input[type=date],input[type=time],select{border:1px solid var(--line);background:var(--field);width:100%;min-width:0;height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:0 14px;font-size:16px}input:disabled{opacity:.45}.check{min-height:32px;color:var(--ink);cursor:pointer;align-items:center;gap:10px;font-weight:600;display:flex}.check input{width:20px;height:20px;accent-color:var(--purple);margin:0}.seg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;margin:0;position:absolute;inset:0}.seg span{border:1px solid var(--line);background:var(--field);height:48px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.seg input:checked+span{border-color:var(--purple);color:#fff;background:#b9a4ff4d}.seg input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}button{font:inherit;cursor:pointer;transition:transform .12s}button:active{transform:scale(.97)}button:disabled{opacity:.55;cursor:progress}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.primary{background:var(--gold);height:54px;color:var(--gold-ink);border:0;border-radius:999px;padding:0 20px;font:400 19px Marcellus,Georgia,serif;box-shadow:0 0 0 4px #f3d58a2e,0 10px 32px #f3d58a4d}.secondary{height:50px;color:var(--ink);background:0 0;border:1px solid #d6c8ff80;border-radius:999px;padding:0 18px;font-weight:700}.ghost{height:50px;color:var(--purple);background:0 0;border:0;padding:0 14px;font-weight:700}.fine{color:var(--muted);text-align:center;margin:0;font-size:12px}.error{color:var(--error);margin:0;font-size:14px;font-weight:700}.stage{aspect-ratio:9/16;border:1px solid var(--line);background:#07061a;border-radius:22px;width:min(100%,360px);margin:0 auto;overflow:hidden;box-shadow:0 0 60px #b9a4ff4d}.stage canvas{width:100%;height:100%;display:block}#result{flex-direction:column;gap:14px;display:flex}#result[hidden],#next[hidden]{display:none}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.actions .ghost{grid-column:1/-1}.note{color:#8fe3c8;background:#8fe3c81f;border-radius:12px;margin:0;padding:10px 14px;font-size:14px}.status{min-height:1.5em;color:var(--muted);text-align:center;margin:0;font-size:14px}.progress{flex-direction:column;align-items:center;gap:6px;display:flex}.progress[hidden]{display:none}.track{background:#ffffff1f;border-radius:4px;width:100%;height:8px;overflow:hidden}.bar{background:linear-gradient(90deg, #8a6ae6, var(--gold));width:0;height:100%;transition:width .2s}.label{color:var(--muted);font-size:13px}.inline{gap:8px;display:flex}.inline input{flex:1}.inline .primary{height:48px;font-size:17px}.divider{background:var(--line);height:1px}.foot{color:var(--muted);text-align:center;font-size:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){button{transition:none}}.luopan-field{gap:10px}.ring-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.ring-tab{border:1px solid var(--line);background:var(--field);min-height:52px;color:var(--ink);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 4px;display:flex}.ring-tab .k{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.ring-tab .v{white-space:nowrap;font:400 16px Marcellus,Georgia,serif}.ring-tab[aria-pressed=true]{border-color:var(--gold);background:#f3d58a1f;box-shadow:0 0 18px #f3d58a2e}.ring-tab[aria-pressed=true] .k{color:var(--gold)}.ring-tab:disabled{opacity:.4}.luopan{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,360px);margin:4px auto 0}.luopan svg{cursor:grab;border-radius:50%;width:100%;height:100%;display:block;overflow:visible}.luopan svg:active{cursor:grabbing}.luopan svg:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.lp-disc{filter:drop-shadow(0 0 28px #b9a4ff59)}.lp-rim{stroke:var(--gold);stroke-width:2px}.lp-sep{stroke:#f3d58a59;stroke-width:1px}.lp-band{stroke:#ffffff06;transition:stroke .25s}.lp-band.active{stroke:#f3d58a1a}.lp-band.disabled{stroke:#00000040}.lp-tick{stroke:#f3d58a73;stroke-width:1px}.lp-tri{stroke:var(--gold);stroke-width:1.6px;stroke-linecap:round;opacity:.8}.lp-deco{transform-box:view-box;transform-origin:200px 200px;animation:120s linear infinite lp-turn}@keyframes lp-turn{to{transform:rotate(360deg)}}.lp-label{fill:#d6c8ff8c;pointer-events:none;font-family:Mulish,system-ui,sans-serif;font-size:11px;font-weight:700;transition:fill .15s}.lp-label-year{font-family:Marcellus,Georgia,serif;font-size:14px;font-weight:400}.lp-label-month{letter-spacing:.08em;font-size:12px}.lp-label-day{font-size:12px}.lp-label-hour{letter-spacing:.04em;font-size:11px}.lp-ring.active .lp-label{fill:#eeeaffd9}.lp-label.sel{filter:drop-shadow(0 0 6px #f3d58ae6);font-size:1.12em;fill:var(--gold)!important}.lp-label.off{opacity:.2}.lp-ring.disabled{opacity:.25}.lp-thread{stroke:#e5645a;stroke-width:1.2px;opacity:.7;pointer-events:none}.lp-window{fill:#f3d58a17;stroke:#f3d58a47;stroke-width:1px;pointer-events:none}.lp-thread-h{opacity:.35}.lp-pointer{fill:#e5645a;filter:drop-shadow(0 0 6px #e5645ae6)}.lp-needle{transform-box:view-box;transform-origin:200px 200px;pointer-events:none;transition:transform .7s cubic-bezier(.3,1.8,.5,1)}.lp-needle-n{fill:#e5645a}.lp-needle-s{fill:var(--gold);opacity:.8}.lp-pin{fill:#fff3c9}.summary{text-align:center;flex-direction:column;align-items:center;gap:2px;min-height:3em;margin:0;display:flex}.summary .d{color:var(--ink);font:400 20px/1.3 Marcellus,Georgia,serif}.summary .h{color:var(--gold);font-size:14px;font-weight:700}.link{min-height:40px;color:var(--purple);text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:0 8px;font-weight:700;text-decoration:underline}#typed[hidden]{display:none}@media (prefers-reduced-motion:reduce){.lp-deco{animation:none}.lp-needle{transition:none}}