:root{--bg: #f4f4f5;--card: #ffffff;--text: #24272e;--muted: #8c9199;--primary: #246bff;--primary-soft: #5b8ff9;--danger: #d4380d;--success: #389e0d;--border: #eceef2;--field-bg: #f8f9fb;--page-gap: 12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,select{font:inherit}.page{width:100%;max-width:750px;min-height:100vh;min-height:100dvh;margin:0 auto;padding:8px var(--page-gap);padding-bottom:calc(118px + env(safe-area-inset-bottom))}.page--invalid-date{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0}.event-card,.contact-section,.signature-section{width:100%;background:var(--card);border-radius:14px}.event-card{min-height:260px;padding:28px 22px 26px}.page--invalid-date .event-card{flex:1;min-height:0}#title{margin:0;color:var(--text);font-size:20px;font-weight:700;line-height:1.32;letter-spacing:0}.desc{margin-top:28px;padding:20px 22px;border-radius:4px;background:var(--field-bg);color:#747b86;font-size:16px;line-height:1.5}.desc:empty{display:none}.event-info-list{display:grid;gap:12px}.event-info-summary{display:block;align-items:center;gap:18px}.page--signed .event-info-summary{display:grid;grid-template-columns:minmax(0,1fr) clamp(112px,25vw,174px)}.event-info-row{display:grid;grid-template-columns:18px minmax(0,max-content) minmax(0,1fr);align-items:start;-moz-column-gap:8px;column-gap:8px;min-width:0}.event-info-icon{width:18px;height:18px;color:var(--primary-soft);margin-top:3px}.event-info-icon svg{display:block;width:100%;height:100%}.event-info-label{color:#6b7280;font-weight:600;white-space:nowrap}.event-info-value{min-width:0;color:#68707c;font-weight:600;overflow-wrap:anywhere}.signed-stamp{display:none;width:100%;max-height:174px;-o-object-fit:contain;object-fit:contain}.page--signed .signed-stamp{display:block}.status{min-height:22px;margin:12px 10px 0;color:var(--muted);font-size:14px;line-height:1.5;text-align:center}.status.error{color:var(--danger)}.status.success{color:var(--success)}.loading{margin-top:78px;display:inline-flex;width:100%;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:14px}.loading[hidden]{display:none}.loading-spinner{width:18px;height:18px;border:2px solid rgba(36,107,255,.16);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{margin-top:24px;padding:18px 12px;text-align:center}.empty-state[hidden]{display:none}.empty-state img{display:block;width:160px;max-width:100%;margin:0 auto 14px}.empty-text{color:var(--muted);font-size:14px;line-height:1.7}.contact-section{margin-top:14px;padding:16px 22px}.contact-section[hidden]{display:none}.mobile-section,.email-section{display:grid;grid-template-columns:minmax(72px,max-content) minmax(0,1fr);align-items:center;-moz-column-gap:18px;column-gap:18px;min-height:66px}.mobile-section{border-bottom:1px solid var(--border)}.field-label{color:var(--text);font-size:17px;font-weight:700;line-height:1.2;white-space:nowrap}.phone-input-group{display:flex;align-items:center;min-width:0;height:50px;background:transparent}.mobile-area-code{flex:none;width:58px;height:100%;padding:0;border:none;background:transparent;color:var(--text);font-size:16px;font-weight:700;line-height:1;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.contact-preview-value{display:none;min-width:0;color:var(--text);font-size:16px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.page--signed .field-label{color:var(--muted);font-weight:600}.page--signed .mobile-area-code,.page--signed .mobile-input,.page--signed .email-input{display:none}.page--signed .contact-preview-value{display:block}.phone-input-divider{display:none}.mobile-input,.email-input{width:100%;min-width:0;height:50px;padding:0;border:none;border-radius:0;background:transparent;color:var(--text);font-size:16px;outline:none}.mobile-input::-moz-placeholder,.email-input::-moz-placeholder{color:#a8adb5}.mobile-input::placeholder,.email-input::placeholder{color:#a8adb5}.signature-section{position:relative;margin-top:14px;padding:28px 22px 85px}.signature-section[hidden]{display:none}.signature-title{margin-bottom:22px;color:var(--text);font-size:17px;font-weight:700;line-height:1.2}.signature-canvas{display:block;width:100%;height:177px;border:none;border-radius:8px;background:var(--field-bg);touch-action:none;cursor:crosshair}.signature-canvas[hidden]{display:none}.signature-preview-image{display:block;width:100%;height:177px;border-radius:8px;background:var(--field-bg);-o-object-fit:contain;object-fit:contain}.signature-preview-image[hidden]{display:none}.page--signed .signature-section{padding-bottom:28px}.page--signed .signature-canvas{cursor:default}.signature-actions{position:absolute;right:22px;bottom:28px;display:flex;justify-content:flex-end}.signature-clear-btn{display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:40px;padding:0 18px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;color:#606773;font-size:15px;font-weight:700;line-height:1;box-shadow:0 1px 2px #0f172a0a}.signature-clear-btn:before{width:16px;height:16px;margin-right:6px;content:"";background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20h16v-7h-2v5H6v-5H4v7Zm4.5-8.5h2.75V6.85l-1.45 1.45-1.4-1.4L12.25 3l3.85 3.9-1.4 1.4-1.45-1.45v4.65H16L12.25 16 8.5 11.5Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 20h16v-7h-2v5H6v-5H4v7Zm4.5-8.5h2.75V6.85l-1.45 1.45-1.4-1.4L12.25 3l3.85 3.9-1.4 1.4-1.45-1.45v4.65H16L12.25 16 8.5 11.5Z'/%3E%3C/svg%3E") center / contain no-repeat}.signature-clear-btn[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}.footer{position:fixed;left:50%;bottom:0;width:100%;max-width:750px;padding:18px var(--page-gap) calc(39px + env(safe-area-inset-bottom));background:var(--bg);transform:translate(-50%)}.signin-btn{display:block;width:100%;height:53px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-size:17px;font-weight:700;line-height:1;cursor:pointer;box-shadow:none}.signin-btn:disabled{opacity:.64;cursor:not-allowed}@media(max-width:360px){.event-card,.contact-section,.signature-section{border-radius:12px;padding-inline:18px}#title{font-size:18px}.desc{padding-inline:18px;font-size:15px}.event-info-row{grid-template-columns:18px minmax(0,max-content) minmax(0,1fr);-moz-column-gap:7px;column-gap:7px}.event-info-summary{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.mobile-section,.email-section{-moz-column-gap:12px;column-gap:12px}.field-label{font-size:16px}.signature-canvas{height:168px}}