*{box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#e4e4e7;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#818cf8;text-decoration:inherit}a:hover{color:#a5b4fc}body{margin:0;display:flex;justify-content:center;align-items:flex-start;min-width:320px;min-height:100vh;padding:2rem}h1{font-size:2.5em;line-height:1.2;font-weight:700;letter-spacing:-.02em}button{border-radius:12px;border:1px solid transparent;padding:.75em 1.5em;font-size:1em;font-weight:600;font-family:inherit;background-color:#1e1e2e;cursor:pointer;transition:all .2s ease}button:hover{border-color:#818cf8}button:focus,button:focus-visible{outline:2px solid #818cf8;outline-offset:2px}.app{width:100%;max-width:480px;margin:0 auto;padding:2.5rem;background:#1e1e2e99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px -1px #0003,0 10px 40px -10px #0006,inset 0 1px #ffffff0d}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:1.75rem;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#71717a;margin:0;font-size:.95rem}.api-key-section{margin-bottom:1.5rem}.api-key-section label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#a1a1aa}.api-key-section input{width:100%;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0000004d;color:#e4e4e7;font-size:.95rem;transition:all .2s ease}.api-key-section input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.api-key-section input::placeholder{color:#52525b}.additional-info-section{margin-bottom:1.5rem}.additional-info-input{width:100%;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0000004d;color:#e4e4e7;font-size:.95rem;font-family:inherit;resize:vertical;min-height:80px;transition:all .2s ease}.additional-info-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.additional-info-input::placeholder{color:#52525b}.upload-section{margin-bottom:1.5rem}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:2px dashed rgba(255,255,255,.15);border-radius:16px;padding:2.5rem 2rem;transition:all .25s ease;background:#0003;min-height:180px}.upload-label:hover{border-color:#818cf8;background:#818cf814;transform:translateY(-2px)}.upload-placeholder{color:#71717a;text-align:center}.upload-placeholder span{font-size:2.5rem;display:block;margin-bottom:.75rem;filter:grayscale(.3)}.upload-placeholder p{margin:0;font-size:.95rem}.image-preview{max-width:100%;max-height:280px;border-radius:12px;object-fit:contain}.analyze-btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px -3px #6366f166}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px -3px #6366f180}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.error{margin-top:1.25rem;padding:1rem 1.25rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:.9rem;text-align:center}.result{margin-top:1.5rem;padding:1.5rem;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:16px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result h2{margin:0 0 1rem;text-align:center;font-size:1.1rem;color:#a5b4fc}.event-details{margin-bottom:1.25rem;padding:1rem;background:#0003;border-radius:12px}.event-details p{margin:.5rem 0;font-size:.9rem;color:#d4d4d8}.event-details p strong{color:#e4e4e7}.calendar-links{display:flex;flex-direction:column;gap:.75rem}.calendar-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:.9rem;transition:all .25s ease}.calendar-link:hover{transform:translateY(-2px);color:#fff}.calendar-link.google{background:linear-gradient(135deg,#4285f4,#34a853);box-shadow:0 4px 15px -3px #4285f466}.calendar-link.google:hover{box-shadow:0 6px 20px -3px #4285f480}.calendar-link.outlook{background:linear-gradient(135deg,#0078d4,#00bcf2);box-shadow:0 4px 15px -3px #0078d466}.calendar-link.outlook:hover{box-shadow:0 6px 20px -3px #0078d480}.calendar-link.office365{background:linear-gradient(135deg,#d83b01,#ea4300);box-shadow:0 4px 15px -3px #d83b0166}.calendar-link.office365:hover{box-shadow:0 6px 20px -3px #d83b0180}.calendar-link.yahoo{background:linear-gradient(135deg,#6001d2,#7b1fa2);box-shadow:0 4px 15px -3px #6001d266}.calendar-link.yahoo:hover{box-shadow:0 6px 20px -3px #6001d280}.calendar-link.ics{background:linear-gradient(135deg,#52525b,#71717a);box-shadow:0 4px 15px -3px #52525b66}.calendar-link.ics:hover{box-shadow:0 6px 20px -3px #52525b80}