@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;min-width:320px;min-height:100vh}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root:has(.milestone-action-sheet-high-z){z-index:10001!important;position:relative!important}body:has(.modal-overlay) #root{z-index:auto!important}body:has(.modal-overlay) ion-app{z-index:0!important}body:has(.modal-overlay) .ion-page{z-index:0!important}.milestone-action-sheet-high-z,ion-action-sheet.milestone-action-sheet-high-z{z-index:10002!important}.milestone-action-sheet-high-z ion-backdrop,ion-action-sheet.milestone-action-sheet-high-z+ion-backdrop{z-index:10001!important}ion-action-sheet.milestone-action-sheet-high-z::part(backdrop){z-index:10001!important}ion-action-sheet.milestone-action-sheet-high-z::part(wrapper){z-index:10002!important}.milestone-action-sheet-high-z.sc-ion-action-sheet-md-h,.milestone-action-sheet-high-z.sc-ion-action-sheet-ios-h{z-index:10002!important}ion-action-sheet.milestone-action-sheet-high-z~ion-backdrop{z-index:10001!important}.floating-add-button,ion-fab.floating-add-button{z-index:9999!important}body:has(.modal-overlay) .floating-add-button,body:has(.modal-overlay) ion-fab.floating-add-button{display:none!important}: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-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: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-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}}.ion-palette-dark{--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}.ion-palette-dark.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}.ion-palette-dark.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))}.ion-palette-dark.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{--ion-color-primary: #667eea;--ion-color-primary-rgb: 102, 126, 234;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #5a6fd8;--ion-color-primary-tint: #7590ec;--ion-color-secondary: #764ba2;--ion-color-secondary-rgb: 118, 75, 162;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #68428f;--ion-color-secondary-tint: #8459ab;--ion-color-tertiary: #f093fb;--ion-color-tertiary-rgb: 240, 147, 251;--ion-color-tertiary-contrast: #000000;--ion-color-tertiary-contrast-rgb: 0, 0, 0;--ion-color-tertiary-shade: #d381dd;--ion-color-tertiary-tint: #f29efb;--ion-color-success: #10b981;--ion-color-success-rgb: 16, 185, 129;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #0ea371;--ion-color-success-tint: #28c18e;--ion-color-warning: #f59e0b;--ion-color-warning-rgb: 245, 158, 11;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #d88b0a;--ion-color-warning-tint: #f6a823;--ion-color-danger: #ef4444;--ion-color-danger-rgb: 239, 68, 68;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #d23c3c;--ion-color-danger-tint: #f15757;--ion-color-dark: #1f2937;--ion-color-dark-rgb: 31, 41, 55;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1b2431;--ion-color-dark-tint: #353f4b;--ion-color-medium: #6b7280;--ion-color-medium-rgb: 107, 114, 128;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #5e6470;--ion-color-medium-tint: #7a818d;--ion-color-light: #fef7f3;--ion-color-light-rgb: 254, 247, 243;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #e0d8d5;--ion-color-light-tint: #fef8f4;--achievement-tiny-triumph: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--achievement-steady-step: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--achievement-growth-gain: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--category-physical: #3880ff;--category-cognitive: #f59e0b;--category-social: #8b5cf6;--category-language: #10b981;--category-emotional: #e11d48;--category-sleep: #6366f1;--category-feeding: #ef4444;--category-health: #06b6d4;--category-holidays: #f59e0b;--category-fun: #ec4899;--ion-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ion-padding: 16px;--ion-margin: 16px;--ion-border-radius: 8px;--ion-background-color: #fef7f3;--ion-background-color-rgb: 254, 247, 243}body.dark{--ion-background-color: #1a1a1a;--ion-background-color-rgb: 26,26,26;--ion-text-color: #ffffff;--ion-text-color-rgb: 255,255,255;--ion-color-step-50: #242424;--ion-color-step-100: #2e2e2e;--ion-color-step-150: #383838;--ion-color-step-200: #424242;--ion-color-step-250: #4c4c4c;--ion-color-step-300: #565656;--ion-color-step-350: #606060;--ion-color-step-400: #6a6a6a;--ion-color-step-450: #747474;--ion-color-step-500: #7e7e7e;--ion-color-step-550: #888888;--ion-color-step-600: #929292;--ion-color-step-650: #9c9c9c;--ion-color-step-700: #a6a6a6;--ion-color-step-750: #b0b0b0;--ion-color-step-800: #bababa;--ion-color-step-850: #c4c4c4;--ion-color-step-900: #cecece;--ion-color-step-950: #d8d8d8;--ion-item-background: #1a1a1a;--ion-card-background: #242424;--ion-toolbar-background: #1a1a1a;--ion-tab-bar-background: #1a1a1a}.ios body.dark{--ion-background-color: #1a1a1a;--ion-background-color-rgb: 26,26,26;--ion-text-color: #ffffff;--ion-text-color-rgb: 255,255,255;--ion-color-step-50: #242424;--ion-color-step-100: #2e2e2e;--ion-color-step-150: #383838;--ion-color-step-200: #424242;--ion-color-step-250: #4c4c4c;--ion-color-step-300: #565656;--ion-color-step-350: #606060;--ion-color-step-400: #6a6a6a;--ion-color-step-450: #747474;--ion-color-step-500: #7e7e7e;--ion-color-step-550: #888888;--ion-color-step-600: #929292;--ion-color-step-650: #9c9c9c;--ion-color-step-700: #a6a6a6;--ion-color-step-750: #b0b0b0;--ion-color-step-800: #bababa;--ion-color-step-850: #c4c4c4;--ion-color-step-900: #cecece;--ion-color-step-950: #d8d8d8;--ion-item-background: #1a1a1a;--ion-card-background: #242424}.ios body.dark ion-modal{--ion-background-color: var(--ion-color-step-100);--ion-toolbar-background: var(--ion-color-step-150);--ion-toolbar-border-color: var(--ion-color-step-250)}.md body.dark{--ion-background-color: #1c1c1c;--ion-background-color-rgb: 28,28,28;--ion-text-color: #ffffff;--ion-text-color-rgb: 255,255,255;--ion-border-color: #2e2e2e;--ion-color-step-50: #262626;--ion-color-step-100: #303030;--ion-color-step-150: #3a3a3a;--ion-color-step-200: #444444;--ion-color-step-250: #4e4e4e;--ion-color-step-300: #585858;--ion-color-step-350: #626262;--ion-color-step-400: #6c6c6c;--ion-color-step-450: #767676;--ion-color-step-500: #808080;--ion-color-step-550: #8a8a8a;--ion-color-step-600: #949494;--ion-color-step-650: #9e9e9e;--ion-color-step-700: #a8a8a8;--ion-color-step-750: #b2b2b2;--ion-color-step-800: #bcbcbc;--ion-color-step-850: #c6c6c6;--ion-color-step-900: #d0d0d0;--ion-color-step-950: #dadada;--ion-item-background: #262626;--ion-toolbar-background: #262626;--ion-tab-bar-background: #262626;--ion-card-background: #262626}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.p-3xl{padding:var(--spacing-3xl)}.padding-card{padding:var(--spacing-lg)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 50%}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.radius-card{border-radius:var(--radius-lg)}.radius-button{border-radius:var(--radius-md)}.rounded-t-none{border-top-left-radius:var(--radius-none);border-top-right-radius:var(--radius-none)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-none{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-b-sm{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-b-md{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b-xl{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-none{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.bg-opacity-0{background-color:#0000}.bg-opacity-5{background-color:#0000000d}.bg-opacity-10{background-color:#0000001a}.bg-opacity-20{background-color:#0003}.bg-opacity-30{background-color:#0000004d}.bg-opacity-40{background-color:#0006}.bg-opacity-50{background-color:#00000080}.bg-white-opacity-5{background-color:#ffffff0d}.bg-white-opacity-10{background-color:#ffffff1a}.bg-white-opacity-20{background-color:#fff3}.bg-white-opacity-30{background-color:#ffffff4d}.bg-primary-gradient,.bg-achievement-tiny-triumph{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-achievement-steady-step{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-achievement-growth-gain{background:linear-gradient(135deg,#4facfe,#00f2fe)}.bg-glass-light{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bg-glass-dark{background:#0000001a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bg-card-light{background-color:#00000005}.bg-card-dark{background-color:#ffffff08}.bg-summary-light{background-color:#0000000d}.bg-summary-dark{background-color:#ffffff1a}.bg-theme-card{background-color:var(--ion-color-light, rgba(0, 0, 0, .02))}@media (prefers-color-scheme: dark){.bg-theme-card{background-color:var(--ion-color-dark, rgba(255, 255, 255, .03))}}.bg-theme-summary{background-color:var(--ion-color-light, rgba(0, 0, 0, .05))}@media (prefers-color-scheme: dark){.bg-theme-summary{background-color:var(--ion-color-dark, rgba(255, 255, 255, .1))}}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-primary{background-color:var(--ion-color-primary)}.bg-secondary{background-color:var(--ion-color-secondary)}.bg-tertiary{background-color:var(--ion-color-tertiary)}.bg-success{background-color:var(--ion-color-success)}.bg-warning{background-color:var(--ion-color-warning)}.bg-danger{background-color:var(--ion-color-danger)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.flex-center{display:flex;align-items:center;justify-content:center}.flex-center-between{display:flex;align-items:center;justify-content:space-between}.flex-center-start{display:flex;align-items:center;justify-content:flex-start}.flex-center-end{display:flex;align-items:center;justify-content:flex-end}.flex-column-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.text-justify{text-align:justify}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-min{width:min-content}.w-max{width:max-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-min{height:min-content}.h-max{height:max-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-fit{min-width:fit-content}.max-w-full{max-width:100%}.max-w-fit{max-width:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-fit{min-height:fit-content}.max-h-full{max-height:100%}.max-h-fit{max-height:fit-content}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(30px)}50%{opacity:1;transform:scale(1.1) translateY(-10px)}70%{transform:scale(.95) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes celebrationBurst{0%{transform:scale(1);box-shadow:0 0 #ffd700b3}30%{transform:scale(1.1);box-shadow:0 0 0 10px #ffd7004d}70%{transform:scale(1.05);box-shadow:0 0 0 20px #ffd7001a}to{transform:scale(1);box-shadow:0 0 #ffd70000}}@keyframes newAchievement{0%{transform:scale(.8) rotate(-10deg);opacity:0}30%{transform:scale(1.2) rotate(5deg);opacity:1}60%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes milestoneAppear{0%{opacity:0;transform:translateY(30px) scale(.8)}60%{opacity:1;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes milestonePhotoAppear{0%{opacity:0;transform:translateY(50px) scale(.7) rotate(5deg)}30%{opacity:.7;transform:translateY(-10px) scale(1.1) rotate(-2deg)}70%{opacity:1;transform:translateY(5px) scale(.95) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #667eeab3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #667eea00}}@keyframes newBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.05);box-shadow:0 0 0 8px #10b98100}}@keyframes upcomingPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes progressPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes celebrationPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes newPhotoShimmer{0%{background-position:-100% 0;opacity:.3}50%{opacity:.8}to{background-position:100% 0;opacity:.3}}@keyframes progressLoading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes chartLoading{0%{transform:scaleY(0);transform-origin:bottom}50%{transform:scaleY(1.1)}to{transform:scaleY(1)}}@keyframes chartGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn .3s ease-out 0s}.animate-slide-up{animation:slideUp .4s ease-out 0s}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55) 0s}.animate-zoom-in{animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1) 0s}.animate-celebration-burst{animation:celebrationBurst .8s cubic-bezier(.68,-.55,.265,1.55) 0s}.animate-new-achievement{animation:newAchievement 1s cubic-bezier(.68,-.55,.265,1.55) 0s}.animate-milestone-appear{animation:milestoneAppear .6s ease-out 0s}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-badge-pulse{animation:badgePulse 2s ease-in-out infinite}.animate-new-badge-pulse{animation:newBadgePulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.animate-spin{animation:spin 1s linear infinite}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 10px #667eea4d}.loading-state{pointer-events:none;opacity:.6;cursor:wait}.disabled-state{pointer-events:none;opacity:.5;cursor:not-allowed}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.animation-optimized{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}:root{--color-primary-50: #f0f4ff;--color-primary-100: #e0e9ff;--color-primary-200: #c7d6ff;--color-primary-300: #a5b8ff;--color-primary-400: #8b96ff;--color-primary-500: #667eea;--color-primary-600: #5a6fd8;--color-primary-700: #4c5bc4;--color-primary-800: #3e4ba0;--color-primary-900: #323b7d;--color-tiny-triumph: #667eea;--color-tiny-triumph-light: #f0f4ff;--color-tiny-triumph-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-steady-step: #a855f7;--color-steady-step-light: #f3e8ff;--color-steady-step-gradient: linear-gradient(135deg, #a855f7 0%, #8b5cf6 100%);--color-growth-gain: #10b981;--color-growth-gain-light: #ecfdf5;--color-growth-gain-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--color-theme-girl-primary: #f093fb;--color-theme-girl-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--color-theme-boy-primary: #3b82f6;--color-theme-boy-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--color-theme-neutral-primary: #667eea;--color-theme-neutral-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-physical: #3880ff;--color-physical-light: #e3f2fd;--color-cognitive: #f59e0b;--color-cognitive-light: #fff8e1;--color-social: #8b5cf6;--color-social-light: #f3e8ff;--color-language: #10b981;--color-language-light: #ecfdf5;--color-emotional: #e11d48;--color-emotional-light: #fef2f2;--color-success: #10b981;--color-success-light: #ecfdf5;--color-warning: #f59e0b;--color-warning-light: #fffbeb;--color-error: #ef4444;--color-error-light: #fef2f2;--color-info: #3b82f6;--color-info-light: #eff6ff;--color-neutral-0: #ffffff;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-glass-bg-light: rgba(255, 255, 255, .9);--color-glass-bg-dark: rgba(255, 255, 255, .05);--color-glass-border-light: rgba(255, 255, 255, .3);--color-glass-border-dark: rgba(255, 255, 255, .1)}[data-theme=dark],.dark{--color-background-primary: #0a0a0b;--color-background-secondary: #1a1a1b;--color-background-tertiary: #2d2d30;--color-background-quaternary: #3e3e42;--color-text-primary: #ffffff;--color-text-secondary: #e4e4e7;--color-text-tertiary: #a1a1aa;--color-text-quaternary: #71717a;--color-border-primary: #27272a;--color-border-secondary: #3f3f46;--color-border-tertiary: #52525b;--color-theme-girl-primary: #ec4899;--color-theme-girl-gradient: linear-gradient(135deg, #ec4899 0%, #be185d 100%);--color-theme-boy-primary: #3b82f6;--color-theme-boy-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--color-theme-neutral-primary: #667eea;--color-theme-neutral-gradient: linear-gradient(135deg, #667eea 0%, #5b21b6 100%);--color-tiny-triumph-light: rgba(102, 126, 234, .1);--color-steady-step-light: rgba(168, 85, 247, .1);--color-growth-gain-light: rgba(16, 185, 129, .1);--color-physical-light: rgba(56, 128, 255, .1);--color-cognitive-light: rgba(245, 158, 11, .1);--color-social-light: rgba(139, 92, 246, .1);--color-language-light: rgba(16, 185, 129, .1);--color-emotional-light: rgba(225, 29, 72, .1);--color-success-light: rgba(16, 185, 129, .1);--color-warning-light: rgba(245, 158, 11, .1);--color-error-light: rgba(239, 68, 68, .1);--color-info-light: rgba(59, 130, 246, .1)}.card{position:relative;display:flex;flex-direction:column;background:var(--ion-color-background, #ffffff);border:1px solid var(--ion-color-light-shade, #e5e7eb);overflow:hidden;transition:all .2s ease-in-out}.card .card__glass-overlay{position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;z-index:1}.dark .card,[data-theme=dark] .card{background:var(--ion-color-dark, #1f2937);border-color:var(--ion-color-dark-shade, #374151);color:var(--ion-color-light, #ffffff)}.card--sm{min-height:120px}.card--md{min-height:160px}.card--lg{min-height:200px}.card--xl{min-height:280px}.card--radius-none{border-radius:0}.card--radius-sm{border-radius:.25rem}.card--radius-md{border-radius:.5rem}.card--radius-lg{border-radius:.75rem}.card--radius-xl{border-radius:1.25rem}.card--radius-full{border-radius:9999px}.card--default{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.card--elevated{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dark .card--elevated,[data-theme=dark] .card--elevated{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0003}.card--outlined{border:2px solid var(--ion-color-light-shade, #e5e7eb);box-shadow:none}.card--filled{background:var(--ion-color-light, #f9fafb);border:none;box-shadow:none}.card--gradient{background:var(--color-theme-neutral-gradient);border:none;color:#fff}.card--gradient .card__header,.card--gradient .card__body,.card--gradient .card__footer{color:#fff}.card--glass{background:#ffffffe6;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}.dark .card--glass,[data-theme=dark] .card--glass{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.card--glass .card__glass-overlay{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);border-radius:inherit}.card--theme-baby{border-color:var(--color-primary-500)}.card--theme-baby.card--gradient{background:var(--theme-primary-gradient)}.card--theme-milestone{border-color:var(--color-theme-girl-primary)}.card--theme-milestone.card--gradient{background:var(--color-theme-girl-gradient)}.card--theme-achievement{border-color:var(--color-growth-gain)}.card--theme-achievement.card--gradient{background:var(--color-growth-gain-gradient)}.card--theme-growth{border-color:var(--color-growth-gain)}.card--theme-growth.card--gradient{background:var(--color-growth-gain-gradient)}.card--theme-media{border-color:var(--color-steady-step)}.card--theme-media.card--gradient{background:var(--color-steady-step-gradient)}.card--interactive{cursor:pointer;user-select:none}.card--interactive:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.card--interactive:active{transform:scale(.98)}.card--hoverable{transition:all .2s ease-out}@media (hover: hover) and (pointer: fine){.card--hoverable:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.card--hoverable:hover.card--glass{box-shadow:0 12px 40px #00000026}.dark .card--hoverable:hover.card--glass,[data-theme=dark] .card--hoverable:hover.card--glass{box-shadow:0 12px 40px #0006}}.card--animated{transition:all .2s ease-out}.card--blur{backdrop-filter:blur(8px)}.card--loading{pointer-events:none;opacity:.7}.card__loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1}.card__spinner{width:24px;height:24px;border:2px solid var(--color-neutral-200);border-top:2px solid var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.card__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--ion-color-light-shade, #e5e7eb)}.card__header-content{flex:1;min-width:0}.card__header-actions{flex-shrink:0;margin-left:1rem}.card__body{flex:1;display:flex;flex-direction:column}.card__body--padding-none{padding:0}.card__body--padding-sm{padding:.5rem}.card__body--padding-md{padding:1rem}.card__body--padding-lg{padding:1.5rem}.card__footer{display:flex;align-items:center;padding:1rem;border-top:1px solid var(--ion-color-light-shade, #e5e7eb)}.card__footer--justify-start{justify-content:flex-start}.card__footer--justify-center{justify-content:center}.card__footer--justify-end{justify-content:flex-end}.card__footer--justify-between{justify-content:space-between}.card{margin:.5rem}@media (min-width: 768px){.card{margin:1rem}}@media (min-width: 1024px){.card{margin:1.5rem}}@media (prefers-reduced-motion: reduce){.card *{animation:none!important;transition:none!important}.card:hover{transform:none!important}}@media (prefers-contrast: high){.card{border:2px solid rgba(255,255,255,.5)!important}.card .card__header,.card .card__body,.card .card__footer{border-color:#ffffff4d!important}}@media (max-width: 479px){.card{margin:.25rem}.card .card__header,.card .card__body--padding-md{padding:.75rem}.card .card__body--padding-lg{padding:1rem}.card .card__footer{padding:.75rem}}@media (min-width: 768px) and (hover: hover) and (pointer: fine){.card--hoverable:hover{transform:translateY(-4px)}}.info-card__header{display:flex;align-items:center;gap:.75rem}.info-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:.5rem;background:var(--ion-color-light, #f9fafb);color:var(--ion-color-primary, #667eea)}.info-card__text{flex:1;min-width:0}.info-card__title{font-size:.875rem;font-weight:500;color:var(--ion-color-medium, #6b7280);margin-bottom:.25rem}.info-card__subtitle{font-size:.75rem;color:var(--ion-color-medium-shade, #9ca3af)}.info-card__value{font-size:1.875rem;font-weight:700;color:var(--ion-color-dark, #1f2937);margin-bottom:.5rem}.info-card__trend{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.info-card__trend--up{color:#10b981}.info-card__trend--down{color:#ef4444}.info-card__trend--neutral{color:var(--ion-color-medium, #6b7280)}.info-card__trend-icon{font-size:1rem}.info-card__trend-value{font-weight:600}.info-card__trend-label{color:var(--ion-color-medium, #6b7280);margin-left:.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.baby-profile-card{position:relative;border-radius:16px;padding:24px;min-height:400px;overflow:hidden;color:#fff;box-shadow:0 10px 25px #00000026;transition:all .3s ease}@media (max-width: 768px){.baby-profile-card{margin:0 16px;padding:20px;min-height:380px}}.baby-profile-card[data-theme=dark]{box-shadow:0 10px 25px #0006}.baby-profile-card__photo-container{display:flex;justify-content:center;margin-top:20px;margin-bottom:24px;position:relative}.baby-profile-card__photo{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.3);position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;transition:transform .2s ease}.baby-profile-card__photo:hover{transform:scale(1.05)}.baby-profile-card__photo--no-photo{background:#fff3}@media (max-width: 768px){.baby-profile-card__photo{width:100px;height:100px}}.baby-profile-card__photo-overlay{position:absolute;top:-8px;right:-8px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.baby-profile-card:hover .baby-profile-card__photo-overlay{opacity:1}.baby-profile-card__photo-button{width:32px;height:32px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.baby-profile-card__photo-button:hover{background:#000c;transform:scale(1.1)}.baby-profile-card__photo-button ion-icon{font-size:16px}.baby-profile-card__name{text-align:center;margin-bottom:8px}.baby-profile-card__name h1{font-size:32px;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.2}@media (max-width: 768px){.baby-profile-card__name h1{font-size:28px}}.baby-profile-card__age{text-align:center;margin-bottom:16px}.baby-profile-card__age ion-text{font-size:18px;font-weight:500;color:#ffffffe6}@media (max-width: 768px){.baby-profile-card__age ion-text{font-size:16px}}.baby-profile-card__info-row{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.baby-profile-card__info-row ion-icon{margin-right:8px;font-size:16px;color:#fffc}.baby-profile-card__info-row ion-text{font-size:16px;color:#fffc}@media (max-width: 768px){.baby-profile-card__info-row ion-text{font-size:14px}}.baby-profile-card__stats-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}@media (max-width: 768px){.baby-profile-card__stats-row{justify-content:center}}.baby-profile-card__achievement-count{background:#fff3;border-radius:12px;padding:12px 16px;display:flex;align-items:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.baby-profile-card__achievement-count ion-icon{margin-right:8px;font-size:20px;color:gold}.baby-profile-card__achievement-count-number{font-size:24px;font-weight:700;color:#fff;line-height:1;margin-bottom:2px}.baby-profile-card__achievement-count-label{font-size:12px;color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.baby-profile-card__badges{display:flex;gap:8px;flex-wrap:wrap}.baby-profile-card__badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.baby-profile-card__badge--stage{background:gold;color:#000}.baby-profile-card__badge--latest{background:#ff69b4;color:#fff}.baby-profile-card__profile-button{margin-bottom:16px}.baby-profile-card__profile-button ion-button{--background: rgba(255, 255, 255, .2);--color: white;--border-radius: 12px;font-size:16px;font-weight:600;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.baby-profile-card__profile-button ion-button:hover{--background: rgba(255, 255, 255, .3);transform:translateY(-1px)}.baby-profile-card__message{text-align:center;font-size:14px;color:#fffc;font-style:italic;line-height:1.4;padding:0 8px}@media (max-width: 768px){.baby-profile-card__message{font-size:13px}}.baby-profile-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0003}.baby-profile-card--loading{opacity:.7;pointer-events:none}.baby-profile-card--loading:after{content:"";position:absolute;inset:0;background:#ffffff1a;backdrop-filter:blur(2px)}.baby-profile-card--error{border:2px solid rgba(239,68,68,.5);background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=dark] .baby-profile-card__achievement-count{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .baby-profile-card__profile-button ion-button{--background: rgba(255, 255, 255, .15);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .baby-profile-card__profile-button ion-button:hover{--background: rgba(255, 255, 255, .25)}.theme-switcher__gender ion-segment{--background: rgba(255, 255, 255, .1);--indicator-color: rgba(255, 255, 255, .2);--indicator-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);border-radius:12px;backdrop-filter:blur(5px)}.theme-switcher__gender ion-segment-button{--color: rgba(255, 255, 255, .7);--color-checked: rgba(255, 255, 255, 1);--indicator-color: rgba(255, 255, 255, .2);--ripple-color: rgba(255, 255, 255, .1)}.theme-switcher__gender ion-segment-button ion-icon{transition:all .2s ease}.theme-switcher__gender ion-segment-button.segment-button-checked ion-icon{transform:scale(1.1)}.theme-switcher__gender--compact ion-segment{--height: 36px}.theme-switcher__gender--compact ion-segment ion-segment-button{--padding-start: 8px;--padding-end: 8px;min-width:44px}.theme-switcher__mode ion-item{--background: transparent;--border-color: rgba(255, 255, 255, .1);--color: rgba(255, 255, 255, .9);border-radius:8px}.theme-switcher__mode ion-item ion-icon{transition:all .2s ease}.theme-switcher__mode ion-item ion-toggle{--handle-background: #ffffff;--handle-background-checked: #ffffff;--track-background: rgba(255, 255, 255, .2);--track-background-checked: rgba(255, 255, 255, .4);--handle-box-shadow: 0 2px 6px rgba(0, 0, 0, .2)}.theme-switcher__mode ion-item ion-toggle::part(handle){transition:all .3s cubic-bezier(.25,.46,.45,.94)}.theme-switcher__mode--compact ion-item{--min-height: 36px;--padding-start: 0;--padding-end: 0}.theme-switcher:not(.theme-switcher--inline) ion-card{box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}.theme-switcher:not(.theme-switcher--inline) ion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:16px 16px 0 0}.theme-switcher:not(.theme-switcher--inline) ion-card-header ion-card-title{display:flex;align-items:center;gap:8px}.theme-switcher:not(.theme-switcher--inline) ion-card-header ion-card-title:before{content:"🎨";font-size:1.2em}.theme-switcher--compact ion-card{margin:8px}.theme-switcher--compact ion-card ion-card-header{padding:12px 16px 8px}.theme-switcher--compact ion-card ion-card-content{padding:0 16px 12px}.theme-switcher--inline{padding:16px;border-radius:12px;background:#ffffff0d;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.dark-theme .theme-switcher__gender ion-segment{--background: rgba(0, 0, 0, .2);--indicator-color: rgba(255, 255, 255, .1)}.dark-theme .theme-switcher__gender ion-segment-button{--color: rgba(255, 255, 255, .6);--color-checked: rgba(255, 255, 255, .95)}.dark-theme .theme-switcher__mode ion-toggle{--track-background: rgba(255, 255, 255, .15);--track-background-checked: rgba(255, 255, 255, .3)}.dark-theme .theme-switcher:not(.theme-switcher--inline) ion-card{background:#0000004d!important;border-color:#ffffff1a}.dark-theme .theme-switcher:not(.theme-switcher--inline) ion-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.dark-theme .theme-switcher--inline{background:#0003;border-color:#ffffff1a}@media (max-width: 768px){.theme-switcher:not(.theme-switcher--compact) ion-card{margin:12px}.theme-switcher__gender ion-segment-button ion-label{font-size:14px}}@media (max-width: 480px){.theme-switcher__gender:not(.theme-switcher__gender--compact) ion-segment-button ion-label{display:none}}@media (hover: hover){.theme-switcher__gender ion-segment-button:hover:not(.segment-button-checked){--color: rgba(255, 255, 255, .8)}.theme-switcher__gender ion-segment-button:hover:not(.segment-button-checked) ion-icon{transform:scale(1.05)}.theme-switcher__mode ion-item:hover ion-icon{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.theme-switcher *{transition:none!important;animation:none!important}}@media (prefers-contrast: high){.theme-switcher__gender ion-segment{--background: rgba(255, 255, 255, .2);--indicator-color: rgba(255, 255, 255, .4);border:2px solid rgba(255,255,255,.3)}.theme-switcher:not(.theme-switcher--inline) ion-card{border:2px solid rgba(255,255,255,.3)}.theme-switcher--inline{border:2px solid rgba(255,255,255,.3)}}.milestone-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.milestone-badge--tiny-triumph{box-shadow:0 4px 12px #667eea4d,0 2px 6px #667eea33}.milestone-badge--steady-step{box-shadow:0 4px 12px #f093fb4d,0 2px 6px #f093fb33}.milestone-badge--growth-gain{box-shadow:0 4px 12px #4facfe4d,0 2px 6px #4facfe33}.milestone-badge--sm{transform:scale(.8)}.milestone-badge--lg{transform:scale(1.1)}.milestone-badge--animated{animation:badgePulse 2s infinite}.milestone-badge--animated .sparkle{position:absolute;pointer-events:none;user-select:none;animation:sparkle 1.5s infinite}@media (hover: hover){.milestone-badge:hover{transform:scale(1.05)}.milestone-badge:hover--sm{transform:scale(.85)}.milestone-badge:hover--lg{transform:scale(1.15)}}.milestone-badge .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.milestone-badge .category-indicator{transition:all .2s ease-out}@media (hover: hover){.milestone-badge:hover .milestone-badge .category-indicator{transform:scale(1.1)}}.dark-theme .milestone-badge{box-shadow:0 4px 12px #0006,0 2px 6px #0000004d!important;border-color:#fff3!important}@media (prefers-reduced-motion: reduce){.milestone-badge{animation:none!important;transition:none!important}.milestone-badge .sparkle{animation:none!important}.milestone-badge:hover{transform:none!important}}@media (prefers-contrast: high){.milestone-badge{border-width:3px!important;box-shadow:0 0 0 2px #ffffff80,0 4px 12px #0006!important}}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #667eea4d,0 2px 6px #667eea33}50%{transform:scale(1.05);box-shadow:0 6px 16px #667eea66,0 3px 8px #667eea4d}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.milestone-badge--celebrating{animation:celebrationBurst .8s cubic-bezier(.68,-.55,.265,1.55)}.milestone-badge--new-achievement{animation:newAchievement 1s cubic-bezier(.68,-.55,.265,1.55)}.milestone-badge--bouncing{animation:badgePulse 1s infinite}@media (max-width: 480px){.milestone-badge--lg{transform:scale(1)}.milestone-badge--md{transform:scale(.9)}.milestone-badge--sm{transform:scale(.7)}}.floating-add-modal-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:9998;animation:fadeIn .2s ease-out}.floating-add-modal-actions{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:12px}.floating-add-action-item{display:flex;align-items:center;gap:12px}.floating-add-action-button{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;overflow:hidden}.floating-add-action-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003!important}.floating-add-action-button:active{transform:scale(.95)}.floating-add-action-button ion-ripple-effect{color:#ffffff4d}.floating-add-action-label{border-radius:8px;padding:8px 12px;white-space:nowrap;box-shadow:0 2px 8px #0000001a;background-color:var(--ion-color-light)}body.dark .floating-add-action-label{background-color:var(--ion-color-dark-shade)}.floating-add-button .floating-add-fab-button{--box-shadow: 0 4px 12px rgba(0, 0, 0, .15);--transition: all .2s ease-in-out}.floating-add-button .floating-add-fab-button:hover{--box-shadow: 0 6px 16px rgba(0, 0, 0, .2);transform:scale(1.05)}.floating-add-button .floating-add-fab-button:active{transform:scale(.95)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.floating-add-modal-actions{padding:16px!important}.floating-add-action-item{gap:8px}.floating-add-action-label{padding:6px 10px;font-size:12px}}@media (prefers-contrast: high){.floating-add-action-button{border:2px solid rgba(255,255,255,.8)}.floating-add-action-label{border:1px solid var(--ion-color-medium)}}@media (prefers-reduced-motion: reduce){.floating-add-modal-overlay,.floating-add-action-item,.floating-add-action-button{animation:none!important;transition:none!important}.floating-add-action-button:hover{transform:none!important}}.floating-add-action-button:focus-visible{outline:2px solid var(--ion-color-primary);outline-offset:2px}@media (hover: none) and (pointer: coarse){.floating-add-action-button:hover{transform:none;box-shadow:0 4px 12px #00000026!important}}.milestone-progress-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);border-radius:20px 20px 0 0}@media (hover: hover){.milestone-progress-card:hover{transform:translateY(-2px);transition:transform .2s ease-out;box-shadow:0 12px 40px #00000026!important}}.milestone-progress-card .category-card{transition:all .2s ease-out}@media (hover: hover){.milestone-progress-card .category-card:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}}.milestone-progress-card .circular-progress.updating{animation:progressPulse .6s ease-out}.milestone-progress-card .weekly-progress-bar{position:relative;overflow:hidden}.milestone-progress-card .weekly-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.milestone-progress-card ion-button[expand=block]{position:relative;overflow:hidden}.milestone-progress-card ion-button[expand=block]:before{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-out}@media (hover: hover){.milestone-progress-card ion-button[expand=block]:hover:before{left:100%}}@media (max-width: 768px){.milestone-progress-card{margin:8px}.milestone-progress-card ion-card-header{padding:16px 16px 8px}.milestone-progress-card ion-card-content{padding:0 16px 16px}.milestone-progress-card .category-grid ion-col{padding:2px}.milestone-progress-card .category-grid ion-col .category-card{padding:12px}.milestone-progress-card .category-grid ion-col .category-card ion-icon{font-size:16px}.milestone-progress-card .circular-progress{transform:scale(.9)}}@media (max-width: 480px){.milestone-progress-card .category-grid ion-col[size="6"]{size:12;max-width:100%;flex-basis:100%}}.dark-theme .milestone-progress-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.dark-theme .milestone-progress-card .category-card{backdrop-filter:blur(8px)}@media (hover: hover){.dark-theme .milestone-progress-card .category-card:hover{background:#ffffff0d!important}}.dark-theme .milestone-progress-card .weekly-progress-section{backdrop-filter:blur(8px)}.milestone-progress-card.loading .circular-progress{opacity:.6}.milestone-progress-card.loading .circular-progress circle{stroke-dasharray:10 5;animation:progressLoading 1.5s linear infinite}.milestone-progress-card.loading .category-card{opacity:.7;animation:pulse 1.5s ease-in-out infinite}.milestone-progress-card.milestone-completed .circular-progress{animation:celebrationPulse .8s ease-out}@media (prefers-reduced-motion: reduce){.milestone-progress-card *{animation:none!important;transition:none!important}.milestone-progress-card:hover{transform:none!important}}@media (prefers-contrast: high){.milestone-progress-card{border:2px solid rgba(255,255,255,.5)!important}.milestone-progress-card .category-card{border:1px solid rgba(255,255,255,.3)!important}.milestone-progress-card ion-text{font-weight:600!important}}@keyframes progressPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes celebrationPulse{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.08)}to{transform:scale(1)}}.milestone-progress-card--updating .circular-progress{animation:progressPulse .6s ease-out}.milestone-progress-card--completed .circular-progress{animation:celebrationPulse .8s ease-out}.milestone-progress-card--loading .circular-progress circle{stroke-dasharray:10 5;animation:progressLoading 1.5s linear infinite}.milestone-progress-card--loading .category-card{animation:pulse 1.5s ease-in-out infinite}.recent-milestones-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);border-radius:20px 20px 0 0}@media (hover: hover){.recent-milestones-card:hover{transform:translateY(-2px);transition:transform .2s ease-out;box-shadow:0 12px 40px #00000026!important}}.recent-milestones-card .milestone-gallery::-webkit-scrollbar{display:none}.recent-milestones-card .milestone-gallery{scroll-behavior:smooth;scroll-snap-type:x mandatory}.recent-milestones-card .milestone-photo-card{scroll-snap-align:start;transition:all .3s cubic-bezier(.25,.46,.45,.94)}@media (hover: hover){.recent-milestones-card .milestone-photo-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #00000040}.recent-milestones-card .milestone-photo-card:hover .milestone-badge{transform:scale(1.1)}}.recent-milestones-card .milestone-photo-card:active{transform:translateY(-2px) scale(1.01)}.recent-milestones-card .milestone-photo-card--new{animation:milestonePhotoAppear .8s cubic-bezier(.68,-.55,.265,1.55)}.recent-milestones-card .milestone-photo-card--new:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(16,185,129,.2),transparent);pointer-events:none;animation:newPhotoShimmer 2s infinite}.recent-milestones-card ion-avatar{--border-radius: 50%;transition:all .2s ease-out}@media (hover: hover){ion-item:hover .recent-milestones-card ion-avatar{transform:scale(1.05)}}.recent-milestones-card .milestone-content{flex:1;padding-left:12px}.recent-milestones-card .milestone-meta{display:flex;align-items:center;gap:8px}.recent-milestones-card .milestone-meta ion-chip{transition:all .2s ease-out}@media (hover: hover){.recent-milestones-card .milestone-meta ion-chip:hover{transform:scale(1.05)}}.recent-milestones-card .milestone-new{animation:milestoneAppear .6s ease-out}.recent-milestones-card .milestone-new .milestone-badge{animation:newAchievement 1s cubic-bezier(.68,-.55,.265,1.55)}.recent-milestones-card .upcoming-milestone{position:relative;overflow:hidden}.recent-milestones-card .upcoming-milestone:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--ion-color-primary);border-radius:0 2px 2px 0}.recent-milestones-card .upcoming-milestone:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--ion-color-primary),transparent);animation:upcomingPulse 2s infinite}.recent-milestones-card .empty-state{text-align:center;padding:40px 20px}.recent-milestones-card .empty-state ion-icon{opacity:.3;margin-bottom:12px;transition:all .3s ease-out}@media (hover: hover){.recent-milestones-card .empty-state:hover ion-icon{opacity:.5;transform:scale(1.1)}}.recent-milestones-card ion-button[expand=block]{position:relative;overflow:hidden}.recent-milestones-card ion-button[expand=block]:before{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-out}@media (hover: hover){.recent-milestones-card ion-button[expand=block]:hover:before{left:100%}}.recent-milestones-card .milestone-timeline{position:relative}.recent-milestones-card .milestone-timeline:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--ion-color-primary-tint),transparent);opacity:.3}@media (max-width: 768px){.recent-milestones-card{margin:8px}.recent-milestones-card ion-card-header{padding:16px 16px 8px}.recent-milestones-card ion-card-content{padding:0 16px 16px}.recent-milestones-card ion-item{--min-height: 64px}.recent-milestones-card ion-item ion-avatar{width:48px;height:48px}.recent-milestones-card .milestone-title{font-size:15px!important}.recent-milestones-card .milestone-description{font-size:13px!important}}@media (max-width: 480px){.recent-milestones-card ion-item{--min-height: 56px}.recent-milestones-card ion-item ion-avatar{width:44px;height:44px}.recent-milestones-card .milestone-meta{flex-wrap:wrap;gap:4px}.recent-milestones-card .milestone-meta ion-chip{height:20px;font-size:10px}}.dark-theme .recent-milestones-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.dark-theme .recent-milestones-card ion-item{backdrop-filter:blur(8px)}@media (hover: hover){.dark-theme .recent-milestones-card ion-item:hover{background:#ffffff0d!important}}.dark-theme .recent-milestones-card .upcoming-milestone{backdrop-filter:blur(8px)}.dark-theme .recent-milestones-card .empty-state ion-icon{opacity:.2}.recent-milestones-card.loading .milestone-badge{opacity:.6;animation:pulse 1.5s ease-in-out infinite}.recent-milestones-card.loading ion-item{opacity:.7;animation:pulse 1.5s ease-in-out infinite}.recent-milestones-card.celebrating .milestone-new{animation:milestoneAppear .6s ease-out}.recent-milestones-card.celebrating .milestone-new .milestone-badge{animation:celebrationBurst .8s cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-reduced-motion: reduce){.recent-milestones-card *{animation:none!important;transition:none!important}.recent-milestones-card:hover{transform:none!important}}@media (prefers-contrast: high){.recent-milestones-card{border:2px solid rgba(255,255,255,.5)!important}.recent-milestones-card ion-item{border:1px solid rgba(255,255,255,.3)!important}.recent-milestones-card .upcoming-milestone{border:2px solid var(--ion-color-primary)!important}.recent-milestones-card ion-text{font-weight:600!important}}@keyframes milestoneAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes newBadgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes upcomingPulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes celebrationBurst{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes newAchievement{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(0);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes milestonePhotoAppear{0%{opacity:0;transform:translateY(30px) scale(.8) rotateY(-15deg)}50%{opacity:.8;transform:translateY(-5px) scale(1.05) rotateY(0)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}@keyframes newPhotoShimmer{0%{background-position:-200% 0;opacity:0}50%{opacity:.3}to{background-position:200% 0;opacity:0}}.recent-milestones-card--updating .milestone-new{animation:milestoneAppear .6s ease-out}.recent-milestones-card--celebrating .milestone-new .milestone-badge{animation:celebrationBurst .8s cubic-bezier(.68,-.55,.265,1.55)}.recent-milestones-card--loading .milestone-badge,.recent-milestones-card--loading ion-item{animation:pulse 1.5s ease-in-out infinite}.milestone-detail-modal-overlay{position:fixed;inset:0;background-color:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;animation:fadeIn .2s ease-out}.milestone-detail-modal-content{background-color:var(--ion-color-light);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease-out}body.dark .milestone-detail-modal-content{background-color:var(--ion-color-dark)}.milestone-detail-modal-header{padding:20px;border-bottom:1px solid var(--ion-color-light-shade);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}body.dark .milestone-detail-modal-header{border-bottom-color:var(--ion-color-dark-tint)}.milestone-detail-modal-body{flex:1;overflow:auto;color:var(--ion-color-dark)}body.dark .milestone-detail-modal-body{color:var(--ion-color-light)}@media (max-width: 768px){.milestone-detail-modal-overlay{padding:20px 10px 10px;align-items:flex-start}.milestone-detail-modal-content{max-height:95vh;border-radius:12px}.milestone-detail-modal-header{padding:16px}}.milestone-detail-card__hero{position:relative;height:300px;cursor:pointer;overflow:hidden;border-radius:var(--ion-border-radius) var(--ion-border-radius) 0 0}.milestone-detail-card__hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.6) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--ion-padding)}.milestone-detail-card__hero-content{display:flex;align-items:center;gap:12px;margin-bottom:8px}.milestone-detail-card__hero-title{color:#fff;font-size:1.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}.milestone-detail-card__hero-subtitle{color:#ffffffe6;font-size:.875rem;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.milestone-detail-card__content{padding:var(--ion-padding);background-color:var(--ion-color-light);color:var(--ion-color-dark)}body.dark .milestone-detail-card__content{background-color:var(--ion-color-dark);color:var(--ion-color-light)}.milestone-detail-card__tabs{margin-bottom:var(--ion-margin)}.milestone-detail-card__tabs .segment-button{--color: var(--ion-color-medium);--color-checked: var(--ion-color-primary);--indicator-color: var(--ion-color-primary);--background: transparent;--background-checked: var(--ion-color-primary-tint)}body.dark .milestone-detail-card__tabs .segment-button{--color: var(--ion-color-medium);--color-checked: var(--ion-color-primary-tint);--background-checked: rgba(102, 126, 234, .2)}.milestone-detail-card__details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--ion-padding);margin-bottom:var(--ion-margin)}.milestone-detail-card__details-item{text-align:center}.milestone-detail-card__details-item-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;color:var(--ion-color-medium)}body.dark .milestone-detail-card__details-item-label{color:var(--ion-color-medium-tint)}.milestone-detail-card__details-item-value{font-size:.875rem;font-weight:600;color:var(--ion-color-dark)}body.dark .milestone-detail-card__details-item-value{color:var(--ion-color-light)}.milestone-detail-card__details-item-value--status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.milestone-detail-card__details-item-value--status.achieved{background-color:var(--ion-color-success);color:var(--ion-color-success-contrast)}.milestone-detail-card__details-item-value--status.pending{background-color:var(--ion-color-warning);color:var(--ion-color-warning-contrast)}.milestone-detail-card__details-item-value--status.skipped{background-color:var(--ion-color-medium);color:var(--ion-color-medium-contrast)}.milestone-detail-card__description{margin-bottom:var(--ion-margin)}.milestone-detail-card__description-title{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--ion-color-dark)}body.dark .milestone-detail-card__description-title{color:var(--ion-color-light)}.milestone-detail-card__description-text{font-size:.875rem;line-height:1.5;color:var(--ion-color-medium-shade)}body.dark .milestone-detail-card__description-text{color:var(--ion-color-medium-tint)}.milestone-detail-card__photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:var(--ion-margin)}.milestone-detail-card__photos-item{aspect-ratio:1;border-radius:var(--ion-border-radius);overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out}.milestone-detail-card__photos-item:hover{transform:scale(1.05)}.milestone-detail-card__photos-item img{width:100%;height:100%;object-fit:cover}.milestone-detail-card__social{border-top:1px solid;padding-top:var(--ion-padding);margin-top:var(--ion-margin);border-color:var(--ion-color-light-shade)}body.dark .milestone-detail-card__social{border-color:var(--ion-color-dark-tint)}.milestone-detail-card__social-reactions{display:flex;gap:8px;margin-bottom:var(--ion-margin)}.milestone-detail-card__social-reactions-button{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:20px;border:1px solid;background:transparent;cursor:pointer;transition:all .2s ease-in-out;font-size:.875rem;border-color:var(--ion-color-light-shade);color:var(--ion-color-medium)}body.dark .milestone-detail-card__social-reactions-button{border-color:var(--ion-color-dark-tint);color:var(--ion-color-medium-tint)}.milestone-detail-card__social-reactions-button:hover{background-color:var(--ion-color-light-tint)}body.dark .milestone-detail-card__social-reactions-button:hover{background-color:var(--ion-color-dark-shade)}.milestone-detail-card__social-reactions-button--active,body.dark .milestone-detail-card__social-reactions-button--active{background-color:var(--ion-color-primary);border-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.milestone-detail-card__comments-list{margin-bottom:var(--ion-margin)}.milestone-detail-card__comments-item{display:flex;gap:12px;margin-bottom:16px;padding:12px;border-radius:var(--ion-border-radius);background-color:var(--ion-color-light-tint)}body.dark .milestone-detail-card__comments-item{background-color:var(--ion-color-dark-shade)}.milestone-detail-card__comments-item-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--ion-color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem;flex-shrink:0}.milestone-detail-card__comments-item-content{flex:1;min-width:0}.milestone-detail-card__comments-item-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.milestone-detail-card__comments-item-author{font-weight:600;font-size:.875rem;color:var(--ion-color-dark)}body.dark .milestone-detail-card__comments-item-author{color:var(--ion-color-light)}.milestone-detail-card__comments-item-time{font-size:.75rem;color:var(--ion-color-medium)}body.dark .milestone-detail-card__comments-item-time{color:var(--ion-color-medium-tint)}.milestone-detail-card__comments-item-text{font-size:.875rem;line-height:1.4;color:var(--ion-color-dark)}body.dark .milestone-detail-card__comments-item-text{color:var(--ion-color-light)}.milestone-detail-card__comments-input{display:flex;gap:8px;align-items:flex-end}.milestone-detail-card__comments-input textarea{flex:1;min-height:40px;max-height:120px;padding:8px 12px;border:1px solid;border-radius:var(--ion-border-radius);resize:none;font-family:inherit;font-size:.875rem;line-height:1.4;border-color:var(--ion-color-light-shade);background-color:#fff;color:var(--ion-color-dark)}body.dark .milestone-detail-card__comments-input textarea{border-color:var(--ion-color-dark-tint);background-color:var(--ion-color-dark-shade);color:var(--ion-color-light)}.milestone-detail-card__comments-input textarea::placeholder{color:var(--ion-color-medium)}body.dark .milestone-detail-card__comments-input textarea::placeholder{color:var(--ion-color-medium-tint)}.milestone-detail-card__comments-input textarea:focus{outline:none;border-color:var(--ion-color-primary)}.milestone-detail-card__comments-input-button{padding:8px 16px;background-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast);border:none;border-radius:var(--ion-border-radius);font-weight:600;cursor:pointer;transition:background-color .2s ease-in-out}.milestone-detail-card__comments-input-button:hover{background-color:var(--ion-color-primary-shade)}.milestone-detail-card__comments-input-button:disabled{opacity:.5;cursor:not-allowed}.milestone-detail-card__recorded-by{display:flex;align-items:center;gap:12px;padding:var(--ion-padding);border-top:1px solid;margin-top:var(--ion-margin);border-color:var(--ion-color-light-shade);background-color:var(--ion-color-light-tint)}body.dark .milestone-detail-card__recorded-by{border-color:var(--ion-color-dark-tint);background-color:var(--ion-color-dark-shade)}.milestone-detail-card__recorded-by-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--ion-color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.milestone-detail-card__recorded-by-info{flex:1;min-width:0}.milestone-detail-card__recorded-by-name{font-weight:600;margin-bottom:2px;color:var(--ion-color-dark)}body.dark .milestone-detail-card__recorded-by-name{color:var(--ion-color-light)}.milestone-detail-card__recorded-by-relationship{font-size:.875rem;color:var(--ion-color-medium)}body.dark .milestone-detail-card__recorded-by-relationship{color:var(--ion-color-medium-tint)}.milestone-detail-card .animate-fade-in{animation:fadeIn .3s ease-out}.milestone-detail-card .animate-slide-up{animation:slideUp .4s ease-out}.milestone-detail-card .transition-all{transition:all .2s ease-in-out}.growth-dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);border-radius:20px 20px 0 0}@media (hover: hover){.growth-dashboard-card:hover{transform:translateY(-2px);transition:transform .2s ease-out;box-shadow:0 12px 40px #00000026!important}}.growth-dashboard-card .measurement-card{transition:all .2s ease-out}@media (hover: hover){.growth-dashboard-card .measurement-card:hover{transform:scale(1.02);box-shadow:0 4px 12px #0000001a}}.growth-dashboard-card .percentile-card{transition:all .2s ease-out}.growth-dashboard-card .percentile-card .circular-progress{margin:0 auto}.growth-dashboard-card .percentile-card ion-chip{width:100%;margin:8px auto 0;justify-content:center}.growth-dashboard-card .percentile-card ion-chip ion-label{font-size:10px;font-weight:600}@media (hover: hover){.growth-dashboard-card .percentile-card:hover{transform:scale(1.02)}}.growth-dashboard-card .chart-container{position:relative;transition:all .2s ease-out}.growth-dashboard-card .chart-container .mini-chart{border-radius:8px;overflow:hidden}.growth-dashboard-card .chart-container .mini-chart svg{display:block}@media (hover: hover){.growth-dashboard-card .chart-container:hover{transform:scale(1.02)}.growth-dashboard-card .chart-container:hover .mini-chart svg path{stroke-width:3;transition:stroke-width .2s ease-out}}.growth-dashboard-card .trend-indicator{font-size:16px;animation:pulse 2s infinite}.growth-dashboard-card .trend-indicator--up{color:#10b981}.growth-dashboard-card .trend-indicator--down{color:#ef4444}.growth-dashboard-card .trend-indicator--stable{color:#6b7280}.growth-dashboard-card .velocity-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#10b9811a;color:#10b981;border-radius:12px;font-size:10px;font-weight:600}.growth-dashboard-card .velocity-indicator--negative{background:#ef44441a;color:#ef4444}.growth-dashboard-card ion-button[expand=block]{position:relative;overflow:hidden}.growth-dashboard-card ion-button[expand=block]:before{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-out}@media (hover: hover){.growth-dashboard-card ion-button[expand=block]:hover:before{left:100%}}@media (max-width: 768px){.growth-dashboard-card{margin:8px}.growth-dashboard-card ion-card-header{padding:16px 16px 8px}.growth-dashboard-card ion-card-content{padding:0 16px 16px}.growth-dashboard-card .measurement-grid ion-col{padding:2px}.growth-dashboard-card .measurement-grid ion-col .measurement-card{padding:12px}.growth-dashboard-card .measurement-grid ion-col .measurement-card ion-icon{font-size:16px}.growth-dashboard-card .percentile-card .circular-progress,.growth-dashboard-card .chart-container .mini-chart{transform:scale(.9)}}@media (max-width: 480px){.growth-dashboard-card .percentile-grid ion-col[size="6"]{size:12;max-width:100%;flex-basis:100%}.growth-dashboard-card .chart-grid ion-col[size="6"]{size:12;max-width:100%;flex-basis:100%}}.dark-theme .growth-dashboard-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.dark-theme .growth-dashboard-card .measurement-card,.dark-theme .growth-dashboard-card .percentile-card,.dark-theme .growth-dashboard-card .chart-container{backdrop-filter:blur(8px)}@media (hover: hover){.dark-theme .growth-dashboard-card .measurement-card:hover,.dark-theme .growth-dashboard-card .percentile-card:hover,.dark-theme .growth-dashboard-card .chart-container:hover{background:#ffffff0d!important}}.dark-theme .growth-dashboard-card .velocity-indicator{background:#10b98133!important}.dark-theme .growth-dashboard-card .velocity-indicator--negative{background:#ef444433!important}.growth-dashboard-card.loading .circular-progress{opacity:.6}.growth-dashboard-card.loading .circular-progress circle{stroke-dasharray:10 5;animation:progressLoading 1.5s linear infinite}.growth-dashboard-card.loading .measurement-card,.growth-dashboard-card.loading .percentile-card,.growth-dashboard-card.loading .chart-container{opacity:.7;animation:pulse 1.5s ease-in-out infinite}.growth-dashboard-card.loading .mini-chart{opacity:.5}.growth-dashboard-card.loading .mini-chart path{stroke-dasharray:5 3;animation:chartLoading 2s linear infinite}.growth-dashboard-card.measurement-added .measurement-card{animation:celebrationPulse .8s ease-out}.growth-dashboard-card.measurement-added .mini-chart{animation:chartGrow .6s ease-out}@media (prefers-reduced-motion: reduce){.growth-dashboard-card *{animation:none!important;transition:none!important}.growth-dashboard-card:hover{transform:none!important}.growth-dashboard-card .trend-indicator{animation:none!important}}@media (prefers-contrast: high){.growth-dashboard-card{border:2px solid rgba(255,255,255,.5)!important}.growth-dashboard-card .measurement-card,.growth-dashboard-card .percentile-card,.growth-dashboard-card .chart-container{border:1px solid rgba(255,255,255,.3)!important}.growth-dashboard-card ion-text{font-weight:600!important}.growth-dashboard-card .mini-chart path{stroke-width:3!important}}@keyframes progressLoading{0%{stroke-dashoffset:0}to{stroke-dashoffset:-15}}@keyframes chartLoading{0%{stroke-dashoffset:0}to{stroke-dashoffset:-8}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.9}}@keyframes celebrationPulse{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.02)}75%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes chartGrow{0%{transform:scaleX(.8);opacity:.5}to{transform:scaleX(1);opacity:1}}.growth-dashboard-card--updating .measurement-card{animation:celebrationPulse .6s ease-out}.growth-dashboard-card--new-measurement .measurement-card{animation:celebrationPulse .8s ease-out}.growth-dashboard-card--new-measurement .mini-chart{animation:chartGrow .6s ease-out}.growth-dashboard-card--loading .circular-progress circle{stroke-dasharray:10 5;animation:progressLoading 1.5s linear infinite}.growth-dashboard-card--loading .measurement-card,.growth-dashboard-card--loading .percentile-card{animation:pulse 1.5s ease-in-out infinite}.growth-dashboard-card--loading .mini-chart path{stroke-dasharray:5 3;animation:chartLoading 2s linear infinite}.milestone-magic-page{background:linear-gradient(135deg,#dcd0ff,#ffd9f0,#d0e8ff,#ffd9ec,#e5d9ff);background-size:200% 200%;min-height:100vh;position:relative;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.milestone-magic-page ion-content{--padding-bottom: calc(150px + env(safe-area-inset-bottom)) }.milestone-magic-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle 500px at 5% 15%,rgba(139,158,255,.45) 0%,rgba(139,158,255,.15) 40%,transparent 60%),radial-gradient(circle 450px at 95% 25%,rgba(255,150,230,.4) 0%,rgba(255,182,255,.12) 40%,transparent 60%),radial-gradient(circle 550px at 50% 95%,rgba(169,141,214,.35) 0%,rgba(169,141,214,.1) 40%,transparent 60%);pointer-events:none;z-index:0}.milestone-magic-hero{position:relative;background:var(--theme-primary-gradient, linear-gradient(135deg, #8b9eff 0%, #a98dd6 50%, #c9a4e8 100%));padding:3rem 1.5rem 2.5rem;margin:-16px -16px 2rem;border-radius:0 0 32px 32px;overflow:hidden;box-shadow:0 2px 8px #8b9eff1f,0 8px 24px #8b9eff26,0 16px 48px #8b9eff1a}.milestone-magic-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(240,147,251,.15),transparent 60%),radial-gradient(circle at bottom left,rgba(102,126,234,.15),transparent 60%);pointer-events:none}.milestone-magic-hero:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="30" r="1" fill="white" opacity="0.2"/><circle cx="100" cy="50" r="1.5" fill="white" opacity="0.15"/><circle cx="160" cy="120" r="1" fill="white" opacity="0.2"/><circle cx="60" cy="160" r="0.8" fill="white" opacity="0.25"/></svg>');background-size:200px 200px;opacity:.4;animation:sparkleFloat 30s linear infinite}@keyframes sparkleFloat{0%{transform:translateY(0) translate(0)}to{transform:translateY(-200px) translate(20px)}}.milestone-magic-hero-content{position:relative;z-index:2;text-align:center;color:#fff}.milestone-magic-title{font-size:2rem;font-weight:700;margin:0 0 .75rem;text-shadow:0 2px 16px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:-.02em}.milestone-magic-title ion-icon{font-size:2.5rem;animation:sparkleRotate 4s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes sparkleRotate{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(5deg) scale(1.05)}}.milestone-magic-subtitle{font-size:1.05rem;opacity:.92;font-weight:400;line-height:1.6;max-width:500px;margin:0 auto}.milestone-magic-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.milestone-magic-stat{text-align:center;position:relative}.milestone-magic-credits{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.milestone-magic-credits-label{color:#ffffffe6;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.milestone-magic-stat:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:32px;height:2px;background:#ffffff4d;border-radius:1px}.milestone-magic-stat-value{font-size:2rem;font-weight:700;display:block;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:-.02em}.milestone-magic-stat-label{font-size:.875rem;opacity:.88;display:block;margin-top:.5rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;font-size:.75rem}.milestone-magic-tabs{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:.75rem;margin:0 0 2rem;box-shadow:0 1px 3px #667eea14,0 2px 8px #667eea0f;border:1px solid rgba(102,126,234,.08);position:relative;z-index:1}.milestone-magic-tabs ion-segment{border-radius:16px;--background: transparent}.milestone-magic-tabs ion-segment-button{--indicator-color: var(--theme-primary-gradient, linear-gradient(135deg, #8b9eff 0%, #a98dd6 100%));--indicator-box-shadow: 0 2px 8px rgba(139, 158, 255, .25), 0 4px 16px rgba(139, 158, 255, .18);--color: #8a7aad;--color-checked: white;--ripple-color: rgba(139, 158, 255, .2);min-height:56px;font-weight:600;font-size:.875rem;transition:all .4s cubic-bezier(.4,0,.2,1);margin:0 4px;border-radius:14px}.milestone-magic-tabs ion-segment-button:not(.segment-button-checked){opacity:.75}.milestone-magic-tabs ion-segment-button:not(.segment-button-checked):hover{opacity:1;background:#667eea0f}.milestone-magic-tabs ion-segment-button ion-icon{margin-bottom:6px;font-size:1.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.milestone-magic-tabs ion-segment-button.segment-button-checked ion-icon{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.milestone-magic-tabs ion-segment-button ion-label{font-size:.8rem;font-weight:600;letter-spacing:.01em}.story-weaver-view-selector{background:#ffffffe6;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:.75rem;border-radius:18px;margin-bottom:1.5rem;box-shadow:0 1px 3px #667eea0d,0 2px 6px #667eea0a;border:1px solid rgba(102,126,234,.08)}.story-weaver-view-selector ion-segment{--background: transparent}.story-weaver-view-selector ion-segment-button{--color: #8a7aad;--color-checked: white;--indicator-color: var(--theme-primary-gradient, linear-gradient(135deg, #8b9eff 0%, #a98dd6 100%));--indicator-box-shadow: 0 2px 8px rgba(139, 158, 255, .25);min-height:48px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.story-library-header{background:#fffffff2;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(102,126,234,.08);box-shadow:0 1px 3px #667eea0a,0 2px 8px #667eea0d;border-radius:20px}.story-library-header ion-card-title{color:#6a5a8b;font-weight:700;letter-spacing:-.01em}.story-library-header ion-text{color:#8a7aad;line-height:1.6}.magic-card{background:#fffffffa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;overflow:hidden;box-shadow:0 1px 3px #667eea0f,0 2px 8px #667eea0d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUp .5s ease-out;border:1px solid rgba(102,126,234,.08)}.magic-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #667eea1a,0 8px 24px #667eea14;border-color:#667eea26}.magic-card-gradient{position:relative;background:linear-gradient(135deg,#8b9eff,#a98dd6);color:#2a1f3a;overflow:hidden}.magic-card-gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(240,147,251,.25),transparent 60%),radial-gradient(circle at bottom left,rgba(102,126,234,.2),transparent 60%);pointer-events:none}.magic-card-header{padding:1.5rem;display:flex;align-items:center;gap:1rem}.magic-card-icon{font-size:3rem;animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.magic-card-title{font-size:1.5rem;font-weight:700;margin:0}.magic-card-body{padding:1.5rem 1.5rem 3rem}.create-story-button{position:relative;--background: var(--theme-primary-gradient, linear-gradient(135deg, #8b9eff 0%, #a98dd6 100%));--box-shadow: 0 4px 12px rgba(139, 158, 255, .35), 0 8px 24px rgba(139, 158, 255, .25), 0 16px 40px rgba(139, 158, 255, .18);height:58px;font-size:1.1rem;font-weight:700;letter-spacing:.02em;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px}.create-story-button:active{transform:scale(.98)}.create-story-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.create-story-button:hover:before{left:100%}.create-story-button ion-icon{font-size:1.6rem;animation:pulse 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}.rate-limit-indicator{background:#fff3;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);padding:1.25rem;border-radius:18px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #00000014,inset 0 1px #fff6}.rate-limit-bar{background:#ffffff40;height:8px;border-radius:4px;overflow:hidden;margin-top:.75rem;box-shadow:inset 0 1px 2px #0000001a}.rate-limit-fill{background:linear-gradient(90deg,#ffffffe6,#fff);height:100%;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #fff9,0 2px 4px #ffffff4d;position:relative;overflow:hidden}.rate-limit-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s ease-in-out infinite}.story-library{background:transparent}.story-library .ion-padding-horizontal{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:1.25rem;border-radius:20px;margin-bottom:1.5rem;box-shadow:0 1px 3px #667eea0d,0 2px 6px #667eea0a;border:1px solid rgba(102,126,234,.08)}.story-library ion-searchbar{--background: rgba(255, 255, 255, .8);--border-radius: 14px;--box-shadow: 0 2px 8px rgba(139, 158, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .9);--placeholder-color: #b4a8d8;--color: #6a5a8b;margin-bottom:1rem}.story-library ion-segment{--background: transparent}.story-library ion-segment-button{--color: #8a7aad;--color-checked: white;--indicator-color: var(--theme-primary-gradient, linear-gradient(135deg, #8b9eff 0%, #a98dd6 100%));--indicator-box-shadow: 0 2px 8px rgba(139, 158, 255, .25);min-height:44px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.story-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem;padding-bottom:calc(8rem + env(safe-area-inset-bottom));background:transparent;border-radius:16px}.story-card{background:#fff;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:24px;overflow:hidden;box-shadow:0 1px 3px #667eea14,0 2px 8px #667eea0f;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:fadeIn .4s ease-out;border:1px solid rgba(102,126,234,.08)}.story-card:hover{transform:translateY(-8px);box-shadow:0 4px 12px #667eea1f,0 8px 24px #667eea1a;border-color:#667eea26}.story-card-gradient-bar{height:4px;background:linear-gradient(90deg,#8b9eff,#a98dd6,#c9a4e8 70%,#e5b4f5);position:relative}.story-card-gradient-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s ease-in-out infinite}.story-card-content{padding:1.75rem}.story-card-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#6a5a8b;background:linear-gradient(135deg,#8b9eff,#a98dd6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-card-preview{font-size:.95rem;line-height:1.6;color:#8a7aad;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;hyphens:auto}body.dark .milestone-magic-page{background:linear-gradient(135deg,#1a1525,#251a30,#1a2535,#2a1a30,#221a2e)}body.dark .milestone-magic-page:before{background:radial-gradient(circle 500px at 5% 15%,rgba(139,158,255,.15) 0%,rgba(139,158,255,.05) 40%,transparent 60%),radial-gradient(circle 450px at 95% 25%,rgba(255,150,230,.12) 0%,rgba(255,182,255,.04) 40%,transparent 60%),radial-gradient(circle 550px at 50% 95%,rgba(169,141,214,.12) 0%,rgba(169,141,214,.03) 40%,transparent 60%)}body.dark .milestone-magic-tabs{background:#1e1e28f2;backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(139,158,255,.15);box-shadow:0 1px 3px #0000004d,0 2px 8px #0003}body.dark .milestone-magic-tabs ion-segment-button{--color: #b4a8d8;--color-checked: white}body.dark .milestone-magic-tabs ion-segment-button:not(.segment-button-checked):hover{background:#8b9eff1a}body.dark .story-weaver-view-selector{background:#1e1e28e6;border:1px solid rgba(139,158,255,.15);box-shadow:0 1px 3px #0000004d,0 2px 6px #0003}body.dark .story-weaver-view-selector ion-segment-button{--color: #b4a8d8;--color-checked: white}body.dark .magic-card{background:#1e1e28fa;border:1px solid rgba(139,158,255,.15);box-shadow:0 1px 3px #0000004d,0 2px 8px #00000040}body.dark .magic-card:hover{border-color:#8b9eff40;box-shadow:0 4px 12px #0006,0 8px 24px #0000004d}body.dark .story-library-header{background:#1e1e28f2;border:1px solid rgba(139,158,255,.15);box-shadow:0 1px 3px #0000004d,0 2px 8px #0003}body.dark .story-library-header ion-card-title{color:#d0c8e8}body.dark .story-library-header ion-text{color:#b4a8d8}body.dark .story-library .ion-padding-horizontal{background:#1e1e28b3;border:1px solid rgba(139,158,255,.15);box-shadow:0 1px 3px #0000004d,0 2px 6px #0003}body.dark .story-library ion-searchbar{--background: rgba(40, 40, 50, .8);--box-shadow: 0 2px 8px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);--placeholder-color: #7a7a8a;--color: #d0c8e8}body.dark .story-library ion-segment-button{--color: #b4a8d8;--color-checked: white}body.dark .story-card{background:#1e1e28f2;border:1px solid rgba(139,158,255,.15);box-shadow:0 1px 3px #0000004d,0 2px 8px #00000040}body.dark .story-card:hover{border-color:#8b9eff40;box-shadow:0 4px 12px #0006,0 8px 24px #00000059}body.dark .story-card-title{color:#d0c8e8;background:linear-gradient(135deg,#a8b8ff,#c9b8e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark .story-card-preview{color:#9a8ab8}body.dark .story-theme-badge{background:linear-gradient(135deg,#8b9eff33,#a98dd633);border:1.5px solid rgba(139,158,255,.3)}body.dark .story-theme-label{color:#d0c8e8}body.dark .story-format-badge{background:#282832cc;border:1.5px solid rgba(139,158,255,.2)}body.dark .story-format-label{color:#b4a8d8}body.dark .story-stat-chip{--background: rgba(40, 40, 50, .6);--color: #b4a8d8;border:1px solid rgba(139,158,255,.15)}body.dark .rate-limit-indicator{background:#1e1e2899;border:1px solid rgba(139,158,255,.2);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}body.dark .rate-limit-bar{background:#3c3c4680;box-shadow:inset 0 1px 2px #0000004d}body.dark .rate-limit-fill{background:linear-gradient(90deg,#8b9effcc,#a98dd6e6);box-shadow:0 0 12px #8b9eff66,0 2px 4px #8b9eff4d}.story-card.format-picture-book.has-photo,.story-card.format-chapter-book.has-photo{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:24px;border:none;box-shadow:0 2px 8px #667eea1a,0 4px 16px #667eea14;min-height:400px}.story-card.format-picture-book.has-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0000000d,#0000004d);z-index:1;border-radius:24px}.story-card.format-picture-book.has-photo:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b9eff,#a98dd6,#c9a4e8);box-shadow:inset -2px 0 4px #0003;z-index:2;border-radius:24px 0 0 24px}.story-card.format-picture-book.has-photo .story-card-photo-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;border-radius:24px;overflow:hidden}.story-card.format-picture-book.has-photo .story-card-content{padding:0;position:relative;z-index:2}.story-card.format-picture-book.has-photo .story-card-title{color:#fff;text-align:center;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 12px rgba(0,0,0,.7),0 8px 24px rgba(0,0,0,.5);background:none;-webkit-text-fill-color:white;margin:0;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4rem);z-index:3;line-height:1.3}.story-card.format-picture-book.has-photo .story-card-preview{display:none}.story-card-format-corner{position:absolute;bottom:1rem;left:1rem;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.4rem .75rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;z-index:3;box-shadow:0 2px 8px #0000004d}.format-corner-icon{font-size:1rem;line-height:1}.format-corner-label{font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.story-card.format-picture-book:not(.has-photo){background:linear-gradient(135deg,#ff9ecd,#a98dd6);position:relative;border:2px dashed rgba(255,255,255,.5)}.story-card.format-picture-book:not(.has-photo) .story-card-title:before{content:"⚠️ "}.story-card.format-picture-book:not(.has-photo) .story-card-title{color:#fff;text-align:center}.story-card.format-chapter-book:not(.has-photo){background:linear-gradient(135deg,#ffd6e8,#c9d4ff,#fff9e6);position:relative;overflow:hidden;border:3px solid #8b9eff;border-left-width:6px}.story-card.format-chapter-book:not(.has-photo):before{content:"";position:absolute;top:10px;right:10px;width:60px;height:60px;background:radial-gradient(circle,rgba(255,158,205,.3) 0%,transparent 70%);border-radius:50%;z-index:0}.story-card.format-chapter-book:not(.has-photo):after{content:"⭐✨📖✨⭐";position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:1.2rem;opacity:.6;z-index:0;letter-spacing:.5rem}.story-card.format-chapter-book:not(.has-photo) .story-card-title{color:#5a3a6a;font-family:Georgia,serif;font-size:1.5rem;text-align:center;position:relative;z-index:1;text-shadow:0 2px 4px rgba(255,255,255,.8)}.story-card.format-chapter-book:not(.has-photo) .story-card-content{background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.3) 0%,transparent 50%)}.story-card.format-short-story:not(.has-photo){background:linear-gradient(135deg,#fffef9,#f9f5f0);position:relative;border:1px solid #d4c5a9;border-left:4px solid #ff9ecd}.story-card.format-short-story:not(.has-photo):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ff9ecd,#ffc4e0);box-shadow:inset -2px 0 4px #0000001a;z-index:1}.story-card.format-short-story:not(.has-photo):after{content:"";position:absolute;inset:0 0 0 8px;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(255,158,205,.15) 27px,rgba(255,158,205,.15) 28px);pointer-events:none;opacity:.6;z-index:0}.story-card.format-short-story:not(.has-photo) .story-card-title{color:#5a4a3a;font-family:Georgia,serif;font-style:italic;position:relative;z-index:1}.story-card.format-short-story:not(.has-photo) .story-card-title:before{content:"📝 ";font-style:normal}.story-card.format-nursery-rhyme{background:linear-gradient(135deg,#fdfbf7,#f5f0e8);border:3px double #8b7355;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 12px #8b735540,inset 0 0 60px #8b735508}.story-card.format-nursery-rhyme:before{content:"🎵";position:absolute;top:8px;left:8px;font-size:1.5rem;opacity:.4;z-index:1;transform:rotate(-15deg)}.story-card.format-nursery-rhyme:after{content:"";position:absolute;inset:35% 12px;background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(139,115,85,.25) 15px,rgba(139,115,85,.25) 16px,transparent 16px,transparent 31px,rgba(139,115,85,.25) 31px,rgba(139,115,85,.25) 32px,transparent 32px,transparent 47px,rgba(139,115,85,.25) 47px,rgba(139,115,85,.25) 48px,transparent 48px,transparent 63px,rgba(139,115,85,.25) 63px,rgba(139,115,85,.25) 64px,transparent 64px,transparent 79px,rgba(139,115,85,.25) 79px,rgba(139,115,85,.25) 80px);pointer-events:none;z-index:0;opacity:.9}.story-card.format-nursery-rhyme .story-card-content:before{content:"𝄞";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:5rem;color:#8b73551f;z-index:0;font-family:serif}.story-card.format-nursery-rhyme .story-card-title{font-family:Georgia,Times New Roman,serif;font-style:italic;color:#5a4a3a;position:relative;z-index:2}.story-card.format-nursery-rhyme .story-card-title:before{content:"♪ ";font-size:1.3em;opacity:.6;font-style:normal;color:#8b7355}.story-card.format-nursery-rhyme .story-card-title:after{content:" ♫";font-size:1.3em;opacity:.6;font-style:normal;color:#8b7355}.story-card.format-nursery-rhyme .story-card-preview{color:#6a5a4a;position:relative;z-index:2}.story-card.format-nursery-rhyme .story-card-meta:after{content:"♩ ♪ ♫";display:flex;align-items:center;margin-left:.75rem;font-size:1.5rem;color:#8b7355b3;letter-spacing:.5rem}.story-card.format-letter{background:linear-gradient(135deg,#fffef9,#fdf8f0);border:2px solid #d4af77;border-radius:12px;box-shadow:0 2px 8px #8b694633,0 4px 16px #8b69461a;position:relative;overflow:hidden}.story-card.format-letter:before{content:"";position:absolute;top:-10px;right:-10px;width:100px;height:100px;background:linear-gradient(135deg,transparent 50%,#d4af7744 50%);transform:rotate(45deg);pointer-events:none;z-index:1}.story-card.format-letter:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(139,105,70,.06) 23px,rgba(139,105,70,.06) 24px);pointer-events:none;opacity:.8;z-index:0}.story-card.format-letter .story-card-title{font-family:Georgia,Garamond,serif;font-style:italic;color:#5a4a3a}.story-card.format-letter .story-card-title:before{content:"💌 ";font-style:normal;font-size:1.1em}.story-card.format-poem{background:linear-gradient(135deg,#fffef9,#fefcf5,#fffef9);border:3px solid transparent;border-radius:20px;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ffd6e8,#c9d4ff,#fff9e6);background-origin:padding-box,border-box;background-clip:padding-box,border-box;box-shadow:0 4px 16px #8b9eff26,0 2px 8px #a98dd61a,inset 0 0 80px #ffd6e814;position:relative;overflow:hidden}.story-card.format-poem:before{content:"⭐✨";position:absolute;top:12px;left:12px;font-size:1.2rem;opacity:.5;z-index:1;letter-spacing:.25rem}.story-card.format-poem:after{content:"✨⭐";position:absolute;bottom:12px;right:12px;font-size:1.2rem;opacity:.5;z-index:1;letter-spacing:.25rem}.story-card.format-poem .story-card-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(255,214,232,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.story-card.format-poem .story-card-title{font-family:Georgia,Palatino,serif;color:#6a5a8a;text-align:center;font-weight:600;position:relative;z-index:2;line-height:1.4}.story-card.format-poem .story-card-preview{text-align:center;color:#7a6a9a;font-style:italic;line-height:1.8;position:relative;z-index:2}.story-card.format-poem .story-card-title:before{content:"✨ ";font-style:normal;font-size:1.1em;opacity:.7}.story-card.format-song{background:linear-gradient(135deg,#fff9e6,#ffe8cc,#fdc,#ffd6e8,#ffe6f0);border:3px solid transparent;border-radius:20px;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ffb347,#ff6b9d,#c364ff,#5ac8fa,#ffb347);background-origin:padding-box,border-box;background-clip:padding-box,border-box;box-shadow:0 4px 16px #ff6b9d33,0 2px 8px #ffb34726,inset 0 0 60px #ffd6e81a;position:relative;overflow:hidden}.story-card.format-song:before{content:"♪ ♫ ♬";position:absolute;top:12px;right:12px;font-size:1.5rem;background:linear-gradient(135deg,#ff6b9d,#c364ff,#5ac8fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.6;z-index:1;letter-spacing:.5rem;animation:float 3s ease-in-out infinite}.story-card.format-song:after{content:"♬ ♪ ♫ ♪";position:absolute;bottom:40px;left:50%;transform:translate(-50%);font-size:1.2rem;background:linear-gradient(135deg,#ffb347,#ff6b9d,#c364ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.4;z-index:1;letter-spacing:.75rem;animation:float 3s ease-in-out infinite 1.5s}.story-card.format-song .story-card-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(circle,rgba(255,214,232,.15) 0%,rgba(255,179,71,.08) 50%,transparent 70%);pointer-events:none;z-index:0}.story-card.format-song .story-card-title{color:#d1458a;font-weight:700;position:relative;z-index:2}.story-card.format-song .story-card-title:before{content:"🎵 ";font-size:1.1em}.story-card.format-song .story-card-preview{color:#b8356d;position:relative;z-index:2}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-5px) translate(2px)}}.story-card.format-picture-book.has-photo .story-card-meta,.story-card.format-nursery-rhyme .story-stat-chip,.story-card.format-nursery-rhyme .story-theme-badge{display:none}.story-card.format-nursery-rhyme .story-card-content{position:static;padding-bottom:5rem}.story-card.format-nursery-rhyme .story-card-preview{margin-bottom:.75rem}.story-card.format-nursery-rhyme .story-card-meta{position:absolute;bottom:1rem;left:1rem;right:auto;z-index:5;margin:0;padding:0;display:flex;gap:.5rem}.story-card.format-nursery-rhyme .story-format-badge{background:#8b7355e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem .75rem;border-radius:8px;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(139,115,85,.6)}.story-card.format-nursery-rhyme .story-format-emoji{filter:brightness(1.2)}.story-card.format-nursery-rhyme .story-format-label{color:#fdfbf7;font-weight:600;text-transform:capitalize}.story-card.format-poem .story-stat-chip,.story-card.format-poem .story-theme-badge{display:none}.story-card.format-poem .story-card-content{position:static;padding-bottom:5rem}.story-card.format-poem .story-card-preview{margin-bottom:.75rem}.story-card.format-poem .story-card-meta{position:absolute;bottom:1rem;left:1rem;right:auto;z-index:5;margin:0;padding:0;display:flex;gap:.5rem}.story-card.format-poem .story-format-badge{background:linear-gradient(135deg,#a98dd6d9,#8b9effbf);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem .75rem;border-radius:8px;box-shadow:0 2px 8px #8b9eff4d;border:1px solid rgba(169,141,214,.5)}.story-card.format-poem .story-format-emoji{filter:brightness(1.2)}.story-card.format-poem .story-format-label{color:#fff;font-weight:600;text-transform:capitalize;text-shadow:0 1px 2px rgba(0,0,0,.2)}.story-card.format-song .story-stat-chip,.story-card.format-song .story-theme-badge{display:none}.story-card.format-song .story-card-content{position:static;padding-bottom:5rem}.story-card.format-song .story-card-preview{margin-bottom:.75rem}.story-card.format-song .story-card-meta{position:absolute;bottom:1rem;left:1rem;right:auto;z-index:5;margin:0;padding:0;display:flex;gap:.5rem}.story-card.format-song .story-format-badge{background:linear-gradient(135deg,#ff6b9de6,#ffb347d9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.5rem .75rem;border-radius:12px;box-shadow:0 2px 8px #ff6b9d66;border:2px solid rgba(255,179,71,.6)}.story-card.format-song .story-format-emoji{filter:brightness(1.3)}.story-card.format-song .story-format-label{color:#fff;font-weight:700;text-transform:capitalize;text-shadow:0 1px 3px rgba(0,0,0,.3)}.story-card.format-picture-book.has-photo .story-card-header{position:absolute;top:1rem;right:1rem;left:auto;margin-bottom:0;width:auto;z-index:3}.story-card.format-picture-book.has-photo .story-card-header>div{display:none}.story-card.format-picture-book.has-photo .favorite-button{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;width:44px;height:44px;box-shadow:0 2px 8px #0003,0 4px 16px #0000001a}.story-card.format-nursery-rhyme .story-card-gradient-bar,.story-card.format-letter .story-card-gradient-bar,.story-card.format-poem .story-card-gradient-bar,.story-card.format-song .story-card-gradient-bar{display:none}.story-card{background:linear-gradient(135deg,#fdfcff,#faf8f5);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:8px 24px 24px 8px;overflow:visible;box-shadow:-8px 0 16px -4px #667eea26,0 2px 8px #667eea1a,0 8px 24px #667eea14;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:fadeIn .4s ease-out;border:1px solid rgba(102,126,234,.12);border-left:4px solid #8b9eff;position:relative}.story-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#8b9eff,#a98dd6,#c9a4e8);box-shadow:inset -2px 0 4px #0003}.story-card:after{content:"";position:absolute;inset:0 0 0 8px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,158,255,.02) 2px,rgba(139,158,255,.02) 4px);pointer-events:none;opacity:.6}.story-card:hover{transform:translateY(-8px) translate(4px);box-shadow:-12px 0 24px -6px #667eea40,0 4px 16px #667eea26,0 12px 32px #667eea1f;border-left-width:6px}.story-card-gradient-bar{height:6px;background:linear-gradient(90deg,#8b9eff,#a98dd6,#c9a4e8 70%,#e5b4f5);position:relative;box-shadow:0 2px 4px #8b9eff4d}.story-card-gradient-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.story-card-content{padding:1.75rem;position:relative;z-index:1}.story-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.25rem}.story-card-title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#4a3a6b;line-height:1.3;text-shadow:0 1px 2px rgba(255,255,255,.8)}.story-card-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.story-theme-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b9eff1f,#a98dd61f);border:1.5px solid rgba(139,158,255,.25);border-radius:12px;padding:.5rem .75rem;transition:all .3s ease}.story-theme-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b9eff33;border-color:#8b9eff66}.story-theme-emoji{font-size:1.5rem;line-height:1}.story-theme-label{font-size:.85rem;font-weight:600;color:#6a5a8b;text-transform:capitalize}.story-format-badge{display:inline-flex;align-items:center;gap:.5rem;background:#fffc;border:1.5px solid rgba(139,158,255,.15);border-radius:12px;padding:.5rem .75rem;transition:all .3s ease}.story-format-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b9eff26;border-color:#8b9eff4d}.story-format-emoji{font-size:1.25rem;line-height:1}.story-format-label{font-size:.8rem;font-weight:500;color:#8a7aad;text-transform:capitalize}.story-stat-chip{--background: rgba(255, 255, 255, .6);--color: #8a7aad;font-size:.8rem;height:28px;border:1px solid rgba(139,158,255,.1)}.story-card-preview{font-size:.95rem;line-height:1.6;color:#5a4a7a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;hyphens:auto}.story-card ion-text[color=medium]{--color: #6a5a8b !important;color:#6a5a8b!important;font-weight:500}.favorite-button{--padding-start: 8px;--padding-end: 8px;transition:all .3s ease}.favorite-button ion-icon{transition:all .3s ease}.favorite-button:active ion-icon{transform:scale(1.3)}.config-section{margin-bottom:2.5rem}.config-label{font-size:1.1rem;font-weight:700;margin-bottom:1rem;display:block;color:#6a5a8b;letter-spacing:-.01em}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.theme-option{background:#fffffff2;backdrop-filter:blur(12px);border:2px solid rgba(139,158,255,.15);border-radius:16px;padding:1rem .75rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #667eea14}.theme-option:hover{transform:translateY(-4px);border-color:#8b9eff4d;box-shadow:0 4px 12px #667eea26}.theme-option.selected{background:linear-gradient(135deg,#8b9eff26,#a98dd626);border-color:#8b9eff;box-shadow:0 4px 16px #8b9eff4d,0 0 0 3px #8b9eff1a;transform:translateY(-2px)}.theme-emoji{font-size:2rem;margin-bottom:.5rem}.theme-label{font-size:.9rem;font-weight:600;color:#6a5a8b;margin-bottom:.25rem}.theme-desc{font-size:.75rem;color:#8a7aad;line-height:1.3}.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.format-option{background:#fffffff2;backdrop-filter:blur(12px);border:2px solid rgba(139,158,255,.15);border-radius:14px;padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #667eea14}.format-option:hover{transform:translate(4px);border-color:#8b9eff4d;box-shadow:0 2px 8px #667eea26}.format-option.selected{background:linear-gradient(135deg,#8b9eff26,#a98dd626);border-color:#8b9eff;box-shadow:0 2px 12px #8b9eff4d,0 0 0 3px #8b9eff1a}.format-emoji{font-size:1.75rem;flex-shrink:0}.format-content{flex:1}.format-label{font-size:.95rem;font-weight:600;color:#6a5a8b;margin-bottom:.15rem}.format-desc{font-size:.8rem;color:#8a7aad}.length-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.length-option{background:#fffffff2;backdrop-filter:blur(12px);border:2px solid rgba(139,158,255,.15);border-radius:14px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #667eea14}.length-option:hover{transform:translateY(-4px);border-color:#8b9eff4d;box-shadow:0 4px 12px #667eea26}.length-option.selected{background:linear-gradient(135deg,#8b9eff26,#a98dd626);border-color:#8b9eff;box-shadow:0 4px 16px #8b9eff4d,0 0 0 3px #8b9eff1a;transform:translateY(-2px)}.length-label{font-size:.95rem;font-weight:600;color:#6a5a8b;margin-bottom:.35rem}.length-desc{font-size:.8rem;color:#8a7aad;margin-bottom:.25rem}.length-time{font-size:.75rem;color:#a98dd6;font-weight:500}.tone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.tone-option{background:#fffffff2;backdrop-filter:blur(12px);border:2px solid rgba(139,158,255,.15);border-radius:14px;padding:1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #667eea14}.tone-option:hover{transform:translate(4px);border-color:#8b9eff4d;box-shadow:0 2px 8px #667eea26}.tone-option.selected{background:linear-gradient(135deg,#8b9eff26,#a98dd626);border-color:#8b9eff;box-shadow:0 2px 12px #8b9eff4d,0 0 0 3px #8b9eff1a}.tone-emoji{font-size:1.5rem;flex-shrink:0}.tone-content{flex:1}.tone-label{font-size:.9rem;font-weight:600;color:#6a5a8b;margin-bottom:.15rem}.tone-desc{font-size:.75rem;color:#8a7aad}.age-level-option{background:#fffffff2;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:2px solid rgba(102,126,234,.08);border-radius:18px;padding:1.25rem;margin-bottom:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #667eea0d,0 2px 6px #667eea0a}.age-level-option:hover{transform:translate(6px);border-color:#667eea26;background:#fff;box-shadow:0 4px 12px #667eea1a,0 8px 24px #667eea0f}.age-level-option.selected{background:linear-gradient(135deg,#5b6fd81f,#6b4fa01f);backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);border-color:#6b4fa066;box-shadow:0 4px 16px #667eea2e,0 8px 32px #667eea1f,inset 0 1px #ffffffe6;transform:translate(4px)}.age-level-option-header{display:flex;justify-content:space-between;align-items:center}.age-level-option-label{font-weight:600;font-size:1.05rem;color:#6a5a8b}.age-level-option.selected .age-level-option-label{background:linear-gradient(135deg,#8b9eff,#a98dd6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.age-level-option-desc{font-size:.9rem;color:#8a7aad;margin:.5rem 0 0}.generation-progress-container{text-align:center;padding:3rem 2rem}.generation-spinner{font-size:4rem;color:var(--ion-color-primary);animation:spinFade 2s ease-in-out infinite}@keyframes spinFade{0%,to{opacity:1}50%{opacity:.5}}.generation-title{font-size:1.5rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#8b9eff,#a98dd6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.generation-progress-text{background:linear-gradient(135deg,#fdfcff,#f9f7ff);border-radius:12px;padding:1rem;margin-top:1.5rem;max-height:200px;overflow:auto;text-align:left;font-size:.9rem;font-family:Monaco,Courier New,monospace;white-space:pre-wrap;color:#8a7aad;border:1px solid rgba(139,158,255,.12)}.story-preview-card{background:#fff;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:28px;overflow:hidden;box-shadow:0 2px 8px #667eea14,0 4px 16px #667eea0f;animation:slideUp .6s cubic-bezier(.4,0,.2,1);border:1px solid rgba(102,126,234,.08)}.story-preview-header{background:linear-gradient(135deg,#8b9eff,#a98dd6);color:#fff;padding:2.5rem 1.5rem;text-align:center;position:relative;overflow:hidden}.story-preview-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top center,rgba(240,147,251,.2),transparent 60%);pointer-events:none}.story-preview-header ion-icon{font-size:3rem;margin-bottom:1rem;animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}.story-preview-title{font-size:1.75rem;font-weight:700;margin:0 0 1rem}.story-preview-content{padding:2rem 1.5rem;font-family:Georgia,serif;font-size:1.05rem;line-height:1.8;white-space:pre-wrap;color:#6a5a8b;background:linear-gradient(180deg,#fff,#fdfcff)}.story-preview-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--ion-color-light)}.magic-empty-state{text-align:center;padding:4rem 2rem;background:#fffffffa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid rgba(102,126,234,.08);box-shadow:0 1px 3px #667eea0d,0 2px 8px #667eea0a}.magic-empty-icon{font-size:5rem;color:#b8afd8;opacity:.5;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.magic-empty-title{font-size:1.5rem;font-weight:600;margin:0 0 .75rem;color:#6a5a8b}.magic-empty-description{font-size:1rem;color:#8a7aad;margin:0 0 2rem}@media (max-width: 768px){.milestone-magic-hero{padding:2rem 1rem 1.75rem;border-radius:0 0 24px 24px}.milestone-magic-title{font-size:1.65rem;gap:.5rem}.milestone-magic-title ion-icon{font-size:2rem}.milestone-magic-subtitle{font-size:.95rem}.milestone-magic-stats{gap:2rem;margin-top:1.5rem}.milestone-magic-stat-value{font-size:1.75rem}.milestone-magic-tabs{padding:.5rem;border-radius:16px}.milestone-magic-tabs ion-segment-button{min-height:52px;margin:0 2px}.milestone-magic-tabs ion-segment-button ion-icon{font-size:1.35rem}.story-library-grid{grid-template-columns:1fr;gap:1rem;padding:.5rem}.story-card,.magic-card{border-radius:20px}.age-level-option{padding:1rem;border-radius:16px}}@media (prefers-color-scheme: dark){.milestone-magic-page{background:linear-gradient(180deg,#fff,#f8f4ff,#fff9fc)}.milestone-magic-page:before{background:radial-gradient(circle at 20% 30%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(240,147,251,.03) 0%,transparent 50%)}.milestone-magic-tabs,.story-weaver-view-selector,.story-library .ion-padding-horizontal{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#667eea14;box-shadow:0 1px 3px #667eea14,0 2px 8px #667eea0f}.magic-card{background:#fffffffa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 3px #667eea0f,0 2px 8px #667eea0d;border-color:#667eea14}.story-card{background:#fff;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 1px 3px #667eea14,0 2px 8px #667eea0f;border-color:#667eea14}.story-card:hover{box-shadow:0 4px 12px #667eea1f,0 8px 24px #667eea1a;border-color:#667eea26}.story-card-title{color:#6a5a8b}.story-card-preview{color:#8a7aad}.story-library-grid{background:transparent}.age-level-option{background:#fffffff2;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-color:#667eea14}.age-level-option:hover{background:#fff;border-color:#667eea26}.age-level-option.selected{background:linear-gradient(135deg,#5b6fd81f,#6b4fa01f);backdrop-filter:blur(16px) saturate(200%);-webkit-backdrop-filter:blur(16px) saturate(200%);border-color:#6b4fa066}.age-level-option-label{color:#6a5a8b}.age-level-option-desc{color:#8a7aad}.magic-empty-state{background:#fffffffa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#667eea14}.magic-empty-title{color:#6a5a8b}.magic-empty-description{color:#8a7aad}.config-label-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.config-icon{font-size:1.2rem}.config-section label.config-label{display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:0;background:linear-gradient(135deg,#6b5b95,#a98dd6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.config-label{background:linear-gradient(135deg,#e0c3fc,#8ec5fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(224,195,252,.3)}.generation-progress-text{background:linear-gradient(135deg,#fdfcff,#f9f7ff);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#8a7aad;border-color:#8b9eff1f}.story-preview-card{background:#fff;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:#667eea14}.story-preview-content{background:linear-gradient(180deg,#fff,#fdfcff);color:#6a5a8b}.story-library-header{background:#fffffff2;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-color:#667eea14}}.story-accordion{background:transparent;margin-bottom:.75rem}.story-accordion-header{--background: #f4f1fa;--padding-start: .75rem;--inner-padding-end: .75rem;border-radius:16px;overflow:hidden;border:1px solid rgba(107,91,149,.1);box-shadow:none}.story-accordion.accordion-expanded .story-accordion-header{--background: #efeaff;border-color:#6b5b9540}.story-accordion ion-label{font-weight:700;color:#483d8b;letter-spacing:.01em;font-size:1rem}.format-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.format-option{flex:1;min-width:100px;text-align:center}.format-option.compact{display:flex;flex-direction:column;padding:.75rem .5rem;gap:.5rem;background:#fff;border:1px solid rgba(139,115,85,.1);border-radius:16px;box-shadow:0 2px 4px #8b73550d}.format-option.compact .format-emoji{font-size:1.5rem;margin:0}.format-option.compact .format-label{font-size:.85rem;font-weight:600;color:#5a5a7a}.format-option.selected{background:#fff;position:relative;border:2px solid transparent;background-clip:padding-box;box-shadow:0 4px 12px #8a2be226}.format-option.selected:before,.theme-option.selected:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#e0c3fc,#8ec5fc);z-index:-1;border-radius:14px}.theme-option.selected{background:#fff;border:2px solid transparent;background-clip:padding-box;transform:translateY(-2px);position:relative;z-index:1}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.6rem}.theme-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem;background:#fff;border:1px solid rgba(107,91,149,.1);border-radius:14px;cursor:pointer;transition:all .2s ease;aspect-ratio:1;box-shadow:0 2px 4px #00000005}.theme-option .theme-emoji{font-size:1.5rem;margin-bottom:.25rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.05))}.theme-option .theme-label{font-size:.7rem;text-align:center;line-height:1.2;color:#5a5a7a;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.theme-option .theme-desc{display:none}.config-section{margin-bottom:1.5rem}.ai-style-settings{background:linear-gradient(135deg,#f8faff,#f4f1ff);border-radius:20px;padding:1.25rem;border:1px solid rgba(138,43,226,.1);box-shadow:0 4px 20px #8a2be20d}.format-content{overflow:hidden;width:100%}.format-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;opacity:.8}@media (prefers-color-scheme: dark){.story-accordion-header{--background: linear-gradient(135deg, rgba(255, 107, 157, .2) 0%, rgba(100, 149, 237, .2) 100%);border:1px solid rgba(255,182,193,.2)}.story-accordion.accordion-expanded .story-accordion-header{--background: linear-gradient(135deg, rgba(255, 107, 157, .25) 0%, rgba(100, 149, 237, .25) 100%);border-color:#ffb6c166}.story-accordion ion-label{color:#ffb7d5!important;text-shadow:none}.theme-option,.format-option.compact{background:#23232e;border-color:#8a2be226}.theme-option .theme-label,.format-option.compact .format-label{color:#dcdcdc}.format-option.selected,.theme-option.selected{background:#2d2d3d;border:2px solid transparent}.format-option.selected:before,.theme-option.selected:before{background:linear-gradient(135deg,#ff69b4,#4169e1);opacity:1;box-shadow:0 0 15px #ff69b44d}.ai-style-settings{background:linear-gradient(135deg,#ff69b40d,#4169e10d);border-color:#ff69b433}.config-section label.config-label{background:linear-gradient(135deg,#ff69b4,#87ceeb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}}.story-viewer-modal{--border-radius: 0}.story-viewer-modal ion-modal{--border-radius: 0}.story-viewer-content{--padding-bottom: 60px;transition:background-color .4s ease}.story-viewer-bg-cream{--background: linear-gradient(180deg, #faf8f3 0%, #f5f1e8 100%)}.story-viewer-bg-white{--background: #ffffff}.story-viewer-bg-sepia{--background: linear-gradient(180deg, #f4ecd8 0%, #efe4c8 100%)}.story-book-page{max-width:700px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh}.story-book-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(139,158,255,.15)}.story-book-title{font-family:Georgia,Baskerville,Garamond,serif;font-size:2rem;font-weight:600;color:#4a3a6b;margin:0 0 1rem;line-height:1.3;text-align:center}.story-book-meta{display:flex;flex-direction:column;align-items:center;gap:.75rem}.story-book-date{font-size:.9rem;color:#8a7aad;font-style:italic}.story-book-badges{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.story-book-badge{display:inline-block;padding:.35rem .75rem;background:#8b9eff1a;border:1px solid rgba(139,158,255,.2);border-radius:20px;font-size:.85rem;color:#6a5a8b;font-weight:500}.story-book-rating{display:flex;justify-content:center;align-items:center;gap:.25rem;margin-bottom:2rem;padding:1rem 0;border-bottom:1px solid rgba(139,158,255,.1)}.story-book-content{font-family:Georgia,Baskerville,Garamond,serif;color:#3a2a5a;white-space:pre-wrap;word-break:break-word;text-align:justify;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;padding:1.5rem 0;min-height:400px;position:relative;&:first-letter{font-size:3.5em;font-weight:700;line-height:.8;float:left;margin:.1em .1em 0 0;color:#8b9eff}}.story-book-content.page-flip{animation:pageFlip .6s ease-in-out}@keyframes pageFlip{0%{transform:perspective(1000px) rotateY(0);opacity:1}50%{transform:perspective(1000px) rotateY(-90deg);opacity:.3}to{transform:perspective(1000px) rotateY(0);opacity:1}}.story-page-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0;border-top:1px solid rgba(139,158,255,.2);border-bottom:1px solid rgba(139,158,255,.2)}.page-nav-button{--color: #6a5a8b;--color-activated: #8b9eff;font-family:Georgia,serif;font-size:.95rem;font-weight:500;text-transform:none;transition:all .3s ease}.page-nav-button:hover:not([disabled]){--color: #8b9eff}.page-nav-button[disabled]{opacity:.3}.page-indicator{font-family:Georgia,serif;font-size:.9rem;color:#8a7aad;font-style:italic;text-align:center;min-width:120px}.story-book-footer{margin-top:3rem;padding-top:1.5rem;border-top:2px solid rgba(139,158,255,.15);text-align:center;color:#8a7aad;font-size:.9rem;font-style:italic;display:flex;align-items:center;justify-content:center}.story-viewer-content ion-fab-button{--background: linear-gradient(135deg, #8b9eff 0%, #a98dd6 100%);--color: white;--box-shadow: 0 4px 12px rgba(139, 158, 255, .3);transition:all .3s ease}.story-viewer-content ion-fab-button:hover{--box-shadow: 0 6px 16px rgba(139, 158, 255, .4);transform:translateY(-2px)}@media (max-width: 768px){.story-book-page{padding:1.5rem 1rem}.story-book-title{font-size:1.75rem}.story-book-content:first-letter{font-size:3em}}@media (min-width: 769px){.story-book-page{padding:3rem 2rem}.story-book-content{padding:2rem 1rem}}.story-viewer-content.format-nursery-rhyme .story-viewer-bg-cream{--background: linear-gradient(180deg, #fdfbf7 0%, #f5f0e8 100%)}.story-viewer-content.format-nursery-rhyme .story-book-header{border-bottom-color:#8b735540}.story-viewer-content.format-nursery-rhyme .story-book-title{color:#8b7355;font-family:Georgia,Garamond,serif}.story-viewer-content.format-nursery-rhyme .story-book-badge{background:#8b73551a;border-color:#8b735533;color:#8b7355}.story-viewer-content.format-nursery-rhyme .story-book-page:before{content:"";position:absolute;top:20%;left:5%;right:5%;height:200px;background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(139,115,85,.04) 15px,rgba(139,115,85,.04) 16px,transparent 16px,transparent 31px,rgba(139,115,85,.04) 31px,rgba(139,115,85,.04) 32px,transparent 32px,transparent 47px,rgba(139,115,85,.04) 47px,rgba(139,115,85,.04) 48px,transparent 48px,transparent 63px,rgba(139,115,85,.04) 63px,rgba(139,115,85,.04) 64px,transparent 64px,transparent 79px,rgba(139,115,85,.04) 79px,rgba(139,115,85,.04) 80px);pointer-events:none;z-index:0;opacity:.5}.story-viewer-content.format-nursery-rhyme .story-book-content,.story-viewer-content.format-nursery-rhyme .story-book-header,.story-viewer-content.format-nursery-rhyme .story-book-rating{position:relative;z-index:1}.story-viewer-content.format-poem .story-viewer-bg-cream{--background: linear-gradient(180deg, #fffef9 0%, #fefcf5 100%)}.story-viewer-content.format-poem .story-book-header{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#ffd6e866,#c9d4ff66,#fff9e666) 1}.story-viewer-content.format-poem .story-book-title{color:#6a5a8a;text-align:center}.story-viewer-content.format-poem .story-book-title:before{content:"✨ ";opacity:.6}.story-viewer-content.format-poem .story-book-title:after{content:" ✨";opacity:.6}.story-viewer-content.format-poem .story-book-content{text-align:center}.story-viewer-content.format-poem .story-book-badge{background:#a98dd61a;border-color:#a98dd640;color:#7a6a9a}.story-viewer-content.format-song .story-viewer-bg-cream{--background: linear-gradient(180deg, #fff9e6 0%, #ffe8cc 50%, #ffe6f0 100%)}.story-viewer-content.format-song .story-book-header{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#ffb347,#ff6b9d,#c364ff 66%,#5ac8fa) 1}.story-viewer-content.format-song .story-book-title{color:#d1458a;font-weight:700}.story-viewer-content.format-song .story-book-title:before{content:"🎵 "}.story-viewer-content.format-song .story-book-badge{background:linear-gradient(135deg,#ff6b9d26,#ffb34726);border-color:#ff6b9d4d;color:#d1458a;font-weight:600}.story-viewer-content.format-song .story-book-header:after{content:"♪ ♫";position:absolute;top:.5rem;right:.5rem;font-size:1.5rem;background:linear-gradient(135deg,#ff6b9d,#c364ff,#5ac8fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3;pointer-events:none}.story-viewer-content.format-song .story-book-header{position:relative}@media (prefers-color-scheme: dark){.story-viewer-content.format-nursery-rhyme .story-book-title{color:#c9b896}.story-viewer-content.format-poem .story-book-title{color:#a98dd6}.story-viewer-content.format-song .story-book-title{color:#ff9ecd}}.story-photo-gallery{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#f8f4ff,#fff5f8);border-radius:16px;box-shadow:0 4px 20px #00000014}.story-photo-gallery-header{display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;color:var(--ion-color-primary);margin-bottom:1.5rem;text-align:center}.story-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.story-photo-item{display:flex;flex-direction:column;gap:.75rem;animation:fadeInUp .6s ease-out}.story-photo-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease,box-shadow .3s ease}.story-photo-image:hover{transform:scale(1.05);box-shadow:0 8px 24px #0003}.story-photo-caption{text-align:center;font-size:.9rem;font-weight:500;color:var(--ion-color-dark);line-height:1.4}.story-photo-age{display:block;font-size:.8rem;color:var(--ion-color-medium);margin-top:.25rem}@media (prefers-color-scheme: dark){.story-photo-gallery{background:linear-gradient(135deg,#2a2440,#3a2a3a)}.story-photo-caption{color:var(--ion-color-light)}}@media (min-width: 768px){.story-photo-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.story-photo-gallery{padding:2rem}}.picture-book-page-photo{width:100%;margin-bottom:2rem;text-align:center}.picture-book-page-image{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 4px 12px #00000026;margin:0 auto;display:block;object-fit:cover;transition:transform .3s ease}.picture-book-page-image:hover{transform:scale(1.02)}.picture-book-photo-caption{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:8px;max-width:500px;margin-left:auto;margin-right:auto}.picture-book-photo-title{font-size:1.1rem;font-weight:600;color:var(--ion-color-primary);margin-bottom:.25rem;font-family:Georgia,serif}.picture-book-photo-age{font-size:.9rem;color:var(--ion-color-medium);font-style:italic}.story-book-content .story-text{margin-top:1rem}@media (prefers-color-scheme: dark){.picture-book-page-image{box-shadow:0 4px 12px #0006}.picture-book-photo-caption{background:linear-gradient(135deg,#8b5cf633,#ec489933)}.picture-book-photo-title{color:var(--ion-color-primary-tint)}}@media (max-width: 768px){.picture-book-page-photo{margin-bottom:1.5rem}.picture-book-page-image{max-width:100%;border-radius:8px}.picture-book-photo-caption{padding:.5rem .75rem}.picture-book-photo-title{font-size:1rem}.picture-book-photo-age{font-size:.85rem}}.insights-tab{padding-bottom:2rem;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.insights-action-bar{padding:1rem;margin-bottom:1.5rem}.insights-action-bar ion-button{--background: linear-gradient(135deg, #8b9eff 0%, #a98dd6 50%, #ff9ecd 100%);--box-shadow: 0 8px 24px rgba(139, 158, 255, .35);--border-radius: 16px;--padding-top: 1rem;--padding-bottom: 1rem;font-weight:600;font-size:1.05rem;letter-spacing:.3px;text-transform:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.insights-action-bar ion-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.insights-action-bar ion-button:hover:before{left:100%}.insights-action-bar ion-button:hover{--box-shadow: 0 12px 32px rgba(139, 158, 255, .45);transform:translateY(-2px)}.insights-action-bar ion-button:active{transform:translateY(0);--box-shadow: 0 4px 16px rgba(139, 158, 255, .3)}.insights-stats{display:flex;gap:1rem;padding:1rem;margin-bottom:1.5rem;animation:fadeInUp .6s ease .1s both}.insights-stat-card{flex:1;background:linear-gradient(135deg,#fffffff2,#f8f5fff2);backdrop-filter:blur(20px);border-radius:20px;padding:1.5rem;text-align:center;border:2px solid rgba(139,158,255,.25);box-shadow:0 8px 24px #8b9eff1f,0 2px 8px #8b9eff14,inset 0 1px #fffc;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.insights-stat-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,158,255,.08) 0%,transparent 70%);animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(10px,10px) scale(1.1);opacity:.8}}.insights-stat-card:hover{transform:translateY(-4px) scale(1.02);border-color:#8b9eff66;box-shadow:0 16px 40px #8b9eff33,0 4px 12px #8b9eff1f,inset 0 1px #fff}.insights-stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:.5rem;position:relative;z-index:1;text-shadow:0 2px 8px rgba(139,158,255,.2);animation:countUp 1s ease-out}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.insights-stat-label{font-size:.875rem;color:#6b5b95;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.insights-list{display:flex;flex-direction:column;gap:1.25rem;padding:1rem}.insights-list>*{animation:fadeInUp .5s ease both}.insights-list>*:nth-child(1){animation-delay:.05s}.insights-list>*:nth-child(2){animation-delay:.1s}.insights-list>*:nth-child(3){animation-delay:.15s}.insights-list>*:nth-child(4){animation-delay:.2s}.insights-list>*:nth-child(5){animation-delay:.25s}.insights-list>*:nth-child(6){animation-delay:.3s}.insight-card{background:linear-gradient(135deg,#fffffffa,#fcf9fffa);backdrop-filter:blur(20px) saturate(180%);border-radius:24px;padding:2rem;border:2px solid rgba(139,158,255,.15);box-shadow:0 10px 30px #8b9eff1f,0 4px 12px #8b9eff14,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(139,158,255,.08),transparent);transition:left .6s ease}.insight-card:hover:before{left:100%}.insight-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b9eff,#a98dd6,#ff9ecd);opacity:0;transition:opacity .4s ease}.insight-card:hover{transform:translateY(-6px) scale(1.01);border-color:#8b9eff59;box-shadow:0 20px 50px #8b9eff33,0 8px 20px #8b9eff26,inset 0 1px #fff}.insight-card:hover:after{opacity:1}.insight-card:active{transform:translateY(-2px) scale(.99)}.insight-card.pinned{border-color:#fbbf24;border-width:2.5px;background:linear-gradient(135deg,#fffbebfa,#fef3c7f2);box-shadow:0 10px 30px #fbbf2440,0 4px 12px #fbbf2426,inset 0 1px #ffffffe6}.insight-card.pinned:after{background:linear-gradient(90deg,#fbbf24,#f59e0b,#f97316);opacity:1}.insight-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;position:relative;z-index:1}.insight-card-header ion-icon{font-size:1.75rem;filter:drop-shadow(0 2px 4px rgba(139,158,255,.2));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.insight-card-header ion-chip{--background: linear-gradient(135deg, rgba(139, 158, 255, .15) 0%, rgba(169, 141, 214, .15) 100%);--color: #6366f1;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid rgba(139,158,255,.25);box-shadow:0 2px 8px #8b9eff1a}.insight-card-title{font-size:1.35rem;font-weight:700;color:#1e1b4b;margin:0 0 1rem;line-height:1.4;position:relative;z-index:1;background:linear-gradient(135deg,#1e1b4b,#4c1d95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.insight-card-summary{color:#52525b;font-size:1rem;line-height:1.7;margin:0 0 1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.insight-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}.insight-card-meta ion-text{font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.35rem}.insight-card-meta ion-text:before{content:"📖";font-size:1rem}.insight-rating{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:.25rem .5rem;border-radius:8px;background-color:#fbbf241a}.insight-rating ion-icon{color:#f59e0b;font-size:1rem}.insight-card-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:2px solid rgba(139,158,255,.1);position:relative;z-index:1}.insight-card-actions ion-button{--background: transparent;--background-hover: rgba(139, 158, 255, .1);--box-shadow: none;--border-radius: 12px;--padding-start: .75rem;--padding-end: .75rem;transition:all .3s ease}.insight-card-actions ion-button:hover{transform:scale(1.1)}.insight-viewer{max-width:900px;margin:0 auto;padding:2rem;animation:fadeIn .4s ease}.insight-viewer-header{margin-bottom:2.5rem;text-align:center;padding-bottom:2rem;border-bottom:3px solid rgba(139,158,255,.2);position:relative}.insight-viewer-header:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#8b9eff,#a98dd6,#ff9ecd);border-radius:3px}.insight-viewer-header ion-chip{--background: linear-gradient(135deg, rgba(139, 158, 255, .15) 0%, rgba(169, 141, 214, .15) 100%);--color: #6366f1;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.8px;border:2px solid rgba(139,158,255,.3);box-shadow:0 4px 12px #8b9eff26;padding:.75rem 1.25rem}.insight-viewer-content{font-size:1.1rem;line-height:1.9;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;padding:1rem 0}.insight-viewer-content:first-letter{font-size:3.5em;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;float:left;line-height:.85;margin:.1em .15em 0 0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.insight-viewer-content h1,.insight-viewer-content h2,.insight-viewer-content h3,.insight-viewer-content h4{background:linear-gradient(135deg,#4c1d95,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:2.5rem;margin-bottom:1.25rem;font-weight:700;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;padding-left:1.25rem}.insight-viewer-content h1:before,.insight-viewer-content h2:before,.insight-viewer-content h3:before,.insight-viewer-content h4:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,#8b9eff,#a98dd6);border-radius:2px}.insight-viewer-content h1{font-size:2rem;margin-top:0}.insight-viewer-content h2{font-size:1.65rem}.insight-viewer-content h3{font-size:1.4rem}.insight-viewer-content h4{font-size:1.2rem}.insight-viewer-content p{margin-bottom:1.5rem;text-align:justify;text-justify:inter-word}.insight-viewer-content ul,.insight-viewer-content ol{margin:1.5rem 0;padding-left:2rem}.insight-viewer-content li{margin-bottom:1rem;line-height:1.8;position:relative}.insight-viewer-content ul li::marker{color:#8b9eff;font-size:1.2em}.insight-viewer-content strong{color:#6366f1;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.insight-viewer-content em{color:#8b5cf6;font-style:italic}.insight-viewer-content blockquote{margin:2rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg,#8b9eff14,#a98dd614);border-left:4px solid #8b9eff;border-radius:8px;font-style:italic;color:#4c1d95}.generation-progress-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.generation-spinner{width:60px;height:60px;--color: #8b9eff;filter:drop-shadow(0 4px 12px rgba(139,158,255,.4));animation:spinPulse 2s ease-in-out infinite}@keyframes spinPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.generation-progress-container p{margin-top:1.5rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#8b9eff,#a98dd6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease}.generator-section{padding:1rem 0;margin-bottom:2rem;background:transparent}.generator-header{font-size:1.5rem;font-weight:800;margin-bottom:1rem;padding:0 1rem;background:linear-gradient(135deg,#1e1b4b,#4c1d95);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.dark .generator-header{background:linear-gradient(135deg,#fff,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px rgba(34,211,238,.4)}.insight-type-selector{display:flex;gap:.75rem;padding:.5rem 1rem 1.5rem;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:.5rem;scrollbar-width:none}.insight-type-selector::-webkit-scrollbar{display:none}.insight-type-card{flex:0 0 130px;background:#fffc;backdrop-filter:blur(10px);border:1px solid rgba(139,158,255,.2);border-radius:16px;padding:1rem .5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}body.dark .insight-type-card{background:#1e293b99;border-color:#8b5cf666;box-shadow:0 4px 12px #0003}.insight-type-card.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;transform:translateY(-4px);box-shadow:0 8px 24px #6366f140}body.dark .insight-type-card.selected{background:linear-gradient(135deg,#8b5cf640,#0ea5e933);border-color:#a78bfa;box-shadow:0 0 20px #8b5cf666}.type-icon{font-size:2rem;margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.type-label{font-size:.85rem;font-weight:700;color:#4b5563;line-height:1.2;margin-bottom:.25rem}body.dark .type-label{color:#e2e8f0}.type-cost{font-size:.7rem;font-weight:600;color:#6366f1;background:#6366f11a;padding:.15rem .5rem;border-radius:12px}body.dark .type-cost{color:#22d3ee;background:#22d3ee26}.generator-input-area{padding:0 1rem;display:flex;flex-direction:column;gap:1rem}.qa-input-wrapper{position:relative;z-index:2}.neon-textarea{--background: rgba(255, 255, 255, .9);--border-radius: 16px;--padding-start: 1rem;--padding-end: 1rem;--padding-top: 1rem;--padding-bottom: 1rem;border:1px solid rgba(139,158,255,.3);border-radius:16px;box-shadow:0 4px 16px #8b9eff1a;font-size:1rem;transition:all .3s ease}body.dark .neon-textarea{--background: rgba(15, 23, 42, .8);--color: #fff;--placeholder-color: rgba(255, 255, 255, .5);border:1px solid rgba(139,92,246,.5);box-shadow:0 4px 16px #8b5cf626}.neon-textarea.has-focus{border-color:#6366f1;box-shadow:0 8px 24px #6366f133}body.dark .neon-textarea.has-focus{border-color:#a78bfa;box-shadow:0 0 20px #8b5cf64d}.type-description-box{background:#fff9;padding:1rem;border-radius:16px;border:1px dashed rgba(139,158,255,.4);text-align:center}body.dark .type-description-box{background:#1e293b66;border-color:#8b5cf666}.type-description-box p{margin:0;color:#4b5563;font-style:italic}body.dark .type-description-box p{color:#cbd5e1}.generate-btn{--background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--border-radius: 16px;--box-shadow: 0 8px 20px rgba(99, 102, 241, .3);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0}body.dark .generate-btn{--background: linear-gradient(135deg, #7c3aed 0%, #2563eb 50%, #22d3ee 100%);--box-shadow: 0 0 20px rgba(34, 211, 238, .4)}.cost-badge{background:#ffffff40;padding:.1rem .5rem;border-radius:8px;margin-left:.5rem;font-size:.8em}.generation-error{color:#ef4444;font-size:.9rem;text-align:center;margin-top:.5rem;background:#ef44441a;padding:.5rem;border-radius:8px}.insights-tab .ion-padding-horizontal{padding:0 1rem;margin-bottom:1rem}.insights-tab ion-searchbar{--background: rgba(255, 255, 255, .9);--border-radius: 16px;--box-shadow: 0 4px 16px rgba(139, 158, 255, .12);--icon-color: #8b9eff;--placeholder-color: #a0a0b8;--placeholder-font-weight: 500;padding:.5rem 0;backdrop-filter:blur(10px);border:2px solid rgba(139,158,255,.15);border-radius:16px;transition:all .3s ease}.insights-tab ion-searchbar:hover{border-color:#8b9eff4d;--box-shadow: 0 8px 24px rgba(139, 158, 255, .18)}body.dark .insights-stat-card{background:linear-gradient(135deg,#7c3aed66,#0ea5e959)!important;backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.6);box-shadow:0 8px 32px #7c3aed4d,0 2px 8px #8b5cf633,inset 0 1px #fff3}.privacy-notice-card{margin-bottom:1rem}body.dark .privacy-notice-card{background:linear-gradient(135deg,#10b98140,#0ea5e933)!important;backdrop-filter:blur(20px);border:1px solid rgba(45,212,191,.5);box-shadow:0 4px 16px #10b98126}body.dark .privacy-icon{color:#2dd4bf;filter:drop-shadow(0 0 5px rgba(45,212,191,.5))}body.dark .privacy-text{color:#ffffffe6!important}body.dark .privacy-text strong{color:#2dd4bf}body.dark .insight-card{background:linear-gradient(135deg,#8b5cf640,#ec489933)!important;backdrop-filter:blur(20px);border:1px solid rgba(167,139,250,.5);box-shadow:0 8px 32px #8b5cf633,inset 0 1px #ffffff26}body.dark .insight-card:after{background:linear-gradient(90deg,#a78bfa,#f472b6)}body.dark .insight-card:hover{background:linear-gradient(135deg,#8b5cf659,#ec48994d)!important;border-color:#a78bfa;box-shadow:0 0 30px #8b5cf666}body.dark .insight-card-title{background:none!important;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:initial;color:#22d3ee!important;text-shadow:0 0 15px rgba(34,211,238,.6);font-weight:800;letter-spacing:.5px}body.dark .insight-card-summary{color:#ffffffe6!important}body.dark .insight-card-meta ion-text{color:#ffffffb3}body.dark .insight-card-actions{border-top-color:#8b9eff33}body.dark .insight-card-header ion-chip{--background: rgba(139, 92, 246, .2);--color: #A78BFA;border-color:#8b5cf666}body.dark .insights-tab ion-searchbar{--background: rgba(30, 41, 59, .8);--icon-color: #A78BFA;--placeholder-color: rgba(255, 255, 255, .7);--color: #fff;border-color:#8b5cf699;box-shadow:0 4px 16px #8b5cf633}body.dark .magic-empty-state{background:linear-gradient(135deg,#ec489940,#a855f733)!important;backdrop-filter:blur(20px);border:1px solid rgba(236,72,153,.6);box-shadow:0 8px 32px #ec489940,inset 0 1px #ffffff26;border-radius:24px;padding:2rem;margin:1.5rem 1rem}body.dark .magic-empty-title{color:#fbcfe8!important;text-shadow:0 0 10px rgba(236,72,153,.5)}body.dark .magic-empty-description{color:#ffffffe6!important}body.dark .magic-empty-icon{color:#f472b6;filter:drop-shadow(0 0 15px rgba(244,114,182,.6))}@media (max-width: 768px){.insights-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 1rem}.insights-stat-card{min-width:0;padding:.75rem .25rem!important;border-radius:16px}.insights-stat-value{font-size:1.75rem;margin-bottom:.25rem}.insights-stat-label{font-size:.65rem;letter-spacing:0;white-space:nowrap;overflow:visible}.insight-card{padding:1.5rem;border-radius:20px}.insight-card-title{font-size:1.2rem}.insight-viewer{padding:1rem}}@media (min-width: 769px){.insights-list{padding:1rem 2rem}.insight-card:hover{transform:translateY(-8px) scale(1.015)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes swipeInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes swipeInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes swipeOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes swipeOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.transition-transform{transition:transform .2s ease-in-out}.gradient-tiny-triumph{background:var(--achievement-tiny-triumph)}.gradient-steady-step{background:var(--achievement-steady-step)}.gradient-growth-gain{background:var(--achievement-growth-gain)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-4{gap:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--ion-color-light)}::-webkit-scrollbar-thumb{background:var(--ion-color-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ion-color-medium-shade)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.focus-visible:focus{outline:2px solid var(--ion-color-primary);outline-offset:2px}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}@supports (padding: env(safe-area-inset-top)){ion-tab-bar{padding-bottom:env(safe-area-inset-bottom)}}.pwa-install-prompt{position:fixed;bottom:20px;left:20px;right:20px;background:var(--ion-color-primary);color:var(--ion-color-primary-contrast);padding:16px;border-radius:12px;box-shadow:0 10px 25px #0003;transform:translateY(100px);opacity:0;transition:all .3s ease-out;z-index:10000}.pwa-install-prompt.show{transform:translateY(0);opacity:1}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--ion-color-medium)}.error-state ion-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--ion-color-medium)}.empty-state ion-icon{font-size:5rem;margin-bottom:1rem;opacity:.3}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state p{margin:0;opacity:.8}.upload-progress-toast{transition:all .3s ease;cursor:pointer}.upload-progress-toast.minimized{--width: auto;--min-width: 100px;--max-width: 150px;--height: auto;--min-height: 40px;font-size:.8rem!important}.upload-progress-toast.minimized .toast-message{font-size:.8rem;font-weight:500;white-space:nowrap}.upload-progress-toast.minimized ion-icon{font-size:1.2rem}@keyframes shrinkToast{0%{max-width:100%;padding:16px}to{max-width:200px;padding:8px 12px}}.cookie-consent-banner{position:fixed;inset:0;z-index:10000;background:#0006;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent-content{background:linear-gradient(135deg,#667eea,#764ba2);max-width:500px;width:100%;border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;box-shadow:0 10px 40px #0000004d;animation:slideUp .4s ease-out}.cookie-consent-icon{font-size:48px;color:#fff;margin-bottom:8px}.cookie-consent-icon ion-icon{font-size:48px}.cookie-consent-text{width:100%;color:#fff}.cookie-consent-text h3{margin:0 0 12px;font-size:24px;font-weight:700;color:#fff}.cookie-consent-text p{margin:0;font-size:16px;line-height:1.6;opacity:.95;color:#ffffffe6}.cookie-consent-text a{color:#fff;text-decoration:underline;font-weight:600}.cookie-consent-text a:hover{opacity:.8}.cookie-consent-actions{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:8px}.cookie-consent-button{width:100%;margin:0;height:48px;font-size:16px;font-weight:600;text-transform:none;--border-radius: 12px;--box-shadow: none}.cookie-consent-button[fill=solid]{--background: white;--color: #667eea;--background-hover: rgba(255, 255, 255, .95);--background-activated: rgba(255, 255, 255, .9)}.cookie-consent-button[fill=outline]{--background: transparent;--color: white;--border-color: rgba(255, 255, 255, .5);--border-width: 2px;--background-hover: rgba(255, 255, 255, .1);--background-activated: rgba(255, 255, 255, .2)}@media (max-width: 640px){.cookie-consent-content{padding:24px;margin:20px}}@media (prefers-color-scheme: dark){.cookie-consent-banner{background:#0009}}