*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F5F5F7;--bg-secondary: #FFFFFF;--bg-tertiary: #F0F0F2;--surface: #FFFFFF;--surface-hover: #F5F5F7;--border: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .05);--text-primary: #1D1D1F;--text-secondary: #6E6E73;--text-tertiary: #AEAEB2;--accent: #0071E3;--accent-hover: #0077ED;--accent-light: rgba(0, 113, 227, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--nav-h: 56px;--bottom-bar-h: 0px;--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--bg: #07070E;--bg-secondary: #0F0F1C;--bg-tertiary: #1C1C2E;--surface: #111120;--surface-hover: #1A1A2E;--border: rgba(255,255,255,.14);--border-subtle: rgba(255,255,255,.07);--text-primary: rgba(255,255,255,.93);--text-secondary: rgba(255,255,255,.5);--text-tertiary: rgba(255,255,255,.28);--accent: #A78BFA;--accent-hover: #C4B5FD;--accent-light: rgba(139,92,246,.14);--shadow-sm: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.6), 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.7), 0 4px 8px rgba(0,0,0,.4)}@keyframes cs-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes cs-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #0071e31a}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 3px #a78bfa26}select{cursor:pointer}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.dark-scroll::-webkit-scrollbar-thumb{background:#ffffff1f}.dark-scroll::-webkit-scrollbar-track{background:transparent}@keyframes theme-btn-press{0%{transform:scale(1) rotate(0)}25%{transform:scale(.72) rotate(-20deg)}to{transform:scale(1) rotate(0)}}@keyframes hf-pulse{0%,to{box-shadow:0 0 #ec489900,0 4px 24px #8b5cf640}50%{box-shadow:0 0 0 6px #ec48991f,0 4px 24px #8b5cf666}}@keyframes hf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.desc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.desc-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.inf-img-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media(max-width:700px){.desc-grid-2,.desc-grid-3{grid-template-columns:1fr}.inf-img-grid{grid-template-columns:1fr 1fr;gap:10px}}@keyframes orb1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(55px,-45px) scale(1.07)}66%{transform:translate(-35px,38px) scale(.93)}}@keyframes orb2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-45px,55px) scale(1.11)}}@keyframes orb3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(35px,-55px) scale(.9)}70%{transform:translate(-55px,22px) scale(1.08)}}@keyframes progress-slide{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(56px + var(--safe-bottom));padding-bottom:var(--safe-bottom);z-index:300;background:var(--surface);border-top:1px solid var(--border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);justify-content:space-around;align-items:center}@media(max-width:768px){:root{--bottom-bar-h: 56px}body{padding-bottom:calc(56px + var(--safe-bottom))}.mobile-tab-bar{display:flex!important}.nav-links-desktop,.nav-create-desktop,.nav-credits-desktop{display:none!important}.nav-root{padding:0 16px!important}.nav-brand-label{display:none!important}.feedback-btn{bottom:calc(56px + var(--safe-bottom) + 12px)!important;right:12px!important;padding:0 12px!important}.landing-card{display:none!important}.landing-h1,.landing-h1-animated{font-size:clamp(36px,9vw,72px)!important;letter-spacing:-2px!important}.masonry-3col{columns:2!important;gap:8px!important}.step-label{white-space:normal!important;max-width:44px;text-align:center;font-size:9px!important}.modal-content{width:min(380px,calc(100vw - 32px))!important;max-height:88vh;overflow-y:auto}.wardrobe-drawer{width:100vw!important;left:0!important}.page-inner{padding-left:16px!important;padding-right:16px!important}.nav-actions-desktop{display:none!important}.ref-grid-2{grid-template-columns:1fr!important}.ps-preview-card{width:calc(50vw - 24px)!important;min-width:120px}.settings-section-title{padding:12px 16px!important}.settings-section-body{padding:16px!important}}@media(max-width:768px){.modal-content{max-height:calc(100dvh - var(--safe-bottom) - 48px)!important}}