*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--retro-bg:#f0ead6;--retro-bg-medium:#e4ddcb;--retro-bg-dark:#d8d0c0;--retro-text-primary:#3a3a3a;--retro-text-secondary:#585858;--retro-accent-primary:#d9534f;--retro-accent-secondary:#5bc0de;--retro-border-color:rgba(58,58,58,.2);--retro-font-sans:"Verdana","Geneva",sans-serif;--retro-code-bg:#2d2d2d;--retro-code-text:#f2f2f2}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--retro-font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:var(--retro-bg);line-height:1.6;min-height:100vh;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--retro-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}p{margin-bottom:1rem}a{color:var(--retro-accent-primary);transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}a,a:hover{text-decoration:none}a:hover{color:#a73f3c}img{max-width:100%;height:auto;display:block}.container{width:90%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container.narrow-content{max-width:800px}.landing-page{background-color:var(--retro-bg);color:var(--retro-text-primary);font-family:var(--retro-font-sans);overflow-x:hidden}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{color:var(--retro-text-primary);font-weight:700}.landing-page p{color:var(--retro-text-secondary);line-height:1.7}.landing-page a:hover{color:var(--retro-accent-secondary)}.lp-text-accent{color:var(--retro-accent-primary)}.lp-section{padding:clamp(4rem,10vw,6rem) 0}.lp-section-title{font-size:clamp(2rem,5vw,3.2rem);text-align:center;margin-bottom:1rem;font-weight:800}.lp-section-subtitle{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--retro-text-secondary);max-width:700px;margin-left:auto;margin-right:auto;margin-bottom:3rem;text-align:center;line-height:1.7}.lp-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;font-size:1rem;border:1px solid var(--retro-text-primary);cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1.5;box-shadow:2px 2px 0 var(--retro-text-primary)}.lp-button:hover{transform:translateY(-2px) translateX(-2px);box-shadow:4px 4px 0 var(--retro-text-primary)}.lp-button:active{transform:translateY(1px) translateX(1px);box-shadow:1px 1px 0 var(--retro-text-primary)}.lp-button.primary{background-color:var(--retro-accent-primary);color:#fff;border-color:var(--retro-text-primary)}.lp-button.primary:hover{background-color:#c9302c}.lp-button.secondary{background-color:var(--retro-bg);color:var(--retro-text-primary);border-color:var(--retro-text-primary)}.lp-button.secondary:hover{background-color:var(--retro-bg-medium)}.lp-button.large{padding:.9rem 2rem;font-size:1.1rem}.lp-button.small{padding:.5rem 1rem;font-size:.9rem}.lp-button.full-width{width:100%}.lp-button.icon-left svg{margin-right:.5em}.lp-navbar-sticky-wrapper{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:1000;background-color:hsla(46,46%,89%,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--retro-border-color)}.lp-navbar{justify-content:space-between;padding-top:.75rem;padding-bottom:.75rem}.lp-nav-logo,.lp-navbar{display:flex;align-items:center}.lp-nav-logo{gap:.5rem;color:var(--retro-text-primary);font-weight:700;font-size:1.25rem}.lp-nav-logo:hover{color:var(--retro-accent-primary)}.lp-nav-links{display:flex;gap:1.75rem}.lp-nav-link{color:var(--retro-text-primary);font-size:.95rem;font-weight:500;padding:.5rem 0}.lp-nav-link:hover{color:var(--retro-accent-primary)}.lp-nav-actions{gap:.75rem}.lp-hero,.lp-nav-actions{display:flex;align-items:center}.lp-hero{background:var(--retro-bg);min-height:calc(80vh - 60px);justify-content:center;text-align:center;overflow:hidden;position:relative;padding:2rem 0}.lp-hero-content{position:relative;z-index:1}.lp-hero-title{font-size:clamp(2.5rem,6vw,4.2rem);font-weight:800;line-height:1.15;margin-bottom:1.25rem}.lp-hero-subtitle{font-size:clamp(1.05rem,3vw,1.3rem);color:var(--retro-text-secondary);max-width:650px;margin-left:auto;margin-right:auto;margin-bottom:2.5rem}.lp-hero-cta-group{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.lp-hero-visual{margin-top:3.5rem;margin-left:auto;margin-right:auto;max-width:800px;width:100%;border-radius:6px;border:1px solid var(--retro-text-primary);box-shadow:5px 5px 0 var(--retro-text-primary);overflow:hidden}.lp-hero-visual img{background-color:var(--retro-bg-dark)}.lp-how-it-works-section{background-color:var(--retro-bg-medium)}.lp-feature-card{background-color:var(--retro-bg);padding:2rem 1.5rem;border-radius:6px;border:1px solid var(--retro-border-color);text-align:center}.lp-feature-card-icon{font-size:2.2rem;margin-bottom:1.25rem;line-height:1}.lp-feature-card-title{font-size:1.2rem;margin-bottom:.75rem;font-weight:600}.lp-feature-card-text{font-size:.9rem;color:var(--retro-text-secondary);line-height:1.6}.lp-pricing-section{background-color:var(--retro-bg)}.lp-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;align-items:stretch;max-width:700px;margin:3rem auto 0}.lp-pricing-card{background-color:var(--retro-bg);padding:2.5rem 2rem;border-radius:6px;border:1px solid var(--retro-border-color);box-shadow:3px 3px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;text-align:center;transition:transform .2s ease,box-shadow .2s ease;position:relative}.lp-pricing-card:hover{transform:translateY(-5px);box-shadow:5px 5px 0 rgba(0,0,0,.15)}.lp-popular-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background-color:var(--retro-accent-secondary);color:#fff;padding:.3rem 1rem;border-radius:4px;font-size:.75rem;font-weight:700;border:1px solid var(--retro-text-primary)}.lp-pricing-card.popular{border-color:var(--retro-text-primary);transform:scale(1.03)}.lp-pricing-card-header h3{font-size:1.5rem;margin-bottom:.25rem}.lp-pricing-card-header p{font-size:.9rem;color:var(--retro-text-secondary);margin-bottom:1.5rem;min-height:2.7em}.lp-pricing-card-price{font-size:clamp(2.5rem,7vw,3.5rem);font-weight:700;color:var(--retro-text-primary);margin-bottom:.25rem;line-height:1}.lp-pricing-card-price .lp-price-period{font-size:1rem;font-weight:400;color:var(--retro-text-secondary);margin-left:.25rem}.lp-pricing-features{list-style:none;padding:0;margin:1.5rem 0 2rem;text-align:left;flex-grow:1}.lp-pricing-features li{font-size:.95rem;margin-bottom:.75rem;display:flex;align-items:center}.lp-pricing-features .lp-feature-icon{margin-right:.75rem;font-size:1.1em;flex-shrink:0;color:#5cb85c}.lp-pricing-features .lp-feature-icon.accent{color:var(--retro-accent-primary)}.lp-faq-section{background-color:var(--retro-bg-medium)}.lp-faq-list{border:1px solid var(--retro-border-color);border-radius:6px;overflow:hidden;background-color:var(--retro-bg)}.lp-faq-item{border-bottom:1px solid var(--retro-border-color)}.lp-faq-item:last-child{border-bottom:none}.lp-faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;text-align:left;background-color:transparent;border:none;cursor:pointer;color:var(--retro-text-primary);font-size:1.1rem;font-weight:600}.lp-faq-question svg{transition:transform .2s ease-in-out}.lp-faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out}.lp-faq-answer.open{max-height:400px;padding-bottom:1.25rem}.lp-footer{background-color:var(--retro-bg-medium);color:var(--retro-text-secondary);padding-top:4rem;padding-bottom:1.5rem;font-size:.9rem;border-top:1px solid var(--retro-border-color)}.lp-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.lp-footer-about{grid-column:span 2}.lp-footer-about .lp-nav-logo{margin-bottom:1rem}.lp-footer-links-group h4{font-size:1rem;font-weight:600;color:var(--retro-text-primary);margin-bottom:1rem}.lp-footer-links-group ul{list-style:none}.lp-footer-links-group ul li{margin-bottom:.6rem}.lp-footer-bottom{border-top:1px solid var(--retro-border-color);padding-top:1.5rem;margin-top:2rem;text-align:center}.auth-prompt,.error-state,.loading-state{align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem}.auth-prompt,.dashboard-layout,.error-state,.loading-state{display:flex;flex-direction:column;background-color:var(--retro-bg-medium)}.dashboard-layout{min-height:100vh}.dashboard-header{background-color:var(--retro-bg);padding:1rem 2rem;justify-content:space-between;border-bottom:1px solid var(--retro-border-color);position:-webkit-sticky;position:sticky;top:0;z-index:999;flex-wrap:wrap}.dashboard-header,.header-logo-title{display:flex;align-items:center;gap:1rem}.dashboard-logo-link{font-size:1.5rem;font-weight:700;color:var(--retro-text-primary)}.dashboard-page-title{font-size:1rem;color:var(--retro-text-secondary);border-left:1px solid var(--retro-border-color);padding-left:1rem}.header-user-info{display:flex;align-items:center;gap:1rem;font-size:.9rem;flex-wrap:wrap}.profile-plan-info{background-color:var(--retro-bg-dark);color:var(--retro-text-primary);padding:.3rem .7rem;border-radius:4px;border:1px solid var(--retro-border-color)}.limit-reached-info{background-color:#f2dede;color:#a94442;padding:.3rem .7rem;border-radius:4px}.action-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.6rem 1rem;border-radius:4px;font-weight:500;border:1px solid var(--retro-text-primary);text-decoration:none;background-color:#fff;color:var(--retro-text-primary);transition:all .2s ease;box-shadow:2px 2px 0 rgba(0,0,0,.1)}.action-button:hover{transform:translateY(-1px);box-shadow:3px 3px 0 rgba(0,0,0,.1)}.action-button.upgrade-button{background-color:#5cb85c;color:#fff}.action-button.signout-button{background-color:var(--retro-accent-primary);color:#fff}.dashboard-main-content{flex-grow:1;padding:1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));grid-gap:1.5rem;gap:1.5rem;align-items:start}.extension-setup-panel,.history-panel,.latest-solution-panel{background-color:var(--retro-bg);padding:1.5rem;border-radius:6px;border:1px solid var(--retro-border-color);display:flex;flex-direction:column}.extension-setup-panel h2,.history-panel h2,.latest-solution-panel h2{font-size:1.25rem;color:var(--retro-text-primary);margin-bottom:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-content-wrapper{overflow:hidden}.token-display-container{display:flex;gap:.5rem;margin:.5rem 0 1rem}.token-input-display{flex-grow:1;padding:.6rem;border:1px solid var(--retro-border-color);border-radius:4px;background-color:var(--retro-bg-medium);font-family:monospace}.action-button.generate-token-button{background-color:var(--retro-accent-secondary);color:#fff;width:100%;max-width:300px}.token-instructions ol{padding-left:1.5rem;margin-top:.5rem}.token-instructions li{margin-bottom:.5rem}.extension-link{font-weight:600;color:var(--retro-accent-primary)}.latest-solution-panel .solution-preview-container{border:1px solid var(--retro-border-color);border-radius:4px;background-color:var(--retro-code-bg);overflow:hidden}.latest-solution-panel .solution-timestamp{padding:.5rem 1rem;color:var(--retro-accent-secondary);font-size:.8rem}.dashboard-main-content pre[class*=language-],.solution-fullscreen-wrapper pre[class*=language-]{margin:0!important;padding:1rem!important;font-size:.875em!important;line-height:1.5!important;white-space:pre-wrap!important;word-break:break-word!important;overflow:auto!important;color:var(--retro-code-text)!important;background:transparent!important;font-family:Courier New,Courier,monospace!important}.solution-fullscreen-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--retro-code-bg);z-index:2000;display:flex;flex-direction:column;padding:1rem}.fullscreen-controls{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:.75rem}.history-list{list-style:none;padding:0;max-height:500px;overflow-y:auto}.history-item{margin-bottom:1rem;border:1px solid var(--retro-border-color);border-radius:4px;background-color:var(--retro-code-bg);overflow:hidden}.history-item-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#3f3f3f;cursor:pointer}.history-timestamp{font-size:.8rem;color:var(--retro-accent-secondary)}.expand-history-button{background:none;border:none;color:#ccc;cursor:pointer}pre.history-code-snippet.snippet{max-height:100px}.placeholder-text{font-style:italic;color:var(--retro-text-secondary);text-align:center;padding:2rem 1rem;border:2px dashed var(--retro-border-color);border-radius:4px;min-height:150px}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--retro-bg-medium)}.cl-card{background-color:var(--retro-bg)!important;border:1px solid var(--retro-text-primary)!important;border-radius:6px!important;box-shadow:4px 4px 0 var(--retro-text-primary)!important}.cl-headerTitle{color:var(--retro-text-primary)!important}.cl-formButtonPrimary{background-color:var(--retro-accent-primary)!important}.cl-socialButtonsBlockButton{border-radius:4px!important}@media (max-width:768px){.lp-nav-actions,.lp-nav-links{display:none}.dashboard-header{flex-direction:column;align-items:flex-start}.header-user-info{width:100%}}