@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;margin:0;padding:0}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #8b5cf6;--color-secondary-hover: #7c3aed;--color-background: #ffffff;--color-background-secondary: #f9fafb;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--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;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--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);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@media(prefers-color-scheme:dark){:root{--color-background: #111827;--color-background-secondary: #1f2937;--color-surface: #1f2937;--color-border: #374151;--color-text: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af}}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width:768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{inset:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px #00000014}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px #00000014}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px #0000002e}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media(prefers-reduced-motion:reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media(min-width:576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media(min-width:768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media(min-width:992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media(min-width:1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media(min-width:576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media(min-width:768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media(min-width:992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media(min-width:1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media(min-width:576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media(min-width:768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media(min-width:992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media(min-width:1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-content-start{align-content:flex-start!important}.ion-align-content-end{align-content:flex-end!important}.ion-align-content-center{align-content:center!important}.ion-align-content-between{align-content:space-between!important}.ion-align-content-around{align-content:space-around!important}.ion-align-content-stretch{align-content:stretch!important}@media(min-width:576px){.ion-align-content-sm-start{align-content:flex-start!important}.ion-align-content-sm-end{align-content:flex-end!important}.ion-align-content-sm-center{align-content:center!important}.ion-align-content-sm-between{align-content:space-between!important}.ion-align-content-sm-around{align-content:space-around!important}.ion-align-content-sm-stretch{align-content:stretch!important}}@media(min-width:768px){.ion-align-content-md-start{align-content:flex-start!important}.ion-align-content-md-end{align-content:flex-end!important}.ion-align-content-md-center{align-content:center!important}.ion-align-content-md-between{align-content:space-between!important}.ion-align-content-md-around{align-content:space-around!important}.ion-align-content-md-stretch{align-content:stretch!important}}@media(min-width:992px){.ion-align-content-lg-start{align-content:flex-start!important}.ion-align-content-lg-end{align-content:flex-end!important}.ion-align-content-lg-center{align-content:center!important}.ion-align-content-lg-between{align-content:space-between!important}.ion-align-content-lg-around{align-content:space-around!important}.ion-align-content-lg-stretch{align-content:stretch!important}}@media(min-width:1200px){.ion-align-content-xl-start{align-content:flex-start!important}.ion-align-content-xl-end{align-content:flex-end!important}.ion-align-content-xl-center{align-content:center!important}.ion-align-content-xl-between{align-content:space-between!important}.ion-align-content-xl-around{align-content:space-around!important}.ion-align-content-xl-stretch{align-content:stretch!important}}.ion-align-items-start{align-items:start!important}.ion-align-items-end{align-items:end!important}.ion-align-items-center{align-items:center!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}@media(min-width:576px){.ion-align-items-sm-start{align-items:start!important}.ion-align-items-sm-end{align-items:end!important}.ion-align-items-sm-center{align-items:center!important}.ion-align-items-sm-stretch{align-items:stretch!important}.ion-align-items-sm-baseline{align-items:baseline!important}}@media(min-width:768px){.ion-align-items-md-start{align-items:start!important}.ion-align-items-md-end{align-items:end!important}.ion-align-items-md-center{align-items:center!important}.ion-align-items-md-stretch{align-items:stretch!important}.ion-align-items-md-baseline{align-items:baseline!important}}@media(min-width:992px){.ion-align-items-lg-start{align-items:start!important}.ion-align-items-lg-end{align-items:end!important}.ion-align-items-lg-center{align-items:center!important}.ion-align-items-lg-stretch{align-items:stretch!important}.ion-align-items-lg-baseline{align-items:baseline!important}}@media(min-width:1200px){.ion-align-items-xl-start{align-items:start!important}.ion-align-items-xl-end{align-items:end!important}.ion-align-items-xl-center{align-items:center!important}.ion-align-items-xl-stretch{align-items:stretch!important}.ion-align-items-xl-baseline{align-items:baseline!important}}.ion-align-self-start{align-self:start!important}.ion-align-self-end{align-self:end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}@media(min-width:576px){.ion-align-self-sm-start{align-self:start!important}.ion-align-self-sm-end{align-self:end!important}.ion-align-self-sm-center{align-self:center!important}.ion-align-self-sm-stretch{align-self:stretch!important}.ion-align-self-sm-baseline{align-self:baseline!important}.ion-align-self-sm-auto{align-self:auto!important}}@media(min-width:768px){.ion-align-self-md-start{align-self:start!important}.ion-align-self-md-end{align-self:end!important}.ion-align-self-md-center{align-self:center!important}.ion-align-self-md-stretch{align-self:stretch!important}.ion-align-self-md-baseline{align-self:baseline!important}.ion-align-self-md-auto{align-self:auto!important}}@media(min-width:992px){.ion-align-self-lg-start{align-self:start!important}.ion-align-self-lg-end{align-self:end!important}.ion-align-self-lg-center{align-self:center!important}.ion-align-self-lg-stretch{align-self:stretch!important}.ion-align-self-lg-baseline{align-self:baseline!important}.ion-align-self-lg-auto{align-self:auto!important}}@media(min-width:1200px){.ion-align-self-xl-start{align-self:start!important}.ion-align-self-xl-end{align-self:end!important}.ion-align-self-xl-center{align-self:center!important}.ion-align-self-xl-stretch{align-self:stretch!important}.ion-align-self-xl-baseline{align-self:baseline!important}.ion-align-self-xl-auto{align-self:auto!important}}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-evenly{justify-content:space-evenly!important}@media(min-width:576px){.ion-justify-content-sm-start{justify-content:flex-start!important}.ion-justify-content-sm-end{justify-content:flex-end!important}.ion-justify-content-sm-center{justify-content:center!important}.ion-justify-content-sm-between{justify-content:space-between!important}.ion-justify-content-sm-around{justify-content:space-around!important}.ion-justify-content-sm-evenly{justify-content:space-evenly!important}}@media(min-width:768px){.ion-justify-content-md-start{justify-content:flex-start!important}.ion-justify-content-md-end{justify-content:flex-end!important}.ion-justify-content-md-center{justify-content:center!important}.ion-justify-content-md-between{justify-content:space-between!important}.ion-justify-content-md-around{justify-content:space-around!important}.ion-justify-content-md-evenly{justify-content:space-evenly!important}}@media(min-width:992px){.ion-justify-content-lg-start{justify-content:flex-start!important}.ion-justify-content-lg-end{justify-content:flex-end!important}.ion-justify-content-lg-center{justify-content:center!important}.ion-justify-content-lg-between{justify-content:space-between!important}.ion-justify-content-lg-around{justify-content:space-around!important}.ion-justify-content-lg-evenly{justify-content:space-evenly!important}}@media(min-width:1200px){.ion-justify-content-xl-start{justify-content:flex-start!important}.ion-justify-content-xl-end{justify-content:flex-end!important}.ion-justify-content-xl-center{justify-content:center!important}.ion-justify-content-xl-between{justify-content:space-between!important}.ion-justify-content-xl-around{justify-content:space-around!important}.ion-justify-content-xl-evenly{justify-content:space-evenly!important}}.ion-flex-row{flex-direction:row!important}.ion-flex-row-reverse{flex-direction:row-reverse!important}.ion-flex-column{flex-direction:column!important}.ion-flex-column-reverse{flex-direction:column-reverse!important}@media(min-width:576px){.ion-flex-sm-row{flex-direction:row!important}.ion-flex-sm-row-reverse{flex-direction:row-reverse!important}.ion-flex-sm-column{flex-direction:column!important}.ion-flex-sm-column-reverse{flex-direction:column-reverse!important}}@media(min-width:768px){.ion-flex-md-row{flex-direction:row!important}.ion-flex-md-row-reverse{flex-direction:row-reverse!important}.ion-flex-md-column{flex-direction:column!important}.ion-flex-md-column-reverse{flex-direction:column-reverse!important}}@media(min-width:992px){.ion-flex-lg-row{flex-direction:row!important}.ion-flex-lg-row-reverse{flex-direction:row-reverse!important}.ion-flex-lg-column{flex-direction:column!important}.ion-flex-lg-column-reverse{flex-direction:column-reverse!important}}@media(min-width:1200px){.ion-flex-xl-row{flex-direction:row!important}.ion-flex-xl-row-reverse{flex-direction:row-reverse!important}.ion-flex-xl-column{flex-direction:column!important}.ion-flex-xl-column-reverse{flex-direction:column-reverse!important}}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-flex-wrap{flex-wrap:wrap!important}.ion-flex-nowrap{flex-wrap:nowrap!important}.ion-flex-wrap-reverse{flex-wrap:wrap-reverse!important}@media(min-width:576px){.ion-flex-sm-wrap{flex-wrap:wrap!important}.ion-flex-sm-nowrap{flex-wrap:nowrap!important}.ion-flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}}@media(min-width:768px){.ion-flex-md-wrap{flex-wrap:wrap!important}.ion-flex-md-nowrap{flex-wrap:nowrap!important}.ion-flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}}@media(min-width:992px){.ion-flex-lg-wrap{flex-wrap:wrap!important}.ion-flex-lg-nowrap{flex-wrap:nowrap!important}.ion-flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}}@media(min-width:1200px){.ion-flex-xl-wrap{flex-wrap:wrap!important}.ion-flex-xl-nowrap{flex-wrap:nowrap!important}.ion-flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}}.ion-flex-1{flex:1!important}.ion-flex-auto{flex:auto!important}.ion-flex-initial{flex:initial!important}.ion-flex-none{flex:none!important}@media(min-width:576px){.ion-flex-sm-1{flex:1!important}.ion-flex-sm-auto{flex:auto!important}.ion-flex-sm-initial{flex:initial!important}.ion-flex-sm-none{flex:none!important}}@media(min-width:768px){.ion-flex-md-1{flex:1!important}.ion-flex-md-auto{flex:auto!important}.ion-flex-md-initial{flex:initial!important}.ion-flex-md-none{flex:none!important}}@media(min-width:992px){.ion-flex-lg-1{flex:1!important}.ion-flex-lg-auto{flex:auto!important}.ion-flex-lg-initial{flex:initial!important}.ion-flex-lg-none{flex:none!important}}@media(min-width:1200px){.ion-flex-xl-1{flex:1!important}.ion-flex-xl-auto{flex:auto!important}.ion-flex-xl-initial{flex:initial!important}.ion-flex-xl-none{flex:none!important}}.ion-flex-grow-0{flex-grow:0!important}.ion-flex-grow-1{flex-grow:1!important}.ion-flex-shrink-0{flex-shrink:0!important}.ion-flex-shrink-1{flex-shrink:1!important}@media(min-width:576px){.ion-flex-sm-grow-0{flex-grow:0!important}.ion-flex-sm-grow-1{flex-grow:1!important}.ion-flex-sm-shrink-0{flex-shrink:0!important}.ion-flex-sm-shrink-1{flex-shrink:1!important}}@media(min-width:768px){.ion-flex-md-grow-0{flex-grow:0!important}.ion-flex-md-grow-1{flex-grow:1!important}.ion-flex-md-shrink-0{flex-shrink:0!important}.ion-flex-md-shrink-1{flex-shrink:1!important}}@media(min-width:992px){.ion-flex-lg-grow-0{flex-grow:0!important}.ion-flex-lg-grow-1{flex-grow:1!important}.ion-flex-lg-shrink-0{flex-shrink:0!important}.ion-flex-lg-shrink-1{flex-shrink:1!important}}@media(min-width:1200px){.ion-flex-xl-grow-0{flex-grow:0!important}.ion-flex-xl-grow-1{flex-grow:1!important}.ion-flex-xl-shrink-0{flex-shrink:0!important}.ion-flex-xl-shrink-1{flex-shrink:1!important}}.ion-order-first{order:-1!important}.ion-order-0{order:0!important}.ion-order-1{order:1!important}.ion-order-2{order:2!important}.ion-order-3{order:3!important}.ion-order-4{order:4!important}.ion-order-5{order:5!important}.ion-order-6{order:6!important}.ion-order-7{order:7!important}.ion-order-8{order:8!important}.ion-order-9{order:9!important}.ion-order-10{order:10!important}.ion-order-11{order:11!important}.ion-order-12{order:12!important}.ion-order-last{order:13!important}@media(min-width:576px){.ion-order-sm-first{order:-1!important}.ion-order-sm-0{order:0!important}.ion-order-sm-1{order:1!important}.ion-order-sm-2{order:2!important}.ion-order-sm-3{order:3!important}.ion-order-sm-4{order:4!important}.ion-order-sm-5{order:5!important}.ion-order-sm-6{order:6!important}.ion-order-sm-7{order:7!important}.ion-order-sm-8{order:8!important}.ion-order-sm-9{order:9!important}.ion-order-sm-10{order:10!important}.ion-order-sm-11{order:11!important}.ion-order-sm-12{order:12!important}.ion-order-sm-last{order:13!important}}@media(min-width:768px){.ion-order-md-first{order:-1!important}.ion-order-md-0{order:0!important}.ion-order-md-1{order:1!important}.ion-order-md-2{order:2!important}.ion-order-md-3{order:3!important}.ion-order-md-4{order:4!important}.ion-order-md-5{order:5!important}.ion-order-md-6{order:6!important}.ion-order-md-7{order:7!important}.ion-order-md-8{order:8!important}.ion-order-md-9{order:9!important}.ion-order-md-10{order:10!important}.ion-order-md-11{order:11!important}.ion-order-md-12{order:12!important}.ion-order-md-last{order:13!important}}@media(min-width:992px){.ion-order-lg-first{order:-1!important}.ion-order-lg-0{order:0!important}.ion-order-lg-1{order:1!important}.ion-order-lg-2{order:2!important}.ion-order-lg-3{order:3!important}.ion-order-lg-4{order:4!important}.ion-order-lg-5{order:5!important}.ion-order-lg-6{order:6!important}.ion-order-lg-7{order:7!important}.ion-order-lg-8{order:8!important}.ion-order-lg-9{order:9!important}.ion-order-lg-10{order:10!important}.ion-order-lg-11{order:11!important}.ion-order-lg-12{order:12!important}.ion-order-lg-last{order:13!important}}@media(min-width:1200px){.ion-order-xl-first{order:-1!important}.ion-order-xl-0{order:0!important}.ion-order-xl-1{order:1!important}.ion-order-xl-2{order:2!important}.ion-order-xl-3{order:3!important}.ion-order-xl-4{order:4!important}.ion-order-xl-5{order:5!important}.ion-order-xl-6{order:6!important}.ion-order-xl-7{order:7!important}.ion-order-xl-8{order:8!important}.ion-order-xl-9{order:9!important}.ion-order-xl-10{order:10!important}.ion-order-xl-11{order:11!important}.ion-order-xl-12{order:12!important}.ion-order-xl-last{order:13!important}}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media(min-width:576px){.ion-hide-sm-up{display:none!important}}@media(max-width:575.98px){.ion-hide-sm-down{display:none!important}}@media(min-width:768px){.ion-hide-md-up{display:none!important}}@media(max-width:767.98px){.ion-hide-md-down{display:none!important}}@media(min-width:992px){.ion-hide-lg-up{display:none!important}}@media(max-width:991.98px){.ion-hide-lg-down{display:none!important}}@media(min-width:1200px){.ion-hide-xl-up{display:none!important}}@media(max-width:1199.98px){.ion-hide-xl-down{display:none!important}}.ion-display-none{display:none!important}@media(min-width:576px){.ion-display-sm-none{display:none!important}}@media(min-width:768px){.ion-display-md-none{display:none!important}}@media(min-width:992px){.ion-display-lg-none{display:none!important}}@media(min-width:1200px){.ion-display-xl-none{display:none!important}}.ion-display-inline{display:inline!important}@media(min-width:576px){.ion-display-sm-inline{display:inline!important}}@media(min-width:768px){.ion-display-md-inline{display:inline!important}}@media(min-width:992px){.ion-display-lg-inline{display:inline!important}}@media(min-width:1200px){.ion-display-xl-inline{display:inline!important}}.ion-display-inline-block{display:inline-block!important}@media(min-width:576px){.ion-display-sm-inline-block{display:inline-block!important}}@media(min-width:768px){.ion-display-md-inline-block{display:inline-block!important}}@media(min-width:992px){.ion-display-lg-inline-block{display:inline-block!important}}@media(min-width:1200px){.ion-display-xl-inline-block{display:inline-block!important}}.ion-display-block{display:block!important}@media(min-width:576px){.ion-display-sm-block{display:block!important}}@media(min-width:768px){.ion-display-md-block{display:block!important}}@media(min-width:992px){.ion-display-lg-block{display:block!important}}@media(min-width:1200px){.ion-display-xl-block{display:block!important}}.ion-display-flex{display:flex!important}@media(min-width:576px){.ion-display-sm-flex{display:flex!important}}@media(min-width:768px){.ion-display-md-flex{display:flex!important}}@media(min-width:992px){.ion-display-lg-flex{display:flex!important}}@media(min-width:1200px){.ion-display-xl-flex{display:flex!important}}.ion-display-inline-flex{display:inline-flex!important}@media(min-width:576px){.ion-display-sm-inline-flex{display:inline-flex!important}}@media(min-width:768px){.ion-display-md-inline-flex{display:inline-flex!important}}@media(min-width:992px){.ion-display-lg-inline-flex{display:inline-flex!important}}@media(min-width:1200px){.ion-display-xl-inline-flex{display:inline-flex!important}}.ion-display-grid{display:grid!important}@media(min-width:576px){.ion-display-sm-grid{display:grid!important}}@media(min-width:768px){.ion-display-md-grid{display:grid!important}}@media(min-width:992px){.ion-display-lg-grid{display:grid!important}}@media(min-width:1200px){.ion-display-xl-grid{display:grid!important}}.ion-display-inline-grid{display:inline-grid!important}@media(min-width:576px){.ion-display-sm-inline-grid{display:inline-grid!important}}@media(min-width:768px){.ion-display-md-inline-grid{display:inline-grid!important}}@media(min-width:992px){.ion-display-lg-inline-grid{display:inline-grid!important}}@media(min-width:1200px){.ion-display-xl-inline-grid{display:inline-grid!important}}.ion-display-table{display:table!important}@media(min-width:576px){.ion-display-sm-table{display:table!important}}@media(min-width:768px){.ion-display-md-table{display:table!important}}@media(min-width:992px){.ion-display-lg-table{display:table!important}}@media(min-width:1200px){.ion-display-xl-table{display:table!important}}.ion-display-table-cell{display:table-cell!important}@media(min-width:576px){.ion-display-sm-table-cell{display:table-cell!important}}@media(min-width:768px){.ion-display-md-table-cell{display:table-cell!important}}@media(min-width:992px){.ion-display-lg-table-cell{display:table-cell!important}}@media(min-width:1200px){.ion-display-xl-table-cell{display:table-cell!important}}.ion-display-table-row{display:table-row!important}@media(min-width:576px){.ion-display-sm-table-row{display:table-row!important}}@media(min-width:768px){.ion-display-md-table-row{display:table-row!important}}@media(min-width:992px){.ion-display-lg-table-row{display:table-row!important}}@media(min-width:1200px){.ion-display-xl-table-row{display:table-row!important}}@media(prefers-color-scheme:dark){:root{--ion-color-primary: #4d8dff;--ion-color-primary-rgb: 77, 141, 255;--ion-color-primary-contrast: #000;--ion-color-primary-contrast-rgb: 0, 0, 0;--ion-color-primary-shade: #447ce0;--ion-color-primary-tint: #5f98ff;--ion-color-secondary: #46b1ff;--ion-color-secondary-rgb: 70, 177, 255;--ion-color-secondary-contrast: #000;--ion-color-secondary-contrast-rgb: 0, 0, 0;--ion-color-secondary-shade: #3e9ce0;--ion-color-secondary-tint: #59b9ff;--ion-color-tertiary: #8482fb;--ion-color-tertiary-rgb: 132, 130, 251;--ion-color-tertiary-contrast: #000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #7472dd;--ion-color-tertiary-tint: #908ffb;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffce31;--ion-color-warning-rgb: 255, 206, 49;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0b52b;--ion-color-warning-tint: #ffd346;--ion-color-danger: #f24c58;--ion-color-danger-rgb: 242, 76, 88;--ion-color-danger-contrast: #000;--ion-color-danger-contrast-rgb: 0, 0, 0;--ion-color-danger-shade: #d5434d;--ion-color-danger-tint: #f35e69;--ion-color-light: #222428;--ion-color-light-rgb: 34, 36, 40;--ion-color-light-contrast: #fff;--ion-color-light-contrast-rgb: 255, 255, 255;--ion-color-light-shade: #1e2023;--ion-color-light-tint: #383a3e;--ion-color-medium: #989aa2;--ion-color-medium-rgb: 152, 154, 162;--ion-color-medium-contrast: #000;--ion-color-medium-contrast-rgb: 0, 0, 0;--ion-color-medium-shade: #86888f;--ion-color-medium-tint: #a2a4ab;--ion-color-dark: #f4f5f8;--ion-color-dark-rgb: 244, 245, 248;--ion-color-dark-contrast: #000;--ion-color-dark-contrast-rgb: 0, 0, 0;--ion-color-dark-shade: #d7d8da;--ion-color-dark-tint: #f5f6f9}:root.ios{--ion-background-color: #000000;--ion-background-color-rgb: 0, 0, 0;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #0d0d0d;--ion-background-color-step-100: #1a1a1a;--ion-background-color-step-150: #262626;--ion-background-color-step-200: #333333;--ion-background-color-step-250: #404040;--ion-background-color-step-300: #4d4d4d;--ion-background-color-step-350: #595959;--ion-background-color-step-400: #666666;--ion-background-color-step-450: #737373;--ion-background-color-step-500: #808080;--ion-background-color-step-550: #8c8c8c;--ion-background-color-step-600: #999999;--ion-background-color-step-650: #a6a6a6;--ion-background-color-step-700: #b3b3b3;--ion-background-color-step-750: #bfbfbf;--ion-background-color-step-800: #cccccc;--ion-background-color-step-850: #d9d9d9;--ion-background-color-step-900: #e6e6e6;--ion-background-color-step-950: #f2f2f2;--ion-text-color-step-50: #f2f2f2;--ion-text-color-step-100: #e6e6e6;--ion-text-color-step-150: #d9d9d9;--ion-text-color-step-200: #cccccc;--ion-text-color-step-250: #bfbfbf;--ion-text-color-step-300: #b3b3b3;--ion-text-color-step-350: #a6a6a6;--ion-text-color-step-400: #999999;--ion-text-color-step-450: #8c8c8c;--ion-text-color-step-500: #808080;--ion-text-color-step-550: #737373;--ion-text-color-step-600: #666666;--ion-text-color-step-650: #595959;--ion-text-color-step-700: #4d4d4d;--ion-text-color-step-750: #404040;--ion-text-color-step-800: #333333;--ion-text-color-step-850: #262626;--ion-text-color-step-900: #1a1a1a;--ion-text-color-step-950: #0d0d0d;--ion-item-background: #000000;--ion-card-background: #1c1c1d}:root.ios ion-modal{--ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));--ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));--ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250))}:root.md{--ion-background-color: #121212;--ion-background-color-rgb: 18, 18, 18;--ion-text-color: #ffffff;--ion-text-color-rgb: 255, 255, 255;--ion-background-color-step-50: #1e1e1e;--ion-background-color-step-100: #2a2a2a;--ion-background-color-step-150: #363636;--ion-background-color-step-200: #414141;--ion-background-color-step-250: #4d4d4d;--ion-background-color-step-300: #595959;--ion-background-color-step-350: #656565;--ion-background-color-step-400: #717171;--ion-background-color-step-450: #7d7d7d;--ion-background-color-step-500: #898989;--ion-background-color-step-550: #949494;--ion-background-color-step-600: #a0a0a0;--ion-background-color-step-650: #acacac;--ion-background-color-step-700: #b8b8b8;--ion-background-color-step-750: #c4c4c4;--ion-background-color-step-800: #d0d0d0;--ion-background-color-step-850: #dbdbdb;--ion-background-color-step-900: #e7e7e7;--ion-background-color-step-950: #f3f3f3;--ion-text-color-step-50: #f3f3f3;--ion-text-color-step-100: #e7e7e7;--ion-text-color-step-150: #dbdbdb;--ion-text-color-step-200: #d0d0d0;--ion-text-color-step-250: #c4c4c4;--ion-text-color-step-300: #b8b8b8;--ion-text-color-step-350: #acacac;--ion-text-color-step-400: #a0a0a0;--ion-text-color-step-450: #949494;--ion-text-color-step-500: #898989;--ion-text-color-step-550: #7d7d7d;--ion-text-color-step-600: #717171;--ion-text-color-step-650: #656565;--ion-text-color-step-700: #595959;--ion-text-color-step-750: #4d4d4d;--ion-text-color-step-800: #414141;--ion-text-color-step-850: #363636;--ion-text-color-step-900: #2a2a2a;--ion-text-color-step-950: #1e1e1e;--ion-item-background: #1e1e1e;--ion-toolbar-background: #1f1f1f;--ion-tab-bar-background: #1f1f1f;--ion-card-background: #1e1e1e}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rich-login-portal{--primary-glow: #6366f1;--secondary-glow: #a855f7;--glass-bg: rgba(15, 23, 42, .75);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .25);--text-main: #ffffff;--text-muted: #94a3b8;position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Poppins,sans-serif;overflow-x:hidden;background-color:#020617}.rich-login-portal .background-mesh{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(15,23,42,1) 0%,transparent 100%)}.rich-login-portal .login-card{position:relative;z-index:1;width:92%;max-width:420px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:32px;padding:40px 28px;box-shadow:0 25px 50px -12px #00000080;margin-top:-5vh}.rich-login-portal .title{font-size:32px;font-weight:800;color:var(--text-main);text-align:center;margin-bottom:8px;letter-spacing:-1px}.rich-login-portal .subtitle{color:var(--text-muted);text-align:center;font-size:15px;margin-bottom:32px}.rich-login-portal .form-field{margin-bottom:20px}.rich-login-portal .label{display:block;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;padding-left:4px}.rich-login-portal .input-control{width:100%;height:52px;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:16px;padding:0 18px;color:#fff;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.rich-login-portal .input-control:focus{outline:none;border-color:var(--primary-glow);background:#0006;box-shadow:0 0 0 4px #6366f133}.rich-login-portal .pass-wrapper{position:relative}.rich-login-portal .toggle-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px}.rich-login-portal .submit-btn{width:100%;height:56px;background:linear-gradient(135deg,var(--primary-glow) 0%,var(--secondary-glow) 100%);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;margin-top:12px;box-shadow:0 10px 20px -5px #6366f166;transition:all .3s ease}.rich-login-portal .submit-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.rich-login-portal .submit-btn:disabled{opacity:.6;cursor:not-allowed}.rich-login-portal .divider{margin:28px 0;display:flex;align-items:center;color:var(--text-muted);font-size:10px;font-weight:800;letter-spacing:1px}.rich-login-portal .divider:before,.rich-login-portal .divider:after{content:"";flex:1;border-bottom:1px solid var(--glass-border)}.rich-login-portal .divider span{padding:0 12px}.rich-login-portal .social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;justify-items:center}.rich-login-portal .social-item{height:48px;width:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:14px;color:#fff;font-size:18px;cursor:pointer;transition:.2s}.rich-login-portal .social-item:hover{background:#ffffff1a;transform:translateY(-2px)}.rich-login-portal .footer-link{display:block;text-align:center;margin-top:24px;font-size:14px;color:var(--text-muted)}.rich-login-portal .footer-link span{color:var(--primary-glow);font-weight:700;cursor:pointer}@media(max-width:480px){.rich-login-portal{justify-content:flex-start;padding-top:12vh}.rich-login-portal .login-card{margin-top:0;border-radius:28px;padding:32px 20px}.rich-login-portal .title{font-size:28px}}.rich-registration-portal{--primary-glow: #6366f1;--secondary-glow: #a855f7;--glass-bg: rgba(15, 23, 42, .75);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(0, 0, 0, .25);--text-main: #ffffff;--text-muted: #94a3b8;position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;background-color:#020617;padding:40px 15px}.rich-registration-portal .background-mesh{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(168,85,247,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(15,23,42,1) 0%,transparent 100%)}.rich-registration-portal .registration-card{position:relative;z-index:1;width:100%;max-width:520px;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:32px;padding:35px;box-shadow:0 25px 50px -12px #00000080}.rich-registration-portal .title{font-size:26px;font-weight:800;color:var(--text-main);text-align:center;margin-bottom:4px;letter-spacing:-1px}.rich-registration-portal .subtitle{color:var(--text-muted);text-align:center;font-size:13px;margin-bottom:30px}.form-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:15px}.rich-registration-portal .form-field{margin-bottom:18px}.rich-registration-portal .label{display:block;font-size:10px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;padding-left:4px}.rich-registration-portal .input-wrapper{position:relative;display:flex;align-items:center}.rich-registration-portal .field-icon{position:absolute;left:16px;color:var(--primary-glow);font-size:14px;pointer-events:none}.rich-registration-portal .input-control{width:100%;height:48px;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:14px;padding:0 15px 0 45px;color:#fff;font-size:14px;transition:all .3s ease}.rich-registration-portal .input-control.textarea{height:auto;padding:15px;resize:none}.rich-registration-portal .input-control:focus{outline:none;border-color:var(--primary-glow);background:#0006;box-shadow:0 0 0 4px #6366f11a}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.action-row{display:flex;gap:8px}.mini-btn-outline{flex:1;height:38px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-main);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.2s}.mini-btn-outline:hover{background:#ffffff1a;border-color:var(--secondary-glow)}.rich-registration-portal .submit-btn{width:100%;height:52px;background:linear-gradient(135deg,var(--primary-glow) 0%,var(--secondary-glow) 100%);color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 10px 20px -5px #6366f166;transition:all .3s ease;margin-top:10px}.rich-registration-portal .submit-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.rich-registration-portal .footer-link{display:block;text-align:center;margin-top:25px;font-size:13px;color:var(--text-muted)}.rich-registration-portal .footer-link span{color:var(--primary-glow);font-weight:700;cursor:pointer}@media(max-width:500px){.rich-registration-portal{padding:20px 10px}.rich-registration-portal .registration-card{padding:25px 20px;border-radius:24px}.form-row-dual{grid-template-columns:1fr 1fr;gap:10px}.form-row-dual:first-of-type{grid-template-columns:1fr}.rich-registration-portal .title{font-size:22px}.rich-registration-portal .input-control{height:44px}}:root{--primary-gradient: linear-gradient(90deg, #5a7ec7 0%, #809bce 50%, #b2a8d4 100%);--secondary-gradient: linear-gradient(90deg, #8a6cd1 0%, #6ca0dc 100%);--accent-color: #9b8bd4;--text-primary: #ffffff;--text-secondary: #f0f0f0;--background-overlay: rgba(255, 255, 255, .15);--shadow-soft: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--border-radius: 16px;--transition-ease: all .4s ease-in-out;--toolbar-height: 60px;--secondary-header-height: 48px;--footer-height: 60px;--stories-height: 80px}.page-container{display:flex;flex-direction:column;min-height:100vh;background:var(--primary-gradient);overflow:visible}.secondary-header{display:flex;align-items:center;justify-content:space-between;height:var(--secondary-header-height);padding:0 16px;background:#fff}.menu-button,.footer-btn,.tab-button{cursor:pointer;transition:var(--transition-ease)}.menu-button ion-icon,.footer-btn ion-icon{font-size:28px;color:var(--text-primary)}.footer-btn{background:transparent;border:none;width:48px;height:48px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.avatar,.app-logo{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:var(--shadow-soft);transition:var(--transition-ease)}.avatar:hover,.app-logo:hover{transform:scale(1.05);box-shadow:var(--shadow-hover)}.avatar{object-fit:cover}.app-logo{object-fit:contain}.logo-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.gallery-content{min-height:calc(100vh - var(--toolbar-height) - var(--secondary-header-height));padding-bottom:calc(10px + var(--footer-height));background:var(--background-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow-y:auto;border-radius:var(--border-radius);margin:0}@media(min-width:768px){.homepage-content,.gallery-content{min-height:100vh;padding-bottom:0}}.story{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:88px;cursor:pointer;transition:var(--transition-ease)}.story-avatar{width:65px;height:65px;border-radius:50%;background:var(--primary-gradient);padding:2px;box-shadow:var(--shadow-soft);transition:var(--transition-ease)}.story-label{font-family:Poppins,sans-serif;font-size:.6rem;font-weight:600;color:var(--text-primary);text-align:center;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-dropdown-menu{position:fixed;top:50%;left:10%;transform:translate(-50%,-50%);height:210px;width:350px;max-width:90vw;border-radius:12px;padding:8px;z-index:101}.profile-dropdown-menu{position:absolute;top:calc(var(--secondary-header-height) + 10px);left:16px;background:var(--secondary-gradient);box-shadow:var(--shadow-hover);border-radius:var(--border-radius);color:var(--text-primary);z-index:100;min-width:180px;padding:8px}.confirmation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--secondary-gradient);box-shadow:var(--shadow-hover);border-radius:var(--border-radius);padding:20px;padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));z-index:100;width:80vw;max-width:min(260px,calc(90vw - env(safe-area-inset-left) - env(safe-area-inset-right)));min-width:180px;box-sizing:border-box;text-align:center}.profile-popup{position:fixed;top:20%;left:3%;transform:translate(-50%,-50%);max-width:600px;width:90vw;z-index:102;box-sizing:border-box;padding:10px}.profile-container{background:var(--background-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);padding:10px;position:relative;overflow:hidden}.cover-image{width:100%;height:120px;object-fit:cover;border-radius:var(--border-radius) var(--border-radius) 0 0}.profile-picture{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--text-primary);position:absolute;top:80px;left:15px;box-shadow:var(--shadow-soft)}.profile-header{margin-top:50px;padding:0 15px;display:flex;flex-direction:column;align-items:flex-start}.profile-info{margin-left:100px;margin-top:8px}.username{font-family:Poppins,sans-serif;font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:6px;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bio{font-size:13px;color:var(--text-primary);opacity:.9;margin-bottom:10px;max-width:100%}.stats{display:flex;gap:15px;margin-bottom:10px;flex-wrap:wrap}.stat{color:var(--text-primary);font-size:13px}.stat.clickable{cursor:pointer;transition:all .2s ease}.stat.clickable:hover{color:var(--accent-color);transform:translateY(-2px)}.stat.clickable:active{transform:translateY(0)}.stat span{font-weight:600;color:var(--accent-color)}.profile-details{padding:10px 15px;background:#ffffff14;border-radius:0 0 var(--border-radius) var(--border-radius)}.detail-item{display:flex;align-items:center;margin-bottom:8px;color:var(--text-primary);font-size:13px}.detail-item label{font-weight:600;width:90px;color:var(--text-primary)}.website a{color:var(--accent-color);text-decoration:none;transition:var(--transition-ease)}.website a:hover{color:#ff6b6b}@media(min-width:768px){.profile-popup{max-width:700px;width:80vw}.profile-container{padding:15px}.cover-image{height:150px}.profile-picture{width:100px;height:100px;top:100px;left:20px}.profile-header{margin-top:60px;padding:0 20px}.profile-info{margin-left:120px;margin-top:10px}.username{font-size:24px}.bio{font-size:14px}.stats{gap:20px}.stat{font-size:14px}.profile-details{padding:15px 20px}.detail-item{font-size:14px}.detail-item label{width:100px}}@media(max-width:480px){.profile-popup{width:95vw}.profile-container{padding:8px}.cover-image{height:100px}.profile-picture{width:70px;height:70px;top:70px;left:12px}.profile-header{margin-top:40px;padding:0 12px}.profile-info{margin-left:85px;margin-top:6px}.username{font-size:18px}.bio{font-size:12px}.stats{gap:12px}.stat{font-size:12px}.profile-details{padding:8px 12px}.detail-item{font-size:12px}.detail-item label{width:80px}}.privacy-settings-content{--background: #f5f5f5}.privacy-settings-container{max-width:800px;margin:0 auto;padding:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-container p{color:#666;font-family:Poppins,sans-serif}.settings-header{text-align:center;padding:2rem 1rem;background:linear-gradient(135deg,#5a7ec7,#809bce,#b2a8d4);border-radius:12px;color:#fff;margin-bottom:1.5rem}.settings-header .header-icon{font-size:48px;margin-bottom:.5rem}.settings-header h2{font-family:Poppins,sans-serif;font-weight:600;font-size:1.5rem;margin:.5rem 0}.settings-header p{font-size:.95rem;opacity:.9;margin:0}.settings-list{background:transparent;padding:0}.setting-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000001a}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.section-header ion-icon{font-size:24px;color:#5a7ec7}.section-header h3{font-family:Poppins,sans-serif;font-weight:600;font-size:1.1rem;color:#333;margin:0}.section-description{display:block;font-size:.9rem;margin-bottom:1rem;padding-left:32px}.setting-section ion-item{--background: #f9f9f9;--border-radius: 8px;--padding-start: 12px;--padding-end: 12px;margin-bottom:.5rem}.setting-section ion-item:last-child{margin-bottom:0}.setting-section ion-item ion-label h3{font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;color:#333;margin-bottom:.25rem}.setting-section ion-item ion-label p{font-size:.85rem;color:#666}.setting-section ion-radio{--color: #5a7ec7;--color-checked: #5a7ec7}.save-button-container{margin:2rem 0}.save-button{--background: linear-gradient(135deg, #5a7ec7, #809bce);--background-hover: linear-gradient(135deg, #4a6eb7, #7089be);--border-radius: 12px;--box-shadow: 0 4px 12px rgba(90, 126, 199, .3);--padding-top: 16px;--padding-bottom: 16px;font-family:Poppins,sans-serif;font-weight:600;font-size:1.05rem;text-transform:none}.save-button ion-spinner{width:20px;height:20px}.info-box{background:#e3f2fd;border-left:4px solid #5a7ec7;border-radius:8px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem;margin-top:1.5rem}.info-box ion-icon{font-size:24px;color:#5a7ec7;flex-shrink:0;margin-top:2px}.info-box p{font-size:.9rem;color:#555;margin:0;line-height:1.5}@media(max-width:768px){.privacy-settings-container{padding:.5rem}.settings-header{padding:1.5rem 1rem}.settings-header .header-icon{font-size:40px}.settings-header h2{font-size:1.3rem}.setting-section{padding:1rem}.section-header h3{font-size:1rem}}@media(prefers-color-scheme:dark){.privacy-settings-content{--background: #1a1a1a}.setting-section{background:#2a2a2a}.section-header h3{color:#fff}.section-description{color:#aaa}.setting-section ion-item{--background: #333333}.setting-section ion-item ion-label h3{color:#fff}.setting-section ion-item ion-label p{color:#aaa}.info-box{background:#1e2a3a;border-left-color:#5a7ec7}.info-box p{color:#ccc}}:root{--primary-gradient: linear-gradient(90deg, #5a7ec7 0%, #809bce 50%, #b2a8d4 100%);--secondary-gradient: linear-gradient(90deg, #8a6cd1 0%, #6ca0dc 100%);--accent-color: #9b8bd4;--text-primary: #ffffff;--text-secondary: #f0f0f0;--background-overlay: rgba(255, 255, 255, .15);--shadow-soft: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--border-radius: 16px;--transition-ease: all .4s ease-in-out;--toolbar-height: 60px;--secondary-header-height: 72px}.custom-toolbar{display:flex;align-items:flex-end;justify-content:space-between;height:var(--toolbar-height);padding:0 16px;background:var(--secondary-gradient);color:var(--text-primary);box-shadow:var(--shadow-soft)}.mobile-header .custom-toolbar{border-radius:var(--border-radius) var(--border-radius) 0 0}.mobile-header{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.app-name{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#1a1a1a;background-clip:initial;-webkit-text-fill-color:initial}.header-icons{display:flex;align-items:center;gap:12px;padding-bottom:4px}.header-icons ion-icon{font-size:28px;color:var(--text-primary);cursor:pointer;transition:var(--transition-ease)}.header-icons ion-icon:hover{transform:scale(1.1)}.chat-icon-container,.notification-icon-container{position:relative;display:inline-flex;align-items:center}.unread-badge{position:absolute;bottom:-4px;left:-8px;background:#ff4d4f;color:var(--text-primary);font-size:.75rem;font-weight:600;border-radius:10px;padding:2px 6px;min-width:16px;text-align:center;box-shadow:var(--shadow-soft);transition:var(--transition-ease)}.secondary-header{display:flex;align-items:center;justify-content:space-between;height:var(--secondary-header-height);padding:0 16px;background:#fff;flex-wrap:wrap}.secondary-header-icons{display:flex;align-items:center}.secondary-header-icons ion-icon{font-size:28px;color:var(--primary-gradient);cursor:pointer;transition:var(--transition-ease)}.secondary-header-icons ion-icon:hover{transform:scale(1.1)}.menu-button,.tab-button{cursor:pointer;transition:var(--transition-ease)}.menu-button ion-icon{font-size:28px;color:var(--text-primary)}.user-profile{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.username{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.1);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:var(--shadow-soft);transition:var(--transition-ease);object-fit:cover}.avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-hover)}.custom-tabbar{display:flex;height:49px;background:var(--secondary-gradient);box-shadow:var(--shadow-soft)}.tab-button{flex:1;text-align:center;padding:12px 0;color:var(--text-secondary);font-weight:500;border-bottom:3px solid transparent}.tab-button:hover{color:var(--text-primary);background:var(--background-overlay)}.tab-button.active{color:var(--text-primary);border-bottom-color:var(--accent-color);font-weight:700}.breadcrumb-container{display:flex;align-items:center;gap:6px;width:100%;margin-top:6px;padding:6px 10px;background:var(--background-overlay);border-radius:12px;box-shadow:var(--shadow-soft);font-family:Poppins,sans-serif;font-size:.8rem;color:var(--text-secondary);overflow-x:auto;white-space:nowrap}.breadcrumb-item{cursor:pointer;padding:4px 8px;border-radius:8px;transition:var(--transition-ease);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:500}.breadcrumb-item:hover{background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:scale(1.05);box-shadow:var(--shadow-hover)}.breadcrumb-item.active{font-weight:700;background:var(--accent-color);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 3px rgba(0,0,0,.2)}.breadcrumb-separator{font-size:14px;color:var(--text-secondary);margin:0 2px;transition:var(--transition-ease)}.breadcrumb-separator:hover{transform:scale(1.1)}@media(max-width:480px){.breadcrumb-container{font-size:.75rem;padding:4px 8px}.breadcrumb-item{padding:3px 6px}.breadcrumb-separator{font-size:12px}}@media(max-width:360px){.breadcrumb-container{font-size:.7rem;padding:3px 6px}.breadcrumb-item{padding:2px 5px}.breadcrumb-separator{font-size:10px}}.confirmation-popup{position:fixed;top:45%;left:25%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--secondary-gradient);box-shadow:var(--shadow-hover);border-radius:var(--border-radius);padding:20px;padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));z-index:100;width:80vw;max-width:min(260px,calc(90vw - env(safe-area-inset-left) - env(safe-area-inset-right)));min-width:180px;box-sizing:border-box;text-align:center}.confirmation-message{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:20px;word-break:break-word}.confirmation-buttons{display:flex;justify-content:space-around;width:100%}.confirm-button,.cancel-button{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:var(--transition-ease)}.confirm-button{background:var(--accent-color);color:var(--text-primary)}.confirm-button:hover{background:#8a7cc4;transform:scale(1.05)}.cancel-button{background:var(--background-overlay);color:var(--text-secondary)}.cancel-button:hover{background:#ffffff40;transform:scale(1.05)}@media(max-width:480px){.confirmation-popup{width:85vw;max-width:min(240px,calc(90vw - env(safe-area-inset-left) - env(safe-area-inset-right)));min-width:160px;padding:15px;padding-left:calc(15px + env(safe-area-inset-left));padding-right:calc(15px + env(safe-area-inset-right))}.confirmation-message{font-size:.85rem}.confirm-button,.cancel-button{padding:8px 16px;font-size:.85rem}}@media(max-width:360px){.confirmation-popup{width:90vw;max-width:min(220px,calc(95vw - env(safe-area-inset-left) - env(safe-area-inset-right)));min-width:140px;padding:12px;padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}.confirmation-message{font-size:.8rem}.confirm-button,.cancel-button{padding:6px 12px;font-size:.8rem}}.toast-modal{--background: rgba(20, 20, 20, .8);--width: 80%;--border-radius: 12px;top:10%;left:10%;display:flex;justify-content:center;align-items:center}.toast-content{padding:12px 20px;color:#fff;font-size:14px;text-align:center;animation:fadeInOut 4s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:root{--primary-gradient: linear-gradient(90deg, #5a7ec7 0%, #809bce 50%, #b2a8d4 100%);--secondary-gradient: linear-gradient(90deg, #302a3f 0%, #6ca0dc 100%);--accent-color: #9b8bd4;--text-primary: #ffffff;--text-secondary: #f0f0f0;--background-overlay: rgba(255, 255, 255, .15);--shadow-soft: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--border-radius: 16px;--transition-ease: all .4s ease-in-out}.chat-popup{position:fixed;top:5%;left:50%;transform:translate(-50%);max-width:600px;width:90vw;max-height:85vh;z-index:102;box-sizing:border-box}.chat-container{background:var(--background-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;font-family:Poppins,sans-serif;overflow-y:auto;overflow-x:hidden;max-height:85vh}.chat-header{background:var(--primary-gradient);color:var(--text-primary);padding:12px 16px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:103}.back-button,.close-button,.mail-button{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:var(--transition-ease)}.back-button:hover,.close-button:hover,.mail-button:hover{color:#ff5e62;transform:scale(1.1)}.mail-button,.close-button{background:#ffffff1a;border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft)}.mail-button:hover,.close-button:hover{background:linear-gradient(90deg,#ff5e62,#f96);color:var(--text-primary);box-shadow:var(--shadow-hover)}.chat-header-right{display:flex;align-items:center;gap:20px}.chat-title{font-size:18px;font-weight:600;flex:1;background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin:0}.chat-title-container{display:flex;align-items:center;gap:12px;flex:1}.chat-list-container{flex:1;overflow-y:auto;background:#ffffff0d;padding:6px}.chat-item{display:flex;align-items:center;padding:12px;border-radius:12px;margin-bottom:8px;background:#ffffff1a;cursor:pointer;transition:var(--transition-ease)}.chat-item:hover{background:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:12px;border:2px solid var(--accent-color);transition:var(--transition-ease)}.chat-avatar:hover{transform:scale(1.1)}.chat-info{flex:1}.chat-name{font-size:16px;font-weight:600;color:var(--text-primary)}.chat-preview{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:12px;color:var(--text-secondary);opacity:.8}.chat-content{flex:1;display:flex;flex-direction:column}.messages-container{flex:1;overflow-y:auto;padding:16px;background:linear-gradient(180deg,#121212cc,#1e1e1ee6);display:flex;flex-direction:column}.message{max-width:75%;padding:12px 16px;border-radius:16px;position:relative;animation:fadeIn .4s ease-in;box-shadow:var(--shadow-soft);transition:var(--transition-ease)}.message:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.message.sent{background:var(--primary-gradient);color:var(--text-primary);align-self:flex-end;border-bottom-right-radius:4px}.message.received{background:#ffffff26;color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px}.message-text{font-size:14px;line-height:1.5}.message-time{font-size:11px;opacity:.7;margin-top:4px;text-align:right;color:var(--text-secondary)}.input-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border-top:1px solid rgba(255,255,255,.2)}.input-field{flex:1;padding:6px 16px;border:none;border-radius:20px;background:#ffffff26;font-size:14px;resize:none;min-height:44px;max-height:120px;outline:none;color:var(--text-primary);font-family:Poppins,sans-serif;transition:var(--transition-ease)}.input-field:focus{background:#ffffff40;border-color:var(--accent-color)}.send-button{background:var(--secondary-gradient);color:var(--text-primary);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-soft);transition:var(--transition-ease)}.send-button:hover{background:linear-gradient(90deg,#ff5e62,#f96);transform:scale(1.1);box-shadow:var(--shadow-hover)}.text-gradient{background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hover-glow{transition:var(--transition-ease)}.hover-glow:hover{box-shadow:0 10px 25px #ff5e624d}.hover-pop:hover{transform:scale(1.1)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:101}.recipient-container{display:flex;align-items:center;gap:8px;margin-top:6px}.recipient-avatars{display:flex;align-items:center}.recipient-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color);transition:var(--transition-ease)}.recipient-avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-hover)}.recipient-usernames{font-size:12px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat-thumbnail{width:48px;height:48px;border-radius:12px;object-fit:cover;border:2px solid var(--accent-color);transition:var(--transition-ease)}.chat-thumbnail:hover{transform:scale(1.1);box-shadow:var(--shadow-hover)}.chat-thumbnail img,.chat-thumbnail video{width:100%;height:100%;object-fit:cover;border-radius:10px}.chat-thumbnail .video-player{border-radius:10px}.chat-thumbnail button{bottom:1px;right:1px;padding:1px}.chat-thumbnail button svg{width:14px;height:14px}.chat-actions{display:flex;gap:4px}.action-button{background:#ffffff1a;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-soft);transition:var(--transition-ease)}.action-button:hover{background:linear-gradient(90deg,#ff5e62,#f96);color:var(--text-primary);transform:scale(1.1);box-shadow:var(--shadow-hover)}.recipient-list-container{flex:1;overflow-y:auto;background:#ffffff0d;padding:12px}.recipient-list{display:flex;flex-direction:column;gap:8px}.recipient-item{display:flex;align-items:center;padding:12px;border-radius:12px;background:#ffffff1a;cursor:pointer;transition:var(--transition-ease)}.recipient-item:hover{background:#fff3;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.recipient-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px;border:2px solid var(--accent-color);transition:var(--transition-ease)}.recipient-info{flex:1}.recipient-name{font-size:16px;font-weight:600;color:var(--text-primary)}.recipient-bio{font-size:12px;color:var(--text-secondary);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-recipients{font-size:14px;color:var(--text-secondary);text-align:center;padding:20px}.confirmation-popup{position:fixed;top:40%;left:15%;transform:translate(-50%,-50%);background:var(--background-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);padding:20px;z-index:103;max-width:400px;width:90%;font-family:Poppins,sans-serif}.confirmation-message{font-size:16px;color:var(--text-primary);text-align:center;margin-bottom:20px}.confirmation-buttons{display:flex;justify-content:center;gap:12px}.confirm-button,.cancel-button{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-ease);font-family:Poppins,sans-serif}.confirm-button{background:linear-gradient(90deg,#ff5e62,#f96);color:var(--text-primary)}.confirm-button:hover{transform:scale(1.05);box-shadow:var(--shadow-hover)}@media(max-width:480px){.chat-popup{width:98vw;top:10%;left:1%;transform:translate(-50%);max-height:80vh}.chat-container{max-height:80vh;overflow-y:auto;overflow-x:hidden}.chat-header{padding:10px 12px;gap:12px}.chat-title{font-size:15px}.back-button,.close-button,.mail-button{font-size:18px;width:22px;height:22px}.chat-header-right{gap:12px}.chat-title-container{gap:8px}.chat-item{padding:6px;margin-bottom:3px}.chat-avatar{width:40px;height:40px}.chat-name{font-size:14px}.chat-preview{font-size:12px}.chat-time{font-size:11px}.messages-container{padding:10px}.message{max-width:85%;padding:5px 12px}.message-text{font-size:13px}.input-bar{padding:10px 12px}.input-field{font-size:13px;min-height:40px}.send-button{width:40px;height:40px}.recipient-container{gap:6px;margin-top:4px}.recipient-avatar{width:20px;height:20px}.recipient-usernames{font-size:11px;max-width:120px}.chat-meta{gap:1px}.chat-thumbnail{width:40px;height:40px}.chat-thumbnail button{padding:.5px}.chat-thumbnail button svg{width:12px;height:12px}.action-button{width:24px;height:24px}.action-button{padding:0 10px;height:20px!important;font-size:13px!important;min-width:40px!important}.recipient-list-container,.recipient-item{padding:8px}.recipient-avatar{width:36px;height:36px}.recipient-name{font-size:14px}.recipient-bio{font-size:11px}.no-recipients{font-size:13px;padding:16px}.confirmation-popup{max-width:300px;padding:16px}.confirmation-message{font-size:14px;margin-bottom:16px}.confirmation-buttons{gap:8px}.confirm-button,.cancel-button{padding:6px 12px;font-size:13px}}.message-avatar{flex-shrink:0;object-fit:cover}.message{display:flex;align-items:flex-start;margin:8px 16px}.message-text{flex-grow:1}.chat-actions .action-button ion-icon[icon=mail-unread-outline]{color:#d32f2f!important;fill:#d32f2f!important}.chat-actions .action-button ion-icon[icon=mail-open-outline]{color:#1976d2!important;fill:#1976d2!important}.chat-header-right .mail-button ion-icon[icon=mail]{color:#388e3c!important;fill:#388e3c!important}.cancel-button{background:#fff3!important;color:var(--text-primary)!important;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition-ease);font-family:Poppins,sans-serif}.cancel-button:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:var(--shadow-hover)}.pn-overlay{position:fixed;inset:0;background:#08080fad;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;transition:background .3s ease}.pn-card{background:#ffffff1c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 50px #00000047,0 0 0 1px #ffffff1f,inset 0 1px #ffffff26;display:flex;flex-direction:column;max-height:88vh;border:1px solid rgba(255,255,255,.18)}.pn-header{padding:22px 24px 18px;display:flex;align-items:center;gap:16px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.12);position:relative}.pn-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);border-radius:24px 24px 0 0;pointer-events:none}.pn-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3.2px solid rgba(255,255,255,.9);box-shadow:0 6px 16px #00000038,0 0 0 4px #ffffff26;flex-shrink:0;transition:transform .2s ease}.pn-avatar:hover{transform:scale(1.06)}.pn-sender{font-family:Poppins,sans-serif;font-weight:800;font-size:1.08rem;background:linear-gradient(135deg,#4da3ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.2px}.pn-body{padding:20px 24px;text-align:center;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:4px}.pn-title{font-family:Poppins,sans-serif;font-size:1.22rem;font-weight:600;margin:0;background:linear-gradient(135deg,#4da3ff,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px}.pn-content{font-size:.96rem;color:#ffffffeb;margin:0;line-height:1.58;opacity:.95}.pn-media-wrapper{width:60%;height:240px;border-radius:16px;overflow:hidden;background:#ffffff14;box-shadow:inset 0 2px 6px #00000026}.pn-media{width:100%;max-height:230px;object-fit:contain;border-radius:14px;background:#ffffff0f;box-shadow:0 8px 24px #00000040;transition:all .3s cubic-bezier(.4,0,.2,1)}.pn-media:hover{transform:scale(1.03);box-shadow:0 12px 32px #00000052}.pn-actions{display:flex;gap:12px;padding:18px 24px;background:#ffffff12;border-top:1px solid rgba(255,255,255,.12)}.pn-btn{flex:1;padding:13px 18px;border:none;border-radius:14px;font-family:Poppins,sans-serif;font-weight:600;font-size:.98rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pn-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s}.pn-btn:hover:before{opacity:1}.pn-btn.close{background:#ffffff29;color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pn-btn.close:hover{background:#ffffff3d;transform:translateY(-2px)}.pn-btn.view{background:linear-gradient(135deg,#4da3ff,#8b5cf6);color:#fff;box-shadow:0 6px 18px #4da3ff61}.pn-btn.view:hover{transform:translateY(-3px);box-shadow:0 10px 28px #4da3ff7a}@media(min-width:768px){.pn-card{max-width:440px}.pn-header{padding:26px 28px 20px;gap:18px}.pn-avatar{width:58px;height:58px}.pn-sender{font-size:1.12rem}.pn-body{padding:24px 28px}.pn-title{font-size:1.28rem}.pn-content{font-size:.99rem}.pn-actions{padding:20px 28px;gap:14px}.pn-btn{padding:14px 20px;font-size:1rem}}@media(max-width:480px){.pn-overlay{padding:16px}.pn-card{max-width:74vw;border-radius:20px}.pn-header{padding:9px 10px 8px;gap:12px}.pn-avatar{width:32px;height:32px}.pn-sender{font-size:1.04rem}.pn-body{padding:6px 10px}.pn-title{font-size:1.1rem}.pn-content{font-size:.83rem}.pn-media{max-height:190px}.pn-actions{padding:8px 10px;gap:30px}.pn-btn{padding:6px 8px;font-size:.95rem}}.pn-avatar-simple{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:8px;flex-shrink:0}.notification-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}.notification-popup-solid{position:fixed;top:10%!important;left:5%!important;width:90vw;max-width:500px;max-height:470px;height:75vh;z-index:1001;display:flex}.notification-card-container{background:var(--background-overlay);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.15);border-radius:20px;width:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 40px #00000080}.notification-main-header{background:var(--primary-gradient);padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.header-title-text{color:#fff;font-weight:700;font-size:1.1rem}.header-button-group{display:flex;gap:10px}.qchat-btn{background:#fff3;border:none;border-radius:50%;width:34px;height:34px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:transform .2s ease}.close-variant{background:#0000004d}.notification-tabs-toolbar{--background: rgba(255, 255, 255, .05);--border-style: none;padding:4px}.qchat-segment{background:transparent}.segment-label{font-size:.62rem;font-weight:600;text-transform:uppercase;color:#fff;white-space:normal;line-height:1.1}.notification-scroll-content{flex:1;overflow-y:auto;padding:10px}.notification-list-item{display:flex;align-items:center;padding:12px;background:#ffffff14;border-radius:12px;margin-bottom:8px;gap:12px;cursor:pointer}.item-is-unread{background:#ffffff26;border-left:4px solid var(--accent-color)}.item-avatar{width:42px;height:42px;border-radius:50%;border:2px solid var(--accent-color);object-fit:cover}.item-actor{font-weight:700;color:var(--accent-color)}.item-message{font-size:.85rem;color:#fff}.item-time{font-size:.7rem;color:#ccc}.item-thumb{width:38px;height:38px;border-radius:8px;object-fit:cover}.centered-loader,.end-msg{text-align:center;padding:20px;color:#999}@media(max-width:480px){.segment-label{font-size:8px;letter-spacing:-.2px}}:root{--primary-gradient: linear-gradient(90deg, #5a7ec7 0%, #809bce 50%, #b2a8d4 100%);--secondary-gradient: linear-gradient(90deg, #8a6cd1 0%, #6ca0dc 100%);--accent-color: #9b8bd4;--text-primary: #ffffff;--text-secondary: #f0f0f0;--background-overlay: rgba(255, 255, 255, .15);--shadow-soft: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--border-radius: 16px;--transition-ease: all .4s ease-in-out;--footer-height: 60px}.mobile-footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background:var(--secondary-gradient);box-shadow:var(--shadow-soft);z-index:98;padding-bottom:env(safe-area-inset-bottom);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.footer-nav{display:flex;justify-content:space-around;align-items:center;height:100%}.footer-btn{background:transparent;border:none;width:48px;height:48px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:var(--transition-ease)}.footer-btn ion-icon{font-size:28px;color:var(--text-primary)}.footer-btn.active ion-icon{color:var(--accent-color)}.footer-btn:hover{background:var(--background-overlay);transform:scale(1.1)}.footer-btn-label{font-size:.6rem;color:var(--text-secondary);margin-top:4px;text-align:center;line-height:1}.preferences-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.preferences-popup{position:fixed;top:20%;left:13%;transform:translate(-50%,-50%);width:90vw;max-width:320px;background:var(--secondary-gradient);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);z-index:1000;padding:0;overflow:hidden}.popup-header{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;text-align:center;padding:6px;margin:0}.popup-content{padding:12px;display:flex;flex-direction:column;gap:0}.popup-label{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.popup-select{width:100%;padding:5px 6px;background:var(--background-overlay);color:var(--text-primary);border-radius:8px;font-size:.9rem;font-family:Poppins,sans-serif;cursor:pointer;transition:var(--transition-ease);-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.popup-select option{background:#333;color:var(--text-primary)}.popup-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #667eea33}.popup-actions{display:flex;padding:0 20px 20px;gap:8px}.popup-btn{flex:1;padding:5px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-ease)}.popup-btn.cancel{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2)}.popup-btn.save{background:var(--accent-color);color:var(--text-primary)}.popup-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}@media(max-width:480px){.preferences-popup{width:95vw;margin:0}.popup-actions{padding:0 16px 16px}}.mob-menu-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.mob-menu-panel{position:fixed;top:12%;left:5%;transform:translate(-50%,-50%);width:90vw;max-width:420px;max-height:75vh;background:var(--secondary-gradient);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);z-index:101;padding:10px 10px 15px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.mob-menu-section{display:flex;flex-direction:column;gap:10px}.mob-menu-title{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary);padding:0 4px 4px;margin:0;position:relative}.mob-menu-title:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:1px;background:#fff3}.mob-menu-grid{display:flex;flex-wrap:wrap;gap:10px}.mob-menu-icon{font-size:28px;color:var(--text-primary);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.mob-menu-label{font-size:.65rem;font-weight:500;color:var(--text-secondary);text-align:center;line-height:1.1}.mob-menu-btn{width:65px;height:65px;padding:7px 5px;border:none;border-radius:14px;background:linear-gradient(145deg,#ffffff1f,#ffffff0d);box-shadow:0 4px 10px #00000026,inset 0 1px #fff3;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:var(--transition-ease)}.mob-menu-btn:hover,.mob-menu-btn:focus-visible{background:linear-gradient(145deg,#ffffff2e,#ffffff14);transform:translateY(-3px);box-shadow:0 6px 18px #00000040,inset 0 1px #ffffff40}.mob-menu-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000026,inset 0 1px 2px #0000004d}.pref-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000}.pref-container{position:fixed;top:12%;transform:translateY(-50%);left:16px;right:16px;background:#121212;border:1px solid rgba(255,255,255,.15);border-radius:20px;z-index:2001;padding:16px;height:75vh;display:flex;flex-direction:column;overflow-y:auto}.pref-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pref-header h3{color:#fff;margin:0;font-size:1.1rem}.pref-section{background:#ffffff14;border-radius:12px;padding:10px;margin-bottom:8px}.section-label{display:flex;align-items:center;gap:6px;color:#999;font-size:.75rem;margin-bottom:6px;text-transform:uppercase;letter-spacing:.8px}.segmented-control{display:flex;background:#0006;padding:3px;border-radius:10px}.segmented-control button{flex:1;padding:6px;border:none;background:transparent;color:#fff;border-radius:7px;font-weight:500;font-size:.9rem}.segmented-control button.active{background:var(--primary-gradient);box-shadow:0 1px 4px #0000004d}.save-action-btn{width:100%;padding:12px;border-radius:12px;border:none;background:var(--primary-gradient);color:#fff;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px}.input-group select{width:100%;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem}:root{--background-dark: rgba(0, 0, 0, .95);--background-gradient-dark: linear-gradient(to bottom, #1f1f1f, #181818);--accent-color: rgba(255, 94, 98, .3);--accent-color-light: rgba(255, 94, 98, .2);--text-color: rgba(255, 255, 255, .9);--text-color-light: rgba(255, 255, 255, .7);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .5);--border-radius-large: 12px;--border-radius-small: 6px;--transition-default: all .2s ease}.charge-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 500px;display:flex;align-items:center;justify-content:center}.charge-modal-content{background:var(--background-gradient-dark);border-radius:var(--border-radius-large);padding:16px;text-align:center;color:var(--text-color);box-shadow:var(--shadow-medium);animation:fadeIn .3s ease-out;display:flex;flex-direction:column;overflow-y:auto}.charge-modal-title{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#ff5e624d,#6495ed4d);padding:6px 10px;border-radius:var(--border-radius-small);border:1px solid var(--accent-color-light);margin:8px 0}.charge-modal-input,.charge-modal-textarea{background:#ffffff0d;border:1px solid var(--accent-color-light);border-radius:var(--border-radius-small);padding:6px 10px;font-size:.85rem;color:var(--text-color);transition:var(--transition-default);margin-bottom:8px;width:100%}.charge-modal-input:focus,.charge-modal-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 4px var(--accent-color-light)}.charge-modal-textarea{resize:vertical;min-height:100px}.charge-modal-evidence-group{margin:8px 0}.charge-modal-evidence-button{--background: transparent;--border-radius: var(--border-radius-small);--padding: 6px 10px;font-size:.85rem}.charge-modal-evidence-icon{font-size:20px;color:var(--text-color-light);transition:var(--transition-default)}.charge-modal-evidence-button:hover .charge-modal-evidence-icon{color:var(--text-color)}.charge-modal-evidence-id{font-size:.8rem;color:var(--text-color-light);margin:4px 0}.charge-modal-file-list{list-style:none;padding:0;margin:8px 0;text-align:left}.charge-modal-file-list li{font-size:.8rem;color:var(--text-color);margin-bottom:4px}.charge-modal-terms-message{font-size:.9rem;color:var(--text-color-light);margin:8px 0;line-height:1.5}.charge-modal-terms-container{display:flex;justify-content:center;align-items:center;margin:8px 0}.charge-modal-terms-label{display:flex;align-items:center;font-size:.85rem;color:var(--text-color)}.charge-modal-terms-checkbox{margin-right:8px}.charge-modal-buttons{display:flex;justify-content:space-between;margin-top:16px}.charge-modal-cancel,.charge-modal-confirm{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-small);color:var(--text-color);font-size:.8rem;font-weight:600;padding:6px 16px;cursor:pointer;transition:var(--transition-default)}.charge-modal-cancel:hover,.charge-modal-confirm:hover{background:#ffffff40;transform:scale(1.05)}.charge-modal-confirm{background:linear-gradient(135deg,#8a2be2b3,#9370db80);border:none}.charge-modal-confirm:hover{background:linear-gradient(135deg,#8a2be2e6,#9370dbb3)}.charge-dummy-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 350px;--max-height: 250px;display:flex;align-items:center;justify-content:center}.charge-dummy-content{background:var(--background-gradient-dark);border-radius:var(--border-radius-large);padding:16px;text-align:center;color:var(--text-color);box-shadow:var(--shadow-medium);animation:fadeIn .3s ease-out}.charge-dummy-title{font-size:1rem;font-weight:600;margin-bottom:8px}.charge-dummy-message{font-size:.85rem;color:var(--text-color-light);margin-bottom:12px}.charge-dummy-input{background:#ffffff0d;border:1px solid var(--accent-color-light);border-radius:var(--border-radius-small);padding:6px 10px;font-size:.85rem;color:var(--text-color);transition:var(--transition-default);margin-bottom:8px;width:100%}.charge-dummy-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 4px var(--accent-color-light)}.charge-dummy-buttons{display:flex;justify-content:center;margin-top:12px}.charge-dummy-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-small);color:var(--text-color);font-size:.85rem;font-weight:500;padding:6px 16px;cursor:pointer;transition:var(--transition-default)}.charge-dummy-close:hover{background:#fff3;transform:scale(1.05)}@media(max-width:767px){.charge-modal{--width: 90%;--max-height: 450px}.charge-modal-content{padding:12px}.charge-modal-title{font-size:1rem}.charge-modal-input,.charge-modal-textarea{font-size:.8rem}.charge-modal-textarea{min-height:80px}.charge-modal-evidence-button{font-size:.8rem;--padding: 5px 8px}.charge-modal-evidence-icon{font-size:18px}.charge-modal-evidence-id,.charge-modal-file-list li{font-size:.75rem}.charge-modal-terms-message{font-size:.85rem}.charge-modal-terms-label{font-size:.8rem}.charge-modal-buttons{margin-top:12px}.charge-modal-cancel,.charge-modal-confirm{font-size:.75rem;padding:5px 12px}.charge-dummy-modal{--width: 90%;--max-height: 220px}.charge-dummy-content{padding:12px}.charge-dummy-title{font-size:.9rem}.charge-dummy-message,.charge-dummy-input{font-size:.8rem}.charge-dummy-close{font-size:.8rem;padding:5px 12px}}:root{--background-dark: rgba(0, 0, 0, .95);--background-gradient-dark: linear-gradient(to bottom, #1f1f1f, #181818);--accent-color: rgba(255, 94, 98, .3);--accent-color-light: rgba(255, 94, 98, .2);--reference-accent-color: rgba(100, 149, 237, .3);--reference-accent-color-light: rgba(100, 149, 237, .2);--text-color: rgba(255, 255, 255, .9);--text-color-light: rgba(255, 255, 255, .7);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .5);--border-radius-large: 12px;--border-radius-small: 6px;--transition-default: all .2s ease}.post-publication-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 420px;display:flex;align-items:center;justify-content:center;padding:16px}.post-modal-content{background:var(--background-gradient-dark);border-radius:var(--border-radius-large);padding:16px;text-align:center;color:var(--text-color);box-shadow:var(--shadow-medium);animation:fadeIn .3s ease-out;display:flex;flex-direction:column}.post-modal-title{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#ff5e624d,#6495ed4d);padding:6px 10px;border-radius:var(--border-radius-small);border:1px solid var(--accent-color-light);margin:8px 0}.post-modal-input,.post-modal-textarea{background:#ffffff0d;border:1px solid var(--accent-color-light);border-radius:var(--border-radius-small);padding:6px 10px;font-size:.85rem;color:var(--text-color);transition:var(--transition-default);margin-bottom:4px;width:100%}.post-modal-input:focus,.post-modal-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 4px var(--accent-color-light)}.post-modal-textarea{resize:vertical;min-height:120px}.post-modal-buttons{display:flex;justify-content:space-between;margin-top:10px}.post-modal-cancel,.post-modal-confirm{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-small);color:var(--text-color);font-size:.8rem;font-weight:600;padding:6px 16px;cursor:pointer;transition:var(--transition-default)}.post-modal-cancel:hover,.post-modal-confirm:hover{background:#ffffff40;transform:scale(1.05)}.post-modal-confirm{background:linear-gradient(135deg,#8a2be2b3,#9370db80);border:none}.post-modal-confirm:hover{background:linear-gradient(135deg,#8a2be2e6,#9370dbb3)}.requirements-checkbox-container{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.requirements-checkbox-label{display:flex;align-items:center;font-size:.85rem;color:var(--text-color)}.requirements-checkbox{margin-right:8px}.requirements-info-button{--background: transparent;--border-radius: 50%;--padding: 8px}.requirements-info-icon{font-size:20px;color:var(--text-color-light);transition:var(--transition-default)}.requirements-info-button:hover .requirements-info-icon{color:var(--text-color)}.image-reference-checkbox-container{display:flex;justify-content:space-between;align-items:center}.image-reference-checkbox-label{display:flex;align-items:center;font-size:.85rem;color:var(--text-color);font-weight:500;background:linear-gradient(135deg,#6495ed1a,#ff5e621a);padding:6px 10px;border-radius:var(--border-radius-small);border:1px solid var(--reference-accent-color-light)}.image-reference-checkbox{margin-right:8px;accent-color:var(--reference-accent-color)}.image-reference-info-button{--background: transparent;--border-radius: 50%;--padding: 8px}.image-reference-info-icon{font-size:20px;color:var(--reference-accent-color);transition:var(--transition-default)}.image-reference-info-button:hover .image-reference-info-icon{color:var(--text-color)}.requirements-info-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 420px;display:flex;align-items:center;justify-content:center}.requirements-info-content{background:linear-gradient(135deg,#2a2a2a,#1c1c1c);border-radius:var(--border-radius-large);padding:24px;text-align:left;color:var(--text-color);box-shadow:0 8px 24px #0009;animation:slideIn .4s ease-out;position:relative}.requirements-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.requirements-info-title{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#ff5e624d,#6495ed4d);padding:6px 12px;border-radius:var(--border-radius-small);border:1px solid var(--accent-color-light)}.requirements-info-close-icon{--background: transparent;--border-radius: 50%;--padding: 8px;color:var(--text-color-light);transition:var(--transition-default)}.requirements-info-close-icon:hover{color:var(--text-color);background:#ffffff1a}.requirements-info-message{font-size:.95rem;color:#ffffffd9;line-height:1.6}.requirements-info-message ul{margin:16px 0;padding-left:0}.requirements-info-message li{display:flex;align-items:center;margin-bottom:12px;font-size:.9rem}.requirements-list-icon{font-size:18px;color:var(--accent-color);margin-right:8px}.requirements-info-buttons{display:flex;justify-content:flex-end;margin-top:20px}.enhanced-close-button{background:linear-gradient(135deg,#8a2be2b3,#9370db80);border:none;border-radius:var(--border-radius-small);color:var(--text-color);font-size:.9rem;font-weight:600;padding:10px 24px;cursor:pointer;transition:var(--transition-default);box-shadow:0 2px 8px #0000004d}.enhanced-close-button:hover{background:linear-gradient(135deg,#8a2be2e6,#9370dbb3);transform:translateY(-2px)}.image-reference-info-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 420px;display:flex;align-items:center;justify-content:center}.image-reference-info-content{background:linear-gradient(135deg,#2a2a2a,#1c1c1c);border-radius:var(--border-radius-large);padding:24px;text-align:left;color:var(--text-color);box-shadow:0 8px 24px #0009;animation:slideIn .4s ease-out;position:relative}.image-reference-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.image-reference-info-title{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#6495ed4d,#ff5e624d);padding:6px 12px;border-radius:var(--border-radius-small);border:1px solid var(--reference-accent-color-light)}.image-reference-info-close-icon{--background: transparent;--border-radius: 50%;--padding: 8px;color:var(--text-color-light);transition:var(--transition-default)}.image-reference-info-close-icon:hover{color:var(--text-color);background:#ffffff1a}.image-reference-info-message{font-size:.95rem;color:#ffffffd9;line-height:1.6}.image-reference-info-message ul{margin:16px 0;padding-left:0}.image-reference-info-message li{display:flex;align-items:center;margin-bottom:12px;font-size:.9rem}.image-reference-list-icon{font-size:18px;color:var(--reference-accent-color);margin-right:8px}.image-reference-info-buttons{display:flex;justify-content:flex-end;margin-top:20px}@media(max-width:767px){.post-publication-modal{--width: 95%;--max-height: 347px}.post-modal-content{padding:12px}.post-modal-title{font-size:1rem}.post-modal-input,.post-modal-textarea{font-size:.8rem}.post-modal-textarea{min-height:100px}.post-modal-buttons{margin-top:1px}.post-modal-cancel,.post-modal-confirm{font-size:.75rem;padding:5px 12px}.requirements-checkbox-label,.image-reference-checkbox-label{font-size:.8rem}.requirements-info-button,.image-reference-info-button{--padding: 6px}.requirements-info-icon,.image-reference-info-icon{font-size:18px}.requirements-info-modal,.image-reference-info-modal{--width: 95%;--max-height: 450px}.requirements-info-content,.image-reference-info-content{padding:16px}.requirements-info-title,.image-reference-info-title{font-size:1.1rem}.requirements-info-message,.image-reference-info-message{font-size:.85rem}.requirements-info-message li,.image-reference-info-message li{font-size:.8rem}.requirements-list-icon,.image-reference-list-icon{font-size:16px}.enhanced-close-button{font-size:.85rem;padding:8px 16px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.buzz-room-container{width:100%;background:#ffffff0d;border-radius:8px;box-shadow:0 2px 8px #0000004d;display:flex;flex-direction:column;flex-grow:1}.buzz-room-title-container{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:8px 0;background:#1f1f1fe6;position:sticky;top:0;z-index:10}.buzz-room-icon{font-size:20px;color:#ff6b6f}.buzz-room-title{font-size:1.1rem;color:#fff;font-weight:600;margin:0}.buzz-room-description-container{margin:6px 0}.buzz-room-description{font-size:.9rem;color:#ffffffd9;margin:0;line-height:1.4;font-family:Inter,Georgia,serif;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.buzz-room-description.expanded{-webkit-line-clamp:unset;overflow:visible}.buzz-read-more{font-size:.85rem;color:#ff5e62e6;cursor:pointer;transition:color .2s ease,transform .2s ease;display:inline-block;margin-top:4px}.buzz-read-more:hover{color:#ff5e62;transform:translateY(-1px)}.buzz-comment-input-container,.buzz-reply-input-container{display:flex;gap:8px;align-items:center;position:relative;z-index:1000;overflow:visible}.buzz-comment-input-container{margin-top:8px}.buzz-comment-input,.buzz-reply-input,.buzz-comment-edit-input{background:#ffffff1a;color:#fff;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,94,98,.2);font-size:.9rem;flex:1;transition:border-color .2s ease,box-shadow .2s ease}.buzz-reply-input{background:#ffffff14;border:1px solid rgba(255,94,98,.15);font-size:.85rem}.buzz-comment-input:focus,.buzz-reply-input:focus,.buzz-comment-edit-input:focus{outline:none;border-color:#ff5e6280;box-shadow:0 0 4px #ff5e624d}.buzz-comment-input::placeholder,.buzz-reply-input::placeholder{color:#ffffff80}.buzz-comment-button,.buzz-reply-button,.buzz-emoji-button{background:#ff5e62e6;border:none;border-radius:6px;padding:6px;cursor:pointer;transition:background .2s ease,transform .2s ease}.buzz-comment-button:hover,.buzz-reply-button:hover,.buzz-emoji-button:hover{background:#ff5e62;transform:translateY(-1px)}.buzz-comment-icon,.buzz-reply-icon,.buzz-comment-edit-icon,.buzz-comment-delete-icon,.buzz-reply-delete-icon{font-size:16px;color:#fff}.buzz-comments-list-container,.buzz-replies-list-container{display:flex;flex-direction:column;gap:8px;margin-top:8px;overflow-y:visible;flex-grow:1}.buzz-replies-list-container{padding-left:32px;gap:6px}.buzz-comments-count-container{margin:8px 0}.buzz-comments-count{font-size:.9rem;color:#ffffffb3;font-weight:500;margin:0}.buzz-comment-item,.buzz-reply-item{display:flex;align-items:flex-start;gap:8px;padding:12px;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-radius:8px;box-shadow:0 2px 6px #0003;transition:transform .2s ease,box-shadow .2s ease}.buzz-reply-item{padding:8px;background:#ffffff08;box-shadow:0 1px 4px #00000026}.buzz-comment-item:hover,.buzz-reply-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.buzz-comment-content-container,.buzz-reply-content-container{flex:1}.buzz-comment-header,.buzz-reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.buzz-reply-header{margin-bottom:4px}.buzz-comment-username,.buzz-reply-username{font-size:.95rem;color:#fff;font-weight:600}.buzz-reply-username{font-size:.85rem;font-weight:500}.buzz-comment-timestamp,.buzz-reply-timestamp{font-size:.8rem;color:#ffffff80}.buzz-reply-timestamp{font-size:.75rem}.buzz-comment-content,.buzz-reply-content{font-size:.9rem;color:#ffffffe6;margin:0;line-height:1.5;font-family:Inter,Georgia,serif}.buzz-reply-content{font-size:.85rem;color:#ffffffd9;line-height:1.4}.buzz-comment-user-avatar,.buzz-reply-user-avatar{border-radius:50%;border:1px solid rgba(255,94,98,.8);object-fit:cover;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.buzz-comment-user-avatar{width:24px;height:24px;min-width:24px;min-height:24px}.buzz-reply-user-avatar{width:20px;height:20px;min-width:20px;min-height:20px}.buzz-comment-user-avatar:hover,.buzz-reply-user-avatar:hover{transform:scale(1.1)}.buzz-comment-actions,.buzz-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.buzz-reply-actions{margin-top:4px}.buzz-comment-action-group,.buzz-reply-action-group{display:flex;align-items:center;gap:12px}.buzz-reply-action-group{gap:10px}.buzz-comment-action-item,.buzz-reply-action-item{display:flex;align-items:center;gap:4px}.buzz-reply-action-item{gap:3px}.buzz-comment-like-icon,.buzz-reply-like-icon{font-size:16px;color:#6b7280;transition:transform .2s ease,color .2s ease}.buzz-reply-like-icon{font-size:14px}.buzz-comment-like-icon-active,.buzz-reply-like-icon-active{color:#a855f7}.buzz-comment-love-icon,.buzz-reply-love-icon{font-size:19px;color:#9ca3af;transition:transform .2s ease,color .2s ease}.buzz-reply-love-icon{font-size:16px}.buzz-comment-love-icon-active,.buzz-reply-love-icon-active{color:#ef4444}.buzz-comment-like-icon:hover,.buzz-comment-like-icon-active:hover,.buzz-comment-love-icon:hover,.buzz-comment-love-icon-active:hover,.buzz-reply-like-icon:hover,.buzz-reply-like-icon-active:hover,.buzz-reply-love-icon:hover,.buzz-reply-love-icon-active:hover{transform:scale(1.2)}.buzz-comment-love-item,.buzz-reply-love-item{margin-left:8px}.buzz-reply-love-item{margin-left:6px}.buzz-comment-action-count,.buzz-reply-action-count{font-size:.8rem;color:#ffffffb3}.buzz-reply-action-count{font-size:.75rem}.buzz-comment-button-group,.buzz-reply-button-group{padding-bottom:6px;display:flex;align-items:center;gap:1px!important}.buzz-reply-button-group{gap:10px}.buzz-comment-edit-button,.buzz-comment-delete-button,.buzz-reply-delete-button{background:transparent;border-radius:6px;padding:6px;cursor:pointer;transition:background .2s ease,transform .2s ease}.buzz-comment-edit-button{border:1px solid rgba(128,128,128,.5);background:#80808033;margin-right:8px}.buzz-comment-edit-button:hover{background:#80808066;transform:translateY(-1px)}.buzz-comment-delete-button,.buzz-reply-delete-button{border:1px solid rgba(255,0,0,.5);background:#f003}.buzz-comment-delete-button:hover,.buzz-reply-delete-button:hover{background:#f006;transform:translateY(-1px)}.buzz-reply-delete-button{padding:4px}.buzz-comment-edit-container{display:flex;flex-direction:column;gap:8px}.buzz-comment-edit-buttons{display:flex;justify-content:flex-end;gap:8px}.buzz-comment-edit-send,.buzz-comment-edit-cancel{padding:6px 12px;border-radius:6px;border:none;font-size:.9rem;cursor:pointer;transition:background .2s ease,transform .2s ease;color:#fff}.buzz-comment-edit-send{background:#ff5e62e6}.buzz-comment-edit-send:hover{background:#ff5e62;transform:translateY(-1px)}.buzz-comment-edit-cancel{background:#80808080}.buzz-comment-edit-cancel:hover{background:#808080b3;transform:translateY(-1px)}.buzz-emoji-picker{position:absolute;z-index:10000;background:#141414fa;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 4px 16px #0009;padding:4px;width:280px;max-width:90vw;transform:scale(.7);transform-origin:top left}.buzz-emoji-picker .emoji-picker-react{font-size:.9rem;background:transparent;width:100%;height:300px;border:none}.buzz-emoji-picker .emoji-picker-react .emoji{font-size:1.2rem;width:24px;height:24px;line-height:24px;margin:2px;cursor:pointer}.buzz-emoji-picker .emoji-picker-react .emoji-group{padding:4px}.buzz-emoji-picker .emoji-picker-react .emoji-group-title{font-size:.85rem;color:#ffffffe6;margin:4px 0}.buzz-emoji-picker .emoji-picker-react .emoji-search{font-size:.85rem;padding:6px;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,94,98,.2);color:#fff;width:100%}.buzz-emoji-picker .emoji-picker-react .emoji-search:focus{outline:none;border-color:#ff5e6280;box-shadow:0 0 4px #ff5e624d}.buzz-emoji-picker .epr-preview{display:none;visibility:hidden;height:0;padding:0;margin:0;overflow:hidden}.buzz-delete-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.buzz-delete-modal-content{background:#1f1f1ff2;border-radius:8px;padding:16px;text-align:center;color:#fff;box-shadow:0 4px 16px #00000080;display:flex;flex-direction:column;gap:12px;width:90%;max-width:400px;animation:fadeIn .3s ease-out}.buzz-delete-modal-title{font-size:1.1rem;font-weight:600;margin:0}.buzz-delete-modal-message{font-size:.9rem;color:#fffc;margin:0;line-height:1.5}.buzz-delete-modal-buttons{display:flex;justify-content:space-between;gap:12px}.buzz-delete-modal-cancel,.buzz-delete-modal-confirm{padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease,transform .2s ease;border:none;color:#fff}.buzz-delete-modal-cancel{background:#80808080}.buzz-delete-modal-cancel:hover{background:#808080b3;transform:translateY(-1px)}.buzz-delete-modal-confirm{background:#ff5e62e6}.buzz-delete-modal-confirm:hover{background:#ff5e62;transform:translateY(-1px)}@media(max-width:767px){.buzz-room-container{padding:6px}.buzz-room-title-container{margin-bottom:4px;gap:4px;padding:6px 0}.buzz-room-icon{font-size:18px}.buzz-room-title{font-size:1rem}.buzz-room-description-container{margin:4px 0}.buzz-room-description{font-size:.85rem}.buzz-read-more{font-size:.8rem}.buzz-comment-input-container,.buzz-reply-input-container{gap:6px}.buzz-comment-input,.buzz-comment-edit-input{padding:8px 10px;font-size:.85rem}.buzz-reply-input{padding:6px 8px;font-size:.8rem}.buzz-comment-button,.buzz-reply-button,.buzz-emoji-button{padding:6px}.buzz-comment-icon,.buzz-reply-icon,.buzz-comment-edit-icon,.buzz-comment-delete-icon,.buzz-reply-delete-icon{font-size:14px}.buzz-comments-count-container{margin:6px 0}.buzz-comments-count{font-size:.7rem}.buzz-comment-item{padding:8px}.buzz-comment-user-avatar{width:20px;height:20px;min-width:20px;min-height:20px}.buzz-reply-user-avatar{width:18px;height:18px;min-width:18px;min-height:18px}.buzz-comment-username{font-size:.9rem}.buzz-reply-username{font-size:.8rem}.buzz-comment-timestamp{font-size:.75rem}.buzz-comment-content{font-size:.85rem}.buzz-reply-content{font-size:.8rem}.buzz-comment-actions,.buzz-reply-actions{gap:8px;margin-top:4px}.buzz-comment-action-group,.buzz-reply-action-group{gap:8px}.buzz-comment-action-item,.buzz-reply-action-item{gap:3px}.buzz-comment-like-icon,.buzz-comment-like-icon-active,.buzz-reply-like-icon,.buzz-reply-like-icon-active{font-size:12px}.buzz-comment-love-icon,.buzz-comment-love-icon-active,.buzz-reply-love-icon,.buzz-reply-love-icon-active{font-size:14px}.buzz-comment-love-item,.buzz-reply-love-item{margin-left:6px}.buzz-comment-action-count,.buzz-reply-action-count{font-size:.75rem}.buzz-comment-edit-button,.buzz-comment-delete-button,.buzz-reply-delete-button{padding:4px}.buzz-comment-edit-container{gap:6px}.buzz-comment-edit-input{padding:6px 8px;font-size:.85rem}.buzz-comment-edit-buttons{gap:6px}.buzz-comment-edit-send,.buzz-comment-edit-cancel{padding:4px 10px;font-size:.85rem}.buzz-replies-list-container{padding-left:24px;gap:4px}.buzz-reply-item{padding:6px}.buzz-emoji-picker{width:363px;height:461px;max-width:95vw;top:50px;left:10px}.buzz-emoji-picker .emoji-picker-react .emoji{font-size:1rem;width:20px;height:20px;line-height:20px;margin:1px}.buzz-emoji-picker .emoji-picker-react .emoji-group{padding:3px}.buzz-emoji-picker .emoji-picker-react .emoji-group-title{font-size:.8rem}.buzz-emoji-picker .emoji-picker-react .emoji-search{font-size:.8rem;padding:5px}.buzz-delete-modal-content{padding:12px;width:95%;max-width:320px;gap:10px}.buzz-delete-modal-title{font-size:1rem}.buzz-delete-modal-message{font-size:.85rem}.buzz-delete-modal-buttons{gap:8px}.buzz-delete-modal-cancel,.buzz-delete-modal-confirm{padding:6px 12px;font-size:.85rem}}@media(min-width:768px){.buzz-room-container{width:380px;padding:8px}.buzz-comment-user-avatar{width:24px;height:24px;min-width:24px;min-height:24px}.buzz-reply-user-avatar{width:20px;height:20px;min-width:20px;min-height:20px}}@media(min-width:1024px){.buzz-room-container{width:500px}.buzz-comment-user-avatar{width:28px;height:28px;min-width:28px;min-height:28px}.buzz-reply-user-avatar{width:24px;height:24px;min-width:24px;min-height:24px}}:host,ion-content,.ion-page{--z-index: 1}.buzz-reaction-group{display:flex;align-items:center;border-radius:6px;padding:1px 2px;gap:3px;transition:background .2s ease}.buzz-reaction-group:hover{background:#ffffff1a}.buzz-like-group{border:1px solid rgba(255,94,98,.15)}.buzz-love-group{border:1px solid rgba(239,68,68,.15);margin-left:20px}.buzz-reaction-group .buzz-comment-action-item{gap:3px;padding:2px 0}.buzz-reaction-group .buzz-comment-action-count{font-size:.75rem;min-width:12px;text-align:center}.buzz-comment-like-icon-active,.buzz-comment-love-icon-active{animation:pulse .3s ease}.generation-parameter{margin-bottom:24px}.parameter-title{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#fffffff2;border-bottom:1px solid rgba(255,94,98,.2);padding-bottom:4px}.generation-parameter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gift-icon{font-size:1.5rem;color:#a51edbbd;cursor:pointer;transition:var(--transition-default)}.gift-icon:hover{color:#ff5e62;transform:scale(1.1)}.tab-button-meta{flex:1;padding:8px 12px;background:var(--background-gradient-dark);color:var(--text-color-light);font-size:.95rem;font-weight:500;border:none;border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;cursor:pointer;transition:var(--transition-default)}.tab-button-meta.active{background:linear-gradient(135deg,#ff5e6240,#000000b3);color:#fffffff2;box-shadow:0 1px 4px var(--accent-color-light)}.tab-button-meta:hover{background:linear-gradient(135deg,#ff5e6259,#0009);color:var(--text-color)}.parameter-title-badge{background:linear-gradient(135deg,#ff5e624d,#6495ed4d);color:#f0c4e9;padding:2px 4px;border-radius:var(--border-radius-medium);font-size:1rem;font-weight:600;border:1px solid rgba(255,94,98,.4);box-shadow:0 2px 6px #0003;transition:var(--transition-default);display:inline-block;letter-spacing:.5px}.metadata-container{width:100%;background:linear-gradient(to bottom,#1f1f1f,#181818);border-radius:12px;box-shadow:0 4px 12px #0000004d;color:#ffffffe6;overflow-y:visible;height:auto!important;flex-grow:0}.tab-content,.parameter-tab,.caption-tab{overflow-y:visible!important;height:auto!important}.parameter-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;width:100%}.parameter-label{font-size:.9rem;color:#ffffffb3;flex:0 0 40%}.parameter-value{font-size:.9rem;color:#ffffffe6;flex:1;text-align:right;word-break:break-word;overflow-wrap:break-word}.tab-content{margin-bottom:-10px}.tab-button-meta{font-size:.95rem!important}.reference-confirmation-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 280px;display:flex;align-items:center;justify-content:center}.reference-confirmation-content{background:var(--background-gradient-dark);border-radius:var(--border-radius-large);padding:24px;text-align:left;color:var(--text-color);box-shadow:var(--shadow-medium);animation:fadeIn .3s ease-out}.reference-confirmation-title{font-size:1.2rem;font-weight:600;margin-bottom:12px}.reference-confirmation-message{font-size:.9rem;color:#fffc;line-height:1.5}.reference-confirmation-buttons{display:flex;justify-content:flex-end;margin-top:16px;gap:10px}.reference-confirmation-cancel,.reference-confirmation-confirm{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-small);color:var(--text-color);font-size:.9rem;font-weight:500;padding:8px 20px;cursor:pointer;transition:var(--transition-default)}.reference-confirmation-cancel:hover,.reference-confirmation-confirm:hover{background:#ffffff40;transform:scale(1.05)}.reference-confirmation-confirm{background:linear-gradient(135deg,#8a2be2b3,#9370db80);border:none}.reference-confirmation-confirm:hover{background:linear-gradient(135deg,#8a2be2e6,#9370dbb3)}.delete-conf-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 280px;display:flex;align-items:center;justify-content:center}.delete-confirmation-modal.warning-modal{--background: rgba(0, 0, 0, .9)}.delete-modal-content{background:var(--background-gradient-dark);border-radius:var(--border-radius-large);padding:24px;text-align:left;color:var(--text-color);box-shadow:var(--shadow-medium);animation:fadeIn .3s ease-out;position:relative}.delete-confirmation-modal.warning-modal .delete-modal-content{border:2px solid rgba(255,94,98,.7);background:linear-gradient(to bottom,#2a1f1f,#181818)}.delete-modal-title{font-size:1.2rem;font-weight:600;margin-bottom:12px;color:#fffffff2}.delete-confirmation-modal.warning-modal .delete-modal-title{color:#ff5e62f2;display:flex;align-items:center;gap:8px}.delete-confirmation-modal.warning-modal .delete-modal-title:before{content:"⚠️";font-size:1.2rem}.delete-modal-message{font-size:.9rem;color:#fffc;line-height:1.5;margin-bottom:16px}.delete-confirmation-modal.warning-modal .delete-modal-message{color:#ffffffe6;font-weight:500}.delete-modal-buttons{display:flex;justify-content:flex-end;gap:10px}.delete-modal-cancel,.delete-modal-confirm{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-small);color:var(--text-color);font-size:.9rem;font-weight:500;padding:8px 20px;cursor:pointer;transition:var(--transition-default)}.delete-modal-cancel:hover,.delete-modal-confirm:hover{background:#ffffff40;transform:scale(1.05)}.delete-modal-confirm{background:linear-gradient(135deg,#ff5e62b3,#c8323280);border:none}.delete-confirmation-modal.warning-modal .delete-modal-confirm{background:linear-gradient(135deg,#ff5e62,#c83232cc)}.delete-modal-confirm:hover{background:linear-gradient(135deg,#ff5e62e6,#c83232b3)}.delete-confirmation-modal.warning-modal .delete-modal-confirm:hover{background:linear-gradient(135deg,#ff5e62,#c83232)}.delete-modal-cancel:disabled,.delete-modal-confirm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){.reference-confirmation-modal,.delete-conf-modal{--width: 90%;--max-height: 240px}.reference-confirmation-content,.delete-modal-content{padding:16px}.reference-confirmation-title,.delete-modal-title{font-size:1rem}.reference-confirmation-message,.delete-modal-message{font-size:.85rem}.reference-confirmation-cancel,.reference-confirmation-confirm,.delete-modal-cancel,.delete-modal-confirm{font-size:.85rem;padding:6px 16px}.delete-confirmation-modal.warning-modal .delete-modal-title:before{font-size:1rem}.loras-container{gap:6px}.lora-item{padding:3px 6px}.lora-id{font-size:.8rem}.lora-strength{font-size:.75rem}}.gen-score-root{margin:6px 0}.gen-score-detail{margin:4px 0;padding:5px;background:linear-gradient(135deg,#ff5e6226,#0009);border-radius:var(--border-radius-small);border:1px solid var(--accent-color-light);box-shadow:0 1px 4px #0000004d;animation:fadeIn .25s ease-out;font-size:.82rem;line-height:1.4}.gen-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 50px;margin:8px 0}.gen-quality-badge{padding:2px 7px;border-radius:10px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.gen-quality-Excellent{background:linear-gradient(135deg,#56ab2f,#a8e6cf)}.gen-quality-Good{background:linear-gradient(135deg,#11998e,#38ef7d)}.gen-quality-Fair{background:linear-gradient(135deg,#f7971e,#ffd200)}.gen-quality-Poor{background:linear-gradient(135deg,#ff5e62,#f96)}.gen-quality-Unknown{background:linear-gradient(135deg,#8e2de2,#4a00e0)}.gen-weight-chip{background:#ffffff14;padding:1px 5px;border-radius:4px;font-family:monospace;font-size:.7rem}.gen-loading,.gen-error{text-align:center;padding:6px;font-size:.8rem}.gen-loading{color:var(--text-color-light)}.gen-error{color:#ff6b6f}.adv-root{margin:2px 5px 5px;z-index:1000;position:relative}.glass-hub{background:#232323bf;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:4px;box-shadow:0 10px 30px #0006}.bar-flex{display:flex;gap:8px;align-items:center}.input-field-main{flex:1;display:flex;align-items:center;background:#0000004d;border-radius:14px;padding:0 12px;height:44px}.input-field-main input{background:transparent;border:none;color:#fff;width:100%;outline:none;padding-left:8px;font-size:.9rem}.accent-icon{color:#ff5e62;font-size:1.2rem}.btn-search-main{background:linear-gradient(135deg,#ff5e62,#f96);border:none;color:#fff;height:44px;padding:0 16px;border-radius:14px;display:flex;align-items:center;gap:8px;font-weight:700;box-shadow:0 4px 15px #ff5e624d}.btn-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:44px;height:44px;border-radius:14px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.btn-toggle.active{background:#ff5e62;border-color:#ff5e62}.quick-row{display:flex;gap:8px;margin-top:8px}.chip-select{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:10px;display:flex;align-items:center;gap:6px;color:#aaa;font-size:.75rem}.chip-select select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.chevron{font-size:.7rem;opacity:.5}.solid-panel{background:#141416;border:1px solid #222;border-radius:20px;margin-top:10px;padding:16px;box-shadow:0 25px 50px #000000b3}.s-section{margin-bottom:16px}.s-label{display:flex;align-items:center;gap:6px;font-size:.65rem;color:#666;text-transform:uppercase;margin-bottom:8px;letter-spacing:1px}.input-solid{width:100%;background:#000;border:1px solid #2a2a2a;padding:11px;border-radius:12px;color:#fff;font-size:.85rem;outline:none}.date-input{color-scheme:dark}.s-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tag-container-solid{display:flex;flex-wrap:wrap;gap:6px;background:#000;padding:8px;border-radius:12px;border:1px solid #2a2a2a}.tag-pill{background:#ff5e62;color:#fff;padding:4px 10px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:.8rem}.tag-adder{display:flex;flex:1;min-width:120px}.tag-adder input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:.8rem}.tag-adder button{background:#333;border:none;border-radius:6px;color:#fff;width:24px}.pill-grid{display:flex;flex-wrap:wrap;gap:6px}.pill-btn{background:#1a1a1c;border:1px solid #333;color:#777;padding:6px 12px;border-radius:8px;font-size:.7rem;text-transform:uppercase}.pill-btn.active{border-color:#ff5e62;color:#ff5e62;background:#ff5e620d}.footer-flex{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #222;padding-top:16px;margin-top:8px}.reset-action{background:transparent;border:none;color:#555;font-size:.8rem;font-weight:500}.apply-action{background:#fff;color:#000;border:none;padding:10px 22px;border-radius:12px;font-weight:800;font-size:.85rem}@media(max-width:600px){.hide-mob{display:none}.s-grid{grid-template-columns:1fr;gap:0}}.dense-grid ion-col{padding:0!important}.activation-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:.75rem;position:relative;overflow:hidden}.activation-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.1) 0%,transparent 50%);animation:meshMove 20s ease-in-out infinite;pointer-events:none}@keyframes meshMove{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-5%,-5%) rotate(5deg)}}.activation-container{position:relative;width:100%;max-width:420px;background:#1a1a1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;z-index:1}.activation-container header{text-align:center;margin-bottom:1rem}.welcome-icon{font-size:2.5rem;margin-bottom:.5rem;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.activation-container .title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.activation-container .subtitle{color:#b0b0b0;font-size:.875rem;line-height:1.4}.activation-form{display:flex;flex-direction:column;gap:.75rem}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-field .label{font-size:.8rem;font-weight:600;color:#e0e0e0;margin-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:.75rem;color:#667eea;pointer-events:none;font-size:.875rem}.input-control{width:100%;padding:.65rem 2.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.9rem;transition:all .2s}.input-control:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 0 3px #667eea1a}.input-control::placeholder{color:#666}.toggle-password{position:absolute;right:.75rem;background:none;border:none;color:#666;cursor:pointer;padding:.35rem;transition:color .2s;font-size:.875rem}.toggle-password:hover{color:#667eea}.password-requirements{background:#ffffff08;border-radius:10px;padding:.6rem .75rem;border:1px solid rgba(255,255,255,.05)}.requirements-title{font-size:.75rem;font-weight:600;color:#e0e0e0;margin-bottom:.4rem}.requirements-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.25rem}.requirements-list li{display:flex;align-items:center;gap:.5rem;font-size:.75rem;transition:all .2s}.requirements-list li.unmet{color:#888}.requirements-list li.met{color:#4ade80}.check-icon{font-size:.65rem}.submit-btn{width:100%;padding:.7rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.25rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.help-text{text-align:center;font-size:.75rem;color:#666;margin:0}.activation-container.success-state{text-align:center;padding:2rem 1.5rem}.success-icon{font-size:3rem;margin-bottom:.75rem;animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-state .title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.35rem}.success-state .subtitle{color:#b0b0b0;font-size:.875rem;margin-bottom:.35rem}.success-state .redirect-text{color:#888;font-size:.75rem}.loading-spinner{width:48px;height:48px;border:3px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--t2i-radius: 20px;--t2i-padding: 18px;--t2i-bg: rgba(10, 10, 18, .85);--t2i-border: 1px solid rgba(255, 255, 255, .1);--t2i-shadow: 0 12px 40px rgba(0, 0, 0, .5);--t2i-accent: #818cf8;--t2i-negative-accent: #fb7185;--t2i-text: #ffffff;--t2i-label: #f8fafc;--t2i-placeholder: #64748b}.t2i-prompt-container,.t2i-negative-container{background:var(--t2i-bg)!important;border-radius:var(--t2i-radius);border:var(--t2i-border);margin-bottom:20px!important;overflow:hidden;box-shadow:var(--t2i-shadow);transition:border-color .3s ease,background .3s ease}.t2i-prompt-header,.t2i-negative-header{display:flex;align-items:center;padding:14px var(--t2i-padding);background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);gap:12px}.t2i-prompt-icon,.t2i-negative-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;color:var(--t2i-accent);background:#818cf81a}.t2i-negative-icon{color:var(--t2i-negative-accent);background:#fb71851a}.t2i-prompt-label{font-family:Inter,sans-serif;font-size:16px!important;font-weight:600!important;color:var(--t2i-label)!important;text-transform:none!important;letter-spacing:normal!important}.t2i-textarea,.t2i-negative-textarea{--color: var(--t2i-text) !important;--placeholder-color: var(--t2i-placeholder) !important;--padding-start: var(--t2i-padding);--padding-end: var(--t2i-padding);--padding-top: var(--t2i-padding);--padding-bottom: var(--t2i-padding)}.t2i-textarea::part(textarea),.t2i-negative-textarea::part(textarea){color:var(--t2i-text)!important;font-size:16px!important;line-height:1.6;caret-color:var(--t2i-accent)!important;background:transparent!important;font-family:Inter,sans-serif}.t2i-textarea::part(placeholder),.t2i-negative-textarea::part(placeholder){color:var(--t2i-placeholder)!important;opacity:.8;font-style:italic}.t2i-prompt-container:focus-within,.t2i-negative-container:focus-within{border-color:#6366f1!important;background:#000000e6!important;box-shadow:0 0 20px #6366f14d!important}@media(max-width:768px){:root{--t2i-padding: 14px}.t2i-prompt-header,.t2i-negative-header{padding:12px var(--t2i-padding)}.t2i-prompt-icon,.t2i-negative-icon{width:32px;height:32px}}@media(max-width:480px){.t2i-textarea::part(textarea),.t2i-negative-textarea::part(textarea){font-size:15px!important}}.t2i-lora-content{margin-top:5px!important;padding:5px!important;background:linear-gradient(145deg,#ffffffe6,#f0f0ffcc);border-radius:8px;border:1px solid rgba(99,102,241,.3);box-shadow:0 2px 8px #00000014}.t2i-lora-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:-1px!important}.t2i-lora-strength-container{margin-top:-5px}@media(max-width:768px){.t2i-lora-card{padding:4px}.t2i-lora-strength-slider-container{flex-wrap:wrap}.t2i-lora-strength-value{flex-basis:45px}.t2i-lora-searchbar{padding:6px 10px}.t2i-lora-model-item{--min-height: 56px}}.t2i-reference-modal .modal-wrapper{border-radius:16px;max-width:500px;margin:0 auto;box-shadow:0 20px 40px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1px solid rgba(255,255,255,.3)}.t2i-reference-header{--min-height: 32px !important;--padding-top: 0 !important;--padding-bottom: 0 !important}.t2i-reference-header ion-toolbar{--min-height: 32px !important;--padding-start: 8px !important;--padding-end: 8px !important;--padding-top: 0 !important;--padding-bottom: 0 !important}.t2i-reference-header ion-title{font-size:14px!important;font-weight:600;padding:0!important}.t2i-reference-header .t2i-reference-close-btn{--padding-start: 4px !important;--padding-end: 4px !important;--padding-top: 4px !important;--padding-bottom: 4px !important;height:24px!important;width:24px!important;margin:0!important}.t2i-reference-content{padding:20px 0}.t2i-reference-mode-selector{margin-bottom:16px}.t2i-reference-label{font-weight:600;color:#1e293b;font-size:16px;margin:0}.t2i-reference-mode-buttons{display:flex;border-radius:8px;overflow:hidden;border:1px solid #6366f1;background:transparent;height:32px}.t2i-reference-mode-btn{flex:1;height:100%;background:#ffffffb3;border:none;margin:0;padding:0;cursor:pointer;font-weight:500;font-size:14px;color:#6366f1;transition:all .3s ease;outline:none;display:flex;align-items:center;justify-content:center}.t2i-reference-mode-btn:first-child{border-right:1px solid #6366f1}.t2i-reference-mode-btn-active{background:#6366f1;color:#fff;box-shadow:0 2px 4px #6366f133}.t2i-reference-mode-btn:hover:not(.t2i-reference-mode-btn-active){background:#6366f10d;transform:translateY(-1px)}.t2i-reference-input-item{--border-radius: 12px;--background: rgba(255, 255, 255, .95);--border-color: rgba(99, 102, 241, .2);--highlight-height: 0;margin-bottom:24px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.t2i-reference-input-item:hover{--border-color: rgba(99, 102, 241, .4);box-shadow:0 6px 16px #6366f11a}.t2i-reference-input{--padding-start: 16px;--padding-end: 16px;--padding-top: 12px;--padding-bottom: 12px;font-size:16px;color:#334155;--placeholder-color: #94a3b8;--placeholder-opacity: .8}.t2i-reference-button-container{margin-top:16px}.t2i-reference-submit-btn{--border-radius: 12px !important;--padding-top: 12px !important;--padding-bottom: 12px !important;--background: linear-gradient(90deg, #10b981, #059669) !important;--background-hover: linear-gradient(90deg, #0d9f6f, #047857) !important;--background-activated: linear-gradient(90deg, #0b8e5f, #036947) !important;--color: white !important;font-weight:600!important;font-size:15px!important;text-transform:none!important;letter-spacing:.5px!important;box-shadow:0 4px 12px #10b9814d!important;transition:all .3s ease!important;margin:0!important;height:40px!important;min-height:40px!important}.t2i-reference-submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #10b98166!important}.t2i-reference-submit-btn:disabled{--background: #cbd5e1 !important;--color: #94a3b8 !important;box-shadow:none!important;transform:none!important}.t2i-reference-results-section{margin-top:24px}.t2i-reference-results-title{font-weight:600;color:#1e293b;font-size:12px;margin-bottom:10px}.t2i-reference-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:16px}.t2i-reference-result-card{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;cursor:pointer;background:#fff}.t2i-reference-result-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.t2i-reference-result-card-content{padding:8px}.t2i-reference-result-layout{display:flex;gap:16px;align-items:center;position:relative}.t2i-reference-result-image-container{position:relative;width:190px;height:190px;flex-shrink:0;overflow:hidden;background-color:#f1f5f9}.t2i-reference-result-image{width:190px;height:190px;border-radius:8px;overflow:hidden;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center}.t2i-reference-result-image img{max-width:190px;max-height:190px;width:auto;height:auto;object-fit:contain;object-position:center;display:block;transition:transform .3s ease;box-sizing:border-box;aspect-ratio:unset}.t2i-reference-result-card:hover .t2i-reference-result-image img{transform:scale(1.05)}.t2i-reference-result-parameters{flex:1;min-width:0}.t2i-reference-result-details{display:flex;flex-direction:column;gap:8px}.t2i-reference-result-prompt h3,.t2i-reference-result-negative h4{font-size:14px;font-weight:600;margin:0 0 4px;color:#1e293b}.t2i-reference-result-prompt p{font-size:12px;margin:0 0 8px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t2i-reference-result-negative p{font-size:12px;margin:0 0 8px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t2i-reference-result-meta p{font-size:12px;margin:2px 0;color:#64748b}.t2i-reference-score-badge{position:absolute;top:0;right:0;background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;padding:3px 6px;border-radius:12px;font-size:12px;font-weight:600;z-index:1;box-shadow:0 2px 4px #0003}.t2i-reference-score-badge p{margin:0;font-size:12px}@media(max-width:768px){.t2i-reference-modal .modal-wrapper{border-radius:16px 16px 0 0;max-width:100%;position:absolute;bottom:0;width:100%;min-height:40vh;max-height:70vh}.t2i-reference-content{padding:16px 0}.t2i-reference-input-item{margin-bottom:20px}.t2i-reference-mode-buttons{height:36px}.t2i-reference-mode-btn{font-size:16px}.t2i-reference-results-grid{grid-template-columns:1fr;gap:8px}.t2i-reference-result-card{max-width:100%}.t2i-reference-result-layout{flex-direction:row;align-items:center;gap:12px}.t2i-reference-result-image-container{width:190px;height:190px;flex-shrink:0}.t2i-reference-result-image{width:190px;height:190px;display:flex;align-items:center;justify-content:center}.t2i-reference-result-image img{max-width:190px;max-height:190px;width:auto;height:auto;object-fit:contain;object-position:center}.t2i-reference-result-parameters{flex:1;min-width:0}.t2i-reference-result-prompt p,.t2i-reference-result-negative p{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px}.t2i-reference-result-meta p{font-size:10px;margin:2px 0}.t2i-reference-score-badge{top:0;right:0;padding:3px 6px;font-size:11px}.t2i-reference-score-badge p{font-size:11px}}@media(max-width:480px){.t2i-reference-result-layout{flex-direction:row;align-items:center;gap:8px}.t2i-reference-result-image-container{width:190px;height:190px;flex-shrink:0}.t2i-reference-result-image{width:190px;height:190px;display:flex;align-items:center;justify-content:center}.t2i-reference-result-image img{max-width:190px;max-height:190px;width:auto;height:auto;object-fit:contain;object-position:center}.t2i-reference-result-parameters{flex:1;min-width:0}.t2i-reference-result-prompt h3,.t2i-reference-result-negative h4{font-size:10px}.t2i-reference-result-meta p{font-size:9px}.t2i-reference-result-prompt p,.t2i-reference-result-negative p{font-size:9px;-webkit-line-clamp:3}.t2i-reference-score-badge{top:0;right:0;padding:2px 5px;font-size:10px}.t2i-reference-score-badge p{font-size:10px}}.t2i-reference-result-image-container{position:relative;width:190px;height:190px;flex-shrink:0;overflow:hidden;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center}.t2i-reference-result-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;border-radius:8px;transition:transform .3s ease}.t2i-controls-row{display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 16px;margin:0 0 20px;background:#0f0f19bf!important;backdrop-filter:blur(25px) saturate(160%)!important;-webkit-backdrop-filter:blur(25px) saturate(160%)!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.1)!important;position:relative;z-index:10}.t2i-segment-wrapper,.t2i-buttons-wrapper{display:flex;align-items:center;flex-shrink:0}.t2i-buttons-container{display:flex;gap:10px;align-items:center}.t2i-autofill-toggle-container{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0000004d;border-radius:10px;border:1px solid rgba(99,102,241,.3)}.t2i-autofill-toggle{--handle-width: 20px;--handle-height: 20px;--handle-spacing: 2px}.t2i-autofill-label{display:flex;align-items:center;gap:4px;color:#94a3b8;font-size:13px;font-weight:500;margin:0}.t2i-autofill-info-icon{font-size:16px;color:#6366f1;cursor:help;opacity:.7;transition:opacity .2s}.t2i-autofill-info-icon:hover{opacity:1}.t2i-custom-segment{display:flex;width:240px;height:38px;padding:3px;background:#0000004d!important;border-radius:12px!important;border:1px solid rgba(99,102,241,.4)}.t2i-segment-btn{flex:1;height:100%;background:transparent;border:none;color:#94a3b8;font-weight:500;font-size:13px;transition:all .2s ease;cursor:pointer}.t2i-segment-btn.active{background:#6366f1!important;color:#fff!important;border-radius:9px!important;box-shadow:0 2px 8px #6366f166}.t2i-get-recommendation-button,.t2i-all-recommendation-button,.t2i-reference-button.in-advanced-mode{--border-radius: 12px !important;height:40px!important;margin:0!important;font-weight:600!important;letter-spacing:.3px;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 12px #0000004d,inset 0 1px 1px #ffffff4d!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.t2i-get-recommendation-button,.t2i-reference-button.in-advanced-mode{--background: linear-gradient(145deg, #6366f1 0%, #4f46e5 100%) !important}.t2i-all-recommendation-button{--background: linear-gradient(145deg, #4f46e5 0%, #3730a3 100%) !important}@media(max-width:768px){.t2i-controls-row{flex-direction:column;height:auto;padding:12px;gap:12px}.t2i-custom-segment{width:100%}.t2i-buttons-wrapper.simple-mode,.t2i-buttons-container{width:100%;justify-content:space-between}}@media(max-width:480px){.t2i-get-recommendation-button,.t2i-all-recommendation-button{font-size:11px!important;--padding-start: 8px;--padding-end: 8px;flex:1}.t2i-segment-btn{font-size:12px}.t2i-buttons-wrapper.simple-mode{flex-direction:column!important;align-items:stretch!important;gap:8px}}.t2i-get-recommendation-button,.t2i-all-recommendation-button{--border-radius: 12px !important;height:44px!important;margin:0!important;font-weight:700!important;font-size:13px!important;letter-spacing:.5px;text-transform:capitalize;box-shadow:0 4px 15px #0006,inset 0 1px 1px #fff6!important;border:1px solid rgba(255,255,255,.1)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.t2i-get-recommendation-button{--background: linear-gradient(135deg, #6366f1 0%, #4338ca 100%) !important;--color: #ffffff !important}.t2i-all-recommendation-button{--background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%) !important;--color: #ffffff !important}.t2i-get-recommendation-button:active,.t2i-all-recommendation-button:active{transform:scale(.95);filter:brightness(1.2);box-shadow:0 0 20px #6366f180!important}.t2i-get-recommendation-button::part(native),.t2i-all-recommendation-button::part(native){padding-left:16px;padding-right:16px;justify-content:center}.t2i-wide-card{margin:0!important;border-radius:0 0 24px 24px!important;border:none!important}.main-image-wrapper{position:relative;border-radius:0;overflow:hidden}.action-buttons-container{position:absolute;bottom:12px;right:12px;left:12px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;padding:8px;display:flex;justify-content:space-around;border:1px solid rgba(255,255,255,.1)}.action-button{background:transparent!important;border:none;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#fff}.t2i-wide-card ion-card-content{border-radius:16px!important;overflow:hidden;border:1px solid rgba(255,255,255,.1)!important}.action-buttons-container{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:15px 10px 10px!important;display:flex;justify-content:space-between}.action-button{--background: rgba(255, 255, 255, .15) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);--border-radius: 8px !important;font-size:11px!important;height:32px!important}.afc-modal-main{--background: #111827 !important;--width: 100% !important;--max-width: 500px !important;--height: 100% !important;--max-height: 100% !important;--border-radius: 0px !important}.afc-container{background:#111827;display:flex;flex-direction:column;height:100vh;padding:12px;overflow:hidden}.afc-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #374151;padding-bottom:10px;margin-bottom:10px}.afc-header-title{display:flex;align-items:center;gap:8px}.afc-header-title h2{margin:0;font-size:1.1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}.afc-icon-primary{color:#6366f1;font-size:20px}.afc-close-btn{background:#374151;border:none;border-radius:4px;padding:4px;color:#fff;display:flex;cursor:pointer}.afc-scroll-body{overflow-y:auto;flex:1;padding-right:4px}.afc-summary-box{background:#6366f126;border:1px solid #4f46e5;border-radius:6px;padding:10px;margin-bottom:12px}.afc-msg{color:#d1d5db;font-size:.85rem;line-height:1.4;margin:0 0 8px}.afc-badges{display:flex;gap:6px}.afc-badge{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;text-transform:uppercase}.afc-badge.improved{background:#065f46;color:#34d399}.afc-badge.original{background:#374151;color:#9ca3af}.afc-section-label{display:flex;align-items:center;gap:6px;color:#9ca3af;font-size:.75rem;font-weight:800;text-transform:uppercase;margin-bottom:8px}.afc-list{display:flex;flex-direction:column;gap:6px}.afc-card{background:#1f2937;border:1px solid #374151;border-radius:4px;padding:8px}.afc-card-label{display:block;font-size:.7rem;font-weight:800;color:#6b7280;margin-bottom:4px;text-transform:uppercase}.afc-compare{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:6px}.afc-val-box{background:#111827;padding:4px 6px;border-radius:3px;min-height:32px;display:flex;flex-direction:column;justify-content:center}.afc-val-box small{font-size:.55rem;color:#4b5563;margin-bottom:1px}.afc-val{font-family:ui-monospace,monospace;font-size:.7rem;color:#e5e7eb;word-break:break-all;line-height:1.1}.afc-highlight{color:#818cf8;font-weight:800}.afc-arrow{color:#4b5563;font-size:14px}.afc-footer{margin-top:10px;display:flex;flex-direction:column;gap:8px;border-top:2px solid #374151;padding-top:12px}.afc-btn{border:none;border-radius:4px;padding:14px;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.afc-btn-primary{background:#4f46e5;color:#fff}.afc-btn-secondary{background:transparent;color:#9ca3af;border:1px solid #374151}.afc-help{display:flex;justify-content:center;gap:6px;font-size:.65rem;color:#6b7280;margin-top:4px}:root{--studio-glass: rgba(15, 15, 25, .75);--glass-stroke: linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,.05));--neon-accent: #6366f1}.t2i-card{background:var(--glass-bg)!important;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid transparent!important;background-clip:padding-box;position:relative;border-image:var(--glass-border) 1;box-shadow:0 10px 30px #0000004d;margin:12px 10px!important;border-radius:20px!important}.t2i-card:before{content:"";position:absolute;left:-15px;top:0;bottom:-25px;width:1px;background:linear-gradient(to bottom,var(--neon-indigo),transparent)}@media(max-width:768px){.t2i-card,.t2i-wide-card{margin:10px;border-radius:20px;padding:20px}.t2i-wide-card{max-width:100%;margin-bottom:2px!important}.form-section{margin-bottom:20px}.prompt-section-divider{height:16px}.custom-alert .alert-wrapper{border-radius:16px 16px 0 0;max-width:100%;position:absolute;bottom:0;left:0;right:0}.custom-alert .alert-head{padding:10px 14px;min-height:36px}.custom-alert .alert-title{font-size:14px}.custom-alert .alert-message{padding:20px;font-size:15px}.custom-alert .alert-button-group{padding:0 20px 20px}.alert-button-confirm{width:100%}}ion-content .inner-scroll{margin:-10px -5px -5px}.user-profile-page .page-container{background:transparent!important}.user-profile-page{--background: transparent !important;background:transparent!important}.user-profile-page .homepage-content{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.user-profile-page ion-content{--background: transparent !important;background:transparent!important}@media(max-width:768px){.t2i-card,.t2i-wide-card{margin:0!important;border-radius:20px;padding:20px}}.generate-button{position:fixed;bottom:0!important;left:20px;right:20px;z-index:1000;height:56px!important;--border-radius: 30px !important;--background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%) !important;font-weight:700!important;letter-spacing:1px;box-shadow:0 8px 25px #6366f180!important;overflow:hidden}ion-content::part(scroll){padding-top:15px;padding-bottom:20px}form{padding-bottom:20px!important;display:flex;flex-direction:column}.generate-button{margin-top:16px!important;margin-bottom:10px!important;height:52px!important;--border-radius: 12px !important;font-weight:700!important;--background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;box-shadow:0 8px 20px #6366f14d!important}ion-content .inner-scroll{margin-top:30px!important;padding-top:10px!important}.user-profile-card.t2i-wide-card{margin-top:0!important;border-radius:24px!important;overflow:hidden;background:#0f0f19cc!important;border:1px solid rgba(255,255,255,.1)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}form{padding-bottom:10px!important}.generate-button{margin-top:20px!important;margin-bottom:0!important;height:60px!important;--border-radius: 12px !important;--background: linear-gradient(90deg, #6366f1, #8b5cf6) !important;z-index:10;bottom:10px}ion-content{--offset-top: 10px !important;--offset-bottom: 20px !important;--padding-top: 12px !important}ion-content .inner-scroll{margin:0!important;padding-top:0!important}.user-profile-card.t2i-wide-card{margin-top:0!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.15)!important;background:#0f0f19cc!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.t2i-standard-form{display:flex;flex-direction:column}.mode-toggle-wrapper,.session-status-wrapper{margin-bottom:8px}.workflow-recommendation-wrapper{margin-bottom:16px;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prompt-section-enhanced{display:flex;flex-direction:column;gap:12px}.ai-recommendation-actions{margin-top:8px}.recommendation-button{--background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);--background-hover: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);--background-activated: linear-gradient(90deg, #1d4ed8 0%, #6d28d9 100%);--border-radius: 12px;--padding-top: 14px;--padding-bottom: 14px;font-weight:600;font-size:15px;text-transform:none;letter-spacing:.3px;height:48px;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;color:#fff}.recommendation-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.recommendation-button ion-icon{font-size:20px;margin-right:8px}.recommendation-button:disabled{opacity:.5;cursor:not-allowed}.enrichment-suggestions-wrapper{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.t2i-standard-generate{--background: linear-gradient(90deg, #5a7ec7 0%, #809bce 50%, #b2a8d4 100%) !important;--background-hover: linear-gradient(90deg, #4a6eb7 0%, #7089be 50%, #a298c4 100%) !important;--background-activated: linear-gradient(90deg, #3a5ea7 0%, #6079ae 50%, #9288b4 100%) !important;--border-radius: 16px;--padding-top: 20px;--padding-bottom: 20px;height:56px;font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 6px 20px #5a7ec74d;transition:all .3s ease;color:#fff;margin-top:16px}.t2i-standard-generate:hover{box-shadow:0 8px 30px #5a7ec780;transform:translateY(-2px)}.t2i-standard-generate:active{transform:translateY(0)}.t2i-standard-generate:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.t2i-standard-form{gap:0px}.recommendation-button{height:44px;font-size:.95rem;--padding-top: 12px;--padding-bottom: 12px}.t2i-standard-generate{height:52px;font-size:1rem;--padding-top: 18px;--padding-bottom: 18px}.workflow-recommendation-wrapper,.enrichment-suggestions-wrapper{margin-bottom:12px}}@media(max-width:480px){.recommendation-button{height:42px;font-size:.9rem}.t2i-standard-generate{height:50px;font-size:.95rem}}.module-recommendation-modal{--height: auto;--max-height: 90vh;--width: 90%;--max-width: 600px;--border-radius: 24px;--background: transparent}.module-rec-modal-container{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(251,191,36,.3);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px #000000b3}.module-rec-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.module-rec-modal-header h3{margin:0;color:#fbbf24;font-size:18px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.module-rec-modal-header .close-button{--color: #ffffff;--padding-start: 8px;--padding-end: 8px;margin:0}.module-rec-modal-content{padding:0;max-height:calc(90vh - 100px);overflow-y:auto}.module-rec-modal-content::-webkit-scrollbar{width:6px}.module-rec-modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.module-rec-modal-content::-webkit-scrollbar-thumb{background:#fbbf2480;border-radius:3px}.module-rec-modal-content::-webkit-scrollbar-thumb:hover{background:#fbbf24b3}.module-rec-container{padding:24px}.overall-reasoning{display:block;font-size:12px;margin-bottom:16px;padding:12px;background:#ffffff0d;border-radius:8px;color:#fffc;line-height:1.5}.module-rec-card{background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.4);border-radius:20px;padding:16px;box-shadow:0 10px 30px #0006;margin-bottom:16px;animation:modalSlideIn .3s ease-out}.module-rec-card.primary{border:2px solid rgba(251,191,36,.6);background:#fbbf240d}.module-rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.confidence-percent{font-size:10px;color:#fff9;font-weight:600}.workflow-title{font-size:18px;color:#fbbf24;font-weight:700;margin:8px 0}.workflow-stats{display:flex;gap:16px;margin:12px 0}.workflow-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:#fffc}.workflow-stat ion-icon{font-size:16px}.workflow-description{font-size:13px;color:#ffffffb3;line-height:1.5;margin:12px 0}.workflow-best-for{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.best-for-tag{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600}.btn-switch-module{width:100%;margin-top:12px;background:linear-gradient(90deg,#fbbf24,#f59e0b);border:none;padding:12px;border-radius:12px;color:#000;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #fbbf244d;transition:all .3s ease;cursor:pointer}.btn-switch-module:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.btn-switch-module.primary{--background: linear-gradient(90deg, #fbbf24, #f59e0b)}.current-module-badge{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981;padding:10px;border-radius:10px;text-align:center;font-size:12px;font-weight:600;margin-top:12px}.section-label{font-size:10px;text-transform:uppercase;color:#fff6;letter-spacing:1px;margin:20px 0 12px}.horizontal-module-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;scroll-snap-type:x mandatory}.horizontal-module-list::-webkit-scrollbar{display:none}.module-item{flex:0 0 160px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;touch-action:pan-x;transition:all .2s ease}.module-item:hover{background:#ffffff14;border-color:#fbbf244d;transform:translateY(-2px)}.item-label{font-size:11px;font-weight:700;color:#ffffffe6;display:flex;align-items:center;gap:6px}.impact-icon{font-size:14px}.confidence-badge{background:#fbbf241a;color:#fbbf24;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;text-align:center}.module-stats-mini{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#fff9;padding:4px 0}.module-description-mini{font-size:11px;color:#fff9;line-height:1.4;margin:0;flex-grow:1}.tier-badge{font-size:9px;font-weight:700;padding:4px 8px;border-radius:6px;text-align:center}.tier-badge.available{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.tier-badge.unavailable{background:#6b72801a;border:1px solid rgba(107,114,128,.3);color:#9ca3af}.btn-switch-one{flex:1;background:#fbbf24;color:#000;border:none;border-radius:6px;font-size:10px;font-weight:700;padding:6px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease}.btn-switch-one:hover:not(.disabled){background:#f59e0b;transform:scale(1.05)}.btn-switch-one.disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.module-rec-footer{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.btn-dismiss-modal{background:transparent;border:none;color:#ffffff80;font-size:12px;text-decoration:underline;padding:8px 16px;cursor:pointer;transition:color .2s ease}.btn-dismiss-modal:hover{color:#fffc}@media(max-width:768px){.module-recommendation-modal{--width: 95%;--max-width: 400px}.module-rec-modal-content{max-height:calc(80vh - 100px)}.module-rec-container{padding:16px}.workflow-title{font-size:16px}.module-item{flex:0 0 140px}}.enrich-suggestions-container{margin:16px 0;perspective:1000px}.enrich-hub-card{background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.4);border-radius:20px;padding:16px;box-shadow:0 10px 30px #0006}.enrich-hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-brand{display:flex;align-items:center;gap:8px}.sparkle-active{color:#fbbf24;font-size:20px;animation:pulse 2s infinite}.brand-text h4{margin:0;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:1px}.brand-text p{margin:0;font-size:10px;color:#ffffff80}.count-badge{background:#fbbf24;color:#000;font-size:9px;font-weight:800;padding:2px 6px;border-radius:20px}.overall-reasoning{display:block;font-size:12px;margin-bottom:12px;padding:8px;background:#ffffff0d;border-radius:8px}.horizontal-suggestion-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;scroll-snap-type:x mandatory}.horizontal-suggestion-list::-webkit-scrollbar{display:none}.compact-suggestion-item{flex:0 0 130px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;touch-action:pan-x}.item-label{font-size:10px;font-weight:700;color:#fffc;display:flex;align-items:center;gap:4px}.impact-icon{font-size:12px}.impact-icon.quality{color:#10b981}.impact-icon.speed{color:#3b82f6}.impact-icon.creativity{color:#ef4444}.impact-icon.coherence{color:#8b5cf6}.info-icon{font-size:14px;color:#ffffff80;cursor:pointer}.item-compare{background:#0000004d;padding:4px 6px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.val-prev{font-size:9px;color:#ffffff4d;text-decoration:line-through}.val-next{font-size:12px;font-weight:800;color:#fbbf24}.item-actions{display:flex;gap:4px}.btn-apply-one{flex:1;background:#fbbf24;color:#000;border:none;border-radius:6px;font-size:9px;font-weight:700;padding:4px}.btn-dismiss-one{background:#ffffff1a;color:#fff;border:none;border-radius:6px;padding:4px}.enrich-hub-footer{margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px;display:flex;flex-direction:column;gap:10px}.btn-apply-all-gradient{background:linear-gradient(90deg,#fbbf24,#f59e0b);border:none;border-radius:12px;padding:10px;color:#000;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.footer-secondary{display:flex;justify-content:space-between;align-items:center}.btn-see-another{background:#fbbf241a;border:1px solid rgba(251,191,36,.5);color:#fbbf24;font-size:10px;font-weight:700;padding:6px 10px;border-radius:10px;display:flex;align-items:center;gap:6px;transition:background .2s}.btn-see-another:hover{background:#fbbf2433}.btn-clear-text{background:transparent;border:none;color:#fff6;font-size:10px;text-decoration:underline}.modal-content-dark{--background: #0f172a;--color: #ffffff;--padding-start: 16px;--padding-end: 16px}.modal-intro{font-size:13px;margin-bottom:20px;color:#fff9;line-height:1.4}.reference-params-modal-v2{--height: 85%;--border-radius: 24px;--background: #0f172a}.modal-v2-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1e293b,#0f172a)}.modal-v2-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.header-title{display:flex;align-items:center;gap:10px;color:#fbbf24;font-weight:700;text-transform:uppercase;letter-spacing:1px}.close-circle{background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;color:#fff;display:flex;align-items:center;justify-content:center}.media-hero-section{position:relative;padding:16px;border-radius:20px;overflow:hidden}.reference-media{border-radius:16px;width:100%;height:250px;object-fit:cover;box-shadow:0 10px 30px #00000080;border:1px solid rgba(251,191,36,.3)}.media-badge{position:absolute;bottom:25px;right:25px;background:#fbbf24;color:#000;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800}.media-hero-compact{height:180px;width:100%;overflow:hidden;background:#000}.reference-media-mini{width:100%;height:100%;object-fit:contain}.params-grid-section{padding:0 16px;margin-top:10px}.section-label{font-size:10px;text-transform:uppercase;color:#fff6;letter-spacing:1px;margin-bottom:8px}.param-mini-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center;margin:4px}.p-key{font-size:9px;color:#94a3b8}.p-val{font-size:13px;color:#fff;font-weight:600}.params-grid-compact{padding:12px}.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;background:#0f172a}.ref-chip{background:#1e293b;padding:6px;border-radius:8px;text-align:center}.ref-chip-k{display:block;font-size:8px;color:#64748b;text-transform:uppercase}.ref-chip-v{font-size:11px;color:#fff;font-weight:700}.prompt-details-section{padding:16px}.prompt-text-box{background:#0003;border-radius:12px;padding:12px;font-size:12px;color:#fffc;line-height:1.5;max-height:80px;overflow-y:auto}.prompt-section-mini{padding:0 12px 12px}.mini-label{font-size:9px;color:#64748b;font-weight:700;margin-bottom:4px}.prompt-box-mini{background:#0000004d;padding:8px;border-radius:8px;font-size:11px;max-height:80px;overflow-y:auto;color:#cbd5e1;border:1px solid rgba(255,255,255,.05)}.prompt-box-mini.neg{color:#f87171}.scroll-box{background:#0000004d;padding:8px;border-radius:6px;max-height:70px;overflow-y:auto;font-size:11px;color:#cbd5e1;line-height:1.4}.lora-flex{display:flex;gap:8px;flex-wrap:wrap}.lora-tag{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);padding:4px 10px;border-radius:8px;display:flex;gap:6px;font-size:11px}.l-id{color:#fbbf24}.l-weight{color:#fff;font-weight:700}.modal-v2-footer{padding:20px;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-v2-footer-mini{padding:12px;background:#0f172a;border-top:1px solid rgba(255,255,255,.05)}.ref-footer-mini{padding:12px;background:#0f172a;border-top:1px solid #1e293b}.btn-apply-reference{width:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border:none;padding:16px;border-radius:16px;color:#000;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #fbbf244d}.btn-apply-ref{width:100%;padding:12px;background:#fbbf24;border:none;border-radius:10px;font-weight:800}.btn-upgrade-action{width:100%;border:none;padding:16px;border-radius:16px;color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-upgrade-action.premium{background:linear-gradient(90deg,#8b5cf6,#d946ef)}.btn-upgrade-action.pro{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.btn-upgrade{width:100%;padding:12px;border:none;border-radius:10px;color:#fff;font-weight:800}.btn-upgrade.premium{background:linear-gradient(90deg,#a855f7,#ec4899)}.btn-upgrade.pro{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.popover-content{padding:12px}.popover-content h3{font-size:14px;margin-bottom:4px;color:#fbbf24;font-weight:700;margin-top:0}.popover-content p{font-size:12px}.popover-content ion-note{display:block;margin-top:8px;font-size:11px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.enrichment-modal{--height: auto;--max-height: 90vh;--width: 90%;--max-width: 600px;--border-radius: 24px;--background: transparent}.enrichment-modal-container{background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(251,191,36,.3);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px #000000b3}.enrichment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.1)}.enrichment-modal-header h3{margin:0;color:#fbbf24;font-size:20px;font-weight:700;letter-spacing:.5px}.enrichment-modal-header .close-button{--color: #ffffff;--padding-start: 8px;--padding-end: 8px;margin:0}.enrichment-modal-content{padding:0;max-height:calc(90vh - 100px);overflow-y:auto}.enrichment-modal-content .enrich-suggestions-container{margin:0;perspective:none}.enrichment-modal-content .enrich-hub-card{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:24px;box-shadow:none}.enrichment-modal-content .enrich-hub-card{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.enrichment-modal{--width: 95%;--max-width: 400px}.enrichment-modal-content{max-height:calc(80vh - 100px)}.enrichment-modal-content .enrich-hub-card{padding:16px}}.enrichment-modal-container{background:linear-gradient(135deg,#0f172afa,#1e293bfa)}.enrichment-modal-content .compact-suggestion-item{background:#ffffff14;border:1px solid rgba(255,255,255,.15);transition:all .2s ease}.enrichment-modal-content .compact-suggestion-item:hover{background:#ffffff1f;transform:translateY(-1px)}.enrichment-modal-content .btn-apply-one,.enrichment-modal-content .btn-dismiss-one{transition:all .2s ease}.enrichment-modal-content .btn-apply-one:hover{background:#f59e0b;transform:scale(1.05)}.enrichment-modal-content .btn-dismiss-one:hover{background:#fff3}.enrichment-modal-content .enrich-hub-footer{margin-top:24px;padding-top:20px}.enrichment-modal-content .btn-apply-all-gradient{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 4px 20px #fbbf2466;transition:all .3s ease}.enrichment-modal-content .btn-apply-all-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 25px #fbbf2480}.enrichment-modal-header{background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ion-no-padding{padding:0!important}.ion-padding{padding:16px}.enrichment-modal-content::-webkit-scrollbar{width:6px}.enrichment-modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.enrichment-modal-content::-webkit-scrollbar-thumb{background:#fbbf2480;border-radius:3px}.enrichment-modal-content::-webkit-scrollbar-thumb:hover{background:#fbbf24b3}.mode-toggle-container{display:flex;gap:12px;margin-bottom:20px;background:#ffffff0d;padding:8px;border-radius:12px}.mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--ion-color-medium, #d1d5db);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.mode-btn ion-icon{font-size:20px}.mode-btn:hover:not(.active){background:#ffffff14;border-color:#ffffff4d}.mode-btn.active{background:linear-gradient(90deg,#5a7ec7,#809bce,#b2a8d4);border-color:#9b8bd4;color:#fff;box-shadow:0 4px 15px #0003}@media(max-width:768px){.mode-btn span{font-size:.85rem}.mode-btn{padding:10px 12px}}@media(max-width:480px){.mode-btn span{display:none}.mode-btn{min-width:48px}}:root{--primary-gradient: linear-gradient(90deg, #5a7ec7 0%, #809bce 50%, #b2a8d4 100%);--secondary-gradient: linear-gradient(90deg, #8a6cd1 0%, #6ca0dc 100%);--accent-color: #9b8bd4;--logged-in-accent: #FFD700;--text-primary: #ffffff;--text-secondary: #D3D3D3;--background-overlay: rgba(255, 255, 255, .15);--shadow-soft: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--border-radius: 16px;--transition-ease: all .4s ease-in-out;--toolbar-height: 60px;--secondary-header-height: 48px;--footer-height: 60px;--stories-height: 80px}.gallery-content{min-height:calc(100vh - var(--toolbar-height) - var(--secondary-header-height));padding-bottom:calc(var(--stories-height) + var(--footer-height));background:var(--background-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow-y:auto;border-radius:var(--border-radius);margin:0}@media(min-width:768px){.gallery-content{min-height:100vh;padding-bottom:0}}.desktop-stories-grid{position:fixed;right:20px;top:80px;width:280px;max-height:calc(100vh - 100px);overflow-y:auto;background:#ffffff1a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:20px;padding:16px;box-shadow:var(--shadow-premium);z-index:50;display:flex;flex-direction:column;gap:12px}.desktop-stories-grid::-webkit-scrollbar{width:6px}.desktop-stories-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.desktop-stories-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px;transition:background .3s ease}.desktop-stories-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.desktop-story{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;cursor:pointer;transition:all .3s ease;background:#ffffff0d;border:1px solid transparent}.desktop-story:hover{background:#ffffff1a;transform:translate(-4px);box-shadow:0 4px 12px #00000026}.desktop-story.active{background:linear-gradient(135deg,#8a6cd133,#6ca0dc33);border:1px solid rgba(138,108,209,.4);box-shadow:0 0 20px #8a6cd14d}.desktop-story-avatar{width:56px;height:56px;min-width:56px;border-radius:50%;padding:3px;background:var(--primary-gradient);box-shadow:var(--shadow-soft);transition:all .3s ease;overflow:hidden}.desktop-story.active .desktop-story-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);animation:pulse-ring 2s infinite;transform:scale(1.05)}.desktop-story-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #ffffff}.desktop-story-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.desktop-story-label{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.2)}.desktop-story.active .desktop-story-label{font-weight:700;color:gold}.desktop-story-badge{font-family:Poppins,sans-serif;font-size:.7rem;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.desktop-story.active .desktop-story-badge{color:#ffd700e6}@media(min-width:768px){.gallery-content{margin-right:320px}}.posts-grid ion-row:last-child{margin-bottom:calc(10px + var(--footer-height))}.posts-grid ion-col{margin-bottom:0}@media(min-width:768px){.posts-grid ion-row:last-child{margin-bottom:20px}}.stories{position:fixed;bottom:var(--footer-height);left:0;width:100%;z-index:99;display:flex;flex-direction:row;overflow-x:auto;padding:8px 16px;background:var(--background-overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);margin:0;box-shadow:var(--shadow-soft)}.story-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #ffffff}.story-label{font-family:Poppins,sans-serif;font-size:.6rem;font-weight:600;color:var(--text-secondary);text-align:center;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story.logged-in-user .story-avatar{background:linear-gradient(90deg,gold,orange);padding:3px;box-shadow:0 0 12px #ffd70099}.story.logged-in-user .story-label{font-weight:700;color:var(--logged-in-accent);text-shadow:0 1px 3px rgba(0,0,0,.2)}.story.followed-user .story-label{font-weight:600;color:var(--text-secondary)}.story.active .story-avatar{background:var(--secondary-gradient);box-shadow:0 0 12px #8a6cd199;padding:3px;transform:scale(1.08)}.story.logged-in-user.active .story-avatar{background:linear-gradient(90deg,gold,orange);box-shadow:0 0 15px #ffd700cc;transform:scale(1.1)}.story.active .story-label{font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.story-badge{position:absolute;bottom:-4px;right:-4px;background:var(--accent-color);color:var(--text-primary);font-size:.5rem;font-weight:600;padding:2px 6px;border-radius:10px;box-shadow:var(--shadow-soft)}.sliding-menu{background:var(--secondary-gradient);box-shadow:var(--shadow-hover);border-radius:var(--border-radius);color:var(--text-primary);z-index:101;position:fixed;top:0;left:0;width:250px;height:100%;transform:translate(-100%);transition:transform .3s ease-in-out}.stories{position:fixed;bottom:var(--footer-height);left:0;width:100%;z-index:100;display:flex;flex-direction:row;overflow-x:auto;padding:8px 16px;background:var(--background-overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);margin:0;box-shadow:var(--shadow-soft)}.story{display:flex;flex-direction:column;align-items:center;gap:0px;min-width:80px;cursor:pointer;transition:var(--transition-ease)}.story:hover .story-avatar{transform:scale(1.05);box-shadow:var(--shadow-hover)}.story-avatar{width:65px;height:65px;border-radius:50%;background:var(--primary-gradient);padding:2px;box-shadow:var(--shadow-soft);transition:var(--transition-ease);position:relative}.story-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #ffffff;pointer-events:none}.story-label{font-family:Poppins,sans-serif;font-size:.6rem;font-weight:600;color:var(--text-secondary);text-align:center;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.story-badge{position:absolute;bottom:-4px;right:-4px;background:var(--accent-color);color:var(--text-primary);font-size:.5rem;font-weight:600;padding:2px 6px;border-radius:10px;box-shadow:var(--shadow-soft);pointer-events:none}:root{--primary-gradient: linear-gradient(135deg, #5a7ec7 0%, #b2a8d4 100%);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--inner-glow: inset 0 0 0 1px rgba(255, 255, 255, .1);--shadow-premium: 0 8px 32px 0 rgba(31, 38, 135, .15)}.page-container{display:flex;flex-direction:column;min-height:100vh;background:var(--primary-gradient)}.gallery-content{margin:6px;border-radius:24px;background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium),var(--inner-glow);overflow-y:auto}.stories{position:fixed;bottom:calc(var(--footer-height));left:5px;right:5px;width:auto;z-index:100;display:flex;gap:9px;padding:6px 8px;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--shadow-premium)}.story-avatar{width:68px;height:68px;border-radius:50%;padding:3px;background:#fff3;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.story.active .story-avatar{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);transform:scale(1.05);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #dc274366}70%{box-shadow:0 0 0 10px #dc274300}to{box-shadow:0 0 #dc274300}}.story-label{font-family:Poppins,sans-serif;font-weight:500;letter-spacing:-.02em;color:#fff;margin-top:6px;text-shadow:0 2px 4px rgba(0,0,0,.2)}:root{--primary-gradient: linear-gradient(90deg, #5a7ec7 0%, #809bce 50%, #b2a8d4 100%);--secondary-gradient: linear-gradient(90deg, #8a6cd1 0%, #6ca0dc 100%);--accent-color: #9b8bd4;--text-primary: #ffffff;--text-secondary: #f0f0f0;--background-overlay: rgba(255, 255, 255, .15);--shadow-soft: 0 4px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 6px 20px rgba(0, 0, 0, .15);--border-radius: 16px;--transition-ease: all .4s ease-in-out;--toolbar-height: 60px;--secondary-header-height: 48px;--footer-height: 60px}.homepage-content{min-height:calc(100vh - var(--toolbar-height) - var(--secondary-header-height));padding-bottom:var(--footer-height);background:var(--background-overlay);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow-y:auto;border-radius:var(--border-radius);margin:0}@media(min-width:768px){.homepage-content{min-height:100vh;padding-bottom:0}}.menu-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.sliding-menu,.mobile-dropdown-menu{background:var(--secondary-gradient);box-shadow:var(--shadow-hover);border-radius:var(--border-radius);color:var(--text-primary);z-index:101}.sliding-menu{position:fixed;top:0;left:0;width:250px;height:100%;transform:translate(-100%);transition:transform .3s ease-in-out}.sliding-menu.show{transform:translate(0)}.menu-item{padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.2);cursor:pointer;font-weight:500;transition:var(--transition-ease);text-align:center}.menu-item:hover{background:var(--background-overlay);transform:translate(5px)}.menu-item:last-child{border-bottom:none}.t2i-refiner-form{display:flex;flex-direction:column}.t2i-workflow-field{background:rgba(var(--ion-color-primary-rgb),.05);border-radius:8px;padding:8px}.t2i-sharper-form{display:flex;flex-direction:column}.t2i-toggle-wrapper{display:flex;align-items:center;padding:8px 0}.t2i-upscale-form{display:flex;flex-direction:column}.t2i-sampler-content{margin-top:5px;background-color:#fffc;border-radius:12px;border:1px solid rgba(99,102,241,.2);box-shadow:0 4px 12px #0000000d}.t2i-steps-range-container,.t2i-cfg-range-container,.t2i-clip-skip-range-container{display:flex;align-items:center;gap:10px;height:30px}.t2i-checkpoint-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:-2px!important}.t2i-checkpoint-description{margin-top:-5px!important;font-size:.8rem;color:var(--ion-color-medium);font-style:italic}@media(max-width:768px){.t2i-sampler-row{flex-direction:column;gap:15px}.t2i-sampler-column:first-child{order:2}.t2i-sampler-column:last-child{order:1}.t2i-sampler-item{margin-bottom:-5px!important;padding:10px}.t2i-dimension-container{flex-wrap:wrap;gap:4px}.t2i-dimension-input{flex-basis:calc(50% - 4px)}.t2i-dimension-separator{display:none}.t2i-steps-range-container,.t2i-cfg-range-container,.t2i-clip-skip-range-container{flex-wrap:wrap;gap:8px}.t2i-steps-value,.t2i-cfg-value,.t2i-clip-skip-value{flex-basis:36px;text-align:center;font-size:13px}.t2i-steps-value-input,.t2i-cfg-value-input{width:45px;font-size:13px}.t2i-modal .modal-wrapper{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.t2i-checkpoint-searchbar{padding:6px 10px}.t2i-checkpoint-item{--min-height: 56px}.t2i-checkpoint-item h2{font-size:14px}}@media(max-width:480px){.t2i-sampler-container{margin:10px 0}.t2i-sampler-content{padding:5px!important}.t2i-sampler-item{padding:5px}.t2i-sampler-label{font-size:14px;margin-bottom:-5px!important}.t2i-sampler-hint{font-size:.7rem;margin-top:4px}.t2i-dimension-aspect-ratio-btn{font-size:10px;padding:2px 6px}.t2i-dimension-label{font-size:11px}.t2i-steps-value,.t2i-cfg-value,.t2i-clip-skip-value{font-size:12px;min-width:32px}.t2i-steps-value-input,.t2i-cfg-value-input{width:40px;font-size:12px}}.t2i-dimension-input-field{width:100%;--padding-end: 6px;--padding-top: 3px;--padding-bottom: 3px;border:1px solid var(--ion-color-medium);border-radius:6px;--background: var(--ion-color-light)}.t2i-checkpoint-card{display:flex;align-items:center;gap:10px;width:100%;height:80px;padding:0 12px;border:none;border-radius:10px;background:linear-gradient(145deg,#ffffff14,#ffffff08);box-shadow:0 3px 8px #0000001f;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.t2i-checkpoint-card:active{transform:scale(.97)}.t2i-card-left{flex:0 0 40px;display:flex;flex-direction:column;align-items:center;gap:4px}.t2i-card-thumb{width:40px;height:40px;object-fit:cover;border-radius:8px}.t2i-card-badge{font-size:10px;height:16px;line-height:16px;padding:0 5px}.t2i-card-right{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.t2i-card-title{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t2i-card-desc{font-size:.75rem;color:var(--ion-color-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t2i-sampler-item,.t2i-lora-card{background:#ffffff08!important;border-left:3px solid var(--neon-accent)!important;border-radius:8px!important}.t2i-card-title,.sampler-value,.lora-strength{font-family:SFMono-Regular,Roboto Mono,monospace!important;font-size:12px!important;color:#94a3b8!important}.t2i-zimage-sampler .section-title h3,.t2i-zimage-sampler .t2i-sampler-label{color:#fbbf24!important}.t2i-zimage-sampler .t2i-dimension-value{color:#fbbf24!important;font-weight:600!important}.t2i-zimage-sampler .t2i-dropdown.ion-focused,.t2i-zimage-sampler .t2i-seed-input.ion-focused{border-color:#fbbf24!important}.t2i-zimage-sampler .t2i-sampler-item:hover{border-color:#fbbf244d!important}.t2i-zimage-prompt-wrapper .t2i-negative-container,.t2i-zimage-control-wrapper .t2i-segment-wrapper,.t2i-zimage-single-lora .t2i-lora-add-container{display:none}.loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;text-align:center;background:#000c;padding:30px;border-radius:12px}.loading-overlay p{margin-top:10px;color:#fff;font-size:14px}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;background:radial-gradient(circle,rgba(59,130,246,.6),transparent);border-radius:50%;pointer-events:none}.home-content{--background: #121212;--padding-top: 39px;--padding-bottom: 16px;--offset-bottom: 0px !important}.post-card{margin:0 0 24px;border-radius:16px;overflow:hidden;box-shadow:0 8px 16px #0000004d;transition:transform .3s ease,box-shadow .3s ease;background:transparent;border:none}.hover-glow{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hover-glow:hover{transform:translateY(-5px);box-shadow:0 10px 25px #ff5e624d}.shimmer{background:linear-gradient(-45deg,#121212,#222,#121212);background-size:400% 400%;animation:shimmer 2s ease infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.tags-container{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;margin-top:0!important}.tag-pill{background:linear-gradient(135deg,#ff5e62,#f96);color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.image-container{position:relative;height:0;padding-top:100%;padding-bottom:0;margin-bottom:0;overflow:hidden;border-radius:16px}.main-author-container{display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engagement-badge{position:absolute;background:linear-gradient(135deg,#ff5e62,#f96);color:#fff;border-radius:20px;font-weight:600;box-shadow:0 4px 8px #0000004d;z-index:2}.main-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:16px;color:#fff;display:flex;flex-direction:column;gap:8px}.main-author-timestamp{font-size:.55rem!important;font-weight:400;color:#ffffffd9;margin:0;overflow:hidden;text-overflow:ellipsis}.main-author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;transition:transform .2s ease,border-color .2s ease;display:block;pointer-events:auto;cursor:pointer}.home-image-group{position:absolute;left:50%;transform:translate(-50%);display:flex;background:#0009;border-radius:16px;box-shadow:0 4px 12px #0006;z-index:20;transition:background .2s ease,transform .2s ease}.home-image-group:hover{background:#000000b3;transform:translate(-50%) scale(1.05)}.image-action-item{display:flex;align-items:center;gap:6px;pointer-events:auto;cursor:pointer}.image-like-icon,.image-chat-icon,.image-share-icon{font-size:20px;color:#6b7280;transition:transform .2s ease,color .2s ease}.image-chat-icon-active{font-size:20px;color:#08eaf1;transition:transform .2s ease,color .2s ease}.image-share-icon-active{font-size:20px;color:#2585df;transition:transform .2s ease,color .2s ease}.image-like-icon:hover,.image-like-icon-active:hover,.image-love-icon:hover,.image-love-icon-active:hover,.image-share-icon:hover,.image-share-icon-active:hover,.image-chat-icon:hover,.image-chat-icon-active:hover{transform:scale(1.2)}.image-container{width:92.5%}.main-author-container{min-height:90px}.engagement-badge{top:12px;right:12px;padding:5px 8px;font-size:.8rem}.home-image-group{bottom:16px;padding:5px 10px;gap:25px}@media(min-width:768px){.filter-input-container{width:300px;left:50%;transform:translate(-50%)}.author-name{font-size:1.1rem}.custom-suggestions{width:300px!important;left:50%;transform:translate(-50%)}}@media(max-width:767px){.home-image-group{bottom:12px;padding:3px 8px;gap:25px}.image-like-icon,.image-like-icon-active,.image-chat-icon,.image-chat-icon-active,.image-share-icon,.image-share-icon-active{font-size:16px}.image-love-icon,.image-love-icon-active{font-size:18px}.image-action-count{font-size:.8rem}}.compact-overlay{padding-bottom:0}.fade-in{opacity:.95;transition:opacity .3s ease}.hover-glow:hover .fade-in{opacity:1}.author-name{font-size:.85rem;font-weight:500;color:#fff}.text-gradient{background:linear-gradient(90deg,#f96,#ff5e62);-webkit-background-clip:text;background-clip:text;color:transparent}.hover-pop{transition:transform .2s ease-out}.hover-pop:hover{transform:scale(1.2)}.empty-posts-message{display:flex;justify-content:center;align-items:center;height:100%;text-align:center;color:#666;font-size:1.2rem;padding:20px}.author-info{display:flex;align-items:center;gap:4px;cursor:pointer;pointer-events:auto}.image-section{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;position:relative}.image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.step-images-section{position:absolute;bottom:0;width:100%;padding:8px;border-top:1px solid var(--accent-color-light);border-radius:0 0 var(--border-radius-large) var(--border-radius-large);box-shadow:0 -2px 8px #0000004d}.step-images-section,.step-images-container{composes:no-select}.step-images-section:hover,.step-images-container:hover{composes:no-transform-hover}.step-images-container{display:flex;gap:8px;overflow-x:auto;padding:4px;composes:scrollbar}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-pill{background:linear-gradient(135deg,#ff5e6240,#ff5e621a);color:#ff6b6f;padding:4px 10px;border-radius:14px;font-size:.85rem;font-weight:500;border:1px solid rgba(255,94,98,.2);transition:all .2s ease}.tag-pill:hover{background:linear-gradient(135deg,#ff5e6259,#ff5e6233);transform:translateY(-1px);box-shadow:0 2px 4px #ff5e6226}.full-image-modal{--background: rgba(0, 0, 0, .95);--border-radius: var(--border-radius-large);--width: 100%;--height: 100%;--max-width: 100vw;--max-height: 100vh;display:flex;align-items:stretch;justify-content:stretch;padding:0;margin:0}.full-image-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:0;margin:0;overflow:hidden}.full-image{width:95%;height:95%;object-fit:contain;border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium);max-width:100vw;max-height:100vh}.vertical-slider{width:100%;height:8px;background:#ff5e624d;cursor:ns-resize;position:relative;z-index:10;transition:background .2s ease}.vertical-slider:hover{background:#e0080c80}.vertical-slider:active,.vertical-slider.dragging{background:#ff5eeab6}@media(max-width:767px){.detail-container{flex-direction:column;padding:16px;gap:0;min-height:100%}.image-section{flex:2;display:flex;justify-content:center;align-items:center;background:#000000f2;min-height:30%}.image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-overlay{top:6px;left:6px;padding:4px 8px;gap:3px;background:transparent}.image-title{font-size:.9rem}.image-author-container{gap:4px}.image-author-avatar{width:20px;height:20px}.image-author{font-size:.75rem}.detail-image{max-width:100%;max-height:100%;object-fit:contain}.parameter-section::-webkit-scrollbar{width:6px}.parameter-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb{background:#ff5e624d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb:hover{background:#ff5e6280}.metadata-container{padding:16px;width:100%;flex-grow:1}.generation-parameter{margin-bottom:16px}.parameter-title{font-size:1rem}.parameter-item{flex-direction:column;align-items:flex-start;gap:4px}.parameter-label{font-size:.85rem}.parameter-value{font-size:.85rem;text-align:left}.metadata-title{font-size:1rem}.metadata-text{font-size:.9rem}.tag-pill{font-size:.8rem;padding:4px 8px}.full-image-modal{--width: 100%;--height: 100%;--max-width: 100vw;--max-height: 100vh;--border-radius: var(--border-radius-medium);padding:0;margin:0}.full-image{width:95%;height:95%;object-fit:contain;border-radius:var(--border-radius-medium);max-width:100vw;max-height:100vh}}@media(min-width:768px){.desktop-header{display:block}.close-button-container{display:none}.detail-container{flex-direction:row;padding:20px;gap:16px}.image-section{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image-overlay{top:8px;left:8px;padding:6px 10px;gap:4px;background:transparent}.image-title{font-size:1.1rem}.image-author-container{gap:6px}.image-author-avatar{width:24px;height:24px}.image-author{font-size:.85rem}.detail-image{max-width:100%;max-height:100%;object-fit:contain}.parameter-section::-webkit-scrollbar{width:6px}.parameter-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb{background:#ff5e624d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb:hover{background:#ff5e6280}.metadata-container{width:380px;padding:16px;height:100%;margin:0}.generation-parameter{margin-bottom:24px}.parameter-title{font-size:1.1rem}.parameter-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.parameter-label{font-size:.9rem;color:#ffffffb3;flex:1}.parameter-value{font-size:.9rem;color:#ffffffe6;flex:1;text-align:right}.metadata-title{font-size:1.1rem}.metadata-text{font-size:.95rem}.close-button{--background: transparent;--border-radius: 50%;--padding-start: 12px;--padding-end: 12px;--padding-top: 12px;--padding-bottom: 12px;margin:0;transition:background .2s ease}.close-icon{font-size:24px;color:#fff}}@media(min-width:1024px){.image-wrapper{width:100%;height:100%}.detail-image{max-width:100%;max-height:100%;object-fit:contain}.image-overlay{top:12px;left:12px;padding:8px 12px;gap:5px;background:transparent}.image-title{font-size:1.2rem}.image-author-container{gap:8px}.image-author-avatar{width:28px;height:28px}.image-author{font-size:.9rem}.parameter-section{flex-direction:column;justify-content:flex-start}.metadata-container{width:500px;height:100%}}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:none!important;padding:10px!important;color:#fff;display:flex;flex-direction:column;gap:4px!important}.image-action-item{display:flex;align-items:center;gap:6px}.image-love-item{margin-left:1px}@media(max-width:767px){.image-action-group{bottom:12px;padding:2px 8px;gap:5px;margin-bottom:2px}.image-like-icon,.image-like-icon-active{font-size:16px}.image-love-icon,.image-love-icon-active{font-size:18px}.image-action-count{font-size:.8rem}}@media(max-width:767px){.image-author-container{gap:4px}.image-author-avatar{width:20px;height:20px}}@media(min-width:1024px){.image-author-container{gap:8px}.image-author-avatar{width:28px;height:28px}}@media(max-width:767px){.vertical-slider{height:20px}.slider-handle{margin-right:6px}.slider-grip-icon{width:24px;height:24px}.slider-tooltip{font-size:.7rem;padding:3px 6px;right:6px}}.full-image-close-button{position:fixed;top:100px;right:20px;z-index:1000;background:linear-gradient(135deg,#ff5e62b3,#ff5e6266);border-radius:50%;padding:12px;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 3px 8px #0006}.full-image-close-button:hover{background:linear-gradient(135deg,#ff5e62e6,#ff5e6299);transform:scale(1.15);box-shadow:0 5px 12px #00000080}.full-image-close-button:active{transform:scale(1.05)}.full-image-close-icon{width:24px;height:24px;opacity:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}@media(max-width:767px){.full-image-close-button{top:40px!important;right:16px;padding:1px;width:36px;height:36px}.full-image-close-icon{width:20px;height:20px}}.parameter-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;width:100%;flex:1 1 auto;height:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,94,98,.3) rgba(255,255,255,.1)}@media(max-width:767px){.parameter-section{flex:none;height:auto;min-height:unset;overflow-y:auto;width:100%}.detail-container{height:auto;min-height:100%;width:100%;display:flex;flex-direction:column}.image-section{flex:none;height:auto;min-height:unset;width:100%}}.standalone-page{--background: rgba(0, 0, 0, .95);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow-y:auto}.standalone-page .detail-container{flex:1;width:100%;max-width:100%;height:auto;min-height:100%;padding:24px;box-sizing:border-box;gap:8px;animation:fadeIn .4s ease-out}.standalone-page .image-section{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;position:relative;width:100%}.standalone-page .image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.standalone-page .parameter-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;width:100%;flex:1 1 auto;height:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,94,98,.3) rgba(255,255,255,.1)}.standalone-page .parameter-section::-webkit-scrollbar{width:6px}.standalone-page .parameter-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.standalone-page .parameter-section::-webkit-scrollbar-thumb{background:#ff5e624d;border-radius:3px}.standalone-page .parameter-section::-webkit-scrollbar-thumb:hover{background:#ff5e6280}@media(max-width:767px){.standalone-page .detail-container{flex-direction:column;padding:16px;gap:0;min-height:100%}.standalone-page .image-section{flex:none;height:auto;min-height:unset;width:100%;background:#000000f2}.standalone-page .parameter-section{flex:none;height:auto;min-height:unset;overflow-y:auto;width:100%}.standalone-page .image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.standalone-page .image-overlay{top:6px;left:6px;padding:4px 8px;gap:3px;background:transparent}.standalone-page .image-title{font-size:.9rem}.standalone-page .image-author-container{gap:4px}.standalone-page .image-author-avatar{width:20px;height:20px}.standalone-page .image-author{font-size:.75rem}.standalone-page .detail-image{max-width:100%;max-height:100%;object-fit:contain}}@media(min-width:768px){.standalone-page .detail-container{flex-direction:row;padding:20px;gap:16px}.standalone-page .image-section{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.standalone-page .image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.standalone-page .image-overlay{top:8px;left:8px;padding:6px 10px;gap:4px;background:transparent}.standalone-page .image-title{font-size:1.1rem}.standalone-page .image-author-container{gap:6px}.standalone-page .image-author-avatar{width:24px;height:24px}.standalone-page .image-author{font-size:.85rem}.standalone-page .detail-image{max-width:100%;max-height:100%;object-fit:contain}.standalone-page .parameter-section{flex:0 0 auto;width:380px;height:100%;margin:0}}@media(min-width:1024px){.standalone-page .image-wrapper{width:100%;height:100%}.standalone-page .detail-image{max-width:100%;max-height:100%;object-fit:contain}.standalone-page .image-overlay{top:12px;left:12px;padding:8px 12px;gap:5px;background:transparent}.standalone-page .image-title{font-size:1.2rem}.standalone-page .image-author-container{gap:8px}.standalone-page .image-author-avatar{width:28px;height:28px}.standalone-page .image-author{font-size:.9rem}.standalone-page .parameter-section{width:500px;height:100%}}.collection-detail-modal,.collection-detail-modal.standalone-page{display:flex;flex-direction:column;justify-content:flex-start;height:100vh;width:100%;overflow:hidden;background:var(--ion-background-color, #000)}.collection-detail-modal .detail-container,.collection-detail-modal.standalone-page .detail-container,.modal-content.fullscreen{display:flex;flex-direction:column;height:100%;overflow:hidden}.image-section{flex:1;overflow:hidden;position:relative}.parameter-section{flex:0 0 auto;overflow-y:auto}.close-button.hidden{opacity:0;pointer-events:none;transition:opacity .15s ease-out}.reaction-group{display:flex;align-items:center;background:#ffffff0f;border-radius:6px;padding:1px 2px;gap:2px;transition:background .2s ease}.reaction-group:hover{background:#ffffff1a}.like-group{border:1px solid rgba(255,94,98,.15)}.love-group{border:1px solid rgba(239,68,68,.15);margin-left:15px}.reaction-group .image-action-item{gap:1px}.reaction-group .image-action-count{font-size:.75rem;min-width:12px;text-align:center}.image-like-icon-active,.image-love-icon-active{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.gall-home-content{--background: #121212;--padding-top: 50px;--padding-bottom: 90px;--padding-start: 16px;--padding-end: 16px;overflow-y:auto;height:660px}.content-wrapper{min-height:100%;width:100%;display:flex;flex-direction:column}.posts-grid{padding:0 8px;width:100%;box-sizing:border-box}.post-card{margin:0 0 16px;border-radius:16px;overflow:hidden;box-shadow:0 8px 16px #0000004d;transition:transform .3s ease,box-shadow .3s ease;background:transparent;border:none}.post-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0006}.image-container{position:relative;width:100%;height:0;padding-top:100%;overflow:hidden;border-radius:16px}.post-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card:hover .post-image{transform:scale(1.05)}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:12px;color:#fff;display:flex;flex-direction:column;gap:8px}.author-info{display:flex;align-items:center;gap:8px}.author-icon{font-size:20px;color:#ffffffe6}.author-name{font-size:.9rem;font-weight:500;color:#fff}.engagement-metrics{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.metric{display:flex;align-items:center;gap:4px}.metric-icon{font-size:18px;color:#ffffffe6;transition:all .2s ease}.metric-icon.heart{color:#ff5e62}.metric-count{font-size:.8rem;font-weight:500}.badge{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:.7rem;background:linear-gradient(135deg,#ff5e62,#f96);border-radius:12px;z-index:2}.empty-posts-message{display:flex;justify-content:center;align-items:center;min-height:200px;padding:20px;color:#666;font-size:1.1rem;text-align:center}@media(max-width:767px){.gall-home-content{--padding-start: 8px;--padding-end: 8px}.posts-grid{padding:0 4px}.post-card{margin:0 0 12px}.image-overlay{padding:8px;gap:6px}.author-info{gap:6px}.author-icon{font-size:18px}.author-name{font-size:.85rem}.engagement-metrics{gap:8px}.metric-icon{font-size:16px}.metric-count{font-size:.75rem}}@media(min-width:768px){.posts-grid{padding:0 12px}.post-card{margin:0 8px 16px}.author-name{font-size:1rem}.metric-icon{font-size:20px}.metric-count{font-size:.9rem}}.metric:hover .metric-icon{transform:scale(1.2)}.metric:hover .metric-count{font-weight:600}.fire-pulse{animation:fire-pulse 1.5s infinite alternate}@keyframes fire-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.05);opacity:1}}.author-info{display:flex;align-items:center;gap:6px}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.author-avatar:hover{transform:scale(1.1)}.main-author-container{display:flex;flex-direction:row;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-author-text{display:flex;flex-direction:column;gap:2px;overflow:hidden}.main-author{font-size:.9rem;font-weight:500;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;line-height:15px!important}.main-author-timestamp{font-size:.55rem!important;font-weight:400;color:#e0f3d0b4;margin:0;overflow:hidden;text-overflow:ellipsis}.main-author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;transition:transform .2s ease,border-color .2s ease}.main-author-avatar:hover{transform:scale(1.1);border-color:#ff5e62}@media(max-width:767px){.author-info{gap:4px}.author-avatar{width:20px;height:20px}.main-author-container{gap:3px;height:20px}.main-author{font-size:.85rem}.main-author-timestamp{font-size:.7rem}.main-author-avatar{width:30px;height:30px}}@media(min-width:1024px){.author-info{gap:8px}.author-avatar{width:28px;height:28px}.main-author-container{gap:6px}.main-author{font-size:1rem}.main-author-timestamp{font-size:.8rem}.main-author-avatar{width:28px;height:28px}}.collection-detail-modal{--background: rgba(0, 0, 0, .95);--border-radius: 0;--width: 100vw;--height: 100vh;--max-width: 100%;--max-height: 100%}.close-button{--background: rgba(255, 94, 98, .3);--border-radius: 50%;--padding-start: 12px;--padding-end: 12px;--padding-top: 12px;--padding-bottom: 12px;margin:0;transition:background .2s ease}.close-button:hover{--background: rgba(255, 94, 98, .5)}.close-icon{font-size:24px;color:#fff}.toolbar{--background: linear-gradient(to bottom, #1f1f1f, #181818);--border: none;padding:8px 12px;display:flex;align-items:center}.desktop-header{display:none}.modal-content{--background: transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow-y:auto;height:100%}.detail-container{display:flex;flex-direction:row;align-items:stretch;justify-content:center;width:100%;height:100%;padding:24px;box-sizing:border-box;animation:fadeIn .4s ease-out;gap:8px}.image-section{flex:1;display:flex;justify-content:center;align-items:center;min-height:0}.image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-overlay{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px;background:transparent;padding:6px 10px;border-radius:4px;z-index:10;width:fit-content;height:fit-content;pointer-events:none}.image-title,.image-author,.image-author-container{pointer-events:auto;text-shadow:0 1px 2px rgba(0,0,0,.7)}.image-title{font-size:1.1rem;color:#ff6b6f;font-family:Playfair Display,serif;font-weight:700;margin:0;line-height:1.2}.image-author{font-size:.85rem;color:#ffffffd9;font-family:Inter,sans-serif;font-style:italic;margin:0;line-height:1.2}.detail-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 8px 16px #0006;transition:transform .3s ease,opacity .3s ease}.step-image-wrapper{flex:0 0 80px;height:80px;overflow:hidden;border-radius:var(--border-radius-small);border:1px solid var(--accent-color-light);box-shadow:0 2px 4px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.step-image-container{position:relative}.step-label{position:absolute;bottom:8px;left:8px;font-size:12px;font-weight:600;color:#fff;padding:2px 6px;border-radius:4px;line-height:1.5}.vertical-slider{width:100%;height:16px;background:linear-gradient(180deg,#ff5e6266,#ff5e6233);cursor:ns-resize;position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-end;border-radius:8px;box-shadow:0 2px 6px #0000004d;transition:background .2s ease,transform .2s ease}.slider-handle{width:32px;height:24px;background:#000000b3;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;transition:transform .2s ease,background .2s ease;margin-right:8px}.slider-grip-icon{width:20px;height:20px;opacity:.8;transition:opacity .2s ease}.slider-tooltip{position:absolute;bottom:32px;right:8px;transform:translate(0);background:#000000e6;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.vertical-slider:hover .slider-tooltip{opacity:1;visibility:visible}.parameter-section{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100%;margin:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,94,98,.3) rgba(255,255,255,.1)}.parameter-section::-webkit-scrollbar{width:6px}.parameter-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb{background:#ff5e624d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb:hover{background:#ff5e6280}.image-action-group{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:#0009;padding:8px 16px;border-radius:16px;box-shadow:0 4px 12px #0006;z-index:20;transition:background .2s ease,transform .2s ease}.image-action-group:hover{background:#000000b3;transform:translate(-50%) scale(1.05)}.image-action-item{display:flex;align-items:center;gap:6px;cursor:pointer}.image-love-item{margin-left:8px}.image-like-icon{font-size:20px;color:#6b7280;transition:transform .2s ease,color .2s ease}.image-like-icon-active{font-size:20px;color:#a855f7;transition:transform .2s ease,color .2s ease}.image-love-icon{font-size:22px;color:#9ca3af;transition:transform .2s ease,color .2s ease}.image-love-icon-active{font-size:22px;color:#ef4444;transition:transform .2s ease,color .2s ease}.image-like-icon:hover,.image-like-icon-active:hover,.image-love-icon:hover,.image-love-icon-active:hover{transform:scale(1.2)}.image-action-count{font-size:.9rem;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.step-images-section{z-index:15}.image-section,.parameter-section{transition:flex .3s ease-out}@media(max-width:767px){.vertical-slider{height:20px}.slider-handle{margin-right:6px}.slider-grip-icon{width:24px;height:24px}.slider-tooltip{font-size:.7rem;padding:3px 6px;right:6px}.parameter-section{flex:1;display:flex;flex-direction:column;align-items:stretch;min-height:30%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,94,98,.3) rgba(255,255,255,.1)}.parameter-section::-webkit-scrollbar{width:6px}.parameter-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb{background:#ff5e624d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb:hover{background:#ff5e6280}.image-action-group{bottom:12px;padding:3px 8px;gap:7px;margin-bottom:7px}.image-like-icon,.image-like-icon-active{font-size:16px}.image-love-icon,.image-love-icon-active{font-size:18px}.image-action-count{font-size:.8rem}.detail-container{flex-direction:column;padding:16px;gap:0;min-height:100%}.image-section{flex:2;display:flex;justify-content:center;align-items:center;background:#000000f2;min-height:30%}.image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.detail-image{max-width:100%;max-height:100%;object-fit:contain}.image-author-container{gap:4px}.image-author-avatar{width:20px;height:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.desktop-header{display:block}.close-button-container{display:none}.detail-container{flex-direction:row;padding:20px;gap:16px}.image-section{flex:1;display:flex;justify-content:center;align-items:center;height:100%}.image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.detail-image{max-width:100%;max-height:100%;object-fit:contain}.parameter-section{flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100%;margin:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,94,98,.3) rgba(255,255,255,.1)}.parameter-section::-webkit-scrollbar{width:6px}.parameter-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb{background:#ff5e624d;border-radius:3px}.parameter-section::-webkit-scrollbar-thumb:hover{background:#ff5e6280}.close-button{--background: transparent;--border-radius: 50%;--padding-start: 12px;--padding-end: 12px;--padding-top: 12px;--padding-bottom: 12px;margin:0;transition:background .2s ease}.close-icon{font-size:24px;color:#fff}}@media(min-width:1024px){.image-wrapper{width:100%;height:100%}.detail-image{max-width:100%;max-height:100%;object-fit:contain}.image-author-container{gap:8px}.image-author-avatar{width:28px;height:28px}}.cursor-pointer{cursor:pointer}.image-author-container{display:flex;align-items:center;gap:6px}.image-author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.image-author-avatar:hover{transform:scale(1.1)}:root{--background-dark: rgba(0, 0, 0, .95);--background-gradient-dark: linear-gradient(to bottom, #1f1f1f, #181818);--accent-color: rgba(255, 94, 98, .3);--accent-color-hover: rgba(255, 94, 98, .5);--accent-color-light: rgba(255, 94, 98, .2);--text-color: rgba(255, 255, 255, .9);--text-color-light: rgba(255, 255, 255, .7);--shadow-light: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .5);--border-radius-small: 6px;--border-radius-medium: 8px;--border-radius-large: 12px;--transition-default: all .2s ease;--transition-transform: transform .3s ease, opacity .3s ease;--scrollbar-width: 4px;--scrollbar-track: rgba(255, 255, 255, .05);--scrollbar-thumb: rgba(255, 94, 98, .3);--scrollbar-thumb-hover: rgba(255, 94, 98, .5)}.no-select{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.scrollbar::-webkit-scrollbar{width:var(--scrollbar-width)}.scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:2px}.scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.collection-detail-modal{--background: var(--background-dark);--width: 100vw;--height: 100vh}.modal-content{background:transparent;display:flex;flex-direction:column;height:100%;overflow:hidden}.detail-container{display:flex;align-items:stretch;justify-content:center;width:100%;height:100%;padding:24px;box-sizing:border-box;animation:fadeIn .4s ease-out;gap:16px;overflow:hidden}.vertical-slider{width:100%;height:16px;background:linear-gradient(180deg,#ff5e6266,#ff5e6233);cursor:ns-resize;position:relative;z-index:9999;display:flex;align-items:center;justify-content:flex-end;border-radius:8px;box-shadow:0 2px 6px #0000004d;transition:var(--transition-default);touch-action:none}.vertical-slider:hover{background:linear-gradient(180deg,#ff5e6299,#ff5e6266);transform:scaleY(1.2)}.vertical-slider.dragging{background:linear-gradient(180deg,#ff5e62cc,#ff5e6299);transform:scaleY(1.3)}.slider-handle{width:32px;height:24px;background:#000000b3;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;transition:var(--transition-default);margin-right:8px}.slider-handle:hover{background:#000000d9}.slider-grip-icon{width:20px;height:20px;opacity:.8;transition:var(--transition-default)}.slider-handle:hover .slider-grip-icon{opacity:1}.slider-tooltip{position:absolute;bottom:32px;right:8px;background:#000000e6;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition-default)}.vertical-slider:hover .slider-tooltip,.vertical-slider.dragging .slider-tooltip{opacity:1;visibility:visible}.image-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:flex .3s ease-out}.image-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.detail-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);transition:var(--transition-transform)}.detail-image:hover{transform:scale(1.02);opacity:.98}.step-images-section{position:absolute;bottom:0;width:100%;padding:8px;background:linear-gradient(to top,#000000e6,#000000b3);border-top:1px solid var(--accent-color-light);border-radius:0 0 var(--border-radius-large) var(--border-radius-large);box-shadow:0 -2px 8px #0000004d}.step-images-container{display:flex;gap:8px;overflow-x:auto;padding:4px}.step-image-wrapper{flex:0 0 80px;height:80px;overflow:hidden;border-radius:var(--border-radius-small);border:1px solid var(--accent-color-light);box-shadow:0 2px 4px #0000004d;transition:var(--transition-default)}.step-image-wrapper:hover{transform:scale(1.05);box-shadow:0 3px 6px var(--accent-color)}.step-image{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-small)}.coll-metadata-section{display:flex;justify-content:flex-end}.coll-metadata-container{width:360px;padding:16px;background:var(--background-gradient-dark);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-light);color:var(--text-color);overflow-y:auto}.generation-parameter{margin-bottom:12px;background:linear-gradient(135deg,var(--accent-color-light),rgba(0,0,0,.7));padding:12px;border-radius:var(--border-radius-small);box-shadow:0 1px 6px var(--accent-color-light)}.generation-parameter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.parameter-title-badge{background:linear-gradient(135deg,#ff5e624d,#6495ed4d);color:#f0c4e9;padding:4px 6px;border-radius:var(--border-radius-medium);font-size:1rem;font-weight:700;border:1px solid rgba(255,94,98,.4);box-shadow:0 2px 6px #0003;transition:var(--transition-default)}.parameter-title-badge:hover{background:linear-gradient(135deg,#ff5e6266,#6495ed66);transform:translateY(-2px)}.button-container{display:flex;justify-content:space-between;margin-top:12px}.post-button,.delete-button{background:linear-gradient(135deg,#8a2be266,#9370db33);border:1px solid rgba(138,43,226,.5);border-radius:var(--border-radius-medium);padding:4px 10px;font-size:.8rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:var(--transition-default);box-shadow:0 2px 4px #8a2be233}.delete-button{background:linear-gradient(135deg,rgba(255,94,98,.4),var(--accent-color-light));border:1px solid rgba(255,94,98,.5);color:#a08f8ff2}.post-button:hover,.delete-button:hover{transform:scale(1.05);box-shadow:0 3px 6px #8a2be24d}.delete-button:hover{background:linear-gradient(135deg,#ff5e6299,#ff5e6266)}.generate-caption-button{background:linear-gradient(135deg,#8a2be266,#9370db33);border:1px solid rgba(138,43,226,.5);border-radius:var(--border-radius-medium);padding:4px 10px;font-size:.8rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:var(--transition-default);box-shadow:0 2px 4px #8a2be233}.generate-caption-button:hover{background:linear-gradient(135deg,#8a2be299,#9370db66);transform:scale(1.05);box-shadow:0 3px 6px #8a2be24d}.tab-navigation{display:flex;border-bottom:1px solid var(--accent-color);margin-bottom:8px}.tab-button-meta{flex:1;padding:8px 12px;background:var(--background-gradient-dark);color:var(--text-color-light);font-size:.9rem;font-weight:500;border:none;border-radius:var(--border-radius-small) var(--border-radius-small) 0 0;cursor:pointer;transition:var(--transition-default)}.tab-button-meta.active{background:linear-gradient(135deg,#ff5e6240,#000000b3);color:var(--text-color)}.tab-button-meta:hover{background:linear-gradient(135deg,#ff5e6259,#0009)}.tab-content{padding:8px 0}.parameter-tab,.caption-tab{display:flex;flex-direction:column;gap:4px}.parameter-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 8px;background:#ffffff0d;border-radius:4px}.parameter-label{font-size:.85rem;color:var(--text-color-light);flex:1}.parameter-value{font-size:.85rem;color:var(--text-color);flex:1;text-align:right}.tags-container{display:flex;flex-wrap:wrap;gap:4px}.tag-pill{background:linear-gradient(135deg,var(--accent-color-light),rgba(255,94,98,.1));color:#ff6b6f;padding:2px 8px;border-radius:var(--border-radius-large);font-size:.8rem;font-weight:500;border:1px solid var(--accent-color-light);transition:var(--transition-default)}.tag-pill:hover{background:linear-gradient(135deg,rgba(255,94,98,.3),var(--accent-color-light));transform:translateY(-1px)}.delete-confirmation-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 203px;display:flex;align-items:center;justify-content:center}.delete-modal-content{background:var(--background-gradient-dark);border-radius:var(--border-radius-large);padding:24px;text-align:center;color:var(--text-color);box-shadow:var(--shadow-medium);animation:fadeIn .3s ease-out}.delete-modal-title{font-size:1.2rem;font-weight:600;margin-bottom:12px}.delete-modal-message{font-size:.9rem;color:#fffc;margin-bottom:24px;line-height:1.5}.delete-modal-buttons{display:flex;justify-content:space-between;gap:16px}.delete-modal-cancel,.delete-modal-confirm{border-radius:var(--border-radius-medium);font-size:.9rem;font-weight:500;padding:8px 20px;cursor:pointer;transition:var(--transition-default)}.delete-modal-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:var(--text-color)}.delete-modal-cancel:hover{background:#fff3;transform:scale(1.05)}.delete-modal-confirm{background:linear-gradient(135deg,#ff5e62,#e05256);border:none;color:var(--text-color)}.delete-modal-confirm:hover{background:linear-gradient(135deg,#ff7a7e,#f4686c);transform:scale(1.05)}.close-button-container{position:absolute;top:16px;right:16px;z-index:1000}.close-button{--background: var(--accent-color);--border-radius: 50%;--padding: 12px;transition:var(--transition-default)}.close-button:hover{--background: var(--accent-color-hover)}.close-icon{font-size:24px;color:var(--text-color)}.toolbar{background:var(--background-gradient-dark);padding:8px 12px}.notification-modal{--background: rgba(0, 0, 0, .85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 180px;display:flex;align-items:center;justify-content:center}.notification-content{background:var(--background-gradient-dark);border-radius:var(--border-radius-large);padding:24px;text-align:center;color:var(--text-color);box-shadow:var(--shadow-medium);animation:fadeIn .3s ease-out}.notification-title{font-size:1.2rem;font-weight:600;margin-bottom:12px}.notification-message{font-size:.9rem;color:#fffc;margin-bottom:24px;line-height:1.5}.notification-buttons{display:flex;justify-content:center}.notification-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-medium);color:var(--text-color);font-size:.9rem;font-weight:500;padding:8px 20px;cursor:pointer;transition:var(--transition-default)}.notification-close:hover{background:#fff3;transform:scale(1.05)}.loras-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex:1}.lora-item{display:inline-flex;align-items:center;background:linear-gradient(135deg,#8a2be233,#9370db33);border:1px solid rgba(255,94,98,.3);border-radius:var(--border-radius-small);padding:4px 8px;transition:var(--transition-default);box-shadow:0 1px 3px #0003}.lora-item:hover{background:linear-gradient(135deg,#8a2be266,#9370db66);transform:scale(1.03)}.lora-id{font-size:.85rem;color:#fffffff2;font-weight:500;margin-right:4px}.lora-strength{font-size:.8rem;color:#ffffffb3;font-weight:400}@media(max-width:767px){.detail-container{flex-direction:column;padding:16px;gap:8px;overflow:hidden}.image-section,.coll-metadata-section{flex:1 1 auto;min-height:30%;transition:flex .2s ease-out}.image-wrapper{height:100%}.detail-image{max-height:100%}.step-images-section{padding:6px}.step-images-container{gap:6px}.step-image-wrapper{flex:0 0 70px;height:70px;border-radius:3px;border:1px solid rgba(255,94,98,.15)}.coll-metadata-container{width:100%;padding:12px;max-height:100%}.generation-parameter{margin-bottom:8px;padding:8px}.tab-navigation{margin-bottom:6px}.tab-button-meta{padding:6px 10px}.tab-content{padding:6px 0}.parameter-item{flex-direction:column;align-items:flex-start;margin-bottom:3px;padding:4px 6px}.parameter-label,.parameter-value{font-size:.8rem}.tag-pill{font-size:.75rem;padding:2px 6px}.delete-confirmation-modal{--width: 90%;--max-height: 168px}.delete-modal-content{padding:16px}.delete-modal-title{font-size:1rem}.delete-modal-message{font-size:.85rem;margin-bottom:16px}.delete-modal-buttons{gap:8px}.delete-modal-cancel,.delete-modal-confirm{font-size:.85rem;padding:6px 16px}.notification-modal{--width: 90%;--max-height: 147px}.notification-content{padding:16px}.notification-title{font-size:1rem}.notification-message{font-size:.85rem;margin-bottom:16px}.notification-close{font-size:.85rem;padding:6px 16px}.vertical-slider{height:20px}.slider-handle{margin-right:6px}.slider-grip-icon{width:24px;height:24px}.slider-tooltip{font-size:.7rem;padding:3px 6px;right:6px}.loras-container{gap:6px}.lora-item{padding:3px 6px}.lora-id{font-size:.8rem}.lora-strength{font-size:.75rem}}@media(min-width:768px){.desktop-header{display:block}.close-button-container{display:none}.close-button{--background: transparent}}@media(min-width:1024px){.coll-metadata-container{width:400px}}.moving-image-button{background:linear-gradient(135deg,#ff8c00,#ff4d4d);border:none;border-radius:var(--border-radius-medium);padding:6px 12px;font-size:.85rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:var(--transition-default);box-shadow:0 3px 6px #ff8c004d;animation:pulse 2s infinite ease-in-out;position:relative;overflow:hidden;width:100%}.moving-image-button:hover{background:linear-gradient(135deg,orange,#f66);transform:scale(1.08) translateY(-2px);box-shadow:0 4px 8px #ff8c0066}.moving-image-button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.moving-image-button:hover:after{left:100%}@keyframes pulse{0%{box-shadow:0 3px 6px #ff8c004d}50%{box-shadow:0 3px 10px #ff8c0080}to{box-shadow:0 3px 6px #ff8c004d}}.standalone-page .detail-container{padding:24px;gap:16px;width:100%;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:flex-start}.standalone-page{--background: rgba(0, 0, 0, .95);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;height:100vh;width:100%;background:var(--background-dark);animation:fadeIn .4s ease-out}.standalone-page .detail-container{padding:24px;gap:16px;width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch}@media(max-width:767px){.standalone-page .detail-container{flex-direction:column;padding:16px}}.standalone-wrapper{height:100%;display:flex;flex-direction:column}.standalone-wrapper .detail-container{flex:1;display:flex;flex-direction:column}.vertical-slider{width:100%;height:18px;position:relative;z-index:10;cursor:ns-resize;pointer-events:auto;touch-action:none;background:linear-gradient(180deg,#ff5e6280,#ff5e6233);border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;transition:background .2s ease}.vertical-slider:hover{background:linear-gradient(180deg,#ff5e62b3,#ff5e6266)}.vertical-slider.dragging{background:linear-gradient(180deg,#ff5e62d9,#ff5e6299)}.vertical-slider .slider-handle{width:40px;height:6px;border-radius:3px;background:#fffc;transition:background .2s ease}.vertical-slider:hover .slider-handle{background:#fff}.model-link-btn{margin-left:auto;padding:2px 6px;font-size:.75rem;line-height:1;border-radius:4px;background:#ff5e6240;border:1px solid rgba(255,94,98,.4);color:var(--text-color);cursor:pointer;transition:var(--transition-default)}.model-link-btn:hover{background:#ff5e6266;transform:scale(1.05)}.regen-confirmation-modal{--background: rgba(0,0,0,.85);--border-radius: var(--border-radius-large);--width: 400px;--max-height: 260px;display:flex;align-items:center;justify-content:center}.regen-modal-content{background:var(--background-gradient-dark);border-radius:12px;padding:14px;text-align:center;color:#fff}.regen-modal-title{font-size:1.2rem;font-weight:600;margin-bottom:16px}.regen-modal-options{display:flex;flex-direction:column;gap:10px}.regen-option-btn{padding:10px;border-radius:6px;font-weight:500;transition:.2s}.regen-option-regenerate{background:linear-gradient(135deg,#8a2be2,#9932cc);border:none;color:#fff}.regen-option-regenerate:hover{background:linear-gradient(135deg,#9c3ee8,#a945d6)}.regen-option-similar{background:linear-gradient(135deg,#8a2be2,#9932cc);border:none;color:#fff}.regen-option-similar:hover{background:linear-gradient(135deg,#9c3ee8,#a945d6)}.regen-option-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff}.regen-option-cancel:hover{background:#fff3}.home-content{--background: linear-gradient(to bottom, #1a1a1a, #121212);--padding: 12px;padding:var(--padding) var(--padding) 0 var(--padding);overflow-y:auto}.posts-grid{padding:0;max-width:1200px;margin:0 auto}.post-card{margin:0 0 12px;border-radius:16px;overflow:hidden;background:#1f1f1f;box-shadow:0 8px 16px #0000004d,0 0 0 1px #ffffff0d;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease;animation:fadeInUp .5s ease-out forwards;opacity:0;transform:translateY(15px)}.post-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 12px 24px #0006,0 0 0 1px #ffffff14}.posts-grid ion-row:last-child{margin-bottom:0!important}.hidden-card .image-container{filter:blur(8px);background:#00000080;transition:filter .3s ease}.hidden-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;color:#ffffffe6;font-size:1rem;font-weight:500;text-align:center}.hidden-icon{font-size:2rem;color:#ffffffb3;margin-bottom:8px}.image-container{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:16px 16px 0 0}.post-image,.post-image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%}.post-image{object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94),filter .3s ease}.post-card:hover .post-image{transform:scale(1.06) rotate(.5deg);filter:brightness(1.03) contrast(1.03)}.post-image-skeleton{margin:0}.filter-input{width:100%;padding:8px 32px 8px 8px;border:1px solid #ccc;border-radius:4px;font-size:16px;background:#1e1e1e;color:#fff;width:94%!important;box-sizing:border-box}.filter-input:focus{outline:none;border-color:#ff5e62}.filter-input-container{position:relative;width:94%!important;position:fixed;top:8px;left:16px;right:16px;z-index:1000}.filter-icon{position:absolute;right:0;top:41%;transform:translateY(-50%);font-size:25px;color:#9ca3af;transition:color .2s ease,transform .2s ease}.filter-icon:hover{color:#ff5e62;transform:translateY(-50%) scale(1.2)}.filter-input-wrapper{position:relative;width:100%}.custom-suggestions{display:none;position:fixed;top:45px;left:16px;width:89%!important;max-height:200px;overflow-y:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ccc;border-radius:4px;z-index:999;box-shadow:0 4px 12px #0003}.suggestion-item{padding:8px 12px;color:#fff;cursor:pointer;transition:background-color .2s ease;font-size:16px}.suggestion-item:hover{background:#ff5e621a}.custom-suggestions::-webkit-scrollbar{width:4px}.custom-suggestions::-webkit-scrollbar-track{background:#1e1e1e}.custom-suggestions::-webkit-scrollbar-thumb{background:#666;border-radius:2px}.custom-suggestions::-webkit-scrollbar-thumb:hover{background:#888}.group-container{width:100%;margin-bottom:10px}.group-header{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:600;color:#ffffffe6;padding:6px 12px;min-height:32px;background:linear-gradient(to right,#ff5e6226,#ff5e620d);border-radius:8px;animation:fadeIn .4s ease-out;box-shadow:0 2px 4px #0003;margin:4px 0}.group-count{font-size:1rem;font-weight:400;color:#666}.icon-container{position:absolute;width:32px;height:32px;background-color:#0000008c;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .3s cubic-bezier(.25,.46,.45,.94);opacity:.9}.icon-container:hover{background-color:#000000bf;transform:scale(1.08);opacity:1;box-shadow:0 3px 6px #0003}.icon-eye,.icon-download,.icon-share,.icon-info{color:#fffffff2;font-size:16px;transition:color .2s ease}.icon-container:hover .icon-eye,.icon-container:hover .icon-download,.icon-container:hover .icon-share,.icon-container:hover .icon-info{color:#ff6b6f}.eye-container{top:12px;left:12px}.download-container{top:12px;right:12px}.share-container{top:52px;right:12px}.info-container{bottom:12px;right:12px}.tags-container{display:flex;flex-wrap:wrap;gap:3px;padding:6px;background:linear-gradient(to bottom,#1f1f1f,#181818);border-radius:0 0 16px 16px;border-top:1px solid rgba(255,255,255,.06)}.tag-pill{background:linear-gradient(135deg,#ff5e6240,#ff5e621a);color:#ff6b6f;padding:3px 8px;border-radius:14px;font-size:.75rem;font-weight:500;border:1px solid rgba(255,94,98,.2);transition:all .2s ease}.tag-pill:hover{background:linear-gradient(135deg,#ff5e6259,#ff5e6233);transform:translateY(-1px);box-shadow:0 2px 3px #ff5e6226}.image-modal{--background: rgba(0, 0, 0, .92);--border-radius: 12px}.modal-content{--background: transparent;display:flex;flex-direction:column;align-items:center;padding:12px;overflow-y:auto}.full-image{max-width:100%;max-height:55vh;border-radius:12px;box-shadow:0 8px 16px #0006;margin-bottom:12px;transition:transform .3s ease}.full-image:hover{transform:scale(1.01)}.modal-metadata{width:100%;max-width:500px;background:linear-gradient(to bottom,#1f1f1f,#181818);padding:14px;border-radius:12px;box-shadow:0 3px 8px #0003;color:#ffffffe6;animation:fadeIn .4s ease-out}.modal-metadata h3{font-size:.95rem;margin-bottom:8px;color:#ffffffeb}.modal-metadata p{font-size:.8rem;margin-bottom:6px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.posts-grid .ion-col:nth-child(1) .post-card{animation-delay:.1s}.posts-grid .ion-col:nth-child(2) .post-card{animation-delay:.15s}.posts-grid .ion-col:nth-child(3) .post-card{animation-delay:.2s}.posts-grid .ion-col:nth-child(4) .post-card{animation-delay:.25s}.posts-grid .ion-col:nth-child(5) .post-card{animation-delay:.3s}.posts-grid .ion-col:nth-child(6) .post-card{animation-delay:.35s}@media(min-width:768px){.posts-grid{padding:0 12px}.posts-grid ion-row:last-child{margin-bottom:0!important}.post-card{margin:0 10px 12px}.icon-container{width:34px;height:34px}.icon-eye,.icon-download,.icon-share,.icon-info,.hidden-icon{font-size:18px}.share-container{top:54px}.modal-metadata{padding:16px}.modal-metadata h3{font-size:1rem}.modal-metadata p{font-size:.85rem}.tags-container{padding:14px}.tag-pill{font-size:.8rem;padding:4px 10px}.filter-input{font-size:.85rem;height:34px;padding:8px 12px;margin-bottom:10px}.group-header{margin:12px 0;padding:10px 14px}}@media(min-width:1024px){.posts-grid{padding:0 20px}.full-image{max-height:65vh}.group-header{font-size:1.4rem}}.post-card{transition:opacity .3s ease,transform .3s ease}.post-card.fade-out{opacity:0;transform:scale(.95)}.tags-container.tags-singleline{display:flex;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.tags-container.tags-singleline .tag-pill{margin-right:4px;flex:0 0 auto}.tags-container.tags-multiline{display:flex;flex-wrap:wrap;gap:4px}.dense-grid .image-container{width:100%}.dense-grid .main-author-container{min-height:70px}.dense-grid .engagement-badge{top:5px;right:5px;padding:4px;font-size:.6rem}.dense-grid .home-image-group{bottom:12px;padding:3px 8px;gap:16px}.dense-grid .home-image-group .image-action-item:nth-child(3){display:none!important}.dense-grid ion-col{padding:4px!important}:host{--ion-background-color: #f4f7fa;--ion-text-color: #333}.container{max-width:1200px;width:100%;padding:20px;margin:0 auto}.tabs{display:flex;justify-content:center;background-color:var(--ion-color-light, #fff);border-bottom:2px solid var(--ion-color-light-shade, #e0e0e0);margin-bottom:30px;box-shadow:0 2px 4px #0000000d}.tab{padding:15px 30px;cursor:pointer;font-weight:700;transition:all .3s ease;position:relative;font-size:16px}.tab.active{color:var(--ion-color-primary, #007bff);border-bottom:3px solid var(--ion-color-primary, #007bff)}.tab:hover{background-color:var(--ion-color-light-tint, #f8f9fa)}.upload-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.upload-container{width:300px;height:400px;border:2px dashed var(--ion-color-medium, #ccc);border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--ion-color-light, #fff);box-shadow:0 4px 8px #0000001a;transition:all .3s ease;cursor:pointer}.upload-container:hover{border-color:var(--ion-color-primary, #007bff);box-shadow:0 6px 12px #00000026}.upload-icon{font-size:120px;color:var(--ion-color-medium, #ccc);margin-bottom:20px}.upload-text{font-size:16px;text-align:center;color:var(--ion-color-medium-tint, #666)}.target-icon{border:2px dashed var(--ion-color-medium, #ccc);border-radius:50%;padding:20px}.arrow{font-size:60px;color:var(--ion-color-primary, #007bff);margin:0 40px;position:relative;animation:arrow-pulse 1.5s infinite}@keyframes arrow-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.action-section{display:flex;align-items:center;justify-content:flex-end;margin-bottom:40px}.swap-button{background-color:var(--ion-color-primary, #007bff);color:var(--ion-color-light, #fff);border:none;padding:15px 40px;font-size:18px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 8px #007bff4d;transition:all .3s ease;margin-right:20px}.swap-button:hover{background-color:var(--ion-color-primary-shade, #0056b3);box-shadow:0 6px 12px #007bff66;transform:translateY(-2px)}.controls-section{background-color:var(--ion-color-light, #fff);padding:30px;border-radius:15px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:800px;margin-bottom:20px;z-index:10}.control{margin-bottom:30px}.control label{display:block;font-weight:700;margin-bottom:10px;font-size:16px;color:var(--ion-text-color, #333)}select{width:100%;padding:12px;border:1px solid var(--ion-color-medium, #ccc);border-radius:8px;font-size:16px;background-color:var(--ion-color-light-tint, #f8f9fa);transition:border-color .3s ease}select:focus{border-color:var(--ion-color-primary, #007bff);outline:none}.slider-container{display:flex;align-items:center}input[type=range]{flex:1;margin-right:15px;-webkit-appearance:none;height:8px;border-radius:5px;background:var(--ion-color-light-shade, #e0e0e0);outline:none;transition:background .3s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ion-color-primary, #007bff);cursor:pointer;box-shadow:0 2px 4px #0003}input[type=range]:hover{background:var(--ion-color-medium, #ccc)}.slider-value{font-size:16px;font-weight:700;color:var(--ion-color-primary, #007bff);min-width:40px;text-align:right}@media(max-width:768px){.tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:10px 0;margin-bottom:20px}.tab{padding:8px 15px;font-size:14px;white-space:nowrap}.tab.active{border-bottom:2px solid var(--ion-color-primary, #007bff)}.upload-section{flex-direction:row;justify-content:space-between}.upload-container{width:45%;height:250px}.upload-icon{font-size:80px}.arrow{font-size:40px;margin:0 10px}.action-section{flex-direction:column;align-items:center;margin-bottom:20px}.swap-button{width:100%;margin-right:0;margin-bottom:20px}.result-container{width:100%;height:300px;margin-bottom:20px}.controls-section{margin-bottom:20px}.mobile-order .action-section{order:1}.mobile-order .controls-section{order:2}.mobile-order .upload-section{order:3}}@media(min-width:769px){.upload-section,.action-section{justify-content:center}.swap-button{margin-right:40px}}.preview-img{max-width:100%;max-height:100%;border-radius:10px;object-fit:cover}.upload-container{border:2px dashed #ccc;border-radius:12px;padding:16px;text-align:center;transition:border-color .2s ease,background .2s ease}.upload-container.drag-over{border-color:#4cafef;background:#4cafef1a}.result-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;padding:16px;border:2px dashed #ccc;border-radius:12px;min-height:450px;background-color:#f9f9f9}.result-image{max-width:100%;max-height:400px;object-fit:contain;border-radius:10px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.result-image:hover{transform:scale(1.05)}.result-icon{font-size:5rem;color:#bbb}.result-text{margin-top:10px;font-size:1rem;color:#777;text-align:center}.result-wrapper{position:relative;display:inline-block}.zoom-button{position:absolute;bottom:10px;right:10px;--background: rgba(0, 0, 0, .5);--color: #fff;border-radius:50%;padding:8px}.zoom-modal{display:flex;justify-content:center;align-items:center;height:100%;background:#000000e6}.zoomed-image{max-width:90%;max-height:90%;border-radius:12px;object-fit:contain}.t2i-steps-range-container,.t2i-cfg-range-container,.t2i-clip-skip-range-container{display:flex;align-items:center;gap:10px}.t2i-steps-range,.t2i-cfg-range,.t2i-clip-skip-range{flex:1;height:6px;border-radius:4px;background:var(--ion-color-light);outline:none;-webkit-appearance:none}.t2i-steps-range::-webkit-slider-thumb,.t2i-cfg-range::-webkit-slider-thumb,.t2i-clip-skip-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ion-color-primary);cursor:pointer;box-shadow:0 2px 4px #0003}.t2i-steps-value,.t2i-cfg-value,.t2i-clip-skip-value{min-width:36px;text-align:center;font-weight:600;color:var(--ion-color-primary);font-size:14px}.t2i-steps-value-input,.t2i-cfg-value-input{width:50px;--padding-start: 6px;--padding-end: 6px;--padding-top: 4px;--padding-bottom: 4px;--border-radius: 4px;--border-color: var(--ion-color-medium);--border-width: 1px;--background: var(--ion-color-light);font-size:14px;font-weight:600;color:var(--ion-color-primary);text-align:center}@media(max-width:768px){.t2i-sampler-row{flex-direction:column;gap:15px}.t2i-sampler-column:first-child{order:2}.t2i-sampler-column:last-child{order:1}.t2i-sampler-item{margin-bottom:12px;padding:10px}.t2i-dimension-container{flex-wrap:wrap;gap:4px}.t2i-dimension-input{flex-basis:calc(50% - 4px)}.t2i-dimension-separator{display:none}.t2i-steps-range-container,.t2i-cfg-range-container,.t2i-clip-skip-range-container{flex-wrap:wrap;gap:8px}.t2i-steps-value,.t2i-cfg-value,.t2i-clip-skip-value{flex-basis:36px;text-align:center;font-size:13px}.t2i-steps-value-input,.t2i-cfg-value-input{width:45px;font-size:13px}.t2i-modal .modal-wrapper{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.t2i-checkpoint-searchbar{padding:6px 10px}.t2i-checkpoint-item{--min-height: 56px}.t2i-checkpoint-item h2{font-size:14px}}@media(max-width:480px){.t2i-sampler-container{margin:10px 0}.t2i-sampler-content{padding:10px}.t2i-sampler-item{padding:8px}.t2i-sampler-label{font-size:14px;margin-bottom:4px}.t2i-sampler-hint{font-size:.7rem;margin-top:4px}.t2i-dimension-aspect-ratio-btn{font-size:10px;padding:2px 6px}.t2i-dimension-label{font-size:11px}.t2i-steps-value,.t2i-cfg-value,.t2i-clip-skip-value{font-size:12px;min-width:32px}.t2i-steps-value-input,.t2i-cfg-value-input{width:40px;font-size:12px}}.progress-toggle-button{--color: var(--ion-color-primary);--border-radius: 50%;--padding-start: 0;--padding-end: 0;width:28px;height:28px;margin:0;position:absolute;top:6px;right:6px;z-index:10;background:#fff9;border:none;box-shadow:0 2px 8px #6366f133;transition:all .2s ease}.progress-toggle-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f14d;background:#fffc}.progress-toggle-icon{font-size:18px;color:var(--ion-color-primary)}.progress-images-container{display:flex;overflow-x:auto;gap:12px;padding:6px 8px 2px;margin-bottom:2px;scrollbar-width:thin;scrollbar-color:var(--ion-color-medium) transparent;transition:all .3s ease}.progress-images-container::-webkit-scrollbar{height:4px}.progress-images-container::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.progress-images-container::-webkit-scrollbar-thumb{background-color:var(--ion-color-medium);border-radius:2px}.progress-image-item{flex:0 0 auto}.progress-image-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 16px #00000026;transition:transform .3s ease,box-shadow .3s ease;background:#ffffffe6;border:1px solid rgba(255,255,255,.3)}.progress-image-wrapper:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0003}.progress-image{display:block;width:150px;height:150px;object-fit:cover}.step-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(30,41,59,.8),transparent);color:#fff;padding:8px 12px;font-size:.85rem;font-weight:500;text-align:center}.main-image-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 24px #00000026;background:#ffffffe6;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;min-height:600px}.main-image-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:4px}.main-image{display:block;max-width:100%;max-height:700px;object-fit:contain;border-radius:12px;box-shadow:0 8px 20px #0003;transition:transform .3s ease,box-shadow .3s ease}.main-image:hover{transform:scale(1.02);box-shadow:0 12px 30px #00000040}.main-image-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 70%,rgba(99,102,241,.05) 100%);pointer-events:none;border-radius:12px;z-index:1}.main-image{position:relative;z-index:2}.action-buttons-container{display:flex;justify-content:center;gap:8px;margin-top:4px;padding:0 8px 4px}.action-button{--border-radius: 14px;--padding-start: 8px;--padding-end: 8px;font-weight:500;height:22px;font-size:.8rem;text-transform:none;letter-spacing:normal;transition:all .2s ease}.collect-button{--background: #10b981 !important;--background-hover: #059669 !important;--background-activated: #34d399 !important;--color: white !important;box-shadow:0 2px 4px #10b98133}.collect-button:hover{transform:translateY(-1px);box-shadow:0 3px 6px #10b9814d}.cancel-button{--border-color: #ef4444 !important;--color: #ef4444 !important;--background-hover: rgba(239, 68, 68, .08) !important;--background-activated: rgba(239, 68, 68, .15) !important;--border-width: 1px;box-shadow:0 2px 4px #ef444426}.cancel-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #ef444426}.action-button ion-icon{font-size:14px;margin-right:3px}.collect-button::part(native){background-color:#10b981!important;color:#fff!important}.cancel-button::part(native){border-color:#ef4444!important;color:#ef4444!important}.collect-button:hover::part(native){background-color:#059669!important}.cancel-button:hover::part(native){background-color:#ef444414!important}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating-icon{animation:rotate 1s linear infinite}@media(max-width:768px){.progress-image{width:120px;height:120px}.main-image-container{min-height:500px}.main-image{max-height:550px}.action-buttons-container{gap:6px}.action-button{--padding-start: 6px;--padding-end: 6px;height:20px;font-size:.75rem}.action-button ion-icon{font-size:12px}}@media(max-width:480px){.progress-image{width:100px;height:100px}.main-image-container{min-height:400px}.main-image{max-height:450px}.action-buttons-container{gap:4px;flex-direction:column;align-items:center}.action-button{width:100%;max-width:140px;height:20px}}.action-buttons-container{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:0 8px 4px}.caption-button{--border-color: #8b5cf6 !important;--color: #8b5cf6 !important;--background-hover: rgba(139, 92, 246, .08) !important;--background-activated: rgba(139, 92, 246, .15) !important;--border-width: 1px;box-shadow:0 2px 4px #8b5cf626}.caption-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #8b5cf626}.download-button{--border-color: #0ea5e9 !important;--color: #0ea5e9 !important;--background-hover: rgba(14, 165, 233, .08) !important;--background-activated: rgba(14, 165, 233, .15) !important;--border-width: 1px;box-shadow:0 2px 4px #0ea5e926}.download-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0ea5e926}.upscale-button{--border-color: #f59e0b !important;--color: #f59e0b !important;--background-hover: rgba(245, 158, 11, .08) !important;--background-activated: rgba(245, 158, 11, .15) !important;--border-width: 1px;box-shadow:0 2px 4px #f59e0b26}.upscale-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #f59e0b26}.sharpen-button{--border-color: #ec4899 !important;--color: #ec4899 !important;--background-hover: rgba(236, 72, 153, .08) !important;--background-activated: rgba(236, 72, 153, .15) !important;--border-width: 1px;box-shadow:0 2px 4px #ec489926}.sharpen-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #ec489926}.caption-button::part(native){border-color:#8b5cf6!important;color:#8b5cf6!important}.download-button::part(native){border-color:#0ea5e9!important;color:#0ea5e9!important}.upscale-button::part(native){border-color:#f59e0b!important;color:#f59e0b!important}.sharpen-button::part(native){border-color:#ec4899!important;color:#ec4899!important}.caption-button:hover::part(native){background-color:#8b5cf614!important}.download-button:hover::part(native){background-color:#0ea5e914!important}.upscale-button:hover::part(native){background-color:#f59e0b14!important}.sharpen-button:hover::part(native){background-color:#ec489914!important}@media(max-width:768px){.action-buttons-container{flex-direction:column;gap:8px}.left-buttons,.right-buttons{width:100%;justify-content:center}}@media(max-width:480px){.left-buttons,.right-buttons{flex-wrap:wrap;justify-content:center}.action-button{flex:1 0 calc(50% - 4px);max-width:calc(50% - 4px)}}.action-buttons-container{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:0 8px;width:100%;box-sizing:border-box}.left-buttons,.right-buttons{display:flex;gap:8px}.action-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:0 12px;height:36px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-sizing:border-box}@media(max-width:768px){.action-button{padding:0 8px;height:32px;font-size:12px}.action-button i{margin-right:4px;font-size:14px}.left-buttons,.right-buttons{gap:6px}}@media(max-width:480px){.action-button{padding:0 6px;height:28px;font-size:11px}.action-button i{margin-right:2px;font-size:12px}.left-buttons,.right-buttons{gap:4px}}.action-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:0 12px;height:36px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-sizing:border-box;min-width:80px}.action-button:hover:not(:disabled){transform:translateY(-1px)}.action-button:active:not(:disabled){transform:translateY(0)}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button i{margin-right:6px;font-size:16px}.caption-button{background-color:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.caption-button:hover:not(:disabled){background-color:#e5e7eb}.download-button{background-color:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.download-button:hover:not(:disabled){background-color:#e5e7eb}.upscale-button{background-color:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.upscale-button:hover:not(:disabled){background-color:#e5e7eb}.collect-button{background-color:#10b981;color:#fff}.cancel-button{background-color:#f3f4f6;color:#ef4444;border-color:#e5e7eb}.cancel-button:hover:not(:disabled){background-color:#fee2e2;border-color:#fecaca}.icon-upscale:before{content:"🔍"}@media(min-width:769px){.action-buttons-container,.left-buttons,.right-buttons{flex-wrap:nowrap}.action-button{min-width:90px}}@media(max-width:768px){.action-button{padding:0 10px;height:32px;font-size:13px;min-width:75px}.action-button i{margin-right:4px;font-size:14px}.left-buttons,.right-buttons,.action-buttons-container{gap:6px}}@media(max-width:480px){.action-button{padding:0 8px;height:28px;font-size:12px;min-width:65px}.action-button i{margin-right:2px;font-size:12px}.left-buttons,.right-buttons{gap:4px}.action-buttons-container{gap:4px;padding:0 6px}}@media(max-width:360px){.action-button{padding:0 6px;height:26px;font-size:11px;min-width:60px}.action-button i{margin-right:1px;font-size:11px}.left-buttons,.right-buttons{gap:3px}.action-buttons-container{gap:3px;padding:0 4px}.right-buttons{width:100%;justify-content:space-between;margin-top:4px}.collect-button,.cancel-button{flex:1;min-width:auto}}.t2i-card,.t2i-wide-card{border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1px solid rgba(255,255,255,.3);margin:20px 0;padding:24px}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b,#4c1d95);z-index:-1}.t2i-prompt-container,.t2i-negative-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.t2i-prompt-container{background:#fffffff2;border-radius:12px;border:1px solid rgba(99,241,153,.3);box-shadow:0 4px 12px #00000014;overflow:hidden;margin-bottom:16px;transition:all .3s ease}.t2i-prompt-container:focus-within{border-color:#6366f199;box-shadow:0 6px 16px #6366f126}.t2i-prompt-header{display:flex;align-items:center;padding:6px 12px;border-bottom:1px solid rgba(99,102,241,.15);background:linear-gradient(90deg,#6366f10d,#8b5cf60d);height:36px}.t2i-prompt-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-right:8px;box-shadow:0 2px 4px #10b9814d}.t2i-prompt-label{font-size:14px;font-weight:600;color:#1e293b;letter-spacing:.1px}.t2i-negative-container{margin-top:12px}.t2i-negative-header{background:linear-gradient(90deg,#ef44440d,#dc26260d);border-bottom:1px solid rgba(239,68,68,.15)}.t2i-negative-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d}.t2i-negative-textarea{border:1px solid rgba(239,68,68,.2)}.t2i-negative-textarea::part(textarea)::placeholder{color:#fca5a5}.t2i-textarea{--padding-start: 12px;--padding-end: 12px;--padding-top: 8px;--padding-bottom: 8px;--background: transparent;width:100%;min-height:120px;font-size:14px;line-height:1.4;color:#334155;border:none;resize:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.t2i-textarea::part(textarea){width:100%;min-height:120px;border:none;resize:none;outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;color:#334155}.t2i-textarea::part(placeholder){color:#94a3b8;opacity:.8;font-size:14px}@media(max-width:768px){.t2i-textarea{min-height:100px;--padding-top: 6px;--padding-bottom: 6px}.t2i-negative-container{margin-top:10px}.t2i-prompt-header{padding:5px 10px;height:40px}.t2i-prompt-icon{width:20px;height:20px}.t2i-prompt-label{font-size:13px}}@media(max-width:480px){.t2i-textarea{min-height:80px;font-size:13px}.t2i-prompt-icon{width:18px;height:18px}.t2i-prompt-label{font-size:12px}}.t2i-sampler-container{margin:15px 0}.t2i-sampler-content{margin-top:5px;padding:12px;background-color:#fffc;border-radius:12px;border:1px solid rgba(99,102,241,.2);box-shadow:0 4px 12px #0000000d}.t2i-sampler-row{display:flex;gap:20px}.t2i-sampler-column{flex:1;display:flex;flex-direction:column;gap:12px}.t2i-sampler-item{background:#ffffffb3;border-radius:8px;padding:12px;border:1px solid rgba(99,102,241,.15);transition:all .3s ease}.t2i-sampler-item:hover{border-color:#6366f14d;box-shadow:0 4px 8px #0000000d}.t2i-sampler-label{font-weight:600;margin-bottom:6px;color:var(--ion-color-primary);font-size:15px;display:flex;align-items:center}.t2i-sampler-hint{font-size:.75rem;color:var(--ion-color-medium);margin-top:6px;font-style:italic}.t2i-seed-input,.t2i-dropdown{width:100%;--border-radius: 6px;--border-color: var(--ion-color-medium);--border-width: 1px;--background: var(--ion-color-light);--padding-start: 12px;--padding-end: 12px}.t2i-seed-input{height:36px}.t2i-dropdown{--placeholder-color: var(--ion-color-medium)}.t2i-dimension-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.t2i-aspect-ratio-btn{padding:3px 8px;border-radius:4px;border:1px solid var(--ion-color-medium);background:#ffffffb3;color:var(--ion-color-medium);font-size:11px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:none}.t2i-aspect-ratio-btn:hover{background:#6366f10d;border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}.t2i-aspect-ratio-btn:active{transform:translateY(0);box-shadow:inset 0 1px 2px #0000001a}.t2i-aspect-ratio-btn-active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 2px 4px #6366f133}.t2i-aspect-ratio-btn-active:hover{background:#6366f1;color:#fff}.t2i-dimension-container{display:flex;align-items:center;gap:8px}.t2i-dimension-label{font-size:12px;color:var(--ion-color-medium);margin-bottom:3px}.t2i-dimension-input-field{width:100%;--padding-start: 8px;--padding-end: 8px;--padding-top: 6px;--padding-bottom: 6px;border:1px solid var(--ion-color-medium);border-radius:6px;--background: var(--ion-color-light)}.t2i-dimension-separator{font-size:16px;font-weight:600;color:var(--ion-color-primary);margin-top:16px}.t2i-duration-range-container,.t2i-steps-range-container,.t2i-cfg-range-container,.t2i-framerate-range-container,.t2i-clip-skip-range-container{display:flex;align-items:center;gap:10px}.t2i-duration-range,.t2i-steps-range,.t2i-cfg-range,.t2i-framerate-range,.t2i-clip-skip-range{flex:1;height:6px;border-radius:4px;background:var(--ion-color-light);outline:none;-webkit-appearance:none}.t2i-duration-range::-webkit-slider-thumb,.t2i-framerate-range::-webkit-slider-thumb,.t2i-steps-range::-webkit-slider-thumb,.t2i-cfg-range::-webkit-slider-thumb,.t2i-clip-skip-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ion-color-primary);cursor:pointer;box-shadow:0 2px 4px #0003}.t2i-duration-value,.t2i-framerate-value,.t2i-steps-value,.t2i-cfg-value,.t2i-clip-skip-value{min-width:36px;text-align:center;font-weight:600;color:var(--ion-color-primary);font-size:14px}.t2i-duration-value-input,.t2i-framerate-value-input,.t2i-steps-value-input,.t2i-cfg-value-input{width:50px;--padding-start: 6px;--padding-end: 6px;--padding-top: 4px;--padding-bottom: 4px;--border-radius: 4px;--border-color: var(--ion-color-medium);--border-width: 1px;--background: var(--ion-color-light);font-size:14px;font-weight:600;color:var(--ion-color-primary);text-align:center}.t2i-checkpoint-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.t2i-checkpoint-info{display:flex;align-items:center;gap:6px}.t2i-checkpoint-base-model{font-size:12px;color:var(--ion-color-medium);background:#6366f11a;padding:2px 6px;border-radius:4px}.t2i-checkpoint-link-btn{--padding-start: 6px;--padding-end: 6px;--padding-top: 2px;--padding-bottom: 2px;font-size:11px;text-transform:none;height:20px;margin:0}.t2i-checkpoint-selector{margin-bottom:6px}.t2i-checkpoint-display{padding:8px 12px;border:1px solid var(--ion-color-medium);border-radius:6px;background:var(--ion-color-light);cursor:pointer;transition:all .3s ease}.t2i-checkpoint-display:hover{border-color:var(--ion-color-primary);box-shadow:0 0 0 2px #6366f133}.t2i-has-checkpoint{border-color:var(--ion-color-primary)}.t2i-no-checkpoint{color:var(--ion-color-medium)}.t2i-checkpoint-name{font-weight:500;color:var(--ion-color-dark);margin-bottom:3px}.t2i-checkpoint-desc{font-size:.8rem;color:var(--ion-color-medium)}.t2i-checkpoint-placeholder{color:var(--ion-color-medium)}.t2i-checkpoint-description{margin-top:6px;font-size:.8rem;color:var(--ion-color-medium);font-style:italic}.t2i-checkpoint-searchbar{--border-radius: 6px;--box-shadow: none;padding:6px 12px;--background: #f5f5f5}.t2i-checkpoint-item{--padding-start: 12px;--padding-end: 12px;--inner-padding-end: 0;--min-height: 60px}.t2i-checkpoint-item h2{font-weight:500;color:var(--ion-color-dark);margin-bottom:3px;font-size:15px}.t2i-checkpoint-item p{color:var(--ion-color-medium);font-size:.8rem;white-space:normal;overflow:visible;text-overflow:unset}.t2i-checkpoint-no-results{text-align:center;color:var(--ion-color-medium);font-style:italic;padding:12px}.t2i-modal .modal-wrapper{border-radius:16px;max-width:500px;margin:0 auto;box-shadow:0 20px 40px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1px solid rgba(255,255,255,.3)}.t2i-modal ion-header{background:linear-gradient(90deg,#6366f10d,#8b5cf60d);border-bottom:1px solid rgba(99,102,241,.15);padding:12px 0}.t2i-modal ion-toolbar{--background: transparent;--border-color: transparent}.t2i-modal ion-title{font-weight:600;color:#1e293b;font-size:16px}.t2i-modal-close-btn{--color: #6366f1;--border-radius: 50%;--padding-start: 6px;--padding-end: 6px;--padding-top: 6px;--padding-bottom: 6px;height:28px;width:28px;margin:0}@media(max-width:768px){.t2i-sampler-row{flex-direction:column;gap:15px}.t2i-sampler-column:first-child{order:2}.t2i-sampler-column:last-child{order:1}.t2i-sampler-item{margin-bottom:12px;padding:10px}.t2i-dimension-container{flex-wrap:wrap;gap:4px}.t2i-dimension-input{flex-basis:calc(50% - 4px)}.t2i-dimension-separator{display:none}.t2i-duration-range-container,.t2i-framerate-range-container,.t2i-steps-range-container,.t2i-cfg-range-container,.t2i-clip-skip-range-container{flex-wrap:wrap;gap:8px}.t2i-duration-value,.t2i-framerate-value,.t2i-steps-value,.t2i-cfg-value,.t2i-clip-skip-value{flex-basis:36px;text-align:center;font-size:13px}.t2i-duration-value-input,.t2i-framerate-value-input,.t2i-steps-value-input,.t2i-cfg-value-input{width:45px;font-size:13px}.t2i-modal .modal-wrapper{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.t2i-checkpoint-searchbar{padding:6px 10px}.t2i-checkpoint-item{--min-height: 56px}.t2i-checkpoint-item h2{font-size:14px}}@media(max-width:480px){.t2i-sampler-container{margin:10px 0}.t2i-sampler-content{padding:10px}.t2i-sampler-item{padding:8px}.t2i-sampler-label{font-size:14px;margin-bottom:4px}.t2i-sampler-hint{font-size:.7rem;margin-top:4px}.t2i-dimension-aspect-ratio-btn{font-size:10px;padding:2px 6px}.t2i-dimension-label{font-size:11px}.t2i-duration-value,.t2i-framerate-value,.t2i-steps-value,.t2i-cfg-value,.t2i-clip-skip-value{font-size:12px;min-width:32px}.t2i-duration-value-input,.t2i-framerate-value-input,.t2i-steps-value-input,.t2i-cfg-value-input{width:40px;font-size:12px}}.t2i-dimension-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.t2i-dimension-aspect-ratio-buttons{display:flex;gap:4px}.t2i-aspect-ratio-btn{padding:2px 6px;border-radius:4px;border:1px solid var(--ion-color-medium);background:#ffffffb3;color:var(--ion-color-medium);font-size:10px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:none}.t2i-dimension-container{display:flex;align-items:center;gap:6px}.t2i-dimension-input{flex:1}.t2i-dimension-label{font-size:11px;color:var(--ion-color-medium);margin-bottom:2px}.t2i-dimension-input-field{width:100%;--padding-start: 6px;--padding-end: 6px;--padding-top: 4px;--padding-bottom: 4px;border:1px solid var(--ion-color-medium);border-radius:6px;--background: var(--ion-color-light)}.t2i-dimension-separator{font-size:16px;font-weight:600;color:var(--ion-color-primary);margin-top:12px}.t2i-dimension-dropdown-wrapper{width:100%}.t2i-dropdown-small,.t2i-dropdown{font-size:14px;--placeholder-color: var(--ion-color-medium);--placeholder-opacity: .8}.t2i-dimension-dropdown-wrapper,.t2i-resolution-dropdown-wrapper{margin-bottom:16px}.t2i-dimension-dropdown-wrapper .t2i-dropdown,.t2i-resolution-dropdown-wrapper .t2i-dropdown{font-size:14px}.t2i-lora-container{margin:10px 0}.t2i-lora-content{margin-top:5px;padding:10px;background:linear-gradient(145deg,#ffffffe6,#f0f0ffcc);border-radius:8px;border:1px solid rgba(99,102,241,.3);box-shadow:0 2px 8px #00000014}.t2i-lora-card{background:linear-gradient(145deg,#ffffffb3,#f5f5ff99);border-radius:8px;padding:10px;border:1px solid rgba(99,102,241,.2);margin-bottom:8px;transition:all .2s ease}.t2i-lora-card:hover{border-color:#6366f166;box-shadow:0 3px 6px #0000001a;transform:translateY(-1px)}.t2i-lora-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.t2i-lora-card-title{font-weight:600;color:var(--ion-color-primary);font-size:14px}.t2i-lora-remove-btn{--padding-start: 6px;--padding-end: 6px;--padding-top: 3px;--padding-bottom: 3px;margin:0;height:28px;width:28px}.t2i-lora-model-selector{margin-bottom:6px}.t2i-lora-model-display{padding:8px 10px;border:1px solid var(--ion-color-medium);border-radius:6px;background:var(--ion-color-light);cursor:pointer;transition:all .2s ease}.t2i-lora-model-display:hover{border-color:var(--ion-color-primary);box-shadow:0 0 0 1.5px #6366f14d}.t2i-lora-has-model{border-color:var(--ion-color-primary)}.t2i-lora-no-model{color:var(--ion-color-medium)}.t2i-lora-model-name{font-weight:500;color:var(--ion-color-dark);margin-bottom:3px;font-size:13px}.t2i-lora-model-desc{font-size:.75rem;color:var(--ion-color-medium)}.t2i-lora-placeholder{color:var(--ion-color-medium);font-size:.75rem}.t2i-lora-model-description{margin-top:6px;font-size:.75rem;color:var(--ion-color-medium);font-style:italic}.t2i-lora-strength-container{margin-top:6px}.t2i-lora-strength-label{font-weight:500;margin-bottom:6px;color:var(--ion-color-primary);font-size:14px}.t2i-lora-strength-slider-container{display:flex;align-items:center;gap:10px}.t2i-lora-strength-slider{flex:1;height:6px;border-radius:3px;background:var(--ion-color-light);outline:none;-webkit-appearance:none}.t2i-lora-strength-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ion-color-primary);cursor:pointer;box-shadow:0 1px 3px #0003}.t2i-lora-strength-value{min-width:35px;text-align:center;font-weight:600;color:var(--ion-color-primary);font-size:14px}.t2i-lora-add-container{margin-top:8px}.t2i-lora-add-btn{--border-radius: 6px;--border-color: var(--ion-color-primary);--border-width: 1px;--color: var(--ion-color-primary);--background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(240, 240, 255, .8));--background-hover: rgba(99, 102, 241, .1);--background-activated: rgba(99, 102, 241, .15);font-weight:500;text-transform:none;letter-spacing:.1px;margin:0;font-size:14px;transition:all .2s ease}.t2i-lora-add-btn:hover{--background: rgba(99, 102, 241, .1);transform:translateY(-1px)}.t2i-lora-searchbar{--border-radius: 6px;--box-shadow: none;padding:6px 12px;--background: #f8f8f8;font-size:.8rem}.t2i-lora-model-item{--padding-start: 12px;--padding-end: 12px;--inner-padding-end: 0;--min-height: 60px}.t2i-lora-model-item h2{font-weight:500;color:var(--ion-color-dark);margin-bottom:3px;font-size:14px}.t2i-lora-model-item p{color:var(--ion-color-medium);font-size:.75rem;white-space:normal;overflow:visible;text-overflow:unset}.t2i-lora-no-results{text-align:center;color:var(--ion-color-medium);font-style:italic;padding:12px;font-size:.75rem}@media(max-width:768px){.t2i-lora-card{padding:8px}.t2i-lora-strength-slider-container{flex-wrap:wrap}.t2i-lora-strength-value{flex-basis:45px}.t2i-lora-searchbar{padding:6px 10px}.t2i-lora-model-item{--min-height: 56px}}.t2i-controls-row{display:flex;align-items:center;justify-content:space-between;background:#a3a3c2cc;border-radius:16px;border:1px solid rgba(200,200,210,.5);padding:8px 16px;box-shadow:0 2px 8px #0000000d;height:56px}.t2i-segment-wrapper,.t2i-style-wrapper{flex-shrink:0}.t2i-custom-segment{display:flex;width:240px;height:36px;border-radius:8px;overflow:hidden;border:1px solid #6366f1;background:transparent}.t2i-segment-btn{flex:1;height:100%;background:#ffffffb3;border:none;margin:0;padding:0;cursor:pointer;font-weight:500;font-size:14px;color:#6366f1;transition:all .3s ease;outline:none;display:flex;align-items:center;justify-content:center}.t2i-segment-btn:first-child{border-right:1px solid #6366f1}.t2i-segment-btn-active{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 4px #6366f133}.t2i-segment-btn:hover:not(.t2i-segment-btn-active){background:#6366f11a;transform:translateY(-1px)}.t2i-style-button{--border-radius: 8px;--background: linear-gradient(90deg, #6366f1, #8b5cf6);--background-hover: linear-gradient(90deg, #4f46e5, #7c3aed);--background-activated: linear-gradient(90deg, #4338ca, #6d28d9);--color: white;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;height:36px;width:160px;box-shadow:0 4px 12px #6366f14d;transition:all .3s ease;--padding-start: 12px;--padding-end: 12px;--padding-top: 0;--padding-bottom: 0;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.3)}.t2i-style-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.t2i-style-button ion-icon{font-size:16px}.t2i-style-popover .popover-content{border-radius:12px;background:linear-gradient(135deg,#fffffff2,#c8c8d2cc);border:1px solid rgba(99,102,241,.3);box-shadow:0 8px 24px #00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:180px;padding:8px 0}.t2i-style-option{--background: transparent;--background-hover: linear-gradient(90deg, rgba(99, 102, 241, .15), rgba(139, 92, 246, .15));--background-activated: linear-gradient(90deg, rgba(99, 102, 241, .25), rgba(139, 92, 246, .25));--color: #6366f1;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;cursor:pointer;padding:12px 16px;border-bottom:1px solid rgba(99,102,241,.1)}.t2i-style-option:last-child{border-bottom:none}.t2i-style-option:hover{--background: linear-gradient(90deg, rgba(99, 102, 241, .15), rgba(139, 92, 246, .15));transform:scale(1.02)}.t2i-style-option:active{--background: linear-gradient(90deg, rgba(99, 102, 241, .25), rgba(139, 92, 246, .25));box-shadow:0 0 8px #6366f166}.t2i-reference-button{--border-radius: 8px;--background: linear-gradient(90deg, #10b981, #059669);--background-hover: linear-gradient(90deg, #0d9f6f, #047857);--background-activated: linear-gradient(90deg, #0b8e5f, #036947);--color: white;font-weight:500;text-transform:none;letter-spacing:.2px;height:36px;box-shadow:0 2px 4px #10b9814d;transition:all .3s ease;margin-left:8px;--padding-start: 12px;--padding-end: 12px;--padding-top: 0;--padding-bottom: 0;display:flex;align-items:center;justify-content:center;font-size:14px}.t2i-reference-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.t2i-unified-buttons{display:flex;border:1px solid rgba(16,185,129,.5);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;margin-left:8px;background:#fff3;height:36px;align-items:stretch}.t2i-reference-button.in-advanced-mode{--border-radius: 8px 0 0 8px;--border-right: 1px solid rgba(255, 255, 255, .5);--background: linear-gradient(90deg, #10b981, #059669);--background-hover: linear-gradient(90deg, #0d9f6f, #047857);--background-activated: linear-gradient(90deg, #0b8e5f, #036947);--color: white;box-shadow:none;margin:0;height:100%;--padding-start: 12px;--padding-end: 12px;--padding-top: 0;--padding-bottom: 0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;text-transform:none;letter-spacing:.2px;border-right:1px solid rgba(255,255,255,.5)}.t2i-full-prompts-button{--border-radius: 0;--border-width: 0;--border-right: 1px solid rgba(255, 255, 255, .5);--background: rgba(255, 255, 255, .7);--background-hover: rgba(99, 102, 241, .05);--background-activated: rgba(99, 102, 241, .1);--color: var(--ion-color-primary);margin:0;height:100%;flex:1;--padding-start: 12px;--padding-end: 12px;--padding-top: 0;--padding-bottom: 0;display:flex;align-items:center;justify-content:center;text-transform:none;font-weight:500;letter-spacing:.2px;font-size:14px;border-right:1px solid rgba(255,255,255,.5)}.t2i-search-button{--border-radius: 0 8px 8px 0;--border-width: 0;--background: rgba(255, 255, 255, .7);--background-hover: rgba(99, 102, 241, .05);--background-activated: rgba(99, 102, 241, .1);--color: var(--ion-color-primary);margin:0;height:100%;width:36px;min-width:36px;max-width:36px;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;display:flex;align-items:center;justify-content:center}.t2i-reference-button.in-advanced-mode ion-icon,.t2i-reference-button ion-icon{margin-right:6px}.t2i-search-button ion-icon{font-size:18px}@media(max-width:768px){.t2i-controls-row{flex-direction:column;height:auto;padding:8px 12px;gap:6px}.t2i-segment-wrapper{width:100%;margin-bottom:0}.t2i-custom-segment{width:100%;max-width:none}.t2i-style-wrapper{width:100%;margin-top:6px}.t2i-style-button,.t2i-style-popover .popover-content{width:100%}.t2i-buttons-wrapper{width:100%;margin-left:0;margin-top:0;justify-content:stretch}.t2i-reference-button{margin-left:0;width:100%;justify-content:center}.t2i-unified-buttons{width:100%;margin-left:0;max-width:none}.t2i-reference-button.in-advanced-mode,.t2i-full-prompts-button,.t2i-search-button{flex:1;justify-content:center}}@media(max-width:480px){.t2i-segment-btn{font-size:12px}.t2i-style-button{font-size:12px;--padding-start: 8px;--padding-end: 8px}.t2i-style-button ion-icon{font-size:14px}.t2i-style-option{font-size:12px;padding:10px 14px}.t2i-reference-button,.t2i-reference-button.in-advanced-mode,.t2i-full-prompts-button{font-size:12px;--padding-start: 8px;--padding-end: 8px}.t2i-search-button ion-icon{font-size:16px}.t2i-controls-row{gap:4px;padding:6px 10px}}.t2i-wide-card{padding:8px!important}.t2i-wide-card ion-card-content{padding:0!important;position:relative}.main-video-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 24px #00000026;background:#ffffffe6;border:1px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;min-height:600px}.main-video-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:4px}.main-video{display:block;max-width:100%;max-height:700px;object-fit:contain;border-radius:12px;box-shadow:0 8px 20px #0003;transition:transform .3s ease,box-shadow .3s ease;background:#000}.main-video:hover{transform:scale(1.02);box-shadow:0 12px 30px #00000040}.main-video-wrapper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 70%,rgba(99,102,241,.05) 100%);pointer-events:none;border-radius:12px;z-index:1}.main-video{position:relative;z-index:2}.error-message{display:block;text-align:center;margin-top:8px;font-size:14px;color:var(--ion-color-danger, #eb445a)}.action-buttons-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:8px;padding:0 8px;gap:8px;width:100%;box-sizing:border-box}.left-buttons{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.right-buttons{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.action-button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:0 16px;height:40px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 6px #00000026;min-width:100px;color:#fff;text-transform:none;letter-spacing:.02em}.action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 10px #0003}.action-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0000001a}.action-button:disabled{background-color:#e5e7eb;color:#6b7280;opacity:.6;cursor:not-allowed}.action-button span{margin-right:8px;font-size:18px}.caption-button{background-color:#8b5cf6}.caption-button:hover:not(:disabled){background-color:#7c3aed}.caption-button:active:not(:disabled){background-color:#a78bfa}.download-button{background-color:#0ea5e9}.download-button:hover:not(:disabled){background-color:#0284c7}.download-button:active:not(:disabled){background-color:#38bdf8}.collect-button{background-color:#10b981}.collect-button:hover:not(:disabled){background-color:#059669}.collect-button:active:not(:disabled){background-color:#34d399}.cancel-button{background-color:#ef4444}.cancel-button:hover:not(:disabled){background-color:#dc2626}.cancel-button:active:not(:disabled){background-color:#f87171}.icon-caption:before{content:"✏️"}.icon-download:before{content:"⬇️"}.icon-collect:before{content:"✓"}.icon-cancel:before{content:"✕"}.icon-loading:before{content:"⏳";animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:769px){.action-buttons-container,.left-buttons,.right-buttons{flex-wrap:nowrap}.action-button{min-width:110px;height:42px;font-size:16px}.action-button span{font-size:20px}}@media(max-width:768px){.main-video-container{min-height:500px}.main-video{max-height:550px}.action-button{padding:0 12px;height:36px;font-size:14px;min-width:90px}.action-button span{margin-right:6px;font-size:16px}.left-buttons,.right-buttons,.action-buttons-container{gap:6px}}@media(max-width:480px){.main-video-container{min-height:400px}.main-video{max-height:450px}.action-button{padding:0 10px;height:32px;font-size:13px;min-width:80px}.action-button span{margin-right:4px;font-size:14px}.left-buttons,.right-buttons{gap:4px}.action-buttons-container{gap:4px;padding:0 6px}}@media(max-width:360px){.action-button{padding:0 8px;height:28px;font-size:12px;min-width:70px}.action-button span{margin-right:2px;font-size:12px}.left-buttons,.right-buttons{gap:3px}.action-buttons-container{gap:3px;padding:0 4px}.right-buttons{width:100%;justify-content:space-between;margin-top:4px}.collect-button,.cancel-button{flex:1;min-width:auto}}:root{--ion-color-primary: #6366f1;--ion-color-secondary: #8b5cf6;--ion-color-medium: #64748b}.image-upload-container{margin-bottom:24px;display:flex;flex-direction:column;align-items:center}.image-upload-area{width:100%;max-width:400px;height:250px;border:2px dashed var(--ion-color-medium);border-radius:16px;display:flex;justify-content:center;align-items:center;background:#ffffff1a;transition:all .3s ease;position:relative;overflow:hidden}.image-upload-area:hover{border-color:var(--ion-color-primary);background:#6366f10d;box-shadow:0 4px 12px #6366f133}.image-upload-placeholder{text-align:center;color:var(--ion-color-medium);font-size:16px;font-weight:500;padding:20px}.image-preview{width:100%;height:100%;object-fit:cover;border-radius:16px}.image-upload-buttons{display:flex;gap:8px;margin-top:12px;width:100%;justify-content:center}.image-upload-button{--border-radius: 10px;--background: linear-gradient(90deg, #6366f1, #8b5cf6);--background-hover: linear-gradient(90deg, #4f46e5, #7c3aed);--background-activated: linear-gradient(90deg, #4338ca, #6d28d9);--color: white;font-weight:500;font-size:12px;text-transform:none;letter-spacing:.5px;box-shadow:0 3px 8px #6366f14d;transition:all .3s ease;padding:8px 12px;height:32px}.image-upload-button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #6366f166}.image-upload-button ion-icon{margin-right:6px;font-size:14px}@media(max-width:768px){.image-upload-area{height:200px;max-width:100%}.image-upload-buttons{flex-direction:row;gap:6px;width:100%}.image-upload-button{width:auto;flex:1}}@media(max-width:480px){.image-upload-area{height:180px}.image-upload-placeholder{font-size:14px}.image-upload-button{font-size:11px;padding:6px 8px;height:50px}.image-upload-button ion-icon{margin-right:4px;font-size:12px}}.image-upload-area{width:100%;max-width:400px;height:auto;min-height:250px;border:2px dashed var(--ion-color-medium);border-radius:16px;display:flex;justify-content:center;align-items:center;background:#ffffff1a;transition:all .3s ease;position:relative;overflow:hidden}.image-preview{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px}:root{--ion-color-primary: #6366f1;--ion-color-secondary: #8b5cf6;--ion-color-light: #f8fafc;--ion-color-medium: #64748b;--ion-color-dark: #1e293b}.t2i-card,.t2i-wide-card{border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);margin:20px 0;padding:24px}.t2i-wide-card{max-width:1200px;margin-left:auto;margin-right:auto}.generate-button{--border-radius: 16px;--padding-top: 18px;--padding-bottom: 18px;--background: linear-gradient(90deg, #6366f1, #8b5cf6);--background-hover: linear-gradient(90deg, #4f46e5, #7c3aed);--background-activated: linear-gradient(90deg, #4338ca, #6d28d9);font-weight:600;font-size:16px;text-transform:none;letter-spacing:.5px;box-shadow:0 4px 15px #6366f166;transition:all .3s ease;color:#fff;margin-top:10px}.generate-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.button-icon{margin-left:8px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;color:#fff}.loading-overlay p{margin-top:15px;font-size:16px}.t2i-standard-page{--background: transparent;overflow:hidden}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b,#4c1d95);z-index:-2}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.3),transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,219,112,.2),transparent 50%)}.particle{position:absolute;border-radius:50%;background:#ffffff80;pointer-events:none}.form-section{margin-bottom:30px}.section-title{margin-bottom:20px;position:relative}.section-title h3{margin:0;font-size:18px;font-weight:600;position:relative;display:inline-block}.section-title h3:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:1px}.t2i-optional-text{font-size:.7em;font-weight:400;color:var(--ion-color-medium);margin-left:6px;opacity:.8}.prompt-section-divider{height:24px;width:100%}.custom-alert .alert-wrapper{border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #00000026;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffffff2;border:1px solid rgba(255,255,255,.3);max-width:90%;margin:0 auto}.custom-alert .alert-head{background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.2);min-height:40px;display:flex;align-items:center;justify-content:center}.custom-alert .alert-title{color:#fff;font-size:16px;font-weight:600;text-align:center;margin:0;padding:0;line-height:1.2}.custom-alert .alert-message{padding:24px;color:#334155;font-size:16px;line-height:1.5;text-align:center;max-height:50vh;overflow-y:auto}.custom-alert .alert-button-group{padding:0 24px 24px;display:flex;justify-content:center}.alert-button-confirm{--border-radius: 12px;--background: linear-gradient(135deg, #6366f1, #8b5cf6);--background-hover: linear-gradient(135deg, #4f46e5, #7c3aed);--background-activated: linear-gradient(135deg, #4338ca, #6d28d9);--color: white;--padding-start: 24px;--padding-end: 24px;--padding-top: 12px;--padding-bottom: 12px;font-weight:500;font-size:16px;text-transform:none;letter-spacing:.5px;box-shadow:0 4px 12px #6366f14d;transition:all .3s ease}.alert-button-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}@media(max-width:768px){.t2i-card,.t2i-wide-card{margin:10px;border-radius:20px;padding:20px}.t2i-wide-card{max-width:100%}.form-section{margin-bottom:20px}.prompt-section-divider{height:16px}.custom-alert .alert-wrapper{border-radius:16px 16px 0 0;max-width:100%;position:absolute;bottom:0;left:0;right:0}.custom-alert .alert-head{padding:10px 14px;min-height:36px}.custom-alert .alert-title{font-size:14px}.custom-alert .alert-message{padding:20px;font-size:15px}.custom-alert .alert-button-group{padding:0 20px 20px}.alert-button-confirm{width:100%}}@media(max-width:480px){.title ion-card-title{font-size:20px}.generate-button{font-size:15px}.prompt-section-divider{height:12px}}.followers-page-content{--background: #f5f5f5}.followers-list{padding:0;background:transparent}.follower-item{--background: #ffffff;--padding-start: 16px;--padding-end: 16px;--inner-padding-end: 0;margin-bottom:1px;cursor:pointer;transition:background .2s ease}.follower-item:hover{--background: #f8f9fa}.follower-item:active{--background: #e9ecef}.follower-avatar{width:56px;height:56px;margin-right:12px}.follower-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.follower-username{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.follower-stats{font-size:13px;color:#666;margin:0}.follow-button{--padding-start: 20px;--padding-end: 20px;height:32px;font-size:14px;font-weight:600;text-transform:none;margin:0}.follow-button::part(native){border-radius:20px}@media(min-width:768px){.followers-page-content{max-width:600px;margin:0 auto}.follower-item{--padding-start: 20px;--padding-end: 20px}.follower-avatar{width:64px;height:64px}.follower-username{font-size:17px}.follower-stats{font-size:14px}}.follower-item{will-change:background}.follow-button{transition:all .2s ease}.follow-button:hover{transform:scale(1.05)}.follow-button:active{transform:scale(.95)}.following-page-content{--background: #f5f5f5}.loading-container,.error-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.loading-container ion-spinner{margin-bottom:16px;width:48px;height:48px}.error-container ion-button{margin-top:16px}.empty-container h3{margin:0 0 8px;font-size:20px;font-weight:600}.empty-container p{margin:0;font-size:14px;color:#666}.following-list{padding:0;background:transparent}.following-item{--background: #ffffff;--padding-start: 16px;--padding-end: 16px;--inner-padding-end: 0;margin-bottom:1px;cursor:pointer;transition:background .2s ease}.following-item:hover{--background: #f8f9fa}.following-item:active{--background: #e9ecef}.following-avatar{width:56px;height:56px;margin-right:12px}.following-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.following-username{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.following-stats{font-size:13px;color:#666;margin:0}.unfollow-button{--padding-start: 20px;--padding-end: 20px;height:32px;font-size:14px;font-weight:600;text-transform:none;margin:0}.unfollow-button::part(native){border-radius:20px}@media(min-width:768px){.following-page-content{max-width:600px;margin:0 auto}.following-item{--padding-start: 20px;--padding-end: 20px}.following-avatar{width:64px;height:64px}.following-username{font-size:17px}.following-stats{font-size:14px}}.following-item{will-change:background}.unfollow-button{transition:all .2s ease}.unfollow-button:hover{transform:scale(1.05);--background: #dc3545;--color: white}.unfollow-button:active{transform:scale(.95)}.discovery-tab{height:100%;background:#f5f5f5}.tab-loading,.tab-error,.tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px 20px;text-align:center}.tab-loading ion-spinner{margin-bottom:16px;width:48px;height:48px}.tab-error ion-button{margin-top:16px}.tab-empty h3{margin:0 0 8px;font-size:20px;font-weight:600}.tab-empty p{margin:0;font-size:14px;color:#666}.discovery-list{padding:0;background:transparent}.discovery-item{--background: #ffffff;--padding-start: 16px;--padding-end: 16px;--inner-padding-end: 0;margin-bottom:1px;cursor:pointer;transition:background .2s ease}.discovery-item:hover{--background: #f8f9fa}.discovery-item:active{--background: #e9ecef}.discovery-avatar{width:56px;height:56px;margin-right:12px}.discovery-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.discovery-username{font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.discovery-stats{font-size:13px;color:#666;margin:0 0 4px}.discovery-reason{font-size:12px;color:#5a7ec7;margin:0;font-style:italic}.discovery-follow-button{--padding-start: 20px;--padding-end: 20px;height:32px;font-size:14px;font-weight:600;text-transform:none;margin:0}.discovery-follow-button::part(native){border-radius:20px}.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px}.tag-card{background:#fff;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;text-align:center}.tag-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.tag-card:active{transform:translateY(-2px)}.tag-name{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:6px}.tag-count{font-size:13px;color:#666}.tag-thumbnail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:10px;border-radius:8px;overflow:hidden}.tag-thumbnail{aspect-ratio:1;object-fit:cover;width:100%;height:100%}@media(min-width:768px){.discovery-item{--padding-start: 20px;--padding-end: 20px}.discovery-avatar{width:64px;height:64px}.discovery-username{font-size:17px}.discovery-stats{font-size:14px}.discovery-reason{font-size:13px}.tag-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:20px}.tag-card{padding:20px}.tag-name{font-size:16px}.tag-count{font-size:14px}}.discovery-item{will-change:background}.discovery-follow-button{transition:all .2s ease}.discovery-follow-button:hover{transform:scale(1.05)}.discovery-follow-button:active{transform:scale(.95)}.trending-rank{font-size:18px;font-weight:700;color:#5a7ec7;min-width:32px;text-align:center;margin-right:8px}.trending-icon{margin-left:6px;font-size:16px;vertical-align:middle}.new-badge{position:absolute;bottom:0;right:0;font-size:9px;padding:2px 6px;border-radius:8px;font-weight:700}.tag-search-container{padding:12px 16px;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.tag-searchbar{--background: #f5f5f5;--border-radius: 20px;--box-shadow: none;padding:0}.discovery-content{--background: #f5f5f5}.discovery-tabs-toolbar{--background: #ffffff;--border-width: 0 0 1px 0;--border-color: #e0e0e0}.discovery-segment{--background: transparent;padding:8px 0}.discovery-tab-button{--color: #666;--color-checked: #5a7ec7;--indicator-color: #5a7ec7;--indicator-height: 3px;font-size:14px;font-weight:600;text-transform:none;min-width:100px}.discovery-tab-button::part(native){padding:8px 16px}.discovery-tab-button ion-label{margin:0}.tab-content{height:100%;overflow-y:auto}@media(min-width:768px){.discovery-content{max-width:800px;margin:0 auto}.discovery-tab-button{font-size:15px;min-width:120px}.discovery-tab-button::part(native){padding:10px 20px}}.tab-content{will-change:opacity,transform}