.auth-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--color-overlay-background, var(--glass-background));backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:1rem}.auth-content{display:flex;flex-direction:column;gap:16px;padding:24px;min-width:260px;max-width:90vw}.auth-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.auth-title{font-size:1rem;font-weight:600;font-family:var(--font-family-base, sans-serif);color:var(--color-text-primary)}.auth-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent-light);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.auth-close:hover{background:var(--color-border);color:var(--color-text-primary)}.auth-error{padding:10px 12px;background:var(--color-error-background, rgba(239, 68, 68, .08));border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-family-base, sans-serif);color:var(--color-error, #ef4444);text-align:center}.auth-providers{display:flex;flex-direction:column;gap:6px}.auth-provider{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:999px;font-size:.8125rem;font-weight:500;font-family:var(--font-family-base, sans-serif);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-provider:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.auth-provider:disabled{opacity:.5;cursor:not-allowed}.auth-provider svg{flex-shrink:0}.auth-provider span{flex:1;text-align:left}.auth-footer{padding-top:12px;font-size:.6875rem;font-family:var(--font-family-base, sans-serif);color:var(--color-text-tertiary);text-align:center;line-height:1.5}.auth-footer a{color:var(--color-text-primary);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-footer__link{background:none;border:none;padding:0;margin:0;font:inherit;font-size:inherit;color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s ease}.auth-footer__link:hover{color:var(--color-text-primary)}.auth-footer__link:focus{outline:none;color:var(--color-accent, #6366f1)}@media(max-width:480px){.auth-content{min-width:240px;padding:20px}}.tokens-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.tokens-content{display:flex;flex-direction:column;gap:12px;padding:12px;width:420px;max-width:97.5vw;background:transparent}.tokens-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.tokens-title{display:flex;align-items:center;gap:8px;font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.tokens-title svg{color:var(--color-text-primary)}.tokens-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent-light);border:none;border-radius:50%;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.tokens-close:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.tokens-balance{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--color-text-secondary);padding-bottom:12px}.tokens-balance span:last-child{font-weight:600;color:var(--color-text-primary)}.tokens-packages{display:flex;flex-direction:column;gap:6px}.token-option{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 24px;background:transparent;border:1px solid var(--color-accent-light);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.token-option:hover{background:var(--color-accent-light)}.token-option.selected{background:var(--color-accent-light);border-color:var(--color-border-hover)}.token-option__left{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.token-option__amount{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.token-option__bonus{font-size:.75rem;font-weight:500;color:#10b981}.token-option__rate{font-size:.6875rem;color:var(--color-text-secondary)}.token-option__right{display:flex;align-items:center;gap:8px}.token-option__badge{padding:3px 8px;background:#10b9811a;border-radius:999px;font-size:.625rem;font-weight:600;color:#10b981;text-transform:uppercase;letter-spacing:.02em}.token-option__badge--popular{background:var(--color-border);color:var(--color-text-secondary)}.token-option__price{font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.token-option__check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-accent);border-radius:50%;color:var(--color-background)}.tokens-error{padding:10px 12px;background:#ef444414;border-radius:var(--radius-md);font-size:.8125rem;color:#ef4444;text-align:center}.tokens-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--color-accent);border:none;border-radius:999px;font-size:.875rem;font-weight:600;color:var(--color-background);cursor:pointer;transition:background var(--transition-fast)}.tokens-btn:hover:not(:disabled){background:var(--color-accent-hover)}.tokens-btn:disabled{opacity:.6;cursor:not-allowed}.tokens-btn--login{display:flex;align-items:center;justify-content:center;gap:8px}.tokens-btn--login svg{flex-shrink:0}.tokens-note{font-size:.75rem;color:var(--color-text-tertiary);text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: var(--breakpoint-sm)){.tokens-content{min-width:280px;padding:20px}}.projects-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.projects-overlay.active{opacity:1;visibility:visible}.projects-content{display:flex;flex-direction:column;width:100%;max-width:420px;max-height:70vh;background:transparent;opacity:0;transform:scale(.98) translateY(4px);transition:opacity var(--transition-base),transform var(--transition-base)}.projects-content.active{opacity:1;transform:scale(1) translateY(0)}.projects-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px}.projects-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.projects-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent-light);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.projects-close:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.projects-list{overflow-y:auto;padding:12px 8px 12px 0}.projects-list::-webkit-scrollbar{width:4px;padding-left:6px;margin-left:6px}.projects-list::-webkit-scrollbar-track{background:transparent}.projects-list::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}.projects-loading,.projects-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;color:var(--color-text-secondary);font-size:.8125rem}.project-item{position:relative;margin-bottom:8px;padding:8px 24px;background:transparent;border:1px solid var(--color-accent-light);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base)}.project-item:hover{background:var(--color-accent-light)}.project-item.expanded{background:var(--color-accent-light);border-color:var(--color-border-hover)}.project-item.deleting .project-main{opacity:.3;pointer-events:none}.project-main{display:flex;align-items:center;gap:12px}.project-delete-confirm{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--glass-background);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;z-index:10;padding:16px}.project-delete-confirm .delete-info{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:#f59e0b;background:#f59e0b1a;padding:6px 12px;border-radius:999px}.project-delete-confirm .delete-error{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#ef4444;background:#ef44441a;padding:8px 12px;border-radius:999px}.project-delete-confirm .delete-actions{display:flex;gap:8px}.project-delete-confirm .delete-cancel,.project-delete-confirm .delete-confirm{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:999px}.project-delete-confirm .delete-cancel{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.project-delete-confirm .delete-cancel:hover{background:var(--color-border)}.project-delete-confirm .delete-confirm{background:#ef4444;color:#fff}.project-delete-confirm .delete-confirm:hover{background:#dc2626}.project-info{flex:1;min-width:0}.project-name{display:flex;align-items:center;gap:6px;margin-bottom:4px}.project-name svg{color:var(--color-text-tertiary)}.project-name span{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-type,.project-date{display:flex;gap:2px;align-items:center;font-size:.6875rem;color:var(--color-text-secondary)}.project-status{font-size:.625rem;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em}.project-status.live{background:#10b9811a;color:#10b981}.project-status.subscribed{background:var(--gradient-accent);color:var(--color-background)}.project-actions{display:flex;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface-elevated);border:1px solid transparent;border-radius:999px;color:var(--color-text-tertiary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.action-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.action-btn--primary{background:var(--color-accent);color:var(--color-background)}.action-btn--primary:hover{background:var(--color-accent-hover)}.action-btn--danger:hover{background:#ef444414;color:#ef4444}.project-expanded{padding:12px 14px;border-top:1px solid var(--color-border);background:var(--color-surface)}.spinning{animation:spin 1s linear infinite}@media(max-width:480px){.projects-content{max-height:80vh}.action-btn{width:28px;height:28px}}.legal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);opacity:0;transition:opacity var(--transition-fast)}.legal-overlay.active{opacity:1}.legal-content{display:flex;flex-direction:column;width:800px;max-width:90vw;max-height:70vh;background:transparent;border-radius:var(--radius-lg);opacity:0;transform:scale(.98) translateY(4px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.legal-content.active{opacity:1;transform:scale(1) translateY(0)}.legal-header-section{flex-shrink:0;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 3);padding-bottom:calc(var(--spacing-unit) * 2)}.legal-header{display:flex;align-items:center;justify-content:space-between}.legal-title{display:flex;align-items:center;gap:var(--spacing-unit);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.legal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent-light);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.legal-close:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.legal-subtitle{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}.legal-meta{font-size:.75rem;color:var(--color-text-tertiary)}.legal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3)}.legal-body::-webkit-scrollbar{width:4px}.legal-body::-webkit-scrollbar-track{background:transparent}.legal-body::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}.legal-nav{display:flex;gap:6px;padding:calc(var(--spacing-unit) * 1.5) 0}.legal-nav__link{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;transition:all var(--transition-fast)}.legal-nav__link:hover{background:var(--color-surface);border-color:var(--color-border-hover);color:var(--color-text-primary)}.legal-section{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);padding-bottom:calc(var(--spacing-unit) * 2)}.legal-section:last-child{border-bottom:none;padding-bottom:0}.legal-section__header{display:flex;align-items:center;gap:var(--spacing-unit)}.legal-section__header svg{color:var(--color-text-primary)}.legal-section__title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0}.legal-section__body{font-size:.8125rem;line-height:1.6;color:var(--color-text-secondary)}.legal-section__body p{margin:0 0 var(--spacing-unit)}.legal-section__body p:last-child{margin-bottom:0}.legal-section__body a{color:var(--color-text-primary);text-decoration:none;font-weight:500}.legal-section__body a:hover{text-decoration:underline}.legal-accordion{display:flex;flex-direction:column;gap:6px}.legal-accordion__item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-elevated)}.legal-accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 1.5);background:transparent;border:none;font-size:.8125rem;font-weight:500;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.legal-accordion__trigger:hover{background:var(--color-surface)}.legal-accordion__title{flex:1}.legal-accordion__icon{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.legal-accordion__trigger[aria-expanded=true] .legal-accordion__icon{transform:rotate(45deg)}.legal-accordion__content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.legal-accordion__content[aria-hidden=false]{max-height:200px}.legal-accordion__body{padding:calc(var(--spacing-unit) * 1.5);font-size:.8125rem;line-height:1.6;color:var(--color-text-secondary);background:var(--color-surface)}.legal-email{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-text-primary);text-decoration:none;margin-top:var(--spacing-unit);transition:all var(--transition-fast)}.legal-email:hover{background:var(--color-surface);border-color:var(--color-border-hover)}.legal-notice{display:flex;align-items:flex-start;gap:var(--spacing-unit);padding:calc(var(--spacing-unit) * 1.5);background:var(--color-accent-light);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;line-height:1.5;color:var(--color-text-primary);margin-top:calc(var(--spacing-unit) * 1.5)}.legal-notice strong{font-weight:600}@media(max-width:640px){.legal-content{min-width:280px;max-height:100vh}.legal-header-section{padding:calc(var(--spacing-unit) * 2.5) 0;gap:calc(var(--spacing-unit) * .75)}.legal-body{padding:calc(var(--spacing-unit) * 1.5) 0}.legal-nav{flex-wrap:wrap}}.header-backdrop{position:fixed;inset:64px 0 0;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.header-backdrop.active{opacity:1;pointer-events:auto}.header{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--color-border)}.header__content{display:flex;align-items:center;justify-content:space-between;height:64px}@media (max-width: var(--breakpoint-sm)){.header__content{padding:0 1rem}}.header__logo{display:flex;align-items:center;text-decoration:none;color:var(--color-text-primary)}.header__logo-icon{display:flex;align-items:center;color:var(--color-surface-elevated)}.header__logo-text{font-size:1rem;margin-left:-15px;font-weight:500}.header__nav{display:flex;align-items:center;gap:.75rem}.header__tokens{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--color-border);border-radius:100px;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base)}.header__tokens:hover{background:var(--color-accent-light);border-color:var(--color-border-hover)}@media(max-width:480px){.header__tokens{padding:6px 10px}.header__tokens span{display:none}}.header__theme-toggle--mobile{display:none}@media (max-width: var(--breakpoint-md)){.header__theme-toggle--mobile{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;background:transparent;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base)}.header__theme-toggle--mobile:hover{background:var(--color-accent-light);border-color:var(--color-border-hover)}}.header__user-menu{position:relative}.header__user-button{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;background:transparent;border:1px solid var(--color-border);border-radius:100px;cursor:pointer;transition:var(--transition-base)}.header__user-button:hover{background:var(--color-accent-light);border-color:var(--color-border-hover)}.header__user-button .user-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface-elevated);color:var(--color-text-primary);border-radius:50%;font-size:.625rem;font-weight:600}.header__user-button .chevron{color:var(--color-text-tertiary);transition:transform var(--transition-base)}.header__user-button .chevron.open{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;padding:16px;background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:dropdownIn var(--transition-fast) ease;z-index:101}.dropdown__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.dropdown__header-left{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dropdown__name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown__email{font-size:.6875rem;color:var(--color-text-tertiary)}.dropdown__theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:8px;background:transparent;border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base)}.dropdown__theme-toggle:hover{background:var(--color-accent-light);border-color:var(--color-border-hover)}.dropdown__theme-toggle svg{width:16px;height:16px}.dropdown__tokens{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-secondary)}.dropdown__tokens button{padding:6px 12px;background:var(--color-surface-elevated);border:none;border-radius:999px;font-size:.6875rem;font-weight:600;color:var(--color-accent);cursor:pointer;transition:var(--transition-base)}.dropdown__tokens button:hover{background:var(--color-background)}.dropdown__items{display:flex;flex-direction:column;gap:2px;padding-top:8px}.dropdown__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:transparent;border:none;border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-base);text-align:left}.dropdown__item svg{color:var(--color-text-tertiary)}.dropdown__item:hover{background:var(--color-accent-light)}.dropdown__item--danger{color:#ef4444}.dropdown__item--danger svg{color:#ef4444}.dropdown__item--danger:hover{background:#ef44440f}.dropdown__item:disabled{opacity:.5;cursor:not-allowed}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--color-accent);color:var(--color-background);border:none;border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-base)}.btn:hover{background:var(--color-accent-hover)}.loading-indicator{display:flex;align-items:center;gap:.5rem}.spinner-small{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: var(--breakpoint-sm)){.header-backdrop{top:64px}.dropdown{position:fixed;top:72px;right:1rem;left:1rem;min-width:auto}}.footer{padding:calc(var(--spacing-unit) * 12) 0;background-color:var(--color-background);z-index:11;position:relative;overflow:visible}@media(max-width:768px){.footer{padding:calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 6)}}.footer__content{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 4)}.footer__cloud-container{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;cursor:pointer;z-index:10}.footer__icon{position:relative;color:var(--color-text-tertiary);transition:color .3s ease;z-index:11}.footer__icon:hover{color:var(--color-text-secondary)}.footer__emoji-rain{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;pointer-events:none;z-index:9;overflow:visible}.footer__emoji-drop{position:absolute;font-size:16px;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;will-change:transform,opacity}.footer__links{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 4)}@media(max-width:640px){.footer__links{gap:calc(var(--spacing-unit) * 3)}}.footer__link{color:var(--color-text-tertiary);text-decoration:none;font-size:.75rem;font-weight:300;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-primary)}.footer__link--btn{background:none;border:none;padding:0;cursor:pointer;text-decoration:none}@media(max-width:640px){.footer{padding:calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 4)}.footer__links{flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.footer__emoji-drop{font-size:20px}}.roadmap-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);opacity:0;transition:opacity var(--transition-fast)}.roadmap-overlay.active{opacity:1}.roadmap-content{display:flex;flex-direction:column;width:800px;max-width:90vw;max-height:70vh;background:transparent;border-radius:var(--radius-lg);opacity:0;transform:scale(.98) translateY(4px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.roadmap-content.active{opacity:1;transform:scale(1) translateY(0)}.roadmap-header-section{flex-shrink:0;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 3);padding-bottom:calc(var(--spacing-unit) * 2)}.roadmap-header{display:flex;align-items:center;justify-content:space-between}.roadmap-title{display:flex;align-items:center;gap:var(--spacing-unit);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.roadmap-title svg{color:var(--color-text-primary)}.roadmap-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent-light);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.roadmap-close:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.roadmap-subtitle{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}.roadmap-legend{display:flex;gap:calc(var(--spacing-unit) * 1.5);padding-bottom:calc(var(--spacing-unit) * 1.5)}.legend-item{display:flex;align-items:center;gap:6px;font-size:.6875rem;color:var(--color-text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot--completed{background:#10b981}.legend-dot--in-progress{background:#f59e0b}.legend-dot--planned{background:var(--color-text-tertiary)}.roadmap-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);padding-top:calc(var(--spacing-unit) * 2)}.roadmap-body::-webkit-scrollbar{width:4px}.roadmap-body::-webkit-scrollbar-track{background:transparent}.roadmap-body::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}.roadmap-items{display:flex;flex-direction:column;gap:6px}.roadmap-item{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 24px;background:transparent;border:1px solid var(--color-accent-light);border-radius:999px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base)}.roadmap-item:hover{background:var(--color-surface);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.roadmap-item__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.roadmap-item--completed .roadmap-item__icon{color:#10b981;background:#10b9811f}.roadmap-item--in-progress .roadmap-item__icon{color:#f59e0b;background:#f59e0b1f}.roadmap-item--planned .roadmap-item__icon{color:var(--color-text-tertiary);background:var(--color-accent-light)}.roadmap-item__content{flex:1}.roadmap-item__title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 2px}.roadmap-item__description{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.roadmap-contact{flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:calc(var(--spacing-unit) * 1.5);background:var(--color-accent-light);border:1px solid var(--color-border);border-radius:var(--radius-md)}.roadmap-contact__title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0}.roadmap-contact__text{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.roadmap-contact__link{color:var(--color-text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.roadmap-contact__link:hover{color:var(--color-accent-hover)}@media(max-width:640px){.roadmap-content{min-width:280px;max-height:100vh}.roadmap-header-section{padding:calc(var(--spacing-unit) * 2.5) 0;padding-bottom:calc(var(--spacing-unit) * 1.5);gap:var(--spacing-unit)}.roadmap-body{padding:calc(var(--spacing-unit) * 1.5) 0}.roadmap-legend{flex-wrap:wrap;gap:var(--spacing-unit)}}.support-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);opacity:0;transition:opacity var(--transition-fast)}.support-overlay.active{opacity:1}.support-content{display:flex;flex-direction:column;width:800px;max-width:90vw;max-height:70vh;background:transparent;border-radius:var(--radius-lg);opacity:0;transform:scale(.98) translateY(4px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.support-content.active{opacity:1;transform:scale(1) translateY(0)}.support-header-section{flex-shrink:0;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 3);padding-bottom:calc(var(--spacing-unit) * 2)}.support-header{display:flex;align-items:center;justify-content:space-between}.support-title{display:flex;align-items:center;gap:var(--spacing-unit);font-size:1rem;font-weight:600;color:var(--color-text-primary)}.support-title svg{color:var(--color-text-primary)}.support-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent-light);border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.support-close:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.support-subtitle{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}.support-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3)}.support-body::-webkit-scrollbar{width:4px}.support-body::-webkit-scrollbar-track{background:transparent}.support-body::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}.support-section{padding:calc(var(--spacing-unit) * 1.5) 0}.support-section:first-child{padding-top:0}.support-section:last-child{border-bottom:none}.support-section__header{display:flex;align-items:center;gap:var(--spacing-unit);margin-bottom:var(--spacing-unit)}.support-section__header svg{color:var(--color-text-primary)}.support-section__title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0}.support-steps{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.support-step{display:flex;gap:calc(var(--spacing-unit) * 1.5)}.support-step__number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface-elevated);border-radius:50%;font-size:.8125rem;font-weight:600;color:var(--color-text-primary);flex-shrink:0}.support-step__content{flex:1}.support-step__title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.support-step__description{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.support-accordion{display:flex;flex-direction:column;gap:6px}.support-accordion__item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-elevated)}.support-accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 1.5);background:transparent;border:none;font-size:.8125rem;font-weight:500;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.support-accordion__trigger:hover{background:var(--color-surface)}.support-accordion__title{flex:1}.support-accordion__icon{color:var(--color-text-secondary);transition:transform var(--transition-fast)}.support-accordion__trigger[aria-expanded=true] .support-accordion__icon{transform:rotate(45deg)}.support-accordion__content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.support-accordion__content[aria-hidden=false]{max-height:200px}.support-accordion__body{padding:calc(var(--spacing-unit) * 1.5);font-size:.8125rem;line-height:1.6;color:var(--color-text-secondary);background:var(--color-surface)}.support-contact{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-unit);padding:calc(var(--spacing-unit) * 1.5);background:var(--color-accent-light);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.support-contact__title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0}.support-contact__text{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary);margin:0}.support-contact__link{color:var(--color-text-primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.support-contact__link:hover{color:var(--color-accent-hover)}@media(max-width:640px){.support-content{min-width:280px;max-height:100vh}.support-header-section{padding:calc(var(--spacing-unit) * 2.5) 0;gap:var(--spacing-unit)}.support-body{padding:calc(var(--spacing-unit) * 1.5) 0}}:root{--color-background: #f9f9fc;--color-surface: #fff;--color-surface-elevated: #f1f1f1;--color-border: #eeeef1;--color-border-hover: #d1d1d6;--color-text-primary: #1d1d1f;--color-text-secondary: #818181;--color-text-tertiary: #9f9fa0;--color-accent: #0a0a0a;--color-accent-hover: #212121;--color-accent-light: rgba(116, 108, 109, .08);--gradient-accent: linear-gradient( 135deg, #0a0a0a 0%, #2c2c2c 50%, #1a1a1a 100% );--glass-background: rgba(255, 255, 255, .1);--glass-border: rgba(0, 0, 0, .06);--glass-blur: blur(20px) saturate(180%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .12);--shadow-sm-pressed: inset 0 1px 3px rgba(0, 0, 0, .08);--shadow-md-pressed: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg-pressed: inset 0 2px 6px rgba(0, 0, 0, .12);--shadow-xl-pressed: inset 0 3px 8px rgba(0, 0, 0, .15);--spacing-unit: 8px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=dark]{--color-background: #161616;--color-surface: #000;--color-surface-elevated: #2c2c2e;--color-border: #222223;--color-border-hover: #2a2a2b;--color-text-primary: #f5f5f7;--color-text-secondary: #a8a8aa;--color-text-tertiary: #8b8b8b;--color-accent: #f5f5f5;--color-accent-hover: #e8e8e8;--color-accent-light: rgba(139, 139, 139, .5);--gradient-accent: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);--glass-background: rgba(28, 28, 30, .1);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px) saturate(180%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .5);--shadow-sm-pressed: inset 0 1px 3px rgba(0, 0, 0, .4);--shadow-md-pressed: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg-pressed: inset 0 2px 6px rgba(0, 0, 0, .6);--shadow-xl-pressed: inset 0 3px 8px rgba(0, 0, 0, .7);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@font-face{font-family:Roboto;src:url(/assets/Roboto-WOy3sDCz.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100dvh}body{font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;transition:background-color var(--transition-base),color var(--transition-base);height:100%}h1,h2,h3,h4,h5,h6,p{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-.02em;font-size:.75rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit)) calc(var(--spacing-unit) * 2);font-size:.75rem;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-background)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md-pressed)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:none;box-shadow:var(--shadow-md)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-text-tertiary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface)}.btn-lg{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:1.125rem;border-radius:var(--radius-lg);min-height:56px}.btn-sm{padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);font-size:.875rem;border-radius:var(--radius-sm);min-height:36px}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 calc(var(--spacing-unit))}@media(max-width:768px){.container{padding:0 calc(var(--spacing-unit) * 2)}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}