:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-base:#09090b;--bg-elevated:#141211d6;--bg-panel:#100e0eb8;--bg-panel-strong:#0f0d0df0;--bg-glass:linear-gradient(180deg, #ffffff14, #ffffff08);--text-primary:#f8f2e8;--text-secondary:#f8f2e8c7;--text-muted:#f8f2e88f;--border-subtle:#ffffff17;--border-strong:#ffffff29;--accent-gold:#d2b072;--accent-champagne:#f1dfbb;--accent-ivory:#fff9ef;--shadow-soft:0 20px 60px #00000047;--shadow-deep:0 36px 100px #00000073;--radius-sm:16px;--radius-md:24px;--radius-lg:32px;--radius-pill:999px;--transition-fast:.18s ease;--transition-base:.28s cubic-bezier(.22, 1, .36, 1);--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top,#d2b0722e,#0000 22%),radial-gradient(circle at 20% 20%,#634f332e,#0000 24%),linear-gradient(#09090b 0%,#0d0c0d 48%,#09090b 100%);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.74}img,video{max-width:100%;display:block}::selection{color:var(--accent-ivory);background:#d2b07247}:focus-visible{outline-offset:3px;outline:2px solid #f1dfbbe6}#root{min-height:100vh}.app-shell{width:min(1440px,100% - 48px);margin:0 auto;padding-bottom:140px}main{gap:var(--space-8);display:grid}.site-header{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-soft);background:#0a0a0b9e;margin:24px auto 32px;padding:18px 22px;display:flex;position:sticky;top:16px}.brand-mark{gap:2px;display:grid}.brand-mark span,.showroom-copy h1,.page-heading h1,.article-hero h1,.auth-modal h2,.footer-brand h2,.panel-top h2,.panel-empty h2,.video-stage-copy h2,.gated-card h1{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}.brand-mark span{letter-spacing:.34rem;font-size:1.25rem}.brand-mark small,.text-muted,.page-heading p,.showroom-copy p,.video-toolbar p,.panel-top p,.panel-description,.article-copy p,.article-detail-card p,.chat-intro,.footer-copy,.footer-meta,.auth-copy,.auth-footnote,.comment-item small,.activity-item small,.saved-card small,.video-stage-copy p,.video-missing p,.panel-empty p,.gated-card p{color:var(--text-secondary)}.eyebrow{letter-spacing:.22rem;text-transform:uppercase;color:var(--accent-champagne);margin:0 0 10px;font-size:.76rem}.site-nav,.site-actions,.video-toolbar,.video-switcher,.video-status-group,.filter-row,.tag-row,.article-meta,.chat-form-actions,.footer-nav,.auth-tabs,.panel-actions,.panel-stat-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site-nav a,.footer-link,.filter-row button,.video-switcher button,.auth-tabs button,.text-button{color:var(--text-muted);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast)}.site-nav a,.footer-link{padding:10px 2px;position:relative}.site-nav a:after,.footer-link:after{content:"";transform-origin:50%;background:linear-gradient(90deg, transparent, var(--accent-champagne), transparent);height:1px;transition:transform var(--transition-base);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.site-nav a.active,.site-nav a:hover,.footer-link.active,.footer-link:hover,.video-switcher button.active,.video-switcher button:hover,.filter-row button.active,.filter-row button:hover,.auth-tabs button.active,.auth-tabs button:hover,.text-button:hover{color:var(--accent-ivory)}.site-nav a.active:after,.site-nav a:hover:after,.footer-link.active:after,.footer-link:hover:after{transform:scaleX(1)}.studio-pill,.api-pill,.quota-chip,.live-badge,.video-count-pill{border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;display:inline-flex}.studio-pill:before,.live-badge:before{content:"";background:var(--accent-gold);border-radius:50%;width:8px;height:8px;box-shadow:0 0 16px #d2b072d9}.primary-button,.secondary-button,.ghost-button,.chat-fab,.filter-row button,.video-switcher button,.auth-tabs button{border-radius:var(--radius-pill);transition:transform var(--transition-base), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;padding:12px 18px}.primary-button,.chat-fab{color:#1a130a;background:linear-gradient(135deg, var(--accent-champagne), var(--accent-gold));font-weight:700;box-shadow:0 18px 34px #d2b07247}.secondary-button,.ghost-button,.filter-row button,.video-switcher button,.auth-tabs button{color:var(--accent-ivory);border-color:var(--border-subtle);background:#ffffff0a}.ghost-button{background:#ffffff05}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.chat-fab:hover,.look-card:hover,.article-card:hover,.saved-card:hover,.stats-grid article:hover,.panel-card:hover,.comment-card:hover,.article-detail-card:hover,.gated-card:hover{transform:translateY(-2px)}.wide{justify-content:center;width:100%}.page-shell{gap:var(--space-7);display:grid}.page-heading,.collection-filter-card,.panel-card,.comment-card,.article-detail-card,.gated-card,.style-panel,.look-card,.article-card,.saved-card,.stats-grid article,.video-frame,.auth-modal,.footer-shell{border:1px solid var(--border-subtle);background:var(--bg-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.page-heading,.collection-filter-card,.panel-card,.comment-card,.article-detail-card,.gated-card,.auth-modal,.footer-shell{padding:var(--space-7);border-radius:var(--radius-lg)}.page-heading.compact{padding-bottom:var(--space-5)}.showroom-copy,.gated-card,.page-heading,.collection-filter-card{position:relative;overflow:hidden}.showroom-copy:before,.gated-card:before,.page-heading:before,.collection-filter-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#d2b0721f,#0000 72%);width:180px;height:180px;position:absolute;inset:0 auto auto 0}.showroom-hero{gap:var(--space-6);display:grid}.showroom-copy{max-width:760px;padding:12px 0}.showroom-copy h1,.page-heading h1,.article-hero h1,.gated-card h1{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2.4rem,4.2vw,4.5rem);line-height:.98}.showroom-copy p,.page-heading p,.article-hero p,.auth-copy,.footer-copy,.panel-description,.panel-empty p,.video-stage-copy p,.video-missing p,.look-card-copy p,.article-copy p,.article-detail-card p,.comment-item p,.activity-item p{margin:0;font-size:1rem;line-height:1.7}.section-header{justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:18px;display:flex}.section-header.compact{margin-bottom:12px}.section-header h2,.collection-filter-card h2,.article-copy h2,.comment-card h2,.panel-card h2{margin:0;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.15}.video-frame{background:var(--bg-panel-strong);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:36px;overflow:hidden}.video-toolbar,.article-hero,.chat-header,.panel-top{justify-content:space-between}.video-toolbar,.article-hero{border-bottom:1px solid var(--border-subtle);padding:20px 22px}.video-toolbar strong{margin-bottom:6px;display:block}.video-stage{aspect-ratio:16/9;background:radial-gradient(circle,#7858302e,#0000 36%),linear-gradient(135deg,#0c0b0afa,#281f17d1);position:relative;overflow:hidden}.showroom-video,.video-missing,.video-stage-gradient,.video-loading{position:absolute;inset:0}.showroom-video{object-fit:cover;width:100%;height:100%}.video-stage-gradient{pointer-events:none;z-index:1;background:linear-gradient(#0a0a0b1f 0%,#0a0a0bad 100%)}.video-stage-copy,.video-stage-footer{z-index:2;position:absolute;left:28px;right:28px}.video-stage-copy{max-width:min(520px,68%);top:28px}.video-stage-copy h2{margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.video-stage-footer{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12rem;justify-content:space-between;gap:12px;font-size:.72rem;display:flex;bottom:28px}.video-loading,.video-missing,.media-placeholder,.loading-shell{text-align:center;place-items:center;padding:24px;display:grid}.video-loading{z-index:3;gap:var(--space-4);background:linear-gradient(#08080a47,#08080ae0)}.loading-ring{border:1px solid #ffffff2e;border-top-color:var(--accent-gold);border-radius:50%;width:52px;height:52px;animation:1.15s linear infinite spin}.video-loading strong{margin-bottom:8px;display:block}.video-missing{z-index:2;background:radial-gradient(circle at top,#d2b0721f,#0000 24%),linear-gradient(#08080ab8,#08080af5);position:relative}.video-missing-card{width:min(560px,100%);box-shadow:var(--shadow-deep);background:#0c0c0dad;border:1px solid #ffffff1a;border-radius:28px;gap:14px;padding:32px;display:grid}.video-missing-card h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1}.video-missing-meta{flex-wrap:wrap;gap:12px;display:flex}.video-missing-meta span{border-radius:var(--radius-pill);color:var(--accent-champagne);text-transform:uppercase;letter-spacing:.08rem;background:#d2b07214;border:1px solid #d2b07238;padding:9px 14px;font-size:.8rem}.video-missing code{border-radius:var(--radius-pill);background:#ffffff14;padding:3px 8px}.hotspot-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.hotspot{pointer-events:auto;background:0 0;border:0;min-width:70px;min-height:70px;padding:0;position:absolute;transform:translate(-50%,-50%)}.hotspot--overlay img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hotspot-ring,.hotspot-core,.hotspot-pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot-ring{will-change:transform, opacity;background:radial-gradient(circle,#d2b07224,#d2b07205);border:1px solid #fff5e699;border-radius:50%;width:clamp(44px,3.2vw,58px);height:clamp(44px,3.2vw,58px);animation:2.6s infinite hotspotPulse}.hotspot-core{background:var(--accent-champagne);border-radius:50%;width:12px;height:12px;box-shadow:0 0 20px #f1dfbbb8}.hotspot-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:max-content;color:var(--accent-ivory);letter-spacing:.04em;transition:transform var(--transition-base), border-color var(--transition-fast), background var(--transition-fast);background:#0a0a0cd6;border:1px solid #ffffff29;align-items:center;gap:8px;padding:9px 14px;font-size:.8rem;display:inline-flex;top:calc(50% + 42px)}.hotspot-pill strong{color:var(--accent-gold);font-size:.74rem}.hotspot:hover .hotspot-pill,.hotspot:focus-visible .hotspot-pill{background:#0f0e0ff0;border-color:#f1dfbb6b;transform:translate(-50%,calc(-50% - 2px))}.collection-filter-card,.stats-grid,.showroom-grid,.dashboard-grid,.article-detail-grid,.footer-grid{gap:var(--space-5);display:grid}.showroom-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.92fr);align-items:start}.card-grid,.blog-grid,.saved-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card.featured{grid-column:span 2}.look-card,.article-card,.saved-card{text-align:left;border-radius:28px;gap:16px;padding:16px;display:grid}.look-card.is-selected{border-color:#d2b07270;box-shadow:0 26px 80px #0006}.look-card-media,.article-media,.saved-card-media,.panel-media{background:#ffffff0a;border-radius:24px;min-height:210px;position:relative;overflow:hidden}.article-media.large{min-height:380px;margin-bottom:18px}.look-card-media img,.article-media img,.saved-card-media img,.panel-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.look-card:hover img,.article-card:hover img,.saved-card:hover img,.panel-media:hover img{transform:scale(1.03)}.look-placeholder{width:100%;height:100%;min-height:inherit;border-radius:inherit;text-align:center;background:linear-gradient(160deg,#0e0c0bf5 0%,#241d14e6 60%,#14100cf5 100%);border:1px solid #d2b07229;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.look-placeholder-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-gold);opacity:.72;font-size:.64rem}.look-placeholder-title{color:var(--text-secondary);font-size:.88rem;font-weight:500;line-height:1.4}.source-badge{border-radius:var(--radius-pill);color:var(--accent-champagne);letter-spacing:.08rem;text-transform:uppercase;background:#d2b07224;border:1px solid #d2b0723d;align-items:center;padding:4px 10px;font-size:.68rem;display:inline-flex;position:absolute;top:14px;left:14px}.source-badge.subtle{background:#00000061}.look-card-copy,.article-copy{gap:10px;display:grid}.look-card-copy strong,.saved-card strong,.stats-grid strong{font-size:1.12rem;line-height:1.2}.look-card-kicker{color:var(--accent-champagne);letter-spacing:.16rem;text-transform:uppercase;font-size:.76rem}.look-card-meta{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:.86rem;display:flex}.style-panel{min-height:540px;transition:transform var(--transition-base), opacity var(--transition-base);background:#0d0c0ceb;border-radius:30px;align-content:start;gap:20px;padding:24px;display:grid;position:sticky;top:106px}.panel-top{align-items:start;gap:16px;display:flex}.panel-top h2{margin:0 0 6px;font-size:clamp(1.6rem,2.4vw,2rem);line-height:1}.panel-stat-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.meta-card{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:20px;padding:16px}.meta-card span,.meta-grid dt,.article-copy span,.stats-grid span,.footer-bottom,.auth-steps span,.chat-bubble span,.comment-item strong,.activity-item strong{color:var(--text-muted);letter-spacing:.04rem;text-transform:uppercase;font-size:.82rem}.meta-card strong{color:var(--accent-ivory);margin-top:8px;font-size:1.16rem;display:block}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.meta-grid div{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:20px;padding:14px 16px}.meta-grid dd{color:var(--accent-ivory);margin:6px 0 0}.tag-row span{border-radius:var(--radius-pill);color:var(--accent-champagne);background:#d2b0721a;border:1px solid #d2b07238;padding:9px 14px;font-size:.86rem}.panel-actions{flex-direction:column;align-items:stretch}.panel-empty,.empty-state{align-content:center;gap:12px;min-height:100%;display:grid}.article-copy h2{margin:0}.article-meta{color:var(--text-muted);gap:10px 14px;font-size:.82rem}.article-card{align-content:start}.article-card.featured .article-media{min-height:380px}.article-card.featured .article-copy{padding:10px 8px 8px}.article-hero{border-radius:var(--radius-lg);align-items:end;gap:16px;display:flex}.article-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);align-items:start}.article-sidebar{gap:20px;display:grid}.article-prose{gap:18px;display:grid}.article-prose p:first-child:first-letter{float:left;color:var(--accent-champagne);margin-right:10px;font-family:Iowan Old Style,Georgia,serif;font-size:3.6rem;line-height:.9}.comment-form,.auth-form,.chat-form{gap:14px;display:grid}.comment-form textarea,.chat-form textarea,.auth-form input{border:1px solid var(--border-subtle);width:100%;color:var(--accent-ivory);transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff0a;border-radius:18px;padding:14px 16px}.comment-form textarea::placeholder,.chat-form textarea::placeholder,.auth-form input::placeholder{color:#f8f2e861}.comment-form textarea:focus,.chat-form textarea:focus,.auth-form input:focus{background:#ffffff0f;border-color:#f1dfbb57}.chat-form textarea{resize:vertical;min-height:92px}.comment-list,.activity-list,.chat-messages{gap:12px;max-height:340px;padding-right:4px;display:grid;overflow:auto}.chat-widget{z-index:35;position:fixed;bottom:24px;right:24px}.chat-panel{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);width:min(430px,100vw - 32px);box-shadow:var(--shadow-deep);background:#0c0c0deb;border-radius:30px;gap:16px;padding:18px;display:grid}.chat-header{align-items:start;gap:16px;display:flex}.chat-header h2{margin:0 0 6px;font-size:1.3rem}.chat-bubble,.comment-item,.activity-item{background:#ffffff0a;border:1px solid #ffffff08;border-radius:20px;padding:14px}.chat-bubble.user{background:#d2b07221;border-color:#d2b0722e}.chat-bubble.pending{opacity:.88}.chat-bubble span,.comment-item strong,.activity-item strong{margin-bottom:6px;display:block}.auth-inline{place-items:center;display:grid}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050506b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal{background:#0c0c0df5;gap:18px;width:min(100%,560px);display:grid;position:relative}.auth-modal h2{margin:0;font-size:clamp(2rem,4vw,2.6rem);line-height:1}.auth-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.auth-steps span{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#ffffff08;justify-content:center;padding:10px 12px;display:inline-flex}.auth-steps span.active{color:var(--accent-ivory);background:#d2b07214;border-color:#d2b07242}.auth-grid,.stats-grid{gap:14px;display:grid}.auth-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-form label{gap:8px;display:grid}.auth-form label span{color:var(--text-secondary)}.auth-footnote{margin:0;font-size:.9rem}.form-error,.form-message{border-radius:16px;margin:0;padding:12px 14px}.form-error{background:#7f222238;border:1px solid #ff666638}.form-message{background:#4b723438;border:1px solid #9bd06f38}.inline-error{width:fit-content}.icon-button{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--accent-ivory);transition:background var(--transition-fast), transform var(--transition-fast);background:#ffffff08;border-radius:50%;place-items:center;font-size:1.3rem;display:inline-grid}.icon-button:hover{background:#ffffff14;transform:translateY(-1px)}.gated-card{text-align:left;max-width:760px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid article{border-radius:26px;padding:22px}.stats-grid strong{color:var(--accent-ivory);margin-top:10px;font-size:clamp(1.6rem,3vw,2.2rem);display:block}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-card{align-content:start}.footer-shell{border-radius:36px;margin-top:36px;overflow:hidden}.footer-grid{grid-template-columns:minmax(0,1.2fr) auto;align-items:start}.footer-brand h2{max-width:18ch;margin:0 0 12px;font-size:clamp(2rem,3vw,2.8rem);line-height:1}.footer-nav{justify-content:end}.footer-meta,.footer-bottom{display:block}.footer-bottom{color:var(--text-muted);padding:0 28px 28px}.loading-shell{min-height:220px;color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hotspotPulse{0%,to{opacity:.72;transform:translate(-50%,-50%)scale(1)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}}@media (width<=1180px){.site-header,.video-toolbar,.article-hero{flex-direction:column;align-items:start}.site-actions{justify-content:space-between;width:100%}.showroom-grid,.article-detail-grid,.footer-grid,.dashboard-grid{grid-template-columns:1fr}.style-panel{min-height:auto;position:static}.blog-grid{grid-template-columns:1fr}.article-card.featured{grid-column:auto}}@media (width<=840px){.app-shell{width:min(100% - 24px,1440px)}.site-header{padding:16px;top:10px}.site-nav{justify-content:space-between;width:100%}.site-actions{justify-content:flex-start}.video-stage{aspect-ratio:4/5}.video-stage-copy{max-width:calc(100% - 56px)}.video-stage-footer{flex-direction:column;align-items:flex-start}.meta-grid,.panel-stat-row,.auth-grid.two-up,.stats-grid{grid-template-columns:1fr}.page-heading,.collection-filter-card,.panel-card,.comment-card,.article-detail-card,.gated-card,.auth-modal,.footer-shell,.style-panel{padding:20px}.style-panel.open{z-index:39;max-height:calc(100vh - 88px);position:fixed;inset:auto 12px 12px;overflow:auto}.chat-widget{bottom:12px;right:12px}.chat-panel{width:min(100vw - 24px,430px);max-height:calc(100vh - 96px)}.hotspot-pill{padding:8px 12px;top:calc(50% + 34px)}}@media (width<=560px){.showroom-copy h1,.page-heading h1,.article-hero h1,.gated-card h1{font-size:2.25rem}.video-missing-card{padding:22px}.site-nav{gap:10px;font-size:.92rem}.studio-pill,.api-pill,.quota-chip,.live-badge,.video-count-pill{width:fit-content}.video-stage-copy,.video-stage-footer{left:18px;right:18px}.video-stage-copy{top:18px}.hotspot-pill span:last-child{display:none}.comment-list,.activity-list,.chat-messages{max-height:240px}.footer-bottom{padding:0 20px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}