:root{--bp-mobile: 640px;--bp-tablet: 1024px;--bp-desktop: 1440px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--touch-min: 44px;--touch-comfortable: 48px;--z-base: 0;--z-sticky: 50;--z-header: 100;--z-drawer: 200;--z-overlay: 500;--z-modal: 1000;--z-popover: 1500;--z-toast: 2000;--z-tooltip: 2500;--container-narrow: 640px;--container-default: 1200px;--container-wide: 1440px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--page-padding-x: var(--space-4);--page-padding-y: var(--space-4)}@media(min-width:640px){:root{--page-padding-x: var(--space-6);--page-padding-y: var(--space-5)}}@media(min-width:1024px){:root{--page-padding-x: var(--space-8);--page-padding-y: var(--space-6)}}.cip-container{width:100%;max-width:var(--container-default);margin-inline:auto;padding-inline:var(--page-padding-x);box-sizing:border-box}.cip-container--narrow{max-width:var(--container-narrow)}.cip-container--wide{max-width:var(--container-wide)}.cip-container--fluid{max-width:100%}.cip-stack{display:flex;flex-direction:column;gap:var(--space-4)}.cip-stack--xs{gap:var(--space-1)}.cip-stack--sm{gap:var(--space-2)}.cip-stack--md{gap:var(--space-4)}.cip-stack--lg{gap:var(--space-6)}.cip-stack--xl{gap:var(--space-10)}.cip-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.cip-cluster--sm{gap:var(--space-2)}.cip-cluster--lg{gap:var(--space-5)}.cip-touch-target{min-width:var(--touch-min);min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center}.cip-safe-top{padding-top:var(--safe-top)}.cip-safe-bottom{padding-bottom:var(--safe-bottom)}.cip-safe-x{padding-left:var(--safe-left);padding-right:var(--safe-right)}.cip-safe-all{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.cip-fixed-bottom{position:fixed;left:var(--safe-left);right:var(--safe-right);bottom:var(--safe-bottom);z-index:var(--z-header)}.cip-fixed-top{position:fixed;top:0;left:0;right:0;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);z-index:var(--z-header)}.cip-overlay{position:fixed;inset:0;z-index:var(--z-overlay)}.cip-scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.cip-scroll-y{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.cip-mobile-only{display:initial}.cip-tablet-only,.cip-desktop-only,.cip-tablet-up,.cip-desktop-up{display:none}.cip-mobile-down,.cip-tablet-down{display:initial}@media(min-width:640px){.cip-mobile-only{display:none}.cip-tablet-only,.cip-tablet-up{display:initial}.cip-mobile-down{display:none}}@media(min-width:1024px){.cip-tablet-only{display:none}.cip-desktop-only,.cip-desktop-up{display:initial}.cip-tablet-down{display:none}}.cip-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.cip-grid--cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.cip-grid--tight{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.cip-shell{display:grid;grid-template-columns:1fr;min-height:100dvh}@media(min-width:1024px){.cip-shell{grid-template-columns:240px 1fr}.cip-shell--wide-sidebar{grid-template-columns:280px 1fr}}.cip-modal{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal);display:flex;align-items:stretch;justify-content:stretch;padding:0}@media(min-width:640px){.cip-modal{align-items:center;justify-content:center;padding:var(--space-4)}}.cip-modal__content{width:100%;background:var(--bg-primary, #fff);display:flex;flex-direction:column;max-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);overflow:hidden}@media(min-width:640px){.cip-modal__content{max-width:min(560px,90vw);max-height:min(90dvh,800px);border-radius:var(--radius-lg);padding-top:0;padding-bottom:0}}.app-container,.cipflow-shell,.module-shell,.dashboard-layout{min-height:100dvh}@media(hover:none)and (pointer:coarse){*:hover{transform:none!important}}@media(max-width:639px){input,select,textarea{font-size:16px}}.cip-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,var(--bg-primary, #fff) 30%,transparent),linear-gradient(90deg,transparent,var(--bg-primary, #fff) 70%) right,linear-gradient(90deg,rgba(0,0,0,.1),transparent),linear-gradient(90deg,transparent,rgba(0,0,0,.1)) right;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--bg-primary: #ffffff;--bg-primary-rgb: 255, 255, 255;--bg-secondary: #f2f2f7;--bg-secondary-rgb: 242, 242, 247;--text-primary: #000000;--text-secondary: #3c3c43;--accent-color: #ff9500;--accent-color-rgb: 255, 149, 0;--navbar-bg: rgba(255, 149, 0, .9);--navbar-text: #000000;--header-bg: #ff9500;--border-color: rgba(60, 60, 67, .12);--sidebar-width: 320px;--tab-bar-height: 60px;--header-height: 70px;--header-height-mobile: 64px;--header-total-height: calc(var(--header-height) + var(--safe-top, 0px))}[data-theme=light]{--bg-primary: #ffffff;--bg-primary-rgb: 255, 255, 255;--bg-secondary: #f2f2f7;--bg-secondary-rgb: 242, 242, 247;--text-primary: #000000;--text-secondary: #3c3c43;--accent-color: #007aff;--accent-color-rgb: 0, 122, 255;--navbar-bg: rgba(255, 255, 255, .85);--navbar-text: #000000;--header-bg: #ffffff;--border-color: rgba(60, 60, 67, .18)}[data-theme=dark]{--bg-primary: #000000;--bg-primary-rgb: 0, 0, 0;--bg-secondary: #1c1c1e;--bg-secondary-rgb: 28, 28, 30;--text-primary: #ffffff;--text-secondary: #ebebf5;--accent-color: #ff9f0a;--accent-color-rgb: 255, 159, 10;--navbar-bg: rgba(28, 28, 30, .9);--navbar-text: #ffffff;--header-bg: #000000;--border-color: rgba(235, 235, 245, .18)}[data-theme=dark] .albums-tab .ai-btn{background:#fff;color:#000;border:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;height:100%;min-height:100%}button{border:none;background:none;cursor:pointer;font-family:inherit;transition:opacity var(--transition-fast);touch-action:manipulation}button:active{opacity:.6}input{outline:none;border:none;font-family:inherit}img,video,canvas,svg{max-width:100%}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:2px;padding-bottom:var(--tab-bar-height)}@media(min-width:768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;padding:16px}}.app-container{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1;padding-top:calc(var(--header-height, 70px) + var(--safe-top, 0px));min-width:0;overflow-x:hidden}.header-logo{height:60px;object-fit:contain;margin:-10px 0}.footer-logo{text-align:center;padding:20px;font-size:.8rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}@media(max-width:639px){:root{--tab-bar-height: 68px}body,html,#root{min-height:100dvh}.main-content{padding-top:calc(var(--header-height-mobile, 64px) + var(--safe-top, 0px));padding-bottom:calc(var(--tab-bar-height, 68px) + var(--safe-bottom, 0px) + var(--space-3, 12px))}button,[role=button],a,input,select,textarea{min-height:var(--touch-min, 44px)}input,select,textarea,button{font-size:16px}.bug-reporter-fab{bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom, 0px) + 12px)!important;left:calc(var(--safe-left, 0px) + 12px)!important;width:36px!important;height:36px!important}.bug-reporter-modal{bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom, 0px) + 58px)!important;left:calc(var(--safe-left, 0px) + 12px)!important;right:calc(var(--safe-right, 0px) + 12px)!important;width:auto!important;max-height:calc(100dvh - var(--tab-bar-height, 60px) - var(--safe-bottom, 0px) - 120px)!important}}@media(hover:none)and (pointer:coarse){.widget-card:hover,button:hover{transform:none!important}}