:root{--bg:#FFF8FA;--panel:#F6EAF0;--surface:#FFFFFF;--cta:#FFB4C6;--cta-hover:#FF9AA2;--accent:#CFF3E1;--text:#22262B;--muted:#8A8F94;--success:#4BB78A;--danger:#E06363}body{background-color:var(--bg);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding-top:50px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}@keyframes ripple-ring{0%{box-shadow:0 0 0 0 rgb(255 175 200 / .62),0 0 0 0 rgb(255 200 225 / .38),0 0 0 0 rgb(235 185 255 / .22)}100%{box-shadow:0 0 0 22px #fff0,0 0 0 44px #fff0,0 0 0 68px #fff0}}.dynamic-island{position:relative;background-color:var(--panel);width:484px;border-radius:44px;padding:28px;color:var(--text);transition:border-radius 0.7s cubic-bezier(.25,1,.5,1);box-sizing:border-box;box-shadow:0 15px 35px rgb(255 180 198 / .22)}.dynamic-island.expanded{border-radius:26px;box-shadow:0 25px 50px rgb(255 180 198 / .3)}.dynamic-island::before,.dynamic-island::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;animation:ripple-ring 3.4s linear infinite}.dynamic-island::after{animation-delay:-1.7s}h2{text-align:center;margin-top:0;margin-bottom:20px;font-size:25px;font-weight:700;color:var(--text)}.form-group{margin-bottom:14px}label{display:block;font-size:14px;margin-bottom:5px;font-weight:600;opacity:.8;color:var(--text)}input{width:100%;padding:15px;border:none;border-radius:15px;background-color:var(--surface);color:var(--text);font-size:17px;box-sizing:border-box;outline:none;font-weight:500;transition:box-shadow 0.2s}input:focus{box-shadow:0 0 0 3px rgb(255 180 198 / .25)}input:disabled,button:disabled{opacity:.45;cursor:not-allowed}select{width:100%;padding:15px;border:none;border-radius:15px;background-color:var(--surface);color:var(--text);font-size:17px;box-sizing:border-box;outline:none;font-weight:500;transition:box-shadow 0.2s;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFB4C6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:42px}select:focus{box-shadow:0 0 0 3px rgb(255 180 198 / .25)}select:not(:disabled):hover{box-shadow:0 0 0 2px rgb(255 180 198 / .18)}#text-result{color:var(--danger);font-size:14px;margin-top:4px;min-height:18px;font-style:italic;font-weight:700}button{width:100%;padding:16px;background-color:var(--cta);color:var(--text);border:none;border-radius:15px;font-size:18px;font-weight:700;cursor:pointer;transition:background-color 0.2s;margin-top:5px}button:not(:disabled):hover{background-color:var(--cta-hover)}#qr-wrapper{max-height:0;overflow:hidden;transition:max-height 0.7s cubic-bezier(.25,1,.5,1),margin-top 0.7s ease}.dynamic-island.expanded #qr-wrapper{max-height:800px;margin-top:20px}#qr-container{padding:11px;background-color:var(--surface);border-radius:18px;text-align:center;opacity:0;transform:translateY(-10px);transition:opacity 0.7s ease,transform 0.7s ease}.dynamic-island.expanded #qr-container{opacity:1;transform:translateY(0)}#qr-image{width:100%;display:block;border-radius:8px}.footer-signature{text-align:center;font-size:12px;color:var(--muted);margin-top:20px;font-style:italic}*{user-select:none;-webkit-user-drag:none}input,select{user-select:text}#pw-modal-overlay{display:none;position:fixed;inset:0;background:rgb(34 38 43 / .45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center}#pw-modal-overlay.open{display:flex}#pw-modal{background:var(--surface);border-radius:24px;width:360px;max-width:92vw;display:flex;flex-direction:column;box-shadow:0 20px 50px rgb(255 180 198 / .3);overflow:hidden;animation:modal-in 0.28s cubic-bezier(.25,1,.5,1)}#pw-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 14px;border-bottom:1px solid var(--panel);font-weight:700;font-size:15px;color:var(--text)}#pw-close-btn{width:auto;padding:4px 10px;font-size:15px;font-weight:700;background:var(--panel);color:var(--muted);border-radius:8px;margin-top:0;transition:background 0.2s,color 0.2s}#pw-close-btn:hover{background:var(--cta);color:var(--text)}#pw-modal-body{padding:18px 22px 10px;display:flex;flex-direction:column;gap:8px}#pw-modal-body label{opacity:1;font-size:13px}#pw-error{font-size:12.5px;color:var(--danger);font-weight:600;min-height:18px;font-style:italic}#pw-modal-footer{display:flex;gap:10px;padding:12px 22px 18px}#pw-confirm-btn{flex:1;padding:12px;font-size:14px;margin-top:0;background:var(--cta);color:var(--text);border-radius:12px}#pw-confirm-btn:hover{background:var(--cta-hover)}#pw-cancel-btn{flex:1;padding:12px;font-size:14px;margin-top:0;background:var(--panel);color:var(--muted);border-radius:12px}#pw-cancel-btn:hover{background:#e8dce4}#log-trigger{cursor:pointer;color:var(--muted);font-style:normal;font-weight:600;transition:color 0.2s;user-select:none}#log-trigger:hover{color:var(--cta-hover)}#log-modal-overlay{display:none;position:fixed;inset:0;background:rgb(34 38 43 / .45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;justify-content:center;align-items:center}#log-modal-overlay.open{display:flex}#log-modal{background:var(--surface);border-radius:24px;width:520px;max-width:95vw;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 20px 50px rgb(255 180 198 / .3);overflow:hidden;animation:modal-in 0.28s cubic-bezier(.25,1,.5,1)}@keyframes modal-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}#log-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 14px;border-bottom:1px solid var(--panel);font-weight:700;font-size:15px;color:var(--text);flex-shrink:0}#log-close-btn{width:auto;padding:4px 10px;font-size:15px;font-weight:700;background:var(--panel);color:var(--muted);border-radius:8px;margin-top:0;transition:background 0.2s,color 0.2s}#log-close-btn:hover{background:var(--cta);color:var(--text)}#log-list{flex:1;overflow-y:auto;padding:14px 22px;display:flex;flex-direction:column;gap:6px;user-select:text}.log-entry{font-size:12.5px;color:var(--text);padding:8px 12px;background:var(--panel);border-radius:10px;line-height:1.5;word-break:break-word;user-select:text}.log-entry.log-warn{background:#FFF0F0;color:var(--danger);font-weight:600}.log-empty{text-align:center;color:var(--muted);font-size:13px;margin:auto;font-style:italic}#log-modal-footer{display:flex;gap:10px;padding:14px 22px 18px;border-top:1px solid var(--panel);flex-shrink:0}#log-export-btn{flex:1;padding:12px;font-size:14px;margin-top:0;background:var(--accent);color:var(--text);border-radius:12px}#log-export-btn:hover{filter:brightness(.95)}#log-clear-btn{flex:1;padding:12px;font-size:14px;margin-top:0;background:#FFF0F0;color:var(--danger);border-radius:12px}#log-clear-btn:hover{background:#FFE0E0}