@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&family=Playfair+Display:wght@400;500;700&display=swap);.fullscreen-menu{align-items:center;animation:overlayFade .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a202c80;color:#1a202c;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.menu-card{animation:modalEnter .4s cubic-bezier(.34,1.56,.64,1);background:#fff;box-shadow:0 20px 40px #0000001f;overflow:hidden;padding:48px;position:relative;width:min(760px,94vw)}.close-button,.menu-card{border:1px solid #e2e8f0;border-radius:0}.close-button{background:#fafbfc;color:#718096;cursor:pointer;display:grid;font-size:20px;height:40px;place-items:center;position:absolute;right:24px;top:24px;transition:all .2s cubic-bezier(.4,0,.2,1);width:40px;z-index:2}.close-button:hover{background:#fee;border-color:#feb2b2;color:#f56565;transform:scale(1.05)}.menu-header{border-bottom:2px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px;position:relative;z-index:1}.menu-eyebrow{color:#a0aec0;font-size:.75rem;font-weight:600;letter-spacing:.15em;margin:0 0 12px;text-transform:uppercase}.menu-title{color:#1a202c;font-family:Playfair Display,Georgia,serif;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.menu-content{display:flex;flex-direction:column;gap:28px;position:relative;z-index:1}.user-info{background:#fafbfc;border:2px solid #e2e8f0;border-radius:0;padding:28px}.user-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.username{color:#1a202c;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 8px}.email{color:#718096;font-size:.9375rem;margin:0}.logout-button-inline{background:#f56565;border:2px solid #f56565;border-radius:0;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.logout-button-inline:hover{background:#e53e3e;border-color:#e53e3e;box-shadow:0 6px 12px #f5656540;transform:translateY(-2px)}.user-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.meta-pill{background:#fff;border:1px solid #e2e8f0;border-radius:0;color:#718096;font-size:.8125rem;font-weight:500;padding:8px 16px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-block{background:#fafbfc;border:1px solid #e2e8f0;border-radius:0;padding:24px}.field-label{color:#718096;display:block;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.field-row{align-items:center;display:flex;gap:12px}.text-input{background:#fff;border:2px solid #cbd5e0;border-radius:0;color:#1a202c;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;height:48px;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.text-input:focus{border-color:#f59e7d;box-shadow:0 0 0 4px #f59e7d1a;outline:none}.save-button{background:#f59e7d;border:2px solid #f59e7d;border-radius:0;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;height:48px;padding:0 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.save-button:hover:not(:disabled){background:#f4886b;border-color:#f4886b;box-shadow:0 6px 12px #f59e7d40;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.hint{font-size:.875rem;font-weight:500;margin-top:12px}.hint-ok{color:#48bb78}.hint-err{color:#f56565}@media (prefers-reduced-motion:reduce){.close-button,.fullscreen-menu,.logout-button-inline,.menu-card,.save-button{animation-duration:.01ms!important;transition-duration:.01ms!important}.close-button:hover,.logout-button-inline:hover,.save-button:hover{transform:none}}@media (max-width:720px){.menu-card{padding:32px 24px}.menu-header{margin-bottom:24px;padding-bottom:20px}.menu-title{font-size:1.875rem}.settings-grid{gap:16px;grid-template-columns:1fr}.user-row{align-items:flex-start;flex-direction:column}.logout-button-inline{width:100%}.settings-block,.user-info{padding:20px}}@media (max-width:480px){.menu-card{padding:24px 20px}.close-button{font-size:18px;height:36px;right:16px;top:16px;width:36px}.menu-title{font-size:1.625rem}.username{font-size:1.25rem}}.server-card{animation:cardEnter .4s cubic-bezier(.34,1.56,.64,1) backwards;background:#fff;border:1px solid #e2e8f0;border-radius:0;box-shadow:0 1px 3px #0000000a;color:#1a202c;cursor:pointer;max-width:100%;padding:28px;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.server-card:hover{border-color:#f59e7d;box-shadow:0 10px 25px #00000014;transform:translateY(-4px)}.server-card:focus-visible{outline:2px solid #f59e7d;outline-offset:3px}.server-card:active{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.server-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.server-header h3{color:#1a202c;font-family:Playfair Display,Georgia,serif;font-size:1.375rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0}.server-users{background:#fafbfc;border:1px solid #e2e8f0;border-radius:0;color:#718096;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.server-card:hover .server-users{background:#fff5f0;border-color:#f59e7d;color:#f59e7d}.server-info p{color:#718096;font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.6;margin:10px 0}.server-info strong{color:#1a202c;font-weight:600}@media (prefers-reduced-motion:reduce){.server-card{animation-duration:.01ms!important;transition-duration:.01ms!important}.server-card:hover{transform:none}}@media (max-width:640px){.server-card{padding:24px}.server-header h3{font-size:1.25rem}.server-info p{font-size:.875rem}}.flyer-overlay{align-items:center;animation:overlayFade .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a202c80;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:2000}.flyer-container{animation:modalEnter .4s cubic-bezier(.34,1.56,.64,1);background:#fff;box-shadow:0 20px 40px #0000001f;color:#1a202c;max-height:90vh;max-width:100%;overflow-y:auto;padding:40px;position:relative;width:min(520px,100%)}.close-btn,.flyer-container{border:1px solid #e2e8f0;border-radius:0}.close-btn{align-items:center;background:#fafbfc;color:#718096;cursor:pointer;display:flex;font-size:1.125rem;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.close-btn:hover{background:#fee;border-color:#feb2b2;color:#f56565;transform:scale(1.08)}.close-btn:active{transform:scale(1)}.flyer-container h2{color:#1a202c;font-family:Playfair Display,Georgia,serif;font-size:1.75rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 48px 20px 0}.flyer-description{color:#718096;font-family:Inter,sans-serif;font-size:1rem;line-height:1.7;margin:20px 0}.flyer-info{background:#fafbfc;border:1px solid #e2e8f0;border-radius:0;margin:28px 0;padding:20px}.flyer-info p{color:#718096;font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.6;margin:10px 0}.flyer-info strong{color:#1a202c;font-weight:600}.flyer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.bookmark-btn,.delete-btn,.join-btn{border:2px solid;border-radius:0;box-shadow:0 1px 3px #0000000a;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;min-width:130px;padding:14px 28px;transition:all .2s cubic-bezier(.4,0,.2,1)}.bookmark-btn{background:#fff;border-color:#cbd5e0;color:#718096}.bookmark-btn:hover{background:#fafbfc;border-color:#f59e7d;box-shadow:0 4px 6px #0000000d;color:#f59e7d;transform:translateY(-2px)}.bookmark-btn:active{transform:translateY(0)}.join-btn{background:#f59e7d;border-color:#f59e7d;color:#fff}.join-btn:hover:not(:disabled){background:#f4886b;border-color:#f4886b;box-shadow:0 6px 12px #f59e7d40;transform:translateY(-2px)}.join-btn:active:not(:disabled){transform:translateY(0)}.delete-btn{background:#f56565;border-color:#f56565;color:#fff}.delete-btn:hover:not(:disabled){background:#e53e3e;border-color:#e53e3e;box-shadow:0 6px 12px #f5656540;transform:translateY(-2px)}.delete-btn:active:not(:disabled){transform:translateY(0)}.bookmark-btn:disabled,.delete-btn:disabled,.join-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (prefers-reduced-motion:reduce){.bookmark-btn,.close-btn,.delete-btn,.flyer-container,.flyer-overlay,.join-btn{animation-duration:.01ms!important;transition-duration:.01ms!important}.bookmark-btn:hover,.close-btn:hover,.delete-btn:hover,.join-btn:hover{transform:none}}@media (max-width:600px){.flyer-container{padding:32px 28px}.close-btn{font-size:1rem;height:32px;right:16px;top:16px;width:32px}.flyer-container h2{font-size:1.5rem;margin-right:44px}.flyer-description{font-size:.9375rem}.flyer-info{padding:16px}.flyer-info p{font-size:.875rem}.flyer-actions{flex-direction:column;gap:12px}.bookmark-btn,.delete-btn,.join-btn{min-width:0;min-width:auto;width:100%}}@media (max-width:400px){.flyer-container{padding:28px 24px}.flyer-container h2{font-size:1.375rem}}:root{--color-bg-primary:#fff;--color-bg-subtle:#fafbfc;--color-text-primary:#1a202c;--color-text-secondary:#718096;--color-text-muted:#a0aec0;--color-accent-primary:#f59e7d;--color-accent-hover:#f4886b;--color-border-light:#e2e8f0;--color-border-medium:#cbd5e0;--color-success:#48bb78;--color-danger:#f56565;--color-info:#4299e1;--shadow-subtle:0 1px 3px #0000000a;--shadow-medium:0 4px 6px #0000000d;--shadow-large:0 10px 25px #00000014}.servers-page{background:#fff;background:var(--color-bg-primary);color:#1a202c;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:0}.page-header{background:linear-gradient(180deg,#fafbfc,#fff);background:linear-gradient(180deg,var(--color-bg-subtle) 0,var(--color-bg-primary) 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-light);padding:80px 32px 60px;position:relative;text-align:center}.hero-title{color:#1a202c;color:var(--color-text-primary);font-family:Playfair Display,Georgia,serif;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 48px}.header-actions{align-items:center;display:flex;gap:16px;position:absolute;right:32px;top:32px}.api-test-button{background:#fff;background:var(--color-bg-primary);border:2px solid #f59e7d;border:2px solid var(--color-accent-primary);border-radius:0;box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-subtle);color:#f59e7d;color:var(--color-accent-primary);cursor:pointer;font-size:28px;font-weight:300;height:48px;line-height:1;transition:all .25s cubic-bezier(.4,0,.2,1);width:48px}.api-test-button:hover:not(:disabled){background:#f59e7d;background:var(--color-accent-primary);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-medium);color:#fff;color:var(--color-bg-primary);transform:scale(1.05)}.api-test-button:active:not(:disabled){transform:scale(.98)}.api-test-button:disabled{cursor:not-allowed;opacity:.5}.burger-button{background:#fff;background:var(--color-bg-primary);border:2px solid #cbd5e0;border:2px solid var(--color-border-medium);border-radius:0;box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-subtle);color:#1a202c;color:var(--color-text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:600;padding:12px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.burger-button:hover{border-color:#f59e7d;border-color:var(--color-accent-primary);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-medium);color:#f59e7d;color:var(--color-accent-primary)}.api-status{align-items:center;animation:slideDown .3s cubic-bezier(.4,0,.2,1);background:#fafbfc;background:var(--color-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:0;color:#718096;color:var(--color-text-secondary);display:flex;font-size:.9375rem;font-weight:500;gap:12px;justify-content:center;margin:24px auto;max-width:600px;padding:16px 24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.api-status.loading{animation:slideDown .3s cubic-bezier(.4,0,.2,1),shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fafbfc,#f0f4f8 50%,#fafbfc);background:linear-gradient(90deg,var(--color-bg-subtle) 0,#f0f4f8 50%,var(--color-bg-subtle) 100%);background-size:200% 100%;border-color:#4299e1;border-color:var(--color-info);color:#4299e1;color:var(--color-info)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{animation:spin .8s linear infinite;border:2.5px solid #e2e8f0;border-top-color:#4299e1;border:2.5px solid var(--color-border-light);border-radius:50%;border-top-color:var(--color-info);height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.premium-locked{background:#fafbfc;background:var(--color-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:0;color:#a0aec0;color:var(--color-text-muted);font-size:.875rem;padding:12px 16px}.create-overlay{align-items:center;animation:overlayFade .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a202c80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.create-modal{animation:modalEnter .35s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--color-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:0;box-shadow:0 10px 25px #00000014;box-shadow:var(--shadow-large);max-height:90vh;overflow-y:auto;padding:40px;width:min(540px,100%)}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-modal h3{color:#1a202c;color:var(--color-text-primary);font-family:Playfair Display,Georgia,serif;font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0 0 28px}.create-form{grid-gap:24px;display:grid;gap:24px;margin-top:20px}.create-form label{grid-gap:8px;color:#1a202c;color:var(--color-text-primary);display:grid;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;gap:8px}.create-form input[type=date],.create-form input[type=text],.create-form textarea{background:#fff;background:var(--color-bg-primary);border:2px solid #cbd5e0;border:2px solid var(--color-border-medium);border-radius:0;color:#1a202c;color:var(--color-text-primary);font-family:Inter,sans-serif;font-size:1rem;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.create-form input[type=date]:focus,.create-form input[type=text]:focus,.create-form textarea:focus{border-color:#f59e7d;border-color:var(--color-accent-primary);box-shadow:0 0 0 4px #f59e7d1a;outline:none}.create-form textarea{min-height:90px;resize:vertical}.checkbox-row{align-items:center;background:#fafbfc;background:var(--color-bg-subtle);border:1px solid #e2e8f0;border:1px solid var(--color-border-light);border-radius:0;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .2s}.checkbox-row:hover{background:#f7fafc}.checkbox-row input[type=checkbox]{accent-color:#f59e7d;accent-color:var(--color-accent-primary);cursor:pointer;height:20px;width:20px}.create-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.create-actions button{background:#f59e7d;background:var(--color-accent-primary);border:2px solid #f59e7d;border:2px solid var(--color-accent-primary);border-radius:0;box-shadow:0 1px 3px #0000000a;box-shadow:var(--shadow-subtle);color:#fff;color:var(--color-bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .2s cubic-bezier(.4,0,.2,1)}.create-actions button:hover:not(:disabled){background:#f4886b;background:var(--color-accent-hover);border-color:#f4886b;border-color:var(--color-accent-hover);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-medium);transform:translateY(-1px)}.create-actions button:active:not(:disabled){transform:translateY(0)}.create-actions .secondary{background:#fff;background:var(--color-bg-primary);border-color:#cbd5e0;border-color:var(--color-border-medium);color:#1a202c;color:var(--color-text-primary)}.create-actions .secondary:hover:not(:disabled){background:#fafbfc;background:var(--color-bg-subtle);border-color:#f59e7d;border-color:var(--color-accent-primary);color:#f59e7d;color:var(--color-accent-primary)}.create-actions button:disabled{cursor:not-allowed;opacity:.5}.servers-list{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px;padding:48px 32px 80px}.empty-state{background:#fafbfc;background:var(--color-bg-subtle);border:2px dashed #e2e8f0;border:2px dashed var(--color-border-light);border-radius:0;color:#a0aec0;color:var(--color-text-muted);font-family:Inter,sans-serif;font-size:1.125rem;font-weight:400;grid-column:1/-1;padding:80px 24px;text-align:center}@media (prefers-reduced-motion:reduce){.api-status,.api-test-button,.burger-button,.create-actions button,.create-modal,.spinner{animation-duration:.01ms!important;transition-duration:.01ms!important}.api-test-button:hover,.burger-button:hover,.create-actions button:hover{transform:none}}@media (max-width:1024px){.servers-list{gap:28px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:40px 24px 64px}}@media (max-width:768px){.page-header{padding:60px 24px 48px}.hero-title{font-size:2.5rem;margin-bottom:40px}.header-actions{right:24px;top:24px}.servers-list{gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:32px 20px 56px}.create-modal{padding:32px 28px}.create-modal h3{font-size:1.5rem}}@media (max-width:640px){.page-header{padding:48px 20px 40px}.hero-title{font-size:2rem;margin-bottom:36px}.header-actions{gap:12px;right:20px;top:20px}.api-test-button{font-size:24px;height:44px;width:44px}.burger-button{font-size:.875rem;padding:10px 20px}.servers-list{gap:20px;grid-template-columns:1fr;padding:28px 16px 48px}.create-modal{padding:28px 24px}.create-modal h3{font-size:1.375rem}.create-actions{flex-direction:column-reverse}.create-actions button{width:100%}.api-status{font-size:.875rem;margin:20px 16px}}@media (max-width:380px){.hero-title{font-size:1.75rem}.header-actions{flex-direction:column;gap:8px}}.photo-check{align-items:center;background:radial-gradient(circle at top,#141414,#0a0a0a);color:#f8f8f8;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:20px;text-align:center}.photo-check h1{color:#3ee6b6;font-size:2rem;letter-spacing:.5px;margin-bottom:1rem}.camera-container,.preview{align-items:center;display:flex;flex-direction:column;gap:10px}img,video{background:#000;border:3px solid #3ee6b6;border-radius:10px;height:320px;object-fit:cover;width:320px}button{border:none;border-radius:8px;cursor:pointer;font-weight:600;margin:6px;padding:10px 20px;transition:all .25s}button:hover{transform:scale(1.03)}.start{background:#222;color:#fff}.capture{background:#3ee6b6;color:#000}.retake{background:#444;color:#fff}.analyze{background:#3ee6b6;color:#000}.status{color:#ccc;font-size:1rem;margin-top:20px}.continue{background-color:#f36;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:20px;padding:12px 30px;transition:transform .2s ease,background .3s ease}.continue:hover{background-color:#eb0731;transform:scale(1.05)}
/*# sourceMappingURL=main.e7fd6bb9.css.map*/