@charset "UTF-8";:root{--pl-accent: #4f46e5;--pl-brand: #4f46e5;--pl-gold: #f59e0b;--pl-bg: #f6f6fb;--pl-surface: #ffffff;--pl-surface-2: #eef0f7;--pl-text: #1c1d2b;--pl-text-muted: #5c5f73;--pl-border: #dcdeea;--pl-danger: #c62828;--pl-danger-bg: #fdecec;--pl-success: #1b7f4b;--pl-success-bg: #e6f6ed;--pl-warning-bg: #fff4dc;--pl-radius: 14px;--pl-radius-lg: 22px;--pl-touch: 48px;--pl-shadow: 0 1px 2px rgb(20 20 40 / 6%), 0 4px 16px rgb(20 20 40 / 6%);--pl-accent-soft: color-mix(in srgb, var(--pl-accent) 14%, var(--pl-surface));--pl-accent-text: color-mix(in srgb, var(--pl-accent) 80%, var(--pl-text));color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--pl-bg: #12131c;--pl-surface: #1c1d2a;--pl-surface-2: #262838;--pl-text: #ececf4;--pl-text-muted: #a3a6bd;--pl-border: #34364a;--pl-danger: #ff8a80;--pl-danger-bg: #3a1d20;--pl-success: #7ddba4;--pl-success-bg: #18332a;--pl-warning-bg: #3a2f14;--pl-shadow: none;--pl-accent-text: color-mix(in srgb, var(--pl-accent) 55%, white);color-scheme:dark}}:root[data-theme=dark]{--pl-bg: #12131c;--pl-surface: #1c1d2a;--pl-surface-2: #262838;--pl-text: #ececf4;--pl-text-muted: #a3a6bd;--pl-border: #34364a;--pl-danger: #ff8a80;--pl-danger-bg: #3a1d20;--pl-success: #7ddba4;--pl-success-bg: #18332a;--pl-warning-bg: #3a2f14;--pl-shadow: none;--pl-accent-text: color-mix(in srgb, var(--pl-accent) 55%, white);color-scheme:dark}:root[data-style=playful]{--pl-radius: 18px;--pl-radius-lg: 28px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--pl-bg);color:var(--pl-text)}body{font-size:17px;line-height:1.45;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3{line-height:1.2;margin:0 0 .5em}a{color:var(--pl-accent-text)}.pl-page{max-width:720px;margin:0 auto;padding:16px}.pl-card{background:var(--pl-surface);border:1px solid var(--pl-border);border-radius:var(--pl-radius-lg);box-shadow:var(--pl-shadow);padding:20px}.pl-stack{display:flex;flex-direction:column;gap:14px}.pl-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pl-muted{color:var(--pl-text-muted)}.pl-button{appearance:none;min-height:var(--pl-touch);padding:0 20px;border-radius:var(--pl-radius);border:1px solid transparent;background:var(--pl-accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,opacity .15s ease}.pl-button:active{transform:scale(.98)}.pl-button:disabled{opacity:.55;cursor:default}.pl-button.pl-button--secondary{background:var(--pl-surface-2);color:var(--pl-text);border-color:var(--pl-border)}.pl-button.pl-button--block{width:100%}.pl-field{display:flex;flex-direction:column;gap:6px}.pl-field label{font-weight:600;font-size:15px}.pl-field input,.pl-field select{min-height:var(--pl-touch);padding:0 14px;border-radius:var(--pl-radius);border:1px solid var(--pl-border);background:var(--pl-surface);color:var(--pl-text);font:inherit;font-size:17px}.pl-field select{appearance:none;-webkit-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%237a7d92' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.pl-field input:focus-visible,.pl-field select:focus-visible{outline:3px solid color-mix(in srgb,var(--pl-accent) 45%,transparent);outline-offset:1px}.pl-field .pl-hint{font-size:14px;color:var(--pl-text-muted)}.pl-alert{border-radius:var(--pl-radius);padding:12px 14px;font-size:15px}.pl-alert.pl-alert--error{background:var(--pl-danger-bg);color:var(--pl-danger)}.pl-alert.pl-alert--success{background:var(--pl-success-bg);color:var(--pl-success)}.pl-alert.pl-alert--warning{background:var(--pl-warning-bg)}.pl-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--pl-accent-soft);color:var(--pl-accent-text)}.pl-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
