.hapio-savew-back{--sw-card:#ffffff;--sw-ink:#0f172a;--sw-ink-2:#475569;--sw-ink-3:#94a3b8;--sw-line:#e2e8f0;--sw-line-2:#eef2f6;--sw-brand:#2563eb;--sw-brand-weak:#eff6ff;--sw-brand-ink:#1d4ed8;--sw-vi:#ea580c;--sw-ok:#16a34a;--sw-field:#f8fafc;--sw-shadow:0 18px 48px -20px rgba(15,23,42,0.4),0 4px 12px -6px rgba(15,23,42,0.2);position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.5);backdrop-filter:blur(2px);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}[data-css-theme=dark] .hapio-savew-back{--sw-card:#111a2e;--sw-ink:#e8eef8;--sw-ink-2:#a3b1c6;--sw-ink-3:#64748b;--sw-line:#24314b;--sw-line-2:#1b2740;--sw-brand:#60a5fa;--sw-brand-weak:#17233c;--sw-brand-ink:#93c5fd;--sw-vi:#fb923c;--sw-ok:#4ade80;--sw-field:#0e1728;--sw-shadow:0 22px 60px -22px rgba(0,0,0,0.7),0 4px 14px -6px rgba(0,0,0,0.5)}.hapio-savew{width:520px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;background:var(--sw-card);color:var(--sw-ink);border:1px solid var(--sw-line);border-radius:18px;box-shadow:var(--sw-shadow)}.hapio-savew *{box-sizing:border-box}.hapio-savew__head{flex:none;padding:16px 18px 13px;border-bottom:1px solid var(--sw-line-2)}.hapio-savew__titlerow{display:flex;align-items:center;gap:10px}.hapio-savew__ttl{flex:1;display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--sw-ink)}.hapio-savew__ttl svg{color:var(--sw-brand)}.hapio-savew__x{border:0;background:transparent;color:var(--sw-ink-3);cursor:pointer;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.hapio-savew__x:hover{background:var(--sw-line-2);color:var(--sw-ink)}.hapio-savew__src{margin-top:9px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sw-brand-ink);background:var(--sw-brand-weak);padding:4px 10px;border-radius:999px}.hapio-savew__hint{flex:none;padding:12px 18px 0;font-size:13px;line-height:1.5;color:var(--sw-ink-2)}.hapio-savew__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:14px 18px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.hapio-savew__fld{display:flex;flex-direction:column;gap:5px}.hapio-savew__fld--full{grid-column:1/-1}.hapio-savew__lab{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sw-ink-2)}.hapio-savew__lab i{color:var(--sw-vi);font-style:normal}.hapio-savew__say{border:0;background:transparent;color:var(--sw-ink-3);cursor:pointer;display:inline-flex;padding:0}.hapio-savew__say:hover{color:var(--sw-brand)}.hapio-savew__fld input,.hapio-savew__fld select,.hapio-savew__fld textarea{font:inherit;font-size:14px;color:var(--sw-ink);background:var(--sw-field);border:1px solid var(--sw-line);border-radius:10px;padding:9px 11px;width:100%;resize:vertical}.hapio-savew__fld input:focus,.hapio-savew__fld select:focus,.hapio-savew__fld textarea:focus{outline:none;border-color:var(--sw-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--sw-brand) 20%,transparent)}.hapio-savew__err{flex:none;margin:0 18px;padding:9px 12px;font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}[data-css-theme=dark] .hapio-savew__err{color:#fca5a5;background:#2a1518;border-color:#7f1d1d}.hapio-savew__foot{flex:none;background:var(--sw-card);border-top:1px solid var(--sw-line-2);padding:13px 18px;display:flex;align-items:center;gap:10px}.hapio-savew__foot-note{flex:1;font-size:12px;color:var(--sw-ink-3)}.hapio-savew__btn{font:inherit;font-size:14px;font-weight:600;border-radius:10px;padding:10px 16px;cursor:pointer;border:1px solid var(--sw-line);background:var(--sw-card);color:var(--sw-ink-2);display:inline-flex;align-items:center;gap:7px}.hapio-savew__btn:hover{border-color:var(--sw-brand);color:var(--sw-brand)}.hapio-savew__btn--prim{background:var(--sw-brand);border-color:var(--sw-brand);color:#fff}.hapio-savew__btn--prim:hover{color:#fff;filter:brightness(1.05)}.hapio-savew__btn:disabled{opacity:.65;cursor:default}.hapio-savew__spin{animation:hapio-savew-spin .8s linear infinite}@keyframes hapio-savew-spin{to{transform:rotate(1turn)}}.hapio-savew__donebox,.hapio-savew__login{padding:26px 22px 30px;text-align:center;color:var(--sw-ink-2);display:flex;flex-direction:column;align-items:center;gap:12px}.hapio-savew__login p{margin:0;font-size:14px}.hapio-savew__donebox svg{color:var(--sw-ok)}.hapio-savew__donebox p{margin:0;font-size:15px;font-weight:600;color:var(--sw-ink)}@media (prefers-reduced-motion:reduce){.hapio-savew__spin{animation:none}}@media (max-width:640px){.hapio-savew-back{align-items:flex-end;padding:0}.hapio-savew{width:100%;max-height:90vh;border-radius:18px 18px 0 0;border-bottom:0}.hapio-savew__body{grid-template-columns:1fr}.hapio-savew__foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));box-shadow:0 -6px 18px -12px rgba(15,23,42,.4)}.hapio-savew__foot-note{display:none}.hapio-savew__foot .hapio-savew__btn{flex:1;justify-content:center;padding:12px 16px}}