*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:#4f6ef7;--accent-hover:#3a57e0;--surface:#fff;--surface-alt:#f5f7ff;--border:#e2e6f0;--text:#111827;--text-muted:#6b7280;--danger:#dc2626;--radius:12px;--shadow:0 2px 12px #00000012}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--surface-alt);min-height:100dvh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.container{flex-direction:column;gap:1.5rem;max-width:38rem;margin:0 auto;padding:clamp(1.25rem,5vw,3rem) clamp(1rem,4vw,1.5rem);display:flex}.header{text-align:center;padding-bottom:.5rem}.logo{letter-spacing:-.03em;color:var(--accent);font-size:clamp(1.75rem,7vw,2.75rem);font-weight:800}.tagline{color:var(--text-muted);margin-top:.25rem;font-size:clamp(.875rem,3vw,1rem)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1rem,4vw,1.75rem)}.section-title{color:var(--text);margin-bottom:1rem;font-size:clamp(1rem,3.5vw,1.125rem);font-weight:700}.form{flex-direction:column;gap:.875rem;display:flex}.field{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:600}.field input{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--surface);border-radius:8px;min-height:2.75rem;padding:.6rem .875rem;font-family:inherit;font-size:1rem;transition:border-color .15s}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f6ef71f}.field-row{flex-wrap:wrap;gap:.75rem;display:flex}.field-row .field{min-width:8rem}.form-error{color:var(--danger);font-size:.875rem;font-weight:500}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-self:flex-start;min-height:2.75rem;padding:.65rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .15s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.event-list{flex-direction:column;gap:0;list-style:none;display:flex}.event-item{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.875rem 0;display:flex}.event-item:last-child{border-bottom:none;padding-bottom:0}.event-item:first-child{padding-top:0}.event-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.event-title{color:var(--text);word-break:break-word;font-size:clamp(.9375rem,3vw,1rem);font-weight:600}.event-date{color:var(--text-muted);font-size:.8125rem}.btn-done{color:var(--accent);border:1.5px solid var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;min-height:2.5rem;padding:.4rem .875rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.btn-done:hover{background:var(--accent);color:#fff}.btn-done:active{transform:scale(.97)}.empty{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.9375rem}@media (max-width:400px){.field-row{flex-direction:column}}