:root{--primary: #1E88E5;--primary-dark: #1565C0;--primary-light: #42A5F5;--secondary: #7C3AED;--secondary-dark: #6D28D9;--dark-gray: #1F2937;--medium-gray: #6B7280;--light-gray: #F3F4F6;--lighter-gray: #F9FAFB;--border-gray: #E5E7EB;--success: #10B981;--error: #EF4444;--warning: #F59E0B;--info: #3B82F6;--white: #FFFFFF;--black: #000000;--gradient-primary: linear-gradient(135deg, #1E88E5 0%, #7C3AED 100%);--gradient-light: linear-gradient(135deg, #E3F2FD 0%, #F3E5F5 100%);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-hide: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 500;--z-fixed: 1000;--z-modal-backdrop: 1100;--z-modal: 1200;--z-popover: 1300;--z-tooltip: 1400;--z-notification: 1500}@media(prefers-color-scheme:dark){:root{--dark-gray: #F9FAFB;--medium-gray: #D1D5DB;--light-gray: #374151;--lighter-gray: #1F2937;--border-gray: #4B5563;--white: #111827;--black: #FFFFFF}}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--dark-gray);background-color:var(--lighter-gray);margin:0;padding:0;min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--primary-dark);text-decoration:underline}a:active{color:var(--primary-dark)}ul,ol{list-style-position:inside;margin:var(--space-md) 0}li{margin:var(--space-sm) 0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:var(--space-lg) 0 var(--space-md) 0}h1{font-size:var(--font-size-4xl);color:var(--dark-gray)}h2{font-size:var(--font-size-3xl);color:var(--dark-gray)}h3{font-size:var(--font-size-2xl);color:var(--dark-gray)}h4{font-size:var(--font-size-xl);color:var(--dark-gray)}h5{font-size:var(--font-size-lg);color:var(--dark-gray)}h6{font-size:var(--font-size-base);color:var(--dark-gray)}p{margin:var(--space-md) 0;line-height:var(--line-height-relaxed)}p:last-child{margin-bottom:0}code,pre{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:var(--light-gray);color:var(--dark-gray);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}pre{padding:var(--space-md);overflow-x:auto}hr{border:none;border-top:1px solid var(--border-gray);margin:var(--space-xl) 0}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input[type=file]::file-selector-button{cursor:pointer}::selection{background-color:var(--primary);color:var(--white)}::-moz-selection{background-color:var(--primary);color:var(--white)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-gray);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--medium-gray)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-md)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--lighter-gray)}.main-content{flex:1;padding:var(--space-xl) 0;background-color:var(--lighter-gray)}.is-loading{opacity:.6;pointer-events:none}.hidden{display:none!important}.invisible{visibility:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.header{background-color:var(--white);border-bottom:1px solid var(--border-gray);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.header-content{max-width:1400px;margin:0 auto;padding:var(--space-md) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.logo{flex-shrink:0}.logo-link{display:flex;align-items:center;color:var(--dark-gray);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-decoration:none;transition:color var(--transition-base);width:180px;height:44px}.logo-link:hover{color:var(--primary)}.logo-image{width:180px;height:44px;object-fit:contain;object-position:left center}@media(max-width:479px){.logo-link,.logo-image{width:132px;height:32px}}.nav-menu{flex:1;display:flex;gap:var(--space-md);justify-content:center}.nav-item{background:none;border:none;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);color:var(--medium-gray);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;display:none}.nav-item:hover{background-color:var(--light-gray);color:var(--primary)}.nav-item.active{background-color:var(--primary);color:var(--white)}@media(min-width:768px){.nav-item{display:block}}.header-actions{display:flex;gap:var(--space-md);align-items:center}.btn-icon{background:none;border:none;padding:var(--space-sm);font-size:var(--font-size-xl);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-base);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.btn-icon:hover{background-color:var(--light-gray)}.main-content{flex:1;padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.page{display:none;animation:fadeIn var(--transition-base)}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section{margin-bottom:var(--space-2xl)}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);color:var(--dark-gray)}.section-hint{color:var(--medium-gray);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.card{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-lg)}.card-body{margin:var(--space-lg) 0}.card-footer{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-gray)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin:var(--space-2xl) 0}.info-panel{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm)}.info-card{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;border:1px solid var(--border-gray)}.info-label{font-size:var(--font-size-sm);color:var(--dark-gray);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--space-md)}.info-hint{font-size:var(--font-size-xs);color:var(--medium-gray)}.action-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.form-group{margin-bottom:var(--space-sm)}.form-group label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm);color:var(--dark-gray)}.form-control,.textarea{width:100%;padding:var(--space-md);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-base);background-color:var(--white);color:var(--dark-gray)}.form-control:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1e88e51a}.textarea{resize:vertical;font-family:inherit}.char-count{font-size:var(--font-size-xs);color:var(--medium-gray);margin-top:var(--space-sm);text-align:right}.upload-zone{border:2px dashed var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);background-color:var(--lighter-gray);position:relative;overflow:hidden;flex:1}.upload-zone:hover,.upload-zone.dragover{border-color:var(--primary);background-color:#1e88e50d}.upload-placeholder{pointer-events:none}.upload-icon{font-size:3rem;margin-bottom:var(--space-md)}.upload-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--dark-gray);margin-bottom:var(--space-sm)}.upload-hint{color:var(--medium-gray);margin:var(--space-md) 0}.upload-format{font-size:var(--font-size-xs);color:var(--medium-gray);margin-top:var(--space-md)}.upload-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:300px;background-color:var(--white);border-radius:var(--radius-lg);overflow:hidden}.upload-preview img{max-width:100%;max-height:400px;object-fit:contain}.btn-close-preview{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;background-color:var(--white);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.btn-close-preview:hover{transform:scale(1.1);background-color:var(--light-gray)}.how-to-section{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary)}.how-to-card{max-width:100%}.how-to-card h3,.how-to-card h4{color:var(--primary);margin-top:var(--space-lg);margin-bottom:var(--space-md)}.how-to-card ul{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.how-to-card li{margin-bottom:var(--space-sm);line-height:var(--line-height-relaxed)}.good-examples{background-color:#10b9810d;padding:var(--space-md);border-radius:var(--radius-md);list-style:none;margin-left:0}.good-examples li:before{content:"✅ ";color:var(--success);font-weight:var(--font-weight-bold);margin-right:var(--space-sm)}.bad-examples{background-color:#ef44440d;padding:var(--space-md);border-radius:var(--radius-md);list-style:none;margin-left:0}.bad-examples li:before{content:"❌ ";color:var(--error);font-weight:var(--font-weight-bold);margin-right:var(--space-sm)}.recent-results{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.recent-results h3{margin-top:0}.gallery-empty{grid-column:1 / -1;text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--medium-gray)}.gallery-empty p{margin:var(--space-sm) 0}.generate-wrapper{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.generate-wrapper{grid-template-columns:1fr 1fr}}.upload-section,.prompt-section{display:flex;flex-direction:column;gap:var(--space-sm)}.upload-section h2,.prompt-section h2{margin-top:0;margin-bottom:var(--space-xs)}.suggestions{background-color:var(--lighter-gray);padding:0 var(--space-md) var(--space-sm);border-radius:var(--radius-lg);margin-top:var(--space-xs)}.suggestions-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.suggestion-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}.suggestion-btn{padding:var(--space-sm) var(--space-md);background-color:var(--white);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);text-align:center}.suggestion-btn:hover{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.generate-action{grid-column:1 / -1;text-align:center;margin-top:var(--space-sm)}.action-hint{font-size:var(--font-size-sm);color:var(--medium-gray);margin-top:var(--space-sm)}.results-wrapper{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.result-item{background-color:var(--lighter-gray);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.result-title{padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-semibold);background-color:var(--light-gray);border-bottom:1px solid var(--border-gray);font-size:var(--font-size-sm)}.result-image{width:100%;height:auto;object-fit:cover;display:block}.result-image-wrapper{position:relative;background-color:var(--white);flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden}#download-btn{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;background-color:var(--white);box-shadow:var(--shadow-md)}.results-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-top:var(--space-xl)}.generation-info{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-gray);background-color:var(--lighter-gray);padding:var(--space-lg);border-radius:var(--radius-md)}.info-item{display:grid;grid-template-columns:150px 1fr;gap:var(--space-lg);margin-bottom:var(--space-md)}.info-item:last-child{margin-bottom:0}.info-item .info-label{font-weight:var(--font-weight-semibold);color:var(--medium-gray);margin:0}.info-item .info-value{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--dark-gray);word-break:break-word}.gallery-filters{display:grid;grid-template-columns:1fr 150px;gap:var(--space-md);margin-bottom:var(--space-lg)}@media(max-width:600px){.gallery-filters{grid-template-columns:1fr}}.wallet-info{background:var(--gradient-primary);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-lg);margin-bottom:var(--space-2xl);color:var(--white);text-align:center}.balance-card{background:#ffffff1a;padding:var(--space-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.balance-label{font-size:var(--font-size-sm);opacity:.9;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.5px}.balance-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.topup-section,.custom-amount,.payment-methods,.payment-history{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.topup-section h3,.custom-amount h3,.payment-methods h3,.payment-history h3{margin-top:0}.topup-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.topup-btn{padding:var(--space-md);background-color:var(--lighter-gray);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;position:relative}.topup-btn:hover,.topup-btn.active{border-color:var(--primary);background-color:#1e88e50d}.topup-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--space-sm)}.topup-gens{font-size:var(--font-size-xs);color:var(--medium-gray)}.method-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.method-btn{padding:var(--space-md);background-color:var(--lighter-gray);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center;font-weight:var(--font-weight-medium)}.method-btn:hover,.method-btn.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.history-list{display:flex;flex-direction:column;gap:var(--space-md)}.history-item{padding:var(--space-md);background-color:var(--lighter-gray);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center}.history-amount{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--primary)}.history-date{font-size:var(--font-size-sm);color:var(--medium-gray)}.history-empty{text-align:center;padding:var(--space-lg);color:var(--medium-gray)}.status-message{padding:var(--space-lg);border-radius:var(--radius-lg);margin-top:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);animation:slideIn var(--transition-base)}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.status-message.success{background-color:#10b9811a;border:1px solid var(--success);color:var(--success)}.status-message.error{background-color:#ef44441a;border:1px solid var(--error);color:var(--error)}.status-message.warning{background-color:#f59e0b1a;border:1px solid var(--warning);color:var(--warning)}.status-message.info{background-color:#3b82f61a;border:1px solid var(--info);color:var(--info)}.footer{padding:16px;border-top:1px solid var(--border-gray);background:var(--light-gray, #f8f8f8)}.footer-inner{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.footer-contacts,.footer-links{font-size:12px;color:var(--text-secondary, #888);line-height:1.5}.footer-contacts a,.footer-links a{color:var(--primary, #0088cc);text-decoration:none}.footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.footer-links a:hover,.footer-contacts a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg)}.btn-large{width:100%;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-lg);gap:var(--space-md)}.btn-primary{background:var(--gradient-primary);color:var(--white);border:none;box-shadow:0 2px 8px #1e88e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e88e566}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--light-gray);color:var(--dark-gray);border:1px solid var(--border-gray)}.btn-secondary:hover{background-color:var(--border-gray);border-color:var(--medium-gray)}.btn-secondary:active{background-color:var(--medium-gray);color:var(--white)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background-color:#1e88e51a}.btn-outline:active{background-color:var(--primary);color:var(--white)}.enhance-row{margin:0 0 4px;display:flex;gap:8px;flex-wrap:wrap}.enhance-portrait-btn{font-size:.9rem;padding:8px 16px;border-radius:20px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.enhance-portrait-btn.active{background-color:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px #1e88e540}.enhance-portrait-btn.active:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.auth-tabs{display:flex;gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-md)}.auth-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-gray);border-radius:var(--radius-md);background-color:var(--bg-tertiary, var(--light-gray));color:var(--text-primary, var(--dark-gray));padding:var(--space-sm) var(--space-md);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.auth-tab:hover{border-color:var(--primary)}.auth-tab.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.btn-danger{background-color:var(--error);color:var(--white);border:none}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:var(--success);color:var(--white);border:none}.btn-success:hover{background-color:#059669}.btn-warning{background-color:var(--warning);color:var(--white);border:none}.btn-warning:hover{background-color:#d97706}.btn:focus{outline:2px solid var(--primary);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn.loading{pointer-events:none;opacity:.8}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-icon-large{font-size:var(--font-size-2xl);line-height:1}.btn-text{flex:1}.btn-spinner{display:inline-block;animation:spin .6s linear infinite}.alert{padding:var(--space-lg);border-radius:var(--radius-lg);border-left:4px solid;display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-lg)}.alert-title{font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--space-sm)}.alert-icon{flex-shrink:0;font-size:var(--font-size-lg);line-height:1.5}.alert-content{flex:1}.alert-close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);color:inherit;opacity:.5;transition:opacity var(--transition-base);padding:0}.alert-close:hover{opacity:1}.alert-success{background-color:#10b9811a;color:#047857;border-left-color:var(--success)}.alert-error{background-color:#ef44441a;color:#991b1b;border-left-color:var(--error)}.alert-warning{background-color:#f59e0b1a;color:#92400e;border-left-color:var(--warning)}.alert-info{background-color:#3b82f61a;color:#1e40af;border-left-color:var(--info)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-primary{background-color:#1e88e51a;color:var(--primary)}.badge-secondary{background-color:#7c3aed1a;color:var(--secondary)}.badge-success{background-color:#10b9811a;color:var(--success)}.badge-error{background-color:#ef44441a;color:var(--error)}.badge-warning{background-color:#f59e0b1a;color:var(--warning)}.badge-info{background-color:#3b82f61a;color:var(--info)}.spinner{width:40px;height:40px;border:4px solid var(--border-gray);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:var(--space-lg) auto}.spinner-small{width:24px;height:24px;border-width:2px}.spinner-large{width:64px;height:64px;border-width:6px}.tooltip{position:relative;display:inline-block}.tooltip-content{visibility:hidden;background-color:var(--dark-gray);color:var(--white);text-align:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);position:absolute;z-index:var(--z-tooltip);bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--font-size-sm);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--dark-gray) transparent transparent transparent}.tooltip:hover .tooltip-content{visibility:visible;opacity:1}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);margin-top:var(--space-sm)}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;text-align:left;cursor:pointer;color:var(--dark-gray);transition:all var(--transition-base);font-size:var(--font-size-base)}.dropdown-item:hover{background-color:var(--lighter-gray);color:var(--primary)}.dropdown-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.dropdown-divider{height:1px;background-color:var(--border-gray);margin:var(--space-xs) 0}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-backdrop.show{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-modal);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;opacity:0;visibility:hidden;transition:all var(--transition-base)}#wallet-modal{max-width:700px}.modal-backdrop.show~.modal{opacity:1;visibility:visible}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--medium-gray);transition:color var(--transition-base)}.modal-close:hover{color:var(--dark-gray)}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--border-gray);display:flex;gap:var(--space-md);justify-content:flex-end}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--space-md);max-width:400px}.toast{background-color:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-md);align-items:flex-start;animation:toastIn var(--transition-base);border-left:4px solid}@keyframes toastIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.toast.remove{animation:toastOut var(--transition-base) forwards}.toast-icon{flex-shrink:0;font-size:var(--font-size-lg);line-height:1.5}.toast-content{flex:1}.toast-title{font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--space-xs)}.toast-message{font-size:var(--font-size-sm);color:var(--medium-gray)}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);color:var(--medium-gray);transition:color var(--transition-base);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-close:hover{color:var(--dark-gray)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--error)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--info)}.error-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:calc(var(--z-notification) + 10);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:errorOverlayIn .2s ease}@keyframes errorOverlayIn{0%{opacity:0}to{opacity:1}}.error-modal-overlay.remove{animation:errorOverlayOut .25s ease forwards}@keyframes errorOverlayOut{0%{opacity:1}to{opacity:0}}.error-modal{background:var(--card-bg, #1e1e2e);border-radius:var(--radius-xl, 16px);padding:var(--space-xl) var(--space-xl);max-width:420px;width:100%;text-align:center;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);animation:errorModalIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes errorModalIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.error-modal-icon{width:56px;height:56px;border-radius:50%;background:#ef444426;color:var(--error, #ef4444);font-size:26px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-modal-message{font-size:var(--font-size-base, 16px);line-height:1.6;color:#fff;font-weight:var(--font-weight-medium, 500)}.error-modal-ok{margin-top:var(--space-sm);padding:12px 48px;border-radius:var(--radius-full, 9999px);border:none;background:var(--error, #ef4444);color:#fff;font-size:var(--font-size-base, 16px);font-weight:var(--font-weight-semibold, 600);cursor:pointer;transition:opacity var(--transition-base);width:100%}.error-modal-ok:hover{opacity:.85}.progress{width:100%;height:8px;background-color:var(--border-gray);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-lg)}.progress-bar{height:100%;background:var(--gradient-primary);width:0%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.tabs{display:flex;border-bottom:2px solid var(--border-gray);gap:var(--space-lg);margin-bottom:var(--space-lg)}.tab{padding:var(--space-md) var(--space-lg);background:none;border:none;cursor:pointer;color:var(--medium-gray);font-weight:var(--font-weight-medium);transition:all var(--transition-base);border-bottom:2px solid transparent;margin-bottom:-2px}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.accordion{border:1px solid var(--border-gray);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-gray)}.accordion-item:last-child{border-bottom:none}.accordion-header{background:none;border:none;width:100%;padding:var(--space-lg);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-base);font-weight:var(--font-weight-medium)}.accordion-header:hover{background-color:var(--lighter-gray)}.accordion-toggle{display:inline-block;transition:transform var(--transition-base)}.accordion-item.open .accordion-toggle{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.accordion-item.open .accordion-content{max-height:500px}.accordion-body{padding:var(--space-lg);background-color:var(--lighter-gray)}.card-item{background-color:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer;position:relative}.card-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-item-image{width:100%;padding-bottom:100%;background-color:var(--light-gray);position:relative;overflow:hidden}.card-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.card-item-body{padding:var(--space-md)}.card-item-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.card-item-meta{font-size:var(--font-size-sm);color:var(--medium-gray)}.card-item-actions{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;gap:var(--space-sm);opacity:0;transition:opacity var(--transition-base)}.card-item:hover .card-item-actions{opacity:1}.pagination{display:flex;gap:var(--space-sm);justify-content:center;margin-top:var(--space-xl)}.pagination-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-gray);background-color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);min-width:40px;text-align:center}.pagination-btn:hover{border-color:var(--primary);color:var(--primary)}.pagination-btn.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--text-primary: #1F2937;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--border-color: #E5E7EB}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--border-color: #4B5563}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--border-color: #4B5563}}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.text-muted{color:var(--medium-gray)}.bg-primary{background-color:var(--primary);color:var(--white)}.bg-secondary{background-color:var(--secondary);color:var(--white)}.bg-success{background-color:var(--success);color:var(--white)}.bg-error{background-color:var(--error);color:var(--white)}.bg-warning{background-color:var(--warning);color:var(--white)}.bg-info{background-color:var(--info);color:var(--white)}.bg-light{background-color:var(--light-gray)}.bg-lighter{background-color:var(--lighter-gray)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-success{border-color:var(--success)}.border-error{border-color:var(--error)}.border-warning{border-color:var(--warning)}.border-info{border-color:var(--info)}.border-light{border-color:var(--border-gray)}.status-pending{color:var(--warning)}.status-success{color:var(--success)}.status-error{color:var(--error)}.status-info{color:var(--info)}.link{color:var(--primary);text-decoration:none;cursor:pointer;transition:color var(--transition-base)}.link:hover{color:var(--primary-dark);text-decoration:underline}.link:active{color:var(--primary-dark)}.link-success{color:var(--success)}.link-success:hover{color:#059669}.link-error{color:var(--error)}.link-error:hover{color:#dc2626}.link-warning{color:var(--warning)}.link-warning:hover{color:#d97706}.section-light{background-color:var(--lighter-gray);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.section-gradient{background:var(--gradient-primary);color:var(--white);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.section-gradient a{color:var(--white);text-decoration:underline}.section-gradient a:hover{opacity:.8}.divider{height:1px;background-color:var(--border-gray);margin:var(--space-xl) 0}.divider-light{background-color:#e5e7eb80}.divider-dark{background-color:var(--dark-gray)}.divider-primary{background-color:var(--primary);height:2px}.surface-primary{background-color:#e3f2fd}.surface-secondary{background-color:#f3e5f5}.surface-success{background-color:#ecfdf5}.surface-error{background-color:#fef2f2}.surface-warning{background-color:#fffbeb}.surface-info{background-color:#eff6ff}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:var(--z-fixed);border-radius:inherit}.overlay-light{background-color:#ffffff1a}.overlay-gradient{background:linear-gradient(180deg,#0000,#000000b3)}.emphasis{font-weight:var(--font-weight-bold);color:var(--primary)}.emphasis-secondary{font-weight:var(--font-weight-bold);color:var(--secondary)}.emphasis-success{font-weight:var(--font-weight-bold);color:var(--success)}.emphasis-error{font-weight:var(--font-weight-bold);color:var(--error)}.emphasis-warning{font-weight:var(--font-weight-bold);color:var(--warning)}.highlight{background-color:#fbbf24;padding:2px 6px;border-radius:4px}.highlight-blue{background-color:#1e88e533;color:var(--primary)}.highlight-green{background-color:#10b98133;color:var(--success)}.highlight-red{background-color:#ef444433;color:var(--error)}.highlight-yellow{background-color:#f59e0b33;color:var(--warning)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-spin{animation:spin 1s linear infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-fade-out{animation:fadeOut var(--transition-base)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-slide-up{animation:slideUp var(--transition-base)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-down{animation:slideDown var(--transition-base)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-left{animation:slideLeft var(--transition-base)}@keyframes slideLeft{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.animate-slide-right{animation:slideRight var(--transition-base)}@keyframes slideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.gradient-to-right{background:linear-gradient(to right,var(--primary),var(--secondary))}.gradient-to-bottom{background:linear-gradient(to bottom,var(--primary),var(--secondary))}.gradient-to-tr{background:linear-gradient(to top right,var(--primary),var(--secondary))}.gradient-to-br{background:linear-gradient(to bottom right,var(--primary),var(--secondary))}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.blur-lg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background-color:var(--light-gray);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--border-gray);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--medium-gray)}@media print{.no-print{display:none!important}body{background-color:var(--white);color:var(--dark-gray)}.btn,.btn-icon,.nav-menu{display:none!important}.page{page-break-inside:avoid}a{text-decoration:underline}}.logo-light-mobile,[data-theme=light] .logo-dark{display:none}[data-theme=light] .logo-light-mobile{display:block}@media(max-width:479px){.container{padding:var(--space-sm)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.header-content{padding:var(--space-sm);gap:var(--space-sm)}.logo-text{display:none!important}.nav-menu{display:none}.main-content{padding:var(--space-md) 0}.info-grid{grid-template-columns:1fr;gap:var(--space-md)}.action-section{grid-template-columns:1fr}.generate-wrapper{grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-md)}.results-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md)}.gallery-filters{grid-template-columns:1fr}.topup-options{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.method-buttons,.results-actions{grid-template-columns:1fr}.btn-large{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base)}.modal{width:95%;max-height:95vh}.toast-container{left:var(--space-sm);right:var(--space-sm);max-width:none}.upload-zone{padding:var(--space-lg) var(--space-md)}.info-item{grid-template-columns:100px 1fr;gap:var(--space-md)}.payment-history{font-size:var(--font-size-xs)}}@media(min-width:480px)and (max-width:639px){.container{padding:var(--space-md)}.header-content{gap:var(--space-md)}.nav-menu{display:none}.info-grid{grid-template-columns:1fr 1fr}.generate-wrapper{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.topup-options,.suggestion-buttons,.results-actions{grid-template-columns:repeat(2,1fr)}}@media(min-width:640px){.container{padding:var(--space-lg)}.header-content{gap:var(--space-lg)}.nav-menu{display:flex}.nav-item{display:inline-block}.logo-text{display:inline}.info-grid{grid-template-columns:repeat(2,1fr)}.generate-wrapper{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.topup-options,.suggestion-buttons,.results-grid,.results-actions{grid-template-columns:repeat(2,1fr)}.gallery-filters{grid-template-columns:1fr 150px}.modal{max-width:600px}}@media(min-width:768px){.container{padding:var(--space-lg);max-width:900px}.header-content{padding:var(--space-lg) var(--space-xl)}.logo-text{display:inline}.nav-item{display:block}.info-grid{grid-template-columns:repeat(3,1fr)}.generate-wrapper{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.topup-options,.suggestion-buttons,.results-grid{grid-template-columns:repeat(2,1fr)}.results-actions{grid-template-columns:repeat(3,1fr)}.modal{max-width:700px}.info-item{grid-template-columns:150px 1fr}}@media(min-width:1024px){.container{padding:var(--space-xl);max-width:1200px}.header-content{max-width:1400px;padding:var(--space-lg) var(--space-2xl)}.nav-item{display:block}.info-grid{grid-template-columns:repeat(3,1fr)}.generate-wrapper{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.topup-options,.suggestion-buttons{grid-template-columns:repeat(4,1fr)}.results-grid{grid-template-columns:repeat(2,1fr)}.results-actions{grid-template-columns:repeat(3,1fr)}.modal{max-width:800px}.info-item{grid-template-columns:150px 1fr}}@media(min-width:1440px){.container{padding:var(--space-2xl);max-width:1400px}.header-content{max-width:100%;padding:var(--space-lg) var(--space-3xl)}.generate-wrapper{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.topup-options,.suggestion-buttons{grid-template-columns:repeat(4,1fr)}.modal{max-width:900px}}@media(hover:none)and (pointer:coarse){.btn:hover{transform:none}.card:hover{box-shadow:var(--shadow-sm)}.tooltip-content{display:none}.btn{min-height:44px;min-width:44px}.btn-icon{width:48px;height:48px}input[type=checkbox],input[type=radio]{min-width:44px;min-height:44px}}@media(max-height:600px)and (orientation:landscape){.header{position:relative}.main-content{padding:var(--space-md) 0}h1,h2{margin:var(--space-md) 0 var(--space-sm) 0}.section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.action-section{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media(min-width:1024px)and (orientation:landscape){.generate-wrapper{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media(prefers-contrast:more){:root{--border-gray: #808080;--shadow-md: none;--shadow-lg: none}.btn{border:2px solid currentColor}.card{box-shadow:none;border:2px solid var(--border-gray)}}@media(prefers-reduced-transparency:reduce){::selection{background-color:var(--primary)}.modal-backdrop,.overlay{background-color:var(--dark-gray)}}@media(min-width:1200px){.text-columns{column-count:2;column-gap:var(--space-lg)}}.flex-responsive{display:flex;flex-wrap:wrap;gap:var(--space-md)}.flex-responsive>*{flex:1;min-width:250px}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--space-lg)}@supports (container-type: inline-size){.container-card{container-type:inline-size}@container (min-width: 300px){.card-compact{padding:var(--space-md)}}@container (min-width: 500px){.card-normal{padding:var(--space-lg)}}}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.aspect-portrait{aspect-ratio:3 / 4}.text-fluid{font-size:clamp(var(--font-size-sm),5vw,var(--font-size-2xl))}.text-fluid-large{font-size:clamp(var(--font-size-2xl),8vw,var(--font-size-4xl))}.p-responsive{padding:clamp(var(--space-md),5vw,var(--space-xl))}.p-responsive-lg{padding:clamp(var(--space-lg),8vw,var(--space-2xl))}.gap-responsive{gap:clamp(var(--space-md),3vw,var(--space-lg))}.w-responsive{width:min(100%,90ch);margin-left:auto;margin-right:auto}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}.show-mobile{display:none}}.hide-tablet{display:none}@media(min-width:1024px){.hide-tablet{display:block}.show-tablet{display:none}}.hide-desktop{display:none}@media(max-width:1023px){.hide-desktop{display:block}.show-desktop{display:none}}@media(max-width:767px){.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--white);border-top:1px solid var(--border-gray);display:flex;justify-content:space-around;z-index:var(--z-fixed);padding-bottom:max(env(safe-area-inset-bottom),0px)}main{padding-bottom:calc(60px + max(env(safe-area-inset-bottom),0px))}}body{padding-top:max(env(safe-area-inset-top),0px);padding-left:max(env(safe-area-inset-left),0px);padding-right:max(env(safe-area-inset-right),0px)}@supports (padding: max(var(--something))){body{padding-top:max(20px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}}.mobile-top-nav{display:none}.mobile-bottom-nav{display:none!important}@media(max-width:639px){.mobile-top-nav{display:flex;justify-content:space-around;background-color:var(--white);border-bottom:1px solid var(--border-gray);padding:var(--space-xs) 0;position:sticky;top:0;z-index:var(--z-fixed)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);color:var(--medium-gray);transition:color var(--transition-base),background-color var(--transition-base);flex:1}.mobile-nav-item:hover{color:var(--primary);background-color:var(--light-gray)}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-icon{font-size:1.25rem;line-height:1}.mobile-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.main-content{padding-bottom:calc(60px + max(env(safe-area-inset-bottom),0px))}}