@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:var(--font-family-sans);font-weight:var(--font-weight-title-md);cursor:pointer;transition:all .2s ease-in-out;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-container)}.btn-secondary{background-color:transparent;color:var(--color-secondary);border:1px solid var(--color-outline-variant)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-container-low);color:var(--color-on-surface)}.btn-ghost{background-color:transparent;color:var(--color-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-container-low);color:var(--color-on-surface)}.btn-sm{padding:4px 12px;font-size:var(--font-size-label-sm);height:32px}.btn-md{padding:8px 16px;font-size:var(--font-size-body-md);height:40px}.btn-icon{padding:0;width:48px;height:48px;border-radius:var(--radius-lg)}.input-wrapper{position:relative;width:100%}.input{width:100%;height:48px;padding:0 var(--spacing-md);border-radius:var(--radius-sm);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);color:var(--color-on-surface);font-family:var(--font-family-sans);font-size:var(--font-size-body-md);outline:none;transition:all .2s ease-in-out}.input-with-icon{padding-right:48px}.input-icon-btn{position:absolute;right:0;top:0;height:100%;width:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-secondary);cursor:pointer;padding:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color .2s}.input-icon-btn:hover{color:var(--color-on-surface)}.input::placeholder{color:var(--color-secondary)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-surface-container-low)}.card{background-color:var(--color-surface-container-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 4px #0000000a,0 8px 16px #00000005;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d,0 12px 24px #00000008;border-color:var(--color-primary-fixed-dim)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:modalFadeIn .2s ease-out}.modal-content{background-color:var(--color-surface);border-radius:1.25rem;width:90%;max-width:480px;max-height:90vh;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.25rem 1.25rem .75rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-outline-variant)}.modal-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-on-surface)}.modal-close{background:none;border:none;color:var(--color-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:all .2s}.modal-close:hover{background-color:var(--color-surface-container-high);color:var(--color-on-surface)}.modal-body{padding:1.25rem;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px;width:100%}h1{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.loading{color:#666;font-size:1rem;text-align:center;padding:1rem}.error{background-color:#fee;border:1px solid #fcc;border-radius:4px;padding:1rem;color:#c33}.error p{margin:.5rem 0}.error-hint{font-size:.875rem;color:#a22;margin-top:.5rem}.success{background-color:#efe;border:1px solid #cfc;border-radius:4px;padding:1rem;color:#333}.success p{margin:.5rem 0}.success strong{color:#333}:root{--color-primary: #3525cd;--color-primary-container: #4f46e5;--color-on-primary: #ffffff;--color-secondary: #575e70;--color-on-secondary: #ffffff;--color-secondary-container: #d9dff5;--color-background: #f8f9fa;--color-on-background: #191c1d;--color-surface: #f8f9fa;--color-on-surface: #191c1d;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #f3f4f5;--color-surface-container: #edeeef;--color-surface-container-highest: #e1e3e4;--color-error: #ba1a1a;--color-on-error: #ffffff;--color-error-container: #ffdad6;--color-on-error-container: #93000a;--color-outline: #777587;--color-outline-variant: #c7c4d8;--font-family-sans: "Hanken Grotesk", sans-serif;--font-size-display: 32px;--font-weight-display: 600;--font-size-headline-lg: 24px;--font-weight-headline-lg: 600;--font-size-title-md: 18px;--font-weight-title-md: 500;--font-size-body-lg: 16px;--font-weight-body-lg: 400;--font-size-body-md: 14px;--font-weight-body-md: 400;--font-size-label-md: 12px;--font-weight-label-md: 600;--font-size-label-sm: 11px;--font-weight-label-sm: 500;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-sans);background-color:var(--color-background);color:var(--color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-headline-lg)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}