@import"https://fonts.googleapis.com/css2?family=VT323&family=Montserrat:wght@300;400;500;600;700&display=swap";.win98-window{background:silver;border:2px solid;border-color:#ffffff #000000 #000000 #ffffff;box-shadow:1px 1px 0 1px #0000004d;font-family:VT323,monospace}.win98-title-bar{background:linear-gradient(90deg,navy,#1084d0);color:#fff;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:18px;-webkit-user-select:none;user-select:none}.win98-title-bar-buttons{display:flex;gap:4px}.win98-button{background:silver;border:2px solid;border-color:#ffffff #000000 #000000 #ffffff;padding:6px 16px;font-family:VT323,monospace;font-size:16px;color:#000!important;cursor:pointer;min-width:80px;text-align:center}.win98-button:hover{background:#d4d4d4}.win98-button:active{border-color:#000000 #ffffff #ffffff #000000;padding:7px 15px 5px 17px}.win98-button:disabled{color:gray!important;cursor:not-allowed}.win98-input,.win98-textarea{background:#fff;border:2px solid;border-color:#000000 #ffffff #ffffff #000000;padding:6px 8px;font-family:VT323,monospace;font-size:16px;color:#000!important;width:100%;box-sizing:border-box}.win98-input::placeholder,.win98-textarea::placeholder{color:gray!important}.win98-input:focus,.win98-textarea:focus{outline:1px dotted #000000;outline-offset:-4px}.win98-select{background:#fff;border:2px solid;border-color:#000000 #ffffff #ffffff #000000;padding:4px 24px 4px 6px;font-family:VT323,monospace;font-size:16px;color:#000!important;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0l7 8 7-8z' fill='%23000000'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center}.win98-checkbox{width:16px;height:16px;border:2px solid;border-color:#000000 #ffffff #ffffff #000000;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.win98-checkbox:checked:after{content:"✓";position:absolute;top:-4px;left:1px;font-size:18px;color:#000;font-weight:700}.win98-label{font-family:VT323,monospace;font-size:16px;color:#000;display:block;margin-bottom:4px}.win98-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.win98-modal{max-width:90%;max-height:90%;overflow:auto}.win98-content{padding:16px;background:silver}.win98-panel{background:silver;border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;padding:12px}.win98-panel-inset{background:#fff;border:2px solid;border-color:#808080 #ffffff #ffffff #808080;padding:12px}.win98-separator{height:2px;background:linear-gradient(90deg,transparent,#808080 50%,transparent);margin:12px 0}.win98-tab{background:silver;border:2px solid;border-color:#ffffff #000000 transparent #ffffff;padding:6px 16px;font-family:VT323,monospace;font-size:16px;color:#000;cursor:pointer;margin-right:-2px;position:relative;top:2px}.win98-tab.active{border-bottom-color:silver;z-index:1}.win98-tab:hover:not(.active){background:#d4d4d4}.win98-close-button{width:20px;height:20px;padding:0;min-width:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.pricing-screen{max-width:1400px;margin:0 auto;padding:40px 20px;font-family:VT323,monospace}.pricing-header{text-align:center;margin-bottom:40px}.pricing-title{font-size:64px;margin-bottom:10px;text-shadow:4px 4px 0 rgba(0,0,0,.2);background:linear-gradient(135deg,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-subtitle{font-size:20px;color:#666;font-family:Montserrat,sans-serif}.billing-toggle{display:flex;justify-content:center;gap:0;margin-bottom:50px;background:#f0f0f0;border:3px solid #000;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:4px 4px #000}.billing-option{font-family:VT323,monospace;font-size:24px;padding:15px 40px;border:none;background:transparent;cursor:pointer;transition:all .2s;position:relative;color:#000}.billing-option:hover{background:#ff00ff1a}.billing-option.active{background:linear-gradient(135deg,#f0f,#0ff);color:#fff;text-shadow:2px 2px 0 #000}.savings-badge{display:inline-block;background:gold;color:#000;padding:2px 8px;border-radius:4px;font-size:14px;margin-left:8px;font-weight:700;text-shadow:none}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:60px}.pricing-card{background:#fff;border:4px solid #000;box-shadow:8px 8px #000;padding:30px;position:relative;transition:transform .2s}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.highlighted{border-width:6px;transform:scale(1.05);z-index:10}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#f0f;color:#fff;padding:8px 20px;font-size:16px;font-weight:700;border:3px solid #000;box-shadow:4px 4px #000;text-shadow:2px 2px 0 #000}.tier-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:3px solid #000}.tier-name{font-size:36px;margin-bottom:5px;color:#000}.tier-subtitle{font-size:20px;color:#666;font-family:Montserrat,sans-serif;font-style:italic}.tier-pricing{text-align:center;margin-bottom:30px}.price{display:flex;align-items:baseline;justify-content:center;margin-bottom:10px}.price-amount{font-size:56px;font-weight:700;color:#000}.price-period{font-size:24px;color:#666;margin-left:5px}.price-subtitle{font-size:16px;color:#888;font-family:Montserrat,sans-serif}.feature-list{list-style:none;padding:0;margin:0 0 30px}.feature-item{font-size:18px;padding:10px 0;border-bottom:1px dashed #ddd;font-family:Montserrat,sans-serif;color:#333}.feature-item:last-child{border-bottom:none}.tier-action{margin-top:20px}.pricing-faq{background:#f9f9f9;border:4px solid #000;padding:40px;margin-top:60px;box-shadow:8px 8px #000}.pricing-faq h2{font-size:48px;text-align:center;margin-bottom:40px;color:#000}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.faq-item{background:#fff;border:3px solid #000;padding:20px;box-shadow:4px 4px #000}.faq-item h4{font-size:24px;margin-bottom:12px;color:#000}.faq-item p{font-size:16px;line-height:1.6;color:#333;font-family:Montserrat,sans-serif}.faq-item a{color:#f0f;text-decoration:underline;font-weight:700}.faq-item a:hover{color:#0ff}@media (max-width: 768px){.pricing-title{font-size:48px}.pricing-subtitle{font-size:16px}.billing-option{font-size:20px;padding:12px 20px}.pricing-grid{grid-template-columns:1fr}.pricing-card.highlighted{transform:scale(1)}.tier-name{font-size:28px}.price-amount{font-size:42px}.faq-grid{grid-template-columns:1fr}.pricing-faq{padding:20px}.pricing-faq h2{font-size:36px}}.manage-subscription-screen{max-width:1000px;margin:0 auto;padding:40px 20px;font-family:VT323,monospace}.subscription-header{text-align:center;margin-bottom:50px}.subscription-header h1{font-size:56px;margin-bottom:10px;color:#000;text-shadow:3px 3px 0 rgba(0,0,0,.1)}.subscription-header p{font-size:20px;color:#666;font-family:Montserrat,sans-serif}.current-plan-card{background:#fff;border:5px solid #000;box-shadow:8px 8px #000;padding:40px;margin-bottom:40px;position:relative}.plan-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:#f0f;color:#fff;padding:8px 24px;font-size:18px;font-weight:700;border:3px solid #000;box-shadow:4px 4px #000;text-shadow:2px 2px 0 #000}.plan-details{text-align:center;margin-bottom:30px}.plan-details h2{font-size:48px;margin-bottom:20px}.plan-price{display:flex;align-items:baseline;justify-content:center;margin:20px 0}.price-amount{font-size:64px;font-weight:700;color:#000}.price-period{font-size:28px;color:#666;margin-left:8px}.plan-status{margin:20px 0}.status-badge{display:inline-block;padding:10px 20px;border:3px solid #000;font-size:20px;font-weight:700;box-shadow:4px 4px #000}.status-badge.active{background:#4caf50;color:#fff;text-shadow:2px 2px 0 #000}.status-badge.canceling{background:#ffc107;color:#000}.status-badge.past-due{background:#f44336;color:#fff;text-shadow:2px 2px 0 #000}.renewal-info{font-size:18px;color:#666;font-family:Montserrat,sans-serif;margin-top:15px}.plan-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.upgrade-section{margin-bottom:40px}.upgrade-section h2{font-size:40px;text-align:center;margin-bottom:30px;color:#000}.upgrade-card{background:#fff;border:4px solid #000;box-shadow:6px 6px #000;padding:30px;text-align:center}.upgrade-card h3{font-size:36px;margin-bottom:15px;color:#000}.upgrade-card p{font-size:18px;margin-bottom:15px;font-family:Montserrat,sans-serif;line-height:1.6}.upgrade-price{font-size:28px!important;font-weight:700;color:#000;margin-bottom:25px!important;font-family:VT323,monospace!important}.usage-stats{background:#f9f9f9;border:4px solid #000;padding:30px;margin-bottom:40px;box-shadow:6px 6px #000}.usage-stats h2{font-size:40px;text-align:center;margin-bottom:30px;color:#000}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-card{background:#fff;border:3px solid #000;padding:20px;text-align:center;box-shadow:4px 4px #000}.stat-icon{font-size:36px;margin-bottom:10px}.stat-value{font-size:48px;font-weight:700;color:#000;margin-bottom:5px}.stat-label{font-size:16px;color:#666;font-family:Montserrat,sans-serif}.billing-history{background:#fff;border:4px solid #000;padding:30px;box-shadow:6px 6px #000}.billing-history h2{font-size:40px;margin-bottom:20px;color:#000}.billing-history p{font-size:18px;font-family:Montserrat,sans-serif;color:#333}.link-button{font-family:VT323,monospace;font-size:18px;color:#f0f;text-decoration:underline;background:none;border:none;cursor:pointer;font-weight:700}.link-button:hover{color:#0ff}.loading-state,.no-subscription{text-align:center;padding:100px 20px}.loading-state p{font-size:28px;color:#666}.no-subscription h2{font-size:48px;margin-bottom:20px;color:#000}.no-subscription p{font-size:20px;margin-bottom:30px;font-family:Montserrat,sans-serif;color:#666}@media (max-width: 768px){.subscription-header h1{font-size:42px}.plan-details h2{font-size:36px}.price-amount{font-size:48px}.price-period{font-size:20px}.plan-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.upgrade-section h2,.usage-stats h2,.billing-history h2{font-size:32px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:VT323,Montserrat,sans-serif;background:var(--bg-primary);color:var(--color-text);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.nav-bar{position:sticky;top:0;z-index:100;background:silver}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:20px;flex-wrap:wrap}.nav-brand h1{color:#000}.nav-links{display:flex;gap:8px;flex:1;justify-content:center;flex-wrap:wrap}.nav-auth{display:flex;align-items:center;gap:8px}.nav-auth span{color:#000}.win98-button.active{background:navy;color:#fff!important}.main-content{flex:1;padding:20px;max-width:1400px;width:100%;margin:0 auto}.home-view{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.spline-container{flex:1;min-width:300px;height:600px;background:#1a1a2e;border-radius:8px;overflow:hidden}.welcome-panel{flex:1;min-width:300px;max-width:500px}.welcome-panel .win98-content{color:#000}.footer{background:silver;padding:16px;text-align:center;border-top:2px solid #ffffff}.footer p{color:#000}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:2px solid #000;cursor:pointer;padding:4px;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:110}.mobile-menu-toggle span{width:100%;height:3px;background:#000;transition:all .3s ease}.mobile-menu-toggle:hover{background:#dfdfdf}.nav-auth-mobile{display:none;padding-top:16px;border-top:2px solid #000;margin-top:12px}.nav-auth-desktop{display:flex}@media (max-width: 968px){.mobile-menu-toggle{display:flex}.nav-content{position:relative;flex-wrap:nowrap}.nav-brand{flex:1}.nav-auth-desktop{display:none}.nav-links{position:fixed;top:60px;right:-100%;width:280px;max-width:85vw;background:silver;border:3px solid #000;border-right:none;box-shadow:-4px 4px 8px #0000004d;flex-direction:column;padding:20px;transition:right .3s ease;z-index:100;max-height:calc(100vh - 80px);overflow-y:auto}.nav-links.mobile-open{right:0}.nav-links .win98-button{width:100%;justify-content:center}.nav-links .nav-auth-mobile{display:block}.home-view{flex-direction:column}.spline-container{height:400px}.welcome-panel{max-width:100%}.main-content{padding:12px}}@media (max-width: 480px){.nav-brand h1{font-size:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-toggle{width:28px;height:28px;right:max(12px,env(safe-area-inset-right))}.nav-links{width:calc(100% - env(safe-area-inset-right));max-width:100%;top:56px;right:calc(-100% - env(safe-area-inset-right))}.nav-links.mobile-open{right:0}.main-content{padding:4px max(4px,env(safe-area-inset-right)) 4px max(4px,env(safe-area-inset-left))}.nav-content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.win98-modal{max-height:90vh!important;margin:5vh auto!important}.win98-panel{padding:8px!important;margin-bottom:8px!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}.profile-paper-doll{max-width:150px!important;max-height:180px!important}.closet-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.closet-item-card{padding:6px!important;min-width:0}.closet-item-image{height:80px!important;width:100%;object-fit:cover}.closet-item-title{font-size:11px!important;line-height:1.3!important;word-wrap:break-word;overflow:hidden}.win98-panel{min-width:0;overflow:hidden}}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-family:VT323,monospace;font-size:24px}.error{background:#fcc;border:2px solid #cc0000;padding:16px;border-radius:4px;color:#c00;font-family:VT323,monospace;font-size:16px}.cheetah-bg{background-color:#d4a574;background-image:radial-gradient(circle at 20% 50%,#8b6f47 9%,transparent 10%),radial-gradient(circle at 80% 80%,#8b6f47 9%,transparent 10%),radial-gradient(circle at 40% 20%,#8b6f47 9%,transparent 10%),radial-gradient(circle at 90% 40%,#8b6f47 9%,transparent 10%),radial-gradient(circle at 60% 70%,#8b6f47 9%,transparent 10%),radial-gradient(circle at 10% 90%,#8b6f47 9%,transparent 10%),radial-gradient(circle at 70% 10%,#8b6f47 9%,transparent 10%);background-size:120px 120px}.pink-leopard-bg{background-color:#ff69b4;background-image:radial-gradient(circle at 20% 50%,#ff1493 8%,transparent 9%),radial-gradient(circle at 80% 80%,#ff1493 8%,transparent 9%),radial-gradient(circle at 40% 20%,#ff1493 8%,transparent 9%);background-size:100px 100px}.sparkle-bg{background:linear-gradient(45deg,#ff69b4,#b36bff,#6a8cff);position:relative}.sparkle-bg:before{content:"✨";position:absolute;font-size:20px;animation:sparkle 3s infinite;opacity:.6}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.butterfly-accent:before{content:"🦋";margin-right:8px}.butterfly-accent:after{content:"🦋";margin-left:8px}.holographic-bg{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea);background-size:400% 400%;animation:holographic 10s ease infinite}@keyframes holographic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bubbly-border{border:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#ff69b4,#b36bff,#6a8cff) border-box;border-radius:12px}.sparkle-text{background:linear-gradient(45deg,#ff69b4,#ff1493,#ff69b4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s infinite;font-weight:700;text-shadow:0 0 20px rgba(255,105,180,.5)}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.zebra-bg{background:repeating-linear-gradient(45deg,#000,#000 10px,#fff 10px,#fff 20px)}.pink-zebra-bg{background:repeating-linear-gradient(45deg,#ff69b4,#ff69b4 10px,#ffb6c1 10px,#ffb6c1 20px)}.polka-dots-bg{background-color:#ff69b4;background-image:radial-gradient(circle,#ffffff 20%,transparent 20%),radial-gradient(circle,#ffffff 20%,transparent 20%);background-size:30px 30px;background-position:0 0,15px 15px}.butterfly-trail{position:relative;overflow:hidden}.butterfly-trail:after{content:"🦋";position:absolute;font-size:24px;animation:float-butterfly 8s infinite;opacity:.4}@keyframes float-butterfly{0%{left:-50px;top:20%;transform:rotate(0)}50%{left:50%;top:50%;transform:rotate(180deg)}to{left:110%;top:80%;transform:rotate(360deg)}}.glossy{position:relative;overflow:hidden}.glossy:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:gloss-shine 3s infinite}@keyframes gloss-shine{0%{left:-100%}50%,to{left:100%}}.fuzzy-border{border:3px solid #ff69b4;box-shadow:0 0 0 6px #ff69b44d,0 0 0 9px #ff69b433,0 0 0 12px #ff69b41a;border-radius:8px}.star-confetti:before{content:"⭐";position:absolute;animation:confetti-fall 5s infinite}@keyframes confetti-fall{0%{top:-50px;opacity:1}to{top:100%;opacity:0}}.hearts-bg{background-color:#ffb6c1;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px)}.hearts-bg:after{content:"💕";font-size:40px;opacity:.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--bg-primary: #0c0c1c;--bg-secondary: #1a1a2e;--color-primary: #ff69b4;--color-secondary: #f093fb;--color-accent: #ff1493;--color-text: #ffffff;--color-text-dark: #000000;--win98-gray: #c0c0c0;--win98-blue: #000080;--win98-white: #ffffff;--win98-black: #000000;--win98-dark-gray: #808080}[data-theme=y2k-pink]{--bg-primary: #0c0c1c;--bg-secondary: #1a1a2e;--color-primary: #ff69b4;--color-secondary: #f093fb;--color-accent: #ff1493}[data-theme=cyber-purple]{--bg-primary: #0a0014;--bg-secondary: #1a0a2e;--color-primary: #8a2be2;--color-secondary: #9370db;--color-accent: #ba55d3}[data-theme=rainbow-holo]{--bg-primary: #0f0c1c;--bg-secondary: #1a1428;--color-primary: #ff1493;--color-secondary: #00bfff;--color-accent: #7fff00}[data-theme=dark-y2k]{--bg-primary: #000000;--bg-secondary: #1a1a1a;--color-primary: #333;--color-secondary: #666;--color-accent: #999}[data-theme=crystal-clear]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--color-primary: #e0e0e0;--color-secondary: #d0d0d0;--color-accent: #c0c0c0;--color-text: #000000;--color-text-dark: #000000}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:VT323,Montserrat,sans-serif;background:var(--bg-primary);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:VT323,monospace;font-weight:400}p{font-family:Montserrat,sans-serif}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--win98-gray)}::-webkit-scrollbar-thumb{background:var(--win98-dark-gray);border:2px solid var(--win98-white)}::-webkit-scrollbar-thumb:hover{background:#606060}::selection{background:var(--color-primary);color:var(--win98-white)}:focus{outline:2px dotted var(--win98-black);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-in}.slide-in{animation:slideIn .3s ease-out}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.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}@media print{body{background:#fff;color:#000}.nav-bar,.footer,button{display:none}}