:root{--primary: #6DA98E;--primary-light: #8FBEA7;--primary-dark: #5A9479;--primary-subtle: rgba(109, 169, 142, .08);--primary-hover: rgba(109, 169, 142, .12);--white: #FFFFFF;--off-white: #FAFAFA;--gray-50: #F7F7F7;--gray-100: #EFEFEF;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--black: #0A0A0A;--success: #6DA98E;--error: #DC2626;--warning: #F59E0B;--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", "SF Mono", "Fira Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-primary);font-size:1rem;font-weight:400;line-height:1.6;color:var(--gray-800);background-color:var(--white);min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary)}code{font-family:var(--font-mono);font-size:.875em;background:var(--gray-100);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--gray-700)}img{max-width:100%;height:auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:#ffffffeb;border-bottom:1px solid var(--gray-100);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:var(--space-4)}@media (min-width: 1024px){.site-header{padding:var(--space-4) var(--space-16)}}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--black);display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.logo:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:2px;transform:rotate(45deg)}.primary-nav{display:flex;align-items:center;gap:var(--space-1)}.primary-nav a{font-size:.9375rem;font-weight:500;color:var(--gray-600);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast)}.primary-nav a:hover{color:var(--black);background:var(--gray-50)}.primary-nav a.active{color:var(--primary-dark);background:var(--primary-subtle)}.desktop-nav{display:none}@media (min-width: 768px){.desktop-nav{display:flex}}.header-auth{display:flex;align-items:center;gap:var(--space-3)}.header-auth-buttons{display:none;align-items:center;gap:var(--space-2)}@media (min-width: 768px){.header-auth-buttons{display:flex}}.header-avatar-link{display:flex}.header-avatar-circle{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;cursor:pointer;padding:0}@media (min-width: 768px){.mobile-menu-btn{display:none}}.hamburger{display:block;width:20px;height:2px;background:var(--gray-700);position:relative;transition:all var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;width:20px;height:2px;background:var(--gray-700);left:0;transition:all var(--transition-fast)}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}.mobile-nav-overlay{position:fixed;right:0;bottom:0;left:0;top:65px;background:#0000004d;z-index:99;animation:fadeIn .2s ease}.mobile-nav{background:var(--white);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);border-bottom:1px solid var(--gray-100);box-shadow:var(--shadow-lg)}.mobile-nav-link{padding:var(--space-3) var(--space-4);font-size:1rem;font-weight:500;color:var(--gray-700);border-radius:var(--radius-md);border:none;background:none;cursor:pointer;text-align:left;font-family:var(--font-primary)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--primary-subtle);color:var(--primary-dark)}.logout-link{color:var(--error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.site-main{flex:1;padding:var(--space-8) var(--space-6);max-width:1400px;margin:0 auto;width:100%}@media (min-width: 1024px){.site-main{padding:var(--space-10) var(--space-16)}}.site-footer{padding:var(--space-12) var(--space-8);background:var(--black);color:var(--gray-400);margin-top:auto}@media (min-width: 1024px){.site-footer{padding:var(--space-12) var(--space-16)}}.footer-content{display:grid;gap:var(--space-10);margin-bottom:var(--space-10)}@media (min-width: 768px){.footer-content{grid-template-columns:1.5fr 2fr}}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{font-size:1.25rem;font-weight:700;color:var(--white)}.footer-brand p{font-size:.9375rem;color:var(--gray-400);line-height:1.7;max-width:36ch}.footer-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.footer-col{display:flex;flex-direction:column;gap:var(--space-3)}.footer-col h4{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-300);margin-bottom:var(--space-2)}.footer-col a{font-size:.875rem;color:var(--gray-400);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--primary-light)}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-6);font-size:.8125rem;color:var(--gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:.9375rem;font-weight:600;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.4}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-dark{background:var(--black);color:#fff;border-color:var(--black)}.btn-dark:hover{background:var(--gray-800);color:#fff}.btn-outline{background:transparent;color:var(--gray-800);border-color:var(--gray-200)}.btn-outline:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-subtle)}.btn-ghost{background:transparent;color:var(--gray-600);border-color:transparent;padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--black);background:var(--gray-50);box-shadow:none;transform:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:.9375rem;font-weight:600;color:var(--white);background:var(--black);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-5)}.button:hover{background:var(--gray-800);color:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button.primary{background:var(--primary)}.button.primary:hover{background:var(--primary-dark)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gray-50)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:700;color:var(--black);margin-bottom:var(--space-6)}.auth-logo-dot{width:8px;height:8px;background:var(--primary);border-radius:2px;transform:rotate(45deg)}.auth-header h1{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:var(--space-2)}.auth-header p{font-size:.9375rem;color:var(--gray-500)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-label{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label span{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle)}.auth-input::placeholder{color:var(--gray-400)}.auth-textarea{resize:vertical;min-height:80px}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 480px){.auth-row{grid-template-columns:1fr;gap:var(--space-4)}}.auth-card{width:100%;max-width:440px;background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100)}@media (min-width: 481px){.auth-card{padding:var(--space-10)}}.auth-input{padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:.9375rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-800);transition:border-color var(--transition-fast);outline:none;width:100%;min-width:0;box-sizing:border-box}.auth-btn{padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:.9375rem;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2)}.auth-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{padding:var(--space-3) var(--space-4);background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;font-weight:500}.auth-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);font-size:.875rem;color:var(--gray-500)}.auth-footer a{color:var(--primary-dark);font-weight:600}.auth-divider{color:var(--gray-300)}.onboarding-card{width:100%;max-width:520px;background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width: 481px){.onboarding-card{padding:var(--space-10)}}.onboarding-progress{height:4px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden}.onboarding-progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .4s ease}.onboarding-step-indicator{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400)}.onboarding-step{display:flex;flex-direction:column;gap:var(--space-5)}.onboarding-header{text-align:center}.onboarding-header h1{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:var(--space-2)}.onboarding-header p{font-size:.9375rem;color:var(--gray-500)}.onboarding-url-preview{display:flex;align-items:center;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.onboarding-url-prefix{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);font-size:.9375rem;color:var(--gray-400);font-weight:500;white-space:nowrap;background:var(--gray-50)}.onboarding-url-input{border:none!important;border-radius:0!important;background:var(--white)!important;flex:1;min-width:0}.onboarding-url-input:focus{box-shadow:none!important}.onboarding-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.onboarding-actions .auth-btn{width:100%}.onboarding-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.onboarding-avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--primary)}.onboarding-avatar-img{width:100%;height:100%;object-fit:cover}.onboarding-avatar-placeholder{width:100%;height:100%;background:var(--gray-50);display:flex;align-items:center;justify-content:center}.onboarding-upload-btn{cursor:pointer}.onboarding-suggestions-grid{display:flex;flex-direction:column;gap:var(--space-2);max-height:340px;overflow-y:auto}.suggestion-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:background var(--transition-fast)}.suggestion-card:hover{background:var(--gray-50)}.suggestion-card.skeleton{pointer-events:none}.suggestion-avatar-wrap{flex-shrink:0}.suggestion-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.suggestion-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-subtle);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.suggestion-info{flex:1;min-width:0;display:flex;flex-direction:column}.suggestion-name{font-size:.9375rem;font-weight:600;color:var(--black)}.suggestion-handle{font-size:.8125rem;color:var(--gray-500)}.home-page{display:flex;flex-direction:column;gap:var(--space-16)}.home-hero{display:grid;gap:var(--space-10);align-items:center;padding:var(--space-10) 0}@media (min-width: 768px){.home-hero{grid-template-columns:1.2fr 1fr;padding:var(--space-16) 0}}.home-hero-content .eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-dark);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--primary-subtle);border-radius:var(--radius-full);width:fit-content}.home-hero-content .eyebrow:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%}.home-hero-content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--black);margin-bottom:var(--space-5)}.home-hero-sub{font-size:1.125rem;color:var(--gray-500);line-height:1.7;max-width:48ch;margin-bottom:var(--space-8)}.home-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.home-hero-visual{display:flex;justify-content:center}.home-phone-mockup{width:260px;height:500px;background:var(--black);border-radius:36px;padding:12px;box-shadow:var(--shadow-xl)}.home-phone-screen{width:100%;height:100%;background:var(--white);border-radius:26px;overflow:hidden;position:relative}.home-phone-video{width:100%;height:100%;object-fit:cover;display:block}.home-download{background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-100)}.home-download-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-10);flex-wrap:wrap}.home-download h2{font-size:1.5rem;font-weight:700;color:var(--black);margin-bottom:var(--space-2)}.home-download p{color:var(--gray-500);max-width:40ch}.home-featured,.home-steps{display:flex;flex-direction:column;gap:var(--space-8)}.home-section-header{display:flex;align-items:center;justify-content:space-between}.home-section-header h2{font-size:1.5rem;font-weight:700;color:var(--black)}.home-see-all{font-size:.9375rem;font-weight:600;color:var(--primary-dark)}.home-featured-cta{position:relative}.home-featured-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);position:relative;min-height:280px}.home-preview-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100)}.home-preview-img{width:100%;padding-bottom:125%;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%)}.home-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:var(--space-8);gap:var(--space-3)}.home-preview-overlay h3{font-size:1.5rem;font-weight:700;color:var(--black)}.home-preview-overlay p{color:var(--gray-500);font-size:.9375rem;max-width:400px}@media (max-width: 640px){.home-featured-preview{grid-template-columns:repeat(2,1fr);min-height:200px}}.home-steps h2{font-size:1.5rem;font-weight:700;color:var(--black);text-align:center}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 640px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{text-align:center;padding:var(--space-8);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base)}.step-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.step-num{width:48px;height:48px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin:0 auto var(--space-5)}.step-card h3{font-size:1.125rem;font-weight:600;color:var(--black);margin-bottom:var(--space-2)}.step-card p{font-size:.9375rem;color:var(--gray-500);line-height:1.6}.home-steps-subtitle{text-align:center;color:var(--gray-500);font-size:1.0625rem;max-width:52ch;margin:-.5rem auto 0}.step-icon{width:56px;height:56px;background:var(--primary-subtle);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.home-explore-creators{display:flex;flex-direction:column;gap:var(--space-6)}.home-explore-sub{color:var(--gray-500);font-size:1rem;margin-top:calc(-1 * var(--space-4))}.home-creator-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.home-creator-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:all var(--transition-base)}.home-creator-card:hover{border-color:var(--primary);background:var(--primary-subtle);transform:translateY(-2px);box-shadow:var(--shadow-md);color:inherit}.creator-card-avatar-wrap{width:48px;height:48px;border-radius:50%;background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.creator-card-avatar-placeholder{font-size:1.25rem;font-weight:700;color:var(--primary-dark)}.creator-card-info{display:flex;flex-direction:column;gap:2px}.creator-card-name{font-size:.9375rem;font-weight:600;color:var(--black)}.creator-card-label{font-size:.8125rem;color:var(--primary-dark);font-weight:500}.collage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.collage-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.collage-card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.collage-card-img-wrap{display:block;aspect-ratio:4/5;overflow:hidden;background:var(--gray-50)}.collage-card-img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.collage-card:hover .collage-card-img{transform:scale(1.03)}.collage-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.collage-card-title{font-size:.9375rem;font-weight:600;color:var(--black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collage-card-author{display:flex;align-items:center;gap:var(--space-2);font-size:.8125rem;color:var(--gray-500)}.collage-card-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.collage-card-stats{display:flex;align-items:center;gap:var(--space-4);font-size:.75rem;color:var(--gray-400)}.collage-card-stats span{display:flex;align-items:center;gap:var(--space-1)}.collage-card-stats svg{flex-shrink:0}.collage-card.skeleton{pointer-events:none}.skeleton-img{aspect-ratio:4/5;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);position:relative;overflow:hidden}.skeleton-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.skeleton-text{height:12px;border-radius:var(--radius-full);background:var(--gray-200)}.skeleton-text.short{width:60%}.skeleton-circle{width:40px;height:40px;border-radius:50%;background:var(--gray-200)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.feed-page,.discover-page,.notifications-page,.create-page,.dashboard-page,.gallery-page,.influencer-page,.detail-page{display:flex;flex-direction:column;gap:var(--space-8)}.feed-header,.discover-header,.notif-header,.create-header,.gallery-header{display:flex;flex-direction:column;gap:var(--space-2)}.feed-header h1,.discover-header h1,.notif-header h1,.create-header h1,.gallery-header h1{font-size:1.75rem;font-weight:700;color:var(--black)}.feed-subtitle,.discover-subtitle,.create-subtitle,.gallery-subtitle{color:var(--gray-500);font-size:1rem}.gallery-back{font-size:.875rem;font-weight:600;color:var(--primary-dark);margin-bottom:var(--space-2)}.category-pills{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.cat-pill{flex-shrink:0;padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:.8125rem;font-weight:500;color:var(--gray-600);background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.cat-pill:hover{border-color:var(--primary);color:var(--primary-dark)}.cat-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.load-more-wrap{display:flex;justify-content:center;padding:var(--space-8) 0}.empty-state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-8);gap:var(--space-4)}.empty-state-box h3{font-size:1.25rem;font-weight:600;color:var(--gray-700)}.empty-state-box p{color:var(--gray-500);max-width:36ch}.empty-state{color:var(--gray-400);text-align:center;padding:var(--space-8)}.notif-list{display:flex;flex-direction:column}.notif-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-100);transition:background var(--transition-fast)}.notif-item:hover{background:var(--gray-50)}.notif-item.unread{background:var(--primary-subtle)}.notif-icon-wrap{width:40px;height:40px;border-radius:50%;background:var(--gray-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-msg{font-size:.9375rem;color:var(--gray-800);line-height:1.5}.notif-time{font-size:.75rem;color:var(--gray-400)}.notif-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.notif-avatar-wrap{flex-shrink:0;text-decoration:none;color:inherit}.notif-user-link{text-decoration:none;color:inherit}.notif-user-link:hover{text-decoration:underline}.notif-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.notif-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--primary-subtle);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.notif-msg strong{font-weight:600;color:var(--black)}.notif-msg em{color:var(--gray-600);font-style:normal;font-weight:500}.notif-comment{font-size:.8125rem;color:var(--gray-500);margin-top:var(--space-1);font-style:italic}.notif-icon-badge{flex-shrink:0;opacity:.6}.notif-thumb-link{flex-shrink:0}.create-actions{display:flex;gap:var(--space-4)}.create-blank-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-10);background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:var(--radius-xl);flex:1;transition:all var(--transition-base)}.create-blank-card:hover{border-color:var(--primary);background:var(--primary-subtle)}.create-blank-card h3{font-size:1.125rem;font-weight:600;color:var(--black)}.create-blank-card p{color:var(--gray-500);max-width:36ch}.create-templates-section{display:flex;flex-direction:column;gap:var(--space-6)}.create-templates-section h2{font-size:1.25rem;font-weight:700;color:var(--black)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.template-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-100);transition:all var(--transition-base);cursor:pointer}.template-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.template-card-img{width:100%;aspect-ratio:3/4;object-fit:cover}.template-card-info{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3)}.template-name{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.template-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);background:var(--primary-subtle);color:var(--primary-dark);border-radius:var(--radius-full)}.dash-profile-header{display:flex;gap:var(--space-8);align-items:flex-start;flex-wrap:wrap;padding:var(--space-8);background:var(--gray-50);border-radius:var(--radius-xl);border:1px solid var(--gray-100)}.dash-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);flex-shrink:0}.dash-profile-info{flex:1;min-width:200px}.dash-profile-info h1{font-size:1.5rem;font-weight:700;color:var(--black)}.dash-handle{font-size:.9375rem;color:var(--primary-dark);font-weight:500}.dash-bio{color:var(--gray-600);font-size:.9375rem;margin-top:var(--space-2)}.dash-stats{display:flex;gap:var(--space-6);margin-top:var(--space-4)}.dash-stat{display:flex;flex-direction:column;align-items:center}.dash-stat strong{font-size:1.25rem;font-weight:700;color:var(--black)}.dash-stat span{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.dash-actions{display:flex;gap:var(--space-2);flex-shrink:0}.dash-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 640px){.dash-quick-actions{grid-template-columns:repeat(2,1fr)}}.dash-action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);color:var(--gray-700);transition:all var(--transition-base)}.dash-action-card:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-subtle);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-action-card svg{stroke:var(--primary)}.dash-action-card span{font-size:.875rem;font-weight:600}.dash-collages-section{display:flex;flex-direction:column;gap:var(--space-6)}.inf-profile-header{text-align:center;padding:var(--space-12) var(--space-6) var(--space-8);background:var(--black);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-6);position:relative;overflow:hidden}.inf-header-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(109,169,142,.15) 0%,transparent 60%);pointer-events:none}.inf-header-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.inf-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--white);background:var(--white);flex-shrink:0}.inf-display-name{font-size:1.5rem;font-weight:700;color:var(--white);letter-spacing:.02em;text-transform:uppercase;margin:0}.inf-instagram-link{color:var(--white);opacity:.8;transition:opacity var(--transition-fast)}.inf-instagram-link:hover{opacity:1}.inf-stats-row{display:flex;gap:var(--space-8);margin-top:var(--space-2)}.inf-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.inf-stat strong{font-size:1rem;font-weight:700;color:var(--white)}.inf-stat span{font-size:.75rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.05em}.inf-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.inf-actions .btn-outline{color:var(--white);border-color:#fff6}.inf-actions .btn-outline:hover{border-color:var(--white);background:#ffffff1a}.inf-section{display:flex;flex-direction:column;gap:var(--space-4)}.inf-section-title{font-size:1.25rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:.03em}.inf-signin-cta{text-align:center;padding:var(--space-8);font-size:.9375rem;color:var(--gray-500)}.inf-signin-cta a{color:var(--primary-dark);font-weight:600}.inf-social-links{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.inf-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff26;color:var(--white);transition:all var(--transition-fast)}.inf-social-link:hover{background:#ffffff4d;transform:scale(1.1)}.inf-social-link svg{fill:var(--white)}.inf-profile-name{font-size:.875rem;color:#ffffffb3;margin:0}.inf-bio{font-size:.875rem;color:#ffffffbf;max-width:400px;line-height:1.5;margin:var(--space-1) 0 0}.detail-social-links{display:flex;gap:var(--space-2);align-items:center}.detail-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--gray-500);transition:color var(--transition-fast)}.detail-social-link:hover{color:var(--primary)}.detail-social-link svg{fill:currentColor}.gallery-profile-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.gallery-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);flex-shrink:0}.detail-profile-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--black);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.detail-profile-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.detail-profile-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--white)}.detail-profile-name{font-size:1rem;font-weight:600;color:var(--white)}.detail-instagram-link{color:var(--white);opacity:.7;margin-left:auto;transition:opacity var(--transition-fast)}.detail-instagram-link:hover{opacity:1}.detail-action-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.detail-collage-header{margin-bottom:var(--space-4)}.detail-shop-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:center;color:var(--black);padding:var(--space-3) 0;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.detail-like-section{display:flex;justify-content:center;padding:var(--space-8) 0}.detail-like-btn{border:none;background:none;cursor:pointer;padding:var(--space-3);border-radius:50%;transition:all var(--transition-fast)}.detail-like-btn:hover{background:#dc262614;transform:scale(1.1)}.detail-like-btn.liked{animation:heartPop .3s ease}.detail-like-cta{display:flex;align-items:center;gap:var(--space-2);color:var(--gray-500);font-size:.875rem}.detail-like-cta:hover{color:var(--primary-dark)}.booking-success{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.booking-success p{color:var(--gray-600);font-size:.9375rem}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.detail-layout{display:grid;gap:var(--space-8)}@media (min-width: 768px){.detail-layout{grid-template-columns:1.2fr 1fr}}.detail-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--gray-500)}.detail-breadcrumb a{color:var(--primary-dark);font-weight:500}.detail-image-section{display:flex;justify-content:center}.detail-main-img{width:100%;max-width:600px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.detail-info-section{display:flex;flex-direction:column;gap:var(--space-5)}.detail-title{font-size:1.5rem;font-weight:700;color:var(--black)}.detail-author{display:flex;align-items:center;gap:var(--space-3);font-size:.9375rem;font-weight:500;color:var(--gray-700)}.detail-author-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.detail-stats{display:flex;gap:var(--space-5);font-size:.875rem;color:var(--gray-500)}.detail-actions{display:flex;gap:var(--space-3)}.detail-products{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--gray-100)}.detail-products h3{font-size:1.0625rem;font-weight:600;color:var(--black)}.detail-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.detail-product-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);transition:all var(--transition-fast)}.detail-product-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.detail-product-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}.detail-product-name{font-size:.75rem;color:var(--gray-700);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-product-price{font-size:.75rem;font-weight:600;color:var(--primary-dark)}.detail-skeleton{display:grid;gap:var(--space-8)}@media (min-width: 768px){.detail-skeleton{grid-template-columns:1.2fr 1fr}}.detail-img-skeleton{aspect-ratio:4/5;border-radius:var(--radius-lg)}.detail-info-skeleton{display:flex;flex-direction:column;gap:var(--space-4)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-6);animation:fadeIn .2s ease}.modal-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:440px;position:relative;box-shadow:var(--shadow-xl)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600)}.modal-card h2{font-size:1.25rem;font-weight:700;color:var(--black);margin-bottom:var(--space-6)}.booking-form{display:flex;flex-direction:column;gap:var(--space-4)}.page-shell{display:flex;flex-direction:column;gap:var(--space-10)}.page-hero{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-10) var(--space-8);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);border:1px solid var(--gray-100);border-radius:var(--radius-xl);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,var(--primary-subtle) 0%,transparent 70%);pointer-events:none}@media (min-width: 768px){.page-hero{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-12)}}.page-hero h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--black);margin-bottom:var(--space-3)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-dark);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--primary-subtle);border-radius:var(--radius-full);width:fit-content}.eyebrow:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%}.subtitle{font-size:1.0625rem;color:var(--gray-500);max-width:52ch;line-height:1.7}.page-cta{flex-shrink:0}.page-content{display:flex;flex-direction:column;gap:var(--space-8)}.grid{display:grid;gap:var(--space-6)}.grid.two,.grid.three{grid-template-columns:1fr}@media (min-width: 640px){.grid.two,.grid.three{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid.three{grid-template-columns:repeat(3,1fr)}}.card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--transition-base)}.card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-md)}.card h2{font-size:1.25rem;font-weight:600;color:var(--black);margin-bottom:var(--space-4);letter-spacing:-.02em}.card h3{font-size:1.0625rem;font-weight:600;color:var(--black);margin-bottom:var(--space-3);letter-spacing:-.01em}.card p{color:var(--gray-600);line-height:1.7}.cta-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--black);color:var(--white);border-radius:var(--radius-lg);min-width:240px}.cta-card p{font-size:.8125rem;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.8125rem;background:var(--gray-800);color:var(--primary-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--gray-700)}.pill-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.pill{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);transition:all var(--transition-fast)}.pill:hover{background:var(--white);border-color:var(--primary);box-shadow:var(--shadow-sm)}.pill strong{font-size:.9375rem;font-weight:600;color:var(--black)}.pill>span{font-size:.875rem;color:var(--gray-500)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.tag{font-size:.6875rem;font-weight:500;padding:var(--space-1) var(--space-3);background:var(--primary-subtle);color:var(--primary-dark);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.checklist{list-style:none;display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.checklist li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.9375rem;color:var(--gray-700);line-height:1.6}.checklist li:before{content:"";flex-shrink:0;width:20px;height:20px;background:var(--primary);border-radius:var(--radius-sm);margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center}.detail-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.detail-list li{display:flex;align-items:center;gap:var(--space-3);font-size:.9375rem;color:var(--gray-600);padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100)}.detail-list li:last-child{border-bottom:none}.detail-list li:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0}.faq-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-6)}.faq-list li{padding-bottom:var(--space-6);border-bottom:1px solid var(--gray-100)}.faq-list li:last-child{border-bottom:none;padding-bottom:0}.faq-list strong{display:block;font-size:1rem;font-weight:600;color:var(--black);margin-bottom:var(--space-2)}.faq-list span{display:block;font-size:.9375rem;color:var(--gray-600);line-height:1.7}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5);margin-top:var(--space-6)}.placeholder-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md)}.placeholder-image{aspect-ratio:4/3;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-200) 100%);position:relative;overflow:hidden}.placeholder-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.placeholder-text{height:10px;border-radius:var(--radius-full);background:var(--gray-200)}.placeholder-text.short{width:65%}@media (max-width: 768px){.site-main{padding:var(--space-6) var(--space-4)}.page-hero{padding:var(--space-6)}.card{padding:var(--space-5)}.site-footer{padding:var(--space-8) var(--space-5)}.footer-links-grid{grid-template-columns:1fr;gap:var(--space-6)}.home-download-inner{flex-direction:column;align-items:flex-start}.dash-profile-header,.inf-profile-header{flex-direction:column;align-items:center;text-align:center}.inf-stats,.inf-actions,.dash-stats,.dash-actions,.inf-social-links{justify-content:center}}.text-center{text-align:center}.text-primary{color:var(--primary)}.bg-primary-subtle{background:var(--primary-subtle)}.mt-auto{margin-top:auto}.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}.discover-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch}.discover-tab{padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.discover-tab:hover{color:var(--gray-800)}.discover-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.collection-card{display:block;border-radius:var(--radius-lg);overflow:hidden;background:var(--white);border:1px solid var(--gray-200);text-decoration:none;color:inherit;transition:all .2s}.collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.collection-card-img-wrap{aspect-ratio:16/10;overflow:hidden}.collection-card-img{width:100%;height:100%;object-fit:cover}.collection-card-body{padding:var(--space-4)}.collection-card-title{font-weight:600;font-size:1rem;margin:0 0 var(--space-2)}.collection-card-tag{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--primary-subtle);color:var(--primary-dark);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.profile-header{padding:var(--space-8) 0 var(--space-6);border-bottom:1px solid var(--gray-200);margin-bottom:0}.profile-header-top{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-5)}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--primary)}.profile-premium-badge{position:absolute;bottom:0;right:0;width:22px;height:22px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid var(--white)}.profile-stats-row{display:flex;gap:var(--space-8);flex:1}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background .2s}.profile-stat:hover{background:var(--primary-subtle)}.profile-stat strong{font-size:1.2rem;font-weight:700;color:var(--black)}.profile-stat span{font-size:.8rem;color:var(--gray-500)}.profile-info-section{margin-bottom:var(--space-4)}.profile-display-name{font-size:1.1rem;font-weight:700;margin:0 0 var(--space-1)}.profile-handle{font-size:.85rem;color:var(--gray-500);margin:0 0 var(--space-2)}.profile-bio{font-size:.9rem;color:var(--gray-700);margin:0 0 var(--space-2);line-height:1.5}.profile-subdomain{font-size:.8rem;color:var(--primary);text-decoration:none}.profile-subdomain:hover{text-decoration:underline}.profile-social-links{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.profile-social-link{width:32px;height:32px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:all .2s}.profile-social-link:hover{background:var(--primary-subtle);color:var(--primary)}.profile-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-edit-btn{flex:1;min-width:120px}.profile-tabs{display:flex;border-bottom:1px solid var(--gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}.profile-tab:hover{color:var(--gray-800)}.profile-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.profile-tab-count{font-size:.75rem;background:var(--gray-100);padding:1px 6px;border-radius:10px;color:var(--gray-600)}.profile-tab.active .profile-tab-count{background:var(--primary-subtle);color:var(--primary)}.profile-content{padding:var(--space-6) 0}.user-list{display:flex;flex-direction:column}.user-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit;border-bottom:1px solid var(--gray-100);transition:background .15s}.user-list-item:hover{background:var(--primary-subtle)}.user-list-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-list-info{display:flex;flex-direction:column;gap:2px}.user-list-name{font-weight:600;font-size:.9rem}.user-list-mutual{font-size:.75rem;color:var(--primary)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.suggestion-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:all .2s}.suggestion-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.suggestion-card-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit;flex:1;min-width:0}.suggestion-preview{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.suggestion-preview-img{width:100%;height:100%;object-fit:cover}.suggestion-stats{font-size:.75rem;color:var(--gray-400);margin-top:2px}.follow-active{border-color:var(--primary);color:var(--primary)}.feed-discover-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.feed-discover-title{font-size:1.3rem;font-weight:700;margin:0 0 var(--space-2)}.feed-discover-subtitle{font-size:.9rem;color:var(--gray-500);margin:0 0 var(--space-6)}@media (max-width: 768px){.profile-header-top{gap:var(--space-4)}.profile-avatar{width:64px;height:64px}.profile-stats-row{gap:var(--space-4)}.profile-stat strong{font-size:1rem}.suggestions-grid,.collections-grid{grid-template-columns:1fr}.discover-tabs{gap:0}.discover-tab{padding:var(--space-2) var(--space-3);font-size:.8rem}}.edit-profile-page{min-height:80vh;display:flex;justify-content:center;padding:var(--space-4) var(--space-4)}.edit-profile-container{width:100%;max-width:600px}.edit-profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-100)}.edit-profile-header h1{font-size:1.25rem;font-weight:700;color:var(--black)}.edit-profile-back{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem;font-weight:500;color:var(--gray-600);transition:color var(--transition-fast)}.edit-profile-back:hover{color:var(--primary)}.edit-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) 0;color:var(--gray-500)}.edit-profile-form{display:flex;flex-direction:column;gap:var(--space-6)}.edit-profile-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.edit-profile-message.error{background:#fef2f2;color:var(--error);border:1px solid #FECACA}.edit-profile-message.success{background:#6da98e14;color:var(--primary-dark);border:1px solid rgba(109,169,142,.2)}.edit-profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0}.edit-profile-avatar-wrap{position:relative;width:100px;height:100px}.edit-profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary)}.edit-profile-avatar-overlay{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast);box-shadow:var(--shadow-md)}.edit-profile-avatar-overlay:hover{background:var(--primary-dark)}.edit-profile-upload-btn{margin-top:var(--space-1)}.edit-profile-avatar-hint{font-size:.8125rem;color:var(--gray-400)}.edit-profile-fields{display:flex;flex-direction:column;gap:var(--space-5)}.edit-profile-field{display:flex;flex-direction:column;gap:var(--space-2)}.edit-profile-label{font-size:.8125rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em}.edit-profile-input{width:100%;padding:var(--space-3) var(--space-4);font-size:.9375rem;font-family:var(--font-primary);color:var(--gray-800);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6da98e26}.edit-profile-input::placeholder{color:var(--gray-400)}.edit-profile-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:.9375rem;font-family:var(--font-primary);color:var(--gray-800);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);resize:vertical;min-height:80px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6da98e26}.edit-profile-textarea::placeholder{color:var(--gray-400)}.edit-profile-char-count{align-self:flex-end;font-size:.75rem;color:var(--gray-400)}.edit-profile-url-wrap{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile-url-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6da98e26}.edit-profile-url-prefix{padding:var(--space-3) var(--space-3);font-size:.875rem;color:var(--gray-400);background:var(--gray-50);border-right:1px solid var(--gray-200);white-space:nowrap;-webkit-user-select:none;user-select:none}.edit-profile-url-input{border:none!important;border-radius:0!important;box-shadow:none!important}.edit-profile-url-input:focus{box-shadow:none!important}.edit-profile-social-wrap{display:flex;align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.edit-profile-social-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #6da98e26}.edit-profile-social-icon{margin-left:var(--space-3);flex-shrink:0}.edit-profile-social-input{border:none!important;border-radius:0!important;box-shadow:none!important}.edit-profile-social-input:focus{box-shadow:none!important}.edit-profile-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-2) 0}.edit-profile-divider span{font-size:.8125rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.edit-profile-divider:before,.edit-profile-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.edit-profile-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.edit-profile-save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .6s linear infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.featured-creators-page{max-width:1200px;margin:0 auto}.featured-creators-header{margin-bottom:var(--space-8)}.featured-creators-header h1{font-size:1.75rem;font-weight:700;color:var(--black);margin-bottom:var(--space-2)}.featured-creators-subtitle{font-size:1rem;color:var(--gray-500)}.creators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.creator-feature-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow var(--transition-base),transform var(--transition-base)}.creator-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.creator-feature-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;width:100%}.creator-feature-avatar-wrap{margin-bottom:var(--space-3)}.creator-feature-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-light)}.creator-feature-name{font-size:1rem;font-weight:600;color:var(--black);margin-bottom:var(--space-1)}.creator-feature-handle{font-size:.8125rem;color:var(--gray-500);margin-bottom:var(--space-2)}.creator-feature-stats{display:flex;gap:var(--space-4);font-size:.8125rem;color:var(--gray-500);margin-bottom:var(--space-3)}.creator-feature-previews{display:flex;gap:var(--space-2);width:100%;margin-bottom:var(--space-3);overflow:hidden;border-radius:var(--radius-md)}.creator-feature-preview{flex:1;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm)}.creator-feature-preview img{width:100%;height:100%;object-fit:cover}.creator-feature-follow{width:100%;max-width:200px}@media (max-width: 600px){.edit-profile-page{padding:var(--space-2)}.edit-profile-avatar-wrap,.edit-profile-avatar{width:80px;height:80px}.edit-profile-actions{flex-direction:column}.creators-grid{grid-template-columns:1fr}}.footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.footer-social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--gray-800);color:var(--gray-400);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.footer-social-link:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.footer-social-link svg{fill:currentColor}.legal-page{padding:var(--space-12) var(--space-6);max-width:820px;margin:0 auto}.legal-container{display:flex;flex-direction:column;gap:var(--space-10)}.legal-header{text-align:center;padding-bottom:var(--space-8);border-bottom:1px solid var(--gray-100)}.legal-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;color:var(--black);margin-bottom:var(--space-3)}.legal-updated{font-size:.875rem;color:var(--gray-500)}.legal-content{display:flex;flex-direction:column;gap:var(--space-8)}.legal-section h2{font-size:1.375rem;font-weight:600;color:var(--black);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-subtle)}.legal-section h3{font-size:1.0625rem;font-weight:600;color:var(--gray-800);margin-top:var(--space-5);margin-bottom:var(--space-3)}.legal-section p{font-size:.9375rem;line-height:1.8;color:var(--gray-600);margin-bottom:var(--space-3)}.legal-section ul{list-style:none;padding:0;margin:var(--space-3) 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.legal-section li{position:relative;padding-left:var(--space-6);font-size:.9375rem;line-height:1.7;color:var(--gray-600)}.legal-section li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--primary);border-radius:50%}.legal-section a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:2px}.legal-section a:hover{color:var(--primary)}.legal-contact{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:var(--space-5);margin:var(--space-4) 0}.legal-contact p{margin-bottom:var(--space-1);color:var(--gray-700)}.legal-note{font-size:.8125rem!important;color:var(--gray-400)!important;font-style:italic}@media (max-width: 640px){.legal-page{padding:var(--space-6) var(--space-4)}.legal-section h2{font-size:1.1875rem}}.about-page{display:flex;flex-direction:column}.about-hero{background:linear-gradient(135deg,var(--black) 0%,var(--gray-900) 100%);color:var(--white);padding:var(--space-20) var(--space-8);text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(109,169,142,.15) 0%,transparent 70%);pointer-events:none}.about-hero-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}.about-hero h1{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-5)}.about-hero-sub{font-size:1.125rem;color:var(--gray-300);line-height:1.7;max-width:54ch;margin:0 auto}.about-mission{padding:var(--space-16) var(--space-8)}.about-mission-inner{max-width:1100px;margin:0 auto;display:grid;gap:var(--space-12)}@media (min-width: 768px){.about-mission-inner{grid-template-columns:1.3fr 1fr;align-items:start}}.about-mission h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--black);margin-bottom:var(--space-5)}.about-mission-lead{font-size:1.1875rem;font-weight:500;color:var(--primary-dark);line-height:1.6;margin-bottom:var(--space-4)}.about-mission-content p{font-size:1rem;color:var(--gray-600);line-height:1.8}.about-mission-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.about-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);text-align:center}.about-stat-number{font-size:1.75rem;font-weight:700;color:var(--primary)}.about-stat-label{font-size:.8125rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.about-story{padding:var(--space-16) var(--space-8);background:var(--gray-50)}.about-story-inner{max-width:1100px;margin:0 auto}.about-story h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--black);margin-bottom:var(--space-8);text-align:center}.about-story-grid{display:grid;gap:var(--space-10)}@media (min-width: 768px){.about-story-grid{grid-template-columns:1.2fr 1fr}}.about-story-text p{font-size:1rem;line-height:1.8;color:var(--gray-600);margin-bottom:var(--space-5)}.about-story-highlights{display:flex;flex-direction:column;gap:var(--space-6)}.about-highlight{display:flex;gap:var(--space-4);align-items:flex-start}.about-highlight-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-subtle);border-radius:var(--radius-md)}.about-highlight h4{font-size:1rem;font-weight:600;color:var(--black);margin-bottom:var(--space-1)}.about-highlight p{font-size:.875rem;color:var(--gray-500);line-height:1.6}.about-values{padding:var(--space-16) var(--space-8)}.about-values-inner{max-width:1100px;margin:0 auto;text-align:center}.about-values h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--black);margin-bottom:var(--space-3)}.about-values-sub{font-size:1.0625rem;color:var(--gray-500);margin-bottom:var(--space-10)}.about-values-grid{display:grid;gap:var(--space-6);text-align:left}@media (min-width: 640px){.about-values-grid{grid-template-columns:1fr 1fr}}.about-value-card{padding:var(--space-6);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base),transform var(--transition-base)}.about-value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-value-icon{font-size:1.75rem;margin-bottom:var(--space-3)}.about-value-card h3{font-size:1.0625rem;font-weight:600;color:var(--black);margin-bottom:var(--space-2)}.about-value-card p{font-size:.9375rem;color:var(--gray-500);line-height:1.7}.about-backed{padding:var(--space-12) var(--space-8);background:var(--gray-50);text-align:center}.about-backed-inner{max-width:800px;margin:0 auto}.about-backed h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:var(--black);margin-bottom:var(--space-4)}.about-backed>div>p,.about-backed-inner>p{font-size:1rem;color:var(--gray-500);line-height:1.7;margin-bottom:var(--space-8)}.about-backed-badges{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.about-badge{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-6);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);min-width:180px}.about-badge-label{font-size:.9375rem;font-weight:600;color:var(--black)}.about-badge-sub{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em}.about-cta{padding:var(--space-16) var(--space-8);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);text-align:center}.about-cta-inner{max-width:640px;margin:0 auto}.about-cta h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-4)}.about-cta p{font-size:1.0625rem;opacity:.9;line-height:1.7;margin-bottom:var(--space-8)}.about-cta-buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.about-cta .btn-primary{background:var(--white);color:var(--primary-dark)}.about-cta .btn-primary:hover{background:var(--gray-100)}.about-cta .btn-outline{border-color:#fff6;color:var(--white)}.about-cta .btn-outline:hover{background:#ffffff26}.about-contact{padding:var(--space-12) var(--space-8);text-align:center}.about-contact-inner{max-width:520px;margin:0 auto}.about-contact h3{font-size:1.375rem;font-weight:600;color:var(--black);margin-bottom:var(--space-3)}.about-contact>div>p,.about-contact-inner>p{font-size:1rem;color:var(--gray-500);line-height:1.7;margin-bottom:var(--space-6)}.about-contact-info{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:var(--space-5);display:inline-flex;flex-direction:column;gap:var(--space-1)}.about-contact-info p{font-size:.9375rem;color:var(--gray-600)}.about-contact-info a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:2px}@media (max-width: 640px){.about-hero{padding:var(--space-12) var(--space-5)}.about-mission,.about-story,.about-values,.about-backed,.about-cta,.about-contact{padding-left:var(--space-5);padding-right:var(--space-5)}.about-mission-stats{grid-template-columns:1fr 1fr;gap:var(--space-3)}.about-stat{padding:var(--space-3)}}.hiw-page{display:flex;flex-direction:column}.hiw-hero{background:linear-gradient(135deg,var(--black) 0%,var(--gray-900) 100%);color:var(--white);padding:var(--space-20) var(--space-8);text-align:center;position:relative;overflow:hidden}.hiw-hero:before{content:"";position:absolute;bottom:-40%;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(109,169,142,.12) 0%,transparent 70%);pointer-events:none}.hiw-hero-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}.hiw-hero h1{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-5)}.hiw-hero-sub{font-size:1.125rem;color:var(--gray-300);line-height:1.7;max-width:52ch;margin:0 auto var(--space-8)}.hiw-hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hiw-hero .btn-outline{border-color:#ffffff4d;color:var(--white)}.hiw-hero .btn-outline:hover{background:#ffffff1a}.hiw-features{display:flex;flex-direction:column}.hiw-feature{padding:var(--space-16) var(--space-8)}.hiw-feature:nth-child(2n){background:var(--gray-50)}.hiw-feature-inner{max-width:1100px;margin:0 auto;display:grid;gap:var(--space-10);align-items:center}@media (min-width: 768px){.hiw-feature-inner{grid-template-columns:1fr 1.2fr}.hiw-feature--reversed .hiw-feature-inner{grid-template-columns:1.2fr 1fr}.hiw-feature--reversed .hiw-feature-visual{order:2}.hiw-feature--reversed .hiw-feature-content{order:1}}.hiw-feature-visual{display:flex;justify-content:center}.hiw-phone-frame{max-width:320px;width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);transition:transform var(--transition-slow)}.hiw-phone-frame:hover{transform:scale(1.02)}.hiw-screenshot{width:100%;height:auto;display:block}.hiw-feature-content{display:flex;flex-direction:column;gap:var(--space-4)}.hiw-feature-number{font-size:.875rem;font-weight:700;color:var(--primary);font-family:var(--font-mono);letter-spacing:.05em}.hiw-feature-content h2{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;color:var(--black);letter-spacing:-.02em;line-height:1.2}.hiw-feature-desc{font-size:1rem;color:var(--gray-600);line-height:1.8}.hiw-feature-highlight{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary-subtle);border-radius:var(--radius-md);width:fit-content}.hiw-feature-highlight span{font-size:.875rem;font-weight:500;color:var(--primary-dark)}.hiw-cta{padding:var(--space-16) var(--space-8);background:linear-gradient(135deg,var(--black) 0%,var(--gray-900) 100%);color:var(--white);text-align:center;position:relative;overflow:hidden}.hiw-cta:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(109,169,142,.12) 0%,transparent 70%);pointer-events:none}.hiw-cta-inner{max-width:640px;margin:0 auto;position:relative;z-index:1}.hiw-cta h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-4)}.hiw-cta p{font-size:1.0625rem;color:var(--gray-300);line-height:1.7;margin-bottom:var(--space-8)}.hiw-cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-5)}.hiw-cta .btn-outline{border-color:#ffffff4d;color:var(--white)}.hiw-cta .btn-outline:hover{background:#ffffff1a}.hiw-cta-note{font-size:.8125rem;color:var(--gray-500)}@media (max-width: 640px){.hiw-hero{padding:var(--space-12) var(--space-5)}.hiw-feature{padding:var(--space-10) var(--space-5)}.hiw-phone-frame{max-width:260px}.hiw-cta{padding:var(--space-12) var(--space-5)}}.book-gallery-page{min-height:100vh;background:var(--gray-900);display:flex;flex-direction:column;align-items:center;padding:0}.book-topbar{width:100%;padding:var(--space-4) var(--space-6);display:flex;align-items:center}.book-back-link{color:var(--gray-300);font-size:.875rem;text-decoration:none;transition:color .2s}.book-back-link:hover{color:var(--primary)}.book-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--gray-400)}.book-loading-spinner{width:40px;height:40px;border:3px solid var(--gray-700);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.book-viewport{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);width:100%;max-width:1100px;min-height:0}.book-nav{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--gray-300);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.book-nav:hover:not(:disabled){background:#6da98e33;border-color:var(--primary);color:var(--primary)}.book-nav:disabled{opacity:.2;cursor:default}.book-spread{display:flex;background:var(--white);border-radius:4px;box-shadow:0 0 40px #00000080,0 0 100px #0003;overflow:hidden;max-width:960px;width:100%;aspect-ratio:960 / 600;position:relative;transition:transform .4s ease}.book-spread--flip-next{animation:flipNext .45s ease-out}.book-spread--flip-prev{animation:flipPrev .45s ease-out}@keyframes flipNext{0%{transform:perspective(1200px) rotateY(0)}30%{transform:perspective(1200px) rotateY(-3deg)}to{transform:perspective(1200px) rotateY(0)}}@keyframes flipPrev{0%{transform:perspective(1200px) rotateY(0)}30%{transform:perspective(1200px) rotateY(3deg)}to{transform:perspective(1200px) rotateY(0)}}.book-spine{width:2px;background:linear-gradient(to bottom,var(--gray-200),var(--gray-300),var(--gray-200));flex-shrink:0;position:relative}.book-spine:before{content:"";position:absolute;top:0;bottom:0;left:-6px;width:8px;background:linear-gradient(to right,transparent,rgba(0,0,0,.05))}.book-spine:after{content:"";position:absolute;top:0;bottom:0;right:-6px;width:8px;background:linear-gradient(to left,transparent,rgba(0,0,0,.05))}.book-page{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--white);overflow:hidden}.book-page--empty{background:var(--gray-50)}.book-page--cover{background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 50%,var(--gray-50) 100%)}.book-cover-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8);text-align:center}.book-cover-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);box-shadow:0 4px 20px #6da98e33}.book-cover-title{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1.3}.book-cover-sub{font-size:.875rem;color:var(--gray-500)}.book-page--collage{padding:0}.book-page-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden}.book-page-img{max-width:100%;max-height:100%;object-fit:contain}.book-page-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffbf;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.book-page-link:hover .book-page-overlay{opacity:1}.book-page-overlay-text{font-family:var(--font-primary);font-size:1.125rem;font-weight:700;color:var(--gray-900);padding:var(--space-3) var(--space-6);border:2px solid var(--gray-900);border-radius:6px;transition:all .2s}.book-page-link:hover .book-page-overlay-text{background:var(--primary);border-color:var(--primary);color:var(--white)}.book-page-caption{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3);background:linear-gradient(transparent,#0009);color:var(--white);font-size:.75rem;font-weight:500;text-align:center;pointer-events:none}.book-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-8);width:100%;max-width:600px}.book-page-info{color:var(--gray-400);font-size:.8125rem;font-family:var(--font-primary)}.book-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--gray-700);border-radius:2px;outline:none;cursor:pointer}.book-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--white);box-shadow:0 0 4px #0000004d}.book-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid var(--white);box-shadow:0 0 4px #0000004d}@media (max-width: 768px){.book-viewport{gap:var(--space-2);padding:var(--space-2)}.book-nav{width:36px;height:36px}.book-nav svg{width:18px;height:18px}.book-spread{aspect-ratio:auto;min-height:300px;max-height:60vh}.book-cover-avatar{width:64px;height:64px}.book-cover-title{font-size:1rem}.book-page-overlay-text{font-size:.875rem;padding:var(--space-2) var(--space-4)}}@media (max-width: 480px){.book-spread{flex-direction:column;aspect-ratio:auto;min-height:400px;max-height:70vh}.book-spine{width:100%;height:1px;background:linear-gradient(to right,var(--gray-200),var(--gray-300),var(--gray-200))}.book-spine:before,.book-spine:after{display:none}.book-page{min-height:180px}}