:root,[data-theme=dark]{color-scheme:dark;--bg:#0c0f14;--bg-gradient-a:#1a2440;--bg-gradient-b:#162830;--card:#151a22;--border:#263042;--text:#e8edf5;--muted:#8b97ab;--accent:#5b9cfa;--accent-dim:#3d6fb8;--btn-text:#0b1220;--btn-grad-top:#a8cbff;--err:#ff9db4;--kbd-bg:rgba(0,0,0,0.35);--input-bg:rgba(0,0,0,0.25);--shadow:rgba(0,0,0,0.35);--seg-bg:color-mix(in srgb,var(--card) 82%,transparent);--seg-indicator:color-mix(in srgb,var(--accent) 18%,transparent);--seg-indicator-border:color-mix(in srgb,var(--accent) 34%,transparent)}[data-theme=light]{color-scheme:light;--bg:#eef2f9;--bg-gradient-a:#dce8ff;--bg-gradient-b:#e8f4fc;--card:#ffffff;--border:#c9d6e8;--text:#142032;--muted:#4d5f78;--accent:#2563eb;--accent-dim:#1d4ed8;--btn-text:#ffffff;--btn-grad-top:#93c5fd;--err:#dc2626;--kbd-bg:rgba(0,0,0,0.06);--input-bg:rgba(255,255,255,0.92);--shadow:rgba(15,23,42,0.12);--seg-bg:color-mix(in srgb,var(--card) 86%,transparent);--seg-indicator:color-mix(in srgb,var(--accent) 14%,transparent);--seg-indicator-border:color-mix(in srgb,var(--accent) 26%,transparent)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;max-width:100%;overflow-x:hidden;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,var(--bg-gradient-a) 0,transparent 55%),radial-gradient(900px 500px at 90% 10%,var(--bg-gradient-b) 0,transparent 50%),var(--bg);color:var(--text);transition:background .22s ease,color .18s ease}body{padding:32px 20px 72px}@supports (padding:max(0px)){body{padding:max(32px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(72px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}}.page-shell{max-width:1040px;margin:0 auto;width:100%}.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;padding:12px 18px;border-radius:10px;font-size:.9rem;font-weight:600;color:var(--btn-text);background:linear-gradient(180deg,var(--btn-grad-top),var(--accent));text-decoration:none;box-shadow:0 6px 24px var(--shadow)}.skip-link:focus{left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.main-content{outline:none}.site-header{flex-wrap:nowrap;justify-content:space-between;gap:14px 18px;margin-bottom:28px;padding:14px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);background:color-mix(in srgb,var(--card) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 40px var(--shadow)}.site-brand,.site-header{display:flex;align-items:center}.site-brand{gap:12px;min-width:0;max-width:100%;text-decoration:none;color:inherit;border-radius:12px;padding:4px 8px 4px 4px;margin:-4px -8px -4px -4px;-webkit-tap-highlight-color:transparent}.site-brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-brand:hover .brand-name{color:color-mix(in srgb,var(--text) 94%,var(--accent))}.brand-mark{flex-shrink:0;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);box-shadow:0 8px 22px var(--shadow)}.brand-logo{display:block;width:44px;height:44px;object-fit:cover}.brand-text{display:flex;flex-direction:column;gap:3px;min-width:0}.brand-name{font-weight:700;font-size:1.06rem;letter-spacing:-.025em;line-height:1.15;transition:color .18s ease}.brand-tagline{font-size:.72rem;font-weight:500;color:var(--muted);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.masthead-nav{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;justify-content:flex-end;min-width:0}.hero{margin-bottom:22px}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:18px;gap:18px;align-items:start}.form-card{min-width:0}.donate-card{position:-webkit-sticky;position:sticky;top:18px;align-self:start;padding:22px}.donate-title{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--border);font-size:.98rem;font-weight:650;letter-spacing:-.02em}.hero-eyebrow{margin:0 0 12px;padding-left:12px;border-left:3px solid var(--accent);font-size:.78rem;font-weight:600;line-height:1.5;color:var(--muted);max-width:52ch}.hero h1{margin:0 0 14px;font-size:clamp(1.32rem,4.5vw,1.78rem);font-weight:700;letter-spacing:-.035em;line-height:1.18;text-wrap:balance}.form-section-title{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--border);font-size:.98rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.toggle-group{display:inline-flex;border-radius:999px;border:1px solid var(--border);overflow:hidden;background:var(--card)}.toggle-group button{margin:0;width:auto;padding:8px 14px;border-radius:0;font-size:.82rem;font-weight:600;background:transparent;color:var(--muted);border:none;box-shadow:none;min-height:40px;-webkit-tap-highlight-color:transparent}.toggle-group button:hover:not(:disabled){background:var(--input-bg);color:var(--text)}.toggle-group button.active{background:linear-gradient(180deg,var(--btn-grad-top),var(--accent));color:var(--btn-text)}.segmented-pair{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;justify-content:flex-end;min-width:0}.segmented{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);overflow:hidden;background:var(--seg-bg);box-shadow:0 10px 34px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex:none}.segmented-indicator{position:absolute;inset:3px;width:calc(50% - 3px);border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--btn-grad-top) 62%,transparent),var(--seg-indicator));border:1px solid var(--seg-indicator-border);box-shadow:0 10px 30px var(--shadow);transform:translateX(0);transition:transform .22s cubic-bezier(.2,.9,.2,1);pointer-events:none}.segmented-indicator[data-pos=en],.segmented-indicator[data-pos=light]{transform:translateX(100%)}.segmented button{position:relative;z-index:1;margin:0;width:auto;padding:8px 14px;border-radius:0;font-size:.82rem;font-weight:700;background:transparent;color:var(--muted);border:none;box-shadow:none;min-height:40px;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.01em}.segmented button:hover:not(:disabled){color:color-mix(in srgb,var(--text) 92%,var(--accent))}.segmented button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.segmented button.active{color:var(--text)}.card{background:linear-gradient(180deg,rgba(127,127,127,.06),transparent),var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 14px 48px var(--shadow)}.lead{margin:0;color:var(--muted);line-height:1.58;font-size:clamp(.94rem,2.8vw,1.02rem);max-width:52ch}label:not(.checkbox-label){display:block;font-size:.82rem;color:var(--muted);margin-bottom:8px}input:not([type]),input[type=password],input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:.95rem;outline:none}.password-input-row{display:flex;gap:8px;align-items:stretch;width:100%}.password-input-row input[type=password],.password-input-row input[type=text]{width:auto;flex:1 1;min-width:0}.password-toggle{flex-shrink:0;align-self:stretch;padding:0 14px;min-width:3.25rem;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.2}.password-toggle:hover{background:color-mix(in srgb,var(--input-bg) 65%,var(--border))}.password-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.password-toggle[aria-pressed=true],input:focus{border-color:var(--accent-dim)}input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.field{margin-bottom:18px}.hotspot-fieldset{margin:0 0 18px;padding:16px 16px 14px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:14px;background:color-mix(in srgb,var(--input-bg) 65%,transparent)}.hotspot-legend{padding:0 8px;font-size:.84rem;font-weight:600;color:var(--muted)}.hotspot-fieldset .field:last-of-type{margin-bottom:10px}.hotspot-hint{margin:0;font-size:.78rem;line-height:1.5;color:var(--muted)}form>button[type=submit]{width:100%;margin-top:8px;padding:14px 16px;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-size:1rem;color:var(--btn-text);background:linear-gradient(180deg,var(--btn-grad-top),var(--accent))}form>button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.checkbox-field{margin-bottom:8px}.checkbox-label{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:.88rem;color:var(--text);line-height:1.45}.checkbox-label input[type=checkbox]{width:auto;margin-top:4px;accent-color:var(--accent)}.hint{margin-top:18px;font-size:.82rem;color:var(--muted);line-height:1.45}.err-block{margin-top:12px}.err{font-size:.85rem;color:var(--err);white-space:pre-wrap}.err-hint{margin:10px 0 0;font-size:.82rem;color:var(--muted);line-height:1.45}.err-hint a{color:var(--accent);font-weight:600;text-decoration:none}.err-hint a:hover{text-decoration:underline}kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em;padding:2px 6px;border-radius:6px;border:1px solid var(--border);background:var(--kbd-bg)}.footer-card{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.donate-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 0 16px;padding:16px 14px;border-radius:12px;border:1px solid var(--border);background:var(--input-bg)}.donate-qr{display:block;width:220px;height:auto;max-width:100%;border-radius:10px;background:#fff;box-shadow:0 4px 14px var(--shadow)}.donate-meta{text-align:center;font-size:.92rem;line-height:1.5}.donate-meta .bank{margin-top:6px;color:var(--muted);font-size:.88rem}.links-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:.88rem}.links-row a{color:var(--accent);font-weight:600;text-decoration:none}.links-row a:hover{text-decoration:underline}.muted-note{font-size:.8rem;margin-top:10px}.footer-tagline,.muted-note{color:var(--muted);line-height:1.45}.footer-tagline{margin-top:18px;font-size:.76rem;opacity:.95}@media (max-width:520px){body{padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(52px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.site-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:22px;padding:12px 14px;border-radius:16px}.site-brand{padding:6px 8px 6px 6px;margin:0}.brand-tagline{white-space:normal;overflow:visible;text-overflow:clip}.masthead-nav{justify-content:stretch;gap:8px;flex-wrap:wrap}.toggle-group{flex:none;width:100%}.toggle-group button{flex:1 1;min-height:44px;padding:10px 12px;font-size:.8rem}.segmented-pair{width:100%;flex-wrap:wrap}.segmented{width:100%}.segmented button{min-height:44px;padding:10px 12px;font-size:.8rem}.hero{margin-bottom:18px}.builder-grid{grid-template-columns:1fr;gap:14px}.donate-card{position:static;top:auto;padding:20px 16px}.hero-eyebrow{font-size:.74rem;margin-bottom:10px}.hero h1{font-size:clamp(1.22rem,6.2vw,1.55rem);line-height:1.22}.card{padding:20px 16px;border-radius:14px}.form-section-title{font-size:.92rem;margin-bottom:16px;padding-bottom:12px}.lead{font-size:.94rem;max-width:none}input:not([type]),input[type=password],input[type=text]{font-size:16px;min-height:48px}.password-toggle{min-height:48px;font-size:.88rem;padding:0 12px}form>button[type=submit]{min-height:48px;padding:14px;font-size:1rem;-webkit-tap-highlight-color:transparent}.donate-qr-wrap{padding:14px 12px}.donate-qr{width:min(220px,88vw)}}@media (prefers-reduced-motion:reduce){body,html{transition:none}}