@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
:root{--bg:#fff8e7;--bg-alt:#fff1d6;--bg-card:#fffaf0;--primary:#e8985a;--primary-dark:#d07a3c;--accent:#7ec8a4;--accent-dark:#5aaf86;--water:#5b9bd5;--water-light:#8dc3f0;--water-dark:#3a7bb8;--dark:#3b3226;--dark-soft:#5c4f3d;--text:#3b3226;--text-light:#887760;--cream-border:#e8d5b8;--white:#fff;--danger:#e85a5a;--pro-gradient1:gold;--pro-gradient2:orange;--pixel:4px;--radius:0px;--nav-height:70px;--font-pixel:"Press Start 2P",monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-pixel);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;image-rendering:pixelated;line-height:1.8;overflow-x:hidden}.pixel-border{border:var(--pixel)solid var(--dark);box-shadow:var(--pixel)var(--pixel)0 var(--dark),calc(var(--pixel)*-1)calc(var(--pixel)*-1)0 var(--cream-border)}.pixel-border-light{border:calc(var(--pixel)/2)solid var(--cream-border);box-shadow:calc(var(--pixel)/2)calc(var(--pixel)/2)0 var(--cream-border)}.pixel-btn{font-family:var(--font-pixel);border:var(--pixel)solid var(--dark);cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--pixel)var(--pixel)0 var(--dark);padding:14px 28px;font-size:.65rem;text-decoration:none;transition:all .1s;display:inline-block;position:relative}.pixel-btn:hover{transform:translate(calc(var(--pixel)/2),calc(var(--pixel)/2));box-shadow:calc(var(--pixel)/2)calc(var(--pixel)/2)0 var(--dark)}.pixel-btn:active{transform:translate(var(--pixel),var(--pixel));box-shadow:none}.pixel-btn-primary{background-color:var(--primary);color:var(--white)}.pixel-btn-primary:hover{background-color:var(--primary-dark)}.pixel-btn-accent{background-color:var(--accent);color:var(--white)}.pixel-btn-accent:hover{background-color:var(--accent-dark)}.pixel-btn-outline{color:var(--dark);background-color:#0000}.pixel-btn-outline:hover{background-color:var(--bg-alt)}.splash-overlay{z-index:9999;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.splash-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-title{color:var(--primary);text-shadow:var(--pixel)var(--pixel)0 var(--dark),calc(var(--pixel)*2)calc(var(--pixel)*2)0 #3b32264d;margin-bottom:30px;font-size:clamp(2rem,6vw,4.5rem);animation:1.2s ease-in-out infinite alternate splashPulse}@keyframes splashPulse{0%{transform:scale(1)}to{transform:scale(1.04)}}.splash-bar-track{border:var(--pixel)solid var(--dark);background:var(--bg-alt);width:260px;height:20px;position:relative;overflow:hidden}.splash-bar-fill{background:linear-gradient(90deg,var(--accent),var(--primary));height:100%;transition:width .3s linear}.splash-loading-text{color:var(--text-light);margin-top:14px;font-size:.5rem;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.splash-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.splash-particle{background:var(--primary);opacity:.3;width:6px;height:6px;animation:4s linear infinite floatUp;position:absolute}.splash-particle:nth-child(2){background:var(--accent);width:4px;height:4px;animation-delay:.5s;left:20%}.splash-particle:nth-child(3){background:var(--water);animation-delay:1s;left:40%}.splash-particle:nth-child(4){background:var(--primary);width:8px;height:8px;animation-delay:1.5s;left:60%}.splash-particle:nth-child(5){background:var(--accent);animation-delay:2s;left:80%}.splash-particle:nth-child(6){background:var(--water);width:4px;height:4px;animation-delay:2.5s;left:10%}.splash-particle:nth-child(7){background:var(--primary);animation-delay:3s;left:70%}.splash-particle:nth-child(8){background:var(--accent);width:5px;height:5px;animation-delay:.8s;left:90%}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.4}90%{opacity:.4}to{opacity:0;transform:translateY(-20px)rotate(360deg)}}.navbar{height:var(--nav-height);z-index:10000;background:0 0;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo-btn{font-family:var(--font-pixel);color:var(--white);text-shadow:2px 2px 0 var(--dark);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:0;font-size:1.2rem;transition:transform .2s;display:flex}.navbar-logo-btn:hover{transform:translateY(-2px)}.logo-chevron{font-size:.8rem;transition:transform .3s}.logo-chevron.open{transform:rotate(180deg)}.nav-right{align-items:center;gap:16px;display:flex}.lang-switcher{gap:6px;display:flex}.lang-btn{font-family:var(--font-pixel);color:#ffffffb3;cursor:pointer;text-transform:uppercase;background:0 0;border:2px solid #ffffff4d;border-radius:4px;padding:4px 8px;font-size:.45rem;transition:all .15s}.lang-btn:hover,.lang-btn.active{border-color:var(--primary);color:var(--primary);background:#3b32264d}.nav-mega-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;opacity:0;pointer-events:none;padding-top:calc(var(--nav-height) + 40px);background:#120f0c99;flex-direction:column;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.nav-mega-overlay.open{opacity:1;pointer-events:auto}.nav-mega-menu{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;display:flex}.nav-mega-item{border:var(--pixel)solid var(--cream-border);width:100%;font-family:var(--font-pixel);color:var(--text);cursor:pointer;box-shadow:4px 4px 0 var(--dark-border);opacity:0;background:#fff8e7f2;align-items:center;gap:16px;padding:16px 24px;font-size:.7rem;transition:transform .2s,box-shadow .2s,background .2s;display:flex;transform:translateY(-20px)}.nav-mega-overlay.open .nav-mega-item{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards dropIn}.nav-mega-item:hover{background:#fff;box-shadow:6px 6px 0 var(--dark-border)!important;transform:translate(-2px,-2px)!important}.nav-mega-item:active{box-shadow:2px 2px 0 var(--dark-border)!important;transform:translate(2px,2px)!important}.nav-mega-icon{font-size:1.2ch}.nav-mega-label{text-align:left;flex:1}.nav-mega-divider{opacity:0;background:#ffffff4d;border-radius:2px;width:40px;height:4px;margin:8px 0}.nav-mega-overlay.open .nav-mega-divider{animation:.4s forwards fadeIn}.nav-mega-signout{color:#c84b31;background:#c84b311a;border-color:#c84b31}.nav-mega-signout:hover{background:#c84b3133}.nav-mega-cta{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-mega-cta:hover{background:#4a8cd5}@keyframes dropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.island-world{width:100%;min-height:100vh;position:relative;overflow:hidden}.island-world>.water-canvas{z-index:1;position:absolute;inset:0}.hero-text{z-index:20;text-align:center;padding:calc(var(--nav-height) + 30px)20px 10px;position:relative}.hero-title{color:var(--white);text-shadow:var(--pixel)var(--pixel)0 var(--dark),calc(var(--pixel)*2)calc(var(--pixel)*2)0 #3b322666,0 0 30px #5b9bd54d;margin-bottom:12px;font-size:clamp(2.2rem,5.5vw,4rem)}.hero-subtitle{color:#ffffffeb;text-shadow:1px 1px 0 var(--dark),-1px -1px 0 #3b322680;margin-bottom:8px;font-size:clamp(.55rem,1.5vw,.75rem)}.hero-desc{color:#fff8e7d9;text-shadow:1px 1px #3b322699;max-width:600px;margin:0 auto 20px;font-size:clamp(.4rem,1vw,.55rem);line-height:2}.hero-scroll-hint{color:#7ec8a4e6;text-shadow:1px 1px #0006;margin-top:10px;font-size:.4rem;animation:1.5s step-end infinite blink}.island-map{z-index:10;width:100%;max-width:1200px;height:560px;margin:0 auto;position:relative;overflow:visible}.hero-ocean-fade{z-index:15;background:linear-gradient(to bottom,transparent 0%,var(--bg)100%);pointer-events:none;width:100%;height:100px;margin-top:-100px;position:relative}.pixel-sky-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pixel-cloud{will-change:left;position:absolute}.island-delete-btn{background-color:var(--danger);color:var(--white);border:var(--pixel)solid var(--dark);cursor:pointer;z-index:20;opacity:0;justify-content:center;align-items:center;width:24px;height:24px;font-family:inherit;font-size:.6rem;font-weight:700;transition:opacity .2s,transform .2s,background-color .1s;display:flex;position:absolute;top:10px;right:-20px;transform:translateY(10px);box-shadow:inset -2px -2px #0000004d}.island:hover .island-delete-btn{opacity:1;transform:translateY(0)}.island-delete-btn:hover{background-color:#ff6b6b}.island-delete-btn:active{box-shadow:inset 2px 2px #0000004d}.island{z-index:10;cursor:pointer;flex-direction:column;align-items:center;transition:transform .2s,filter .2s;display:flex;position:absolute}.island:hover{filter:brightness(1.1)drop-shadow(0 6px 8px #00000040);transform:translate(-50%,-50%)translateY(-10px)scale(1.08)}.island .island-sprite{transition:filter .2s}.island:hover .island-sprite{filter:brightness(1.1)}.island-sprite svg{display:block}.island-label{color:var(--white);text-align:center;text-transform:uppercase;max-width:140px;text-shadow:1px 1px 0 var(--dark),-1px -1px 0 var(--dark),1px -1px 0 var(--dark),-1px 1px 0 var(--dark);letter-spacing:.5px;margin-top:4px;font-size:.4rem;line-height:1.6}.island-hub .island-label{color:var(--primary);text-shadow:1px 1px 0 var(--dark),-1px -1px 0 var(--dark),1px -1px 0 var(--dark),-1px 1px 0 var(--dark),2px 2px 0 #3b32264d;font-size:.55rem}.palm-deco{z-index:8;pointer-events:none;animation:3s ease-in-out infinite alternate palmSway;position:absolute}@keyframes palmSway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.section{max-width:1100px;margin:0 auto;padding:80px 20px}.section-title{color:var(--dark);text-align:center;margin-bottom:8px;font-size:clamp(.9rem,2.5vw,1.4rem)}.section-subtitle{color:var(--text-light);text-align:center;margin-bottom:50px;font-size:.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.feature-card{background:var(--bg-card);border:var(--pixel)solid var(--dark);box-shadow:var(--pixel)var(--pixel)0 var(--dark);padding:28px 22px;transition:transform .15s,box-shadow .15s}.feature-card:hover{box-shadow:calc(var(--pixel)*1.5)calc(var(--pixel)*1.5)0 var(--dark);transform:translate(-2px,-2px)}.feature-card-icon{margin-bottom:16px;line-height:0}.feature-card-title{color:var(--dark);text-transform:uppercase;margin-bottom:10px;font-size:.6rem}.feature-card-desc{color:var(--text-light);font-size:.45rem;line-height:2.2}.steps-container{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;display:flex}.step-card{text-align:center;background:var(--bg-card);border:var(--pixel)solid var(--dark);min-width:200px;max-width:280px;box-shadow:var(--pixel)var(--pixel)0 var(--dark);flex:1;padding:30px 18px;position:relative}.step-number{background:var(--primary);border:var(--pixel)solid var(--dark);width:50px;height:50px;color:var(--white);justify-content:center;align-items:center;margin:0 auto 16px;font-size:.8rem;display:flex}.step-card-title{color:var(--dark);margin-bottom:10px;font-size:.55rem}.step-card-desc{color:var(--text-light);font-size:.42rem;line-height:2.2}.pricing-grid{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;display:flex}.pricing-card{background:var(--bg-card);border:var(--pixel)solid var(--dark);min-width:260px;max-width:360px;box-shadow:var(--pixel)var(--pixel)0 var(--dark);text-align:center;flex:1;padding:36px 28px;transition:transform .15s;position:relative}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.pro{border-color:var(--primary);box-shadow:var(--pixel)var(--pixel)0 var(--primary),0 0 0 calc(var(--pixel)/2)var(--primary)}.pricing-badge{background:linear-gradient(135deg,var(--pro-gradient1),var(--pro-gradient2));color:var(--dark);border:2px solid var(--dark);padding:4px 12px;font-size:.4rem;position:absolute;top:-14px;right:20px}.pricing-name{color:var(--dark);text-transform:uppercase;margin-bottom:8px;font-size:.7rem}.pricing-price{color:var(--primary);margin-bottom:4px;font-size:1.8rem}.pricing-period{color:var(--text-light);margin-bottom:24px;font-size:.45rem}.pricing-features{text-align:left;margin-bottom:28px;list-style:none}.pricing-features li{color:var(--text-light);border-bottom:1px dashed var(--cream-border);padding:8px 0;font-size:.42rem;line-height:1.8}.pricing-features li:before{content:"✦ ";color:var(--accent)}.pricing-card.pro .pricing-features li:before{color:var(--primary)}.cta-section{text-align:center;background:var(--bg-alt);border-top:var(--pixel)solid var(--cream-border);border-bottom:var(--pixel)solid var(--cream-border);padding:80px 20px}.cta-title{color:var(--dark);margin-bottom:16px;font-size:clamp(.9rem,2.5vw,1.4rem)}.cta-desc{color:var(--text-light);max-width:500px;margin:0 auto 30px;font-size:.45rem;line-height:2.2}.footer{background:var(--dark);color:var(--bg);padding:50px 30px 30px}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:30px;max-width:1100px;margin:0 auto;display:flex}.footer-brand{max-width:260px}.footer-logo{color:var(--primary);margin-bottom:10px;font-size:.9rem}.footer-tagline{color:var(--text-light);font-size:.4rem;line-height:2}.footer-email{margin-top:15px;font-size:.45rem}.footer-email a{color:var(--primary);text-decoration:none}.footer-email a:hover{text-decoration:underline}.footer-col h4{color:var(--primary);text-transform:uppercase;margin-bottom:14px;font-size:.5rem}.footer-col a{color:var(--cream-border);margin-bottom:10px;font-size:.4rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--primary)}.footer-bottom{text-align:center;border-top:1px solid var(--dark-soft);color:var(--text-light);margin-top:40px;padding-top:20px;font-size:.35rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.6s forwards fadeInUp}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--bg-alt);width:100%;max-width:420px;padding:40px 32px}.auth-title{color:var(--primary);text-shadow:2px 2px 0 var(--dark);margin-bottom:8px;font-size:clamp(1.2rem,3vw,1.8rem)}.auth-subtitle{color:var(--text-light);margin-bottom:24px;font-size:.45rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text);text-transform:uppercase;font-size:.4rem}.auth-input{font-family:var(--font-pixel);border:var(--pixel)solid var(--cream-border);background:var(--bg);color:var(--text);outline:none;padding:10px 12px;font-size:.5rem;transition:border-color .2s}.auth-input:focus{border-color:var(--primary)}.auth-textarea{resize:vertical;min-height:60px;line-height:1.8}.auth-error{color:#d45545;background:#d455451a;border:1px solid #d455454d;padding:8px 12px;font-size:.4rem}.auth-submit{width:100%;margin-top:8px}.auth-switch{color:var(--text-light);text-align:center;margin-top:20px;font-size:.4rem}.auth-link{color:var(--primary);text-decoration:none}.auth-link:hover{text-decoration:underline}.dash-world{width:100%;height:100vh;position:relative;overflow:hidden}.dash-world-header{z-index:10;padding:calc(var(--nav-height) + 30px)40px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.dash-world-header>*{pointer-events:auto}.dash-ai-builder{border:var(--pixel)solid #ffffff26;-webkit-backdrop-filter:blur(8px);background:#120f0cbf;border-radius:4px;gap:12px;padding:12px;display:flex}.dash-ai-builder .pixel-input{width:clamp(200px,30vw,400px);color:var(--white);background:#0000004d;border-color:#fff3}.dash-ai-builder .pixel-input:focus{border-color:var(--primary);background:#00000080}.pixel-btn-ai{color:#fff;text-shadow:1px 1px #5a358a;background:linear-gradient(#9c71d6 0%,#7e4fba 100%);border-color:#5a358a}.pixel-btn-ai:hover:not(:disabled){background:linear-gradient(#b08be3 0%,#9c71d6 100%)}.pixel-btn-ai.disabled{color:#ffffff80;cursor:not-allowed;background:#ffffff1a;border-color:#fff3}.dash-world-title{font-family:var(--font-pixel),sans-serif;text-shadow:2px 2px 0 var(--text-dark);color:var(--white);margin-bottom:8px;font-size:clamp(1.5rem,4vw,2.5rem)}.dash-world-subtitle{color:#fffc;max-width:500px;font-size:clamp(.6rem,2vw,.8rem)}.feed-world{overflow:hidden}.feed-header{pointer-events:none}.feed-ocean-container{pointer-events:none;z-index:5;position:absolute;inset:0}.feed-island-float{filter:drop-shadow(0 15px 15px #0000004d);flex-direction:column;align-items:center;gap:12px;animation:linear infinite forwards driftRight;display:flex;position:absolute;left:-200px}@keyframes driftRight{0%{transform:translate(0)scale(.9)}50%{transform:translate(55vw)scale(1)translateY(-10px)}to{transform:translate(110vw)scale(.9)}}.feed-island-sprite{animation:3s ease-in-out infinite float-y;position:relative}.feed-island-tooltip{border:var(--pixel)solid #fff3;-webkit-backdrop-filter:blur(4px);color:#fff;text-align:center;pointer-events:auto;background:#120f0cd9;border-radius:6px;min-width:200px;padding:10px 14px;transition:transform .2s}.feed-island-tooltip:hover{border-color:var(--primary);background:#120f0cf2;transform:scale(1.05)translateY(-5px)}.feed-tooltip-header{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.feed-avatar{font-size:1.2rem}.feed-username{color:var(--accent);font-size:.5rem;font-weight:700}.feed-action{color:#ffffffb3;margin-bottom:6px;font-size:.4rem}.feed-project{font-size:.45rem;font-family:var(--font-pixel);color:var(--primary)}.spawn-anim{animation:linear forwards driftRight,.6s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:translateY(50px)scale(0)}to{opacity:1;transform:translateY(0)scale(1)}}.lane-0{z-index:5;filter:brightness(.8)scale(.8)}.lane-1{z-index:6;filter:brightness(.9)scale(.9)}.lane-2{z-index:7;filter:brightness(1)scale(1)}.lane-3{z-index:8;filter:brightness(1.1)scale(1.1)}.lane-4{z-index:9;filter:brightness(1.2)scale(1.2)}.dash-ocean-map{z-index:10;position:absolute;inset:0}.dash-ocean-loading{z-index:20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dash-ocean-loading .pixel-text{color:#fff;text-shadow:2px 2px #0006;font-size:.6rem;animation:1.5s step-end infinite blink}.dash-ocean-empty{z-index:20;text-align:center;border:var(--pixel)solid var(--cream-border);box-shadow:4px 4px 0 var(--dark);background:#f5f0e1eb;padding:40px 48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dash-ocean-empty-icon{margin-bottom:12px;font-size:3rem}.dash-ocean-empty h2{color:var(--text);margin-bottom:8px;font-size:.7rem}.dash-ocean-empty p{color:var(--text-light);margin-bottom:20px;font-size:.42rem;line-height:2}.dashboard-loading{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.travel-overlay{z-index:9999;position:fixed;inset:0;overflow:hidden}.travel-bird{z-index:100;transition:none;position:absolute;top:35%}.travel-bird.fly{animation:2.5s ease-in-out forwards birdFly}.travel-bird.arrive,.travel-bird.done{opacity:0}@keyframes birdFly{0%{top:45%;left:-10%;transform:scale(1)}30%{top:25%;left:30%;transform:scale(1.2)}60%{top:35%;left:60%;transform:scale(1.1)}to{top:30%;left:110%;transform:scale(.8)}}.travel-bird-trail{z-index:99;position:absolute}.travel-bird-trail.fly span{animation:2.5s ease-in-out forwards birdFly;position:absolute}.travel-bird-trail.arrive span,.travel-bird-trail.done span{opacity:0}.travel-destination{z-index:50;opacity:0;transition:transform .8s,opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.travel-destination.arrive,.travel-destination.done{opacity:1;transform:translate(-50%,-50%)scale(1)}.travel-text{z-index:60;text-align:center;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.travel-traveling{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px #0006;font-size:.7rem;animation:1s step-end infinite blink}.travel-text.done{opacity:0;transition:opacity .3s}.explore-island-wrapper{flex-direction:column;align-items:center;display:flex}.travel-btn{z-index:20;margin-top:-8px;background:#f5f0e1f2!important;font-size:.35rem!important}.travel-btn:hover{transform:scale(1.1)}.ai-chat{flex-direction:column;height:400px;display:flex}.ai-chat-messages{flex-direction:column;flex:1;gap:8px;padding:12px 0;display:flex;overflow-y:auto}.ai-chat-bubble{border:var(--pixel)solid var(--cream-border);max-width:80%;padding:10px 14px;font-size:.9rem;line-height:1.8}.ai-chat-bubble .markdown-body p{margin-bottom:8px}.ai-chat-bubble .markdown-body p:last-child{margin-bottom:0}.ai-chat-bubble .markdown-body strong{color:#fff;background:#ffffff1a;border-radius:2px;padding:0 4px;font-weight:700}.ai-chat-bubble .markdown-body ul,.ai-chat-bubble .markdown-body ol{margin-bottom:8px;margin-left:0;padding-left:24px}.ai-chat-bubble .markdown-body li{margin-bottom:4px}.ai-chat-bubble .inline-code{color:#f0b875;background:#0000004d;border-radius:4px;padding:2px 4px;font-family:monospace}.ai-chat-bubble .custom-code-block{background:var(--dark);border:calc(var(--pixel)*2)solid var(--primary);box-shadow:var(--pixel)var(--pixel)0 var(--dark);margin:12px 0}.ai-chat-bubble .code-lang-label{color:#f0b875;text-transform:uppercase;letter-spacing:1px;background:#3b3226;border-bottom:2px solid #1e1e1e;padding:4px 8px;font-size:.7rem;font-weight:700}.ai-chat-bubble .custom-code-block pre{margin:0;padding:12px;overflow-x:auto}.ai-chat-bubble .custom-code-block code{color:#d4d4d4;font-family:monospace;font-size:.85rem;line-height:1.4}.ai-chat-bubble.assistant{background:var(--bg);color:var(--text);align-self:flex-start}.ai-chat-bubble.user{background:var(--primary);color:#fff;border-color:var(--primary);align-self:flex-end}.ai-chat-form{gap:8px;margin-top:12px;display:flex}.ai-chat-input{flex:1}.ai-chat-no-key{text-align:center;border:var(--pixel)dashed var(--cream-border);background:#5b9bd514;margin-bottom:12px;padding:20px}.ai-chat-no-key p{color:var(--text-light);margin-bottom:12px;font-size:.42rem;line-height:1.8}.ai-thinking{opacity:.7;animation:1s step-end infinite blink}.ai-action-buttons{flex-wrap:wrap;gap:6px;margin:4px 0 8px;padding-left:8px;display:flex}.ai-action-btn{color:#4a9b56!important;background:#6bbf7a26!important;border-color:#6bbf7a!important;font-size:.32rem!important}.ai-action-btn:hover{background:#6bbf7a4d!important}.ai-status-bar{align-items:center;gap:10px;padding:10px 14px;display:flex}.ai-status-dot{border-radius:50%;width:10px;height:10px}.ai-status-dot.connected{background:#6bbf7a;box-shadow:0 0 6px #6bbf7a99}.ai-status-dot.disconnected{background:#b0b0b8}.ai-status-text{color:var(--text-light);font-size:.38rem}.settings-page{background:var(--bg);min-height:100vh;padding:calc(var(--nav-height) + 30px)32px 40px;max-width:700px;margin:0 auto}.settings-header{align-items:center;gap:16px;margin-bottom:28px;display:flex}.settings-header-icon{flex-shrink:0}.settings-title{color:var(--primary);text-shadow:2px 2px 0 var(--dark);font-size:clamp(.9rem,3vw,1.3rem)}.settings-subtitle{color:var(--text-light);margin-top:4px;font-size:.42rem}.settings-section{margin-bottom:20px;padding:20px}.settings-section-title{color:var(--text);margin-bottom:8px;font-size:.55rem}.settings-section-desc{color:var(--text-light);margin-bottom:16px;font-size:.4rem;line-height:1.8}.settings-empty{color:var(--text-light);text-align:center;padding:20px;font-size:.42rem}.settings-security-note{border:var(--pixel)dashed var(--cream-border);background:#5b9bd50f}.settings-security-note p{color:var(--text-light);font-size:.4rem;line-height:1.8}.api-key-form{flex-direction:column;gap:14px;display:flex}.api-key-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.api-key-label{font-family:var(--font-pixel);color:var(--text);flex-direction:column;gap:6px;font-size:.38rem;display:flex}.api-key-select{cursor:pointer}.api-key-error{color:var(--accent);font-size:.38rem}.api-key-list{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.api-key-item{border:var(--pixel)solid var(--cream-border);background:var(--bg);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.api-key-info{align-items:center;gap:12px;display:flex}.api-key-provider{font-family:var(--font-pixel);text-transform:uppercase;padding:3px 8px;font-size:.32rem}.api-key-provider.openai{color:#fff;background:#10a37f}.api-key-provider.anthropic{color:#fff;background:#d97706}.api-key-provider.deepseek{color:#fff;background:#5b6ef5}.api-key-provider.gemini{color:#fff;background:#4285f4}.storage-mode-selector{gap:12px;margin-bottom:16px;display:flex}.storage-mode-option{border:var(--pixel)solid var(--cream-border);background:var(--bg);cursor:pointer;flex:1;padding:12px 14px;transition:border-color .2s,background .2s}.storage-mode-option:hover{border-color:var(--primary)}.storage-mode-option.active{border-color:var(--primary);background:#e8985a14}.storage-mode-option-title{font-family:var(--font-pixel);color:var(--text);align-items:center;gap:8px;font-size:.38rem;display:flex}.storage-mode-option-desc{color:var(--text-light);margin-top:6px;font-size:.33rem;line-height:1.6}.storage-badge{font-family:var(--font-pixel);text-transform:uppercase;padding:2px 6px;font-size:.28rem}.storage-badge.local{color:#fff;background:#5b9bd5}.storage-badge.cloud{color:#fff;background:#887760}.recommended-badge{font-family:var(--font-pixel);background:var(--accent);color:#fff;padding:2px 6px;font-size:.26rem}.api-key-item-label{color:var(--text);font-size:.4rem}.api-key-date{color:var(--text-light);font-size:.35rem}.project-card{background:var(--bg-alt);cursor:pointer;padding:0;transition:transform .2s;overflow:hidden}.project-card:hover{transform:translateY(-4px)}.project-card-island{background:linear-gradient(#5b9bd5 0%,#7bb8e8 60%,#a8d8f0 100%);justify-content:center;align-items:center;min-height:100px;padding:16px 0 8px;display:flex}.project-card-body{padding:16px 20px 20px}.project-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.project-status{width:8px;height:8px;display:inline-block}.project-date{color:var(--text-light);font-size:.35rem}.project-card-title{color:var(--text);margin-bottom:8px;font-size:.6rem}.project-card-desc{color:var(--text-light);margin-bottom:16px;font-size:.4rem;line-height:2}.project-card-actions{gap:8px;display:flex}.pixel-btn-sm{padding:6px 12px!important;font-size:.4rem!important}.pixel-btn-danger{color:#d45545!important;border-color:#d45545!important}.pixel-btn-danger:hover{color:var(--white)!important;background:#d45545!important}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-alt);width:100%;max-width:460px;padding:32px;animation:.3s fadeInUp}.modal-title{color:var(--primary);text-shadow:1px 1px 0 var(--dark);margin-bottom:6px;font-size:.8rem}.modal-subtitle{color:var(--text-light);margin-bottom:20px;font-size:.4rem}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.nav-user-group{align-items:center;gap:8px;display:flex}.nav-signout{opacity:.7;padding:6px 10px!important;font-size:.4rem!important}.nav-signout:hover{opacity:1}.project-hero{width:100%;height:300px;position:relative;overflow:hidden}.project-hero-island{z-index:10;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-hero-overlay{z-index:20;background:linear-gradient(#0000,#0006);padding:20px 32px;position:absolute;bottom:0;left:0;right:0}.project-back-hero{color:#ffffffd9;margin-bottom:8px;font-size:.42rem;text-decoration:none;transition:color .2s;display:inline-block}.project-back-hero:hover{color:#fff}.project-hero-title{color:#fff;text-shadow:2px 2px #0006;margin-bottom:6px;font-size:clamp(.9rem,3vw,1.5rem)}.project-meta-hero{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.project-meta-hero>span{color:#fffc;text-shadow:1px 1px #0000004d;font-size:.38rem}.project-page{background:var(--bg);max-width:900px;margin:0 auto;padding:24px 32px 40px}.project-meta-status{font-size:.38rem;font-family:var(--font-pixel);text-transform:uppercase;padding:3px 10px}.project-meta-status[data-status=active]{color:#fff;background:#6bbf7a}.project-meta-status[data-status=archived]{color:#fff;background:#b0b0b8}.project-tabs{border-bottom:var(--pixel)solid var(--cream-border);gap:4px;margin-bottom:0;display:flex}.project-tab{font-family:var(--font-pixel);color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:10px 18px;font-size:.42rem;transition:color .2s;position:relative}.project-tab:hover{color:var(--text)}.project-tab.active{color:var(--primary)}.project-tab.active:after{content:"";bottom:calc(var(--pixel)*-1);height:calc(var(--pixel)*2);background:var(--primary);position:absolute;left:0;right:0}.project-content{min-height:300px;padding:24px}.project-section{margin-bottom:24px}.project-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.project-section-header h3{color:var(--text);font-size:.55rem}.project-desc-text{color:var(--text-light);font-size:.45rem;line-height:2}.project-desc-edit{flex-direction:column;gap:8px;display:flex}.project-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;display:grid}.project-stat{text-align:center;background:var(--bg);padding:16px 10px}.project-stat-value{color:var(--primary);margin-bottom:4px;font-size:1rem;display:block}.project-stat-label{color:var(--text-light);text-transform:uppercase;font-size:.38rem}.task-add-form{gap:8px;margin-bottom:16px;display:flex}.task-input{flex:1}.task-list{margin:0;padding:0;list-style:none}.task-item{border-bottom:1px solid var(--cream-border);justify-content:space-between;align-items:center;padding:10px 12px;transition:opacity .2s;display:flex}.task-item.done{opacity:.5}.task-item.done .task-text{text-decoration:line-through}.task-check{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.task-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.task-text{color:var(--text);font-size:.45rem}.task-delete{font-family:var(--font-pixel);color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.4rem;transition:color .2s}.task-delete:hover{color:#d45545}.project-empty-tab{color:var(--text-light);text-align:center;padding:40px 0;font-size:.45rem}.notes-textarea{resize:vertical;width:100%;min-height:250px;line-height:2}.notes-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.notes-saved{color:#6bbf7a;font-size:.4rem;animation:.3s fadeInUp}.danger-section{border:1px solid #d455454d;margin-top:20px;padding:20px}.danger-title{color:#d45545;margin-bottom:8px;font-size:.55rem}.danger-desc{color:var(--text-light);margin-bottom:16px;font-size:.4rem;line-height:2}.share-toggle-label{cursor:pointer;align-items:center;gap:10px;margin-bottom:8px;display:flex}.share-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.share-toggle-text{color:var(--text);font-size:.42rem}.share-status{color:var(--text-light);margin-bottom:12px;font-size:.38rem}@media (max-width:768px){.island-map{height:700px}.island-label{font-size:.35rem}.section{padding:50px 16px}.features-grid{grid-template-columns:1fr}.pricing-grid{flex-direction:column;align-items:center}.footer-grid{flex-direction:column}.dashboard{padding:calc(var(--nav-height) + 20px)16px 30px}.dashboard-header{flex-direction:column;align-items:flex-start}.projects-grid{grid-template-columns:1fr}.auth-card{padding:30px 20px}.project-page{padding:calc(var(--nav-height) + 16px)16px 30px}.project-tabs{flex-wrap:wrap}.project-tab{padding:8px 12px;font-size:.38rem}.project-stats{grid-template-columns:1fr}.task-add-form{flex-direction:column}.features-grid-v2{grid-template-columns:1fr!important}.feature-card-hero{flex-direction:column!important}.feature-card-hero .feature-card-v2-content{max-width:100%!important}.steps-timeline{padding-left:20px!important}.step-card-v2-body{padding:16px!important}.guide-grid,.why-grid{grid-template-columns:1fr!important}}.reveal-item{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal-item.revealed{opacity:1;transform:translateY(0)}.reveal-item:nth-child(2){transition-delay:.1s}.reveal-item:nth-child(3){transition-delay:.2s}.reveal-item:nth-child(4){transition-delay:.3s}.reveal-item:nth-child(5){transition-delay:.4s}.reveal-item:nth-child(6){transition-delay:.5s}.section-header{text-align:center;margin-bottom:50px}.section-badge{font-family:var(--font-pixel);color:var(--primary);border:2px solid var(--primary);text-transform:uppercase;letter-spacing:2px;background:#e8985a1f;margin-bottom:16px;padding:6px 16px;font-size:.35rem;display:inline-block}.section-header .section-title{margin-bottom:8px}.section-header .section-subtitle{margin-bottom:0}.features-section{padding-bottom:40px}.features-grid-v2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.feature-card-v2{background:var(--bg-card);border:var(--pixel)solid var(--dark);box-shadow:var(--pixel)var(--pixel)0 var(--dark);padding:28px 24px;transition:transform .2s,box-shadow .2s}.feature-card-v2:hover{box-shadow:calc(var(--pixel)*1.8)calc(var(--pixel)*1.8)0 var(--dark);transform:translate(-3px,-3px)}.feature-card-hero{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-alt)100%);border-color:var(--primary);box-shadow:var(--pixel)var(--pixel)0 var(--primary);grid-column:1/-1;align-items:flex-start;gap:32px;display:flex}.feature-card-hero:hover{box-shadow:calc(var(--pixel)*1.8)calc(var(--pixel)*1.8)0 var(--primary)}.feature-card-hero .feature-card-v2-content{max-width:600px}.feature-card-v2-icon{margin-bottom:14px;line-height:0}.feature-card-hero .feature-card-v2-icon{flex-shrink:0;margin-bottom:0}.feature-card-v2-title{color:var(--dark);text-transform:uppercase;margin-bottom:10px;font-size:.6rem}.feature-card-v2-desc{color:var(--text-light);font-size:.42rem;line-height:2.2}.feature-card-v2-list{margin-top:14px;list-style:none}.feature-card-v2-list li{color:var(--text-light);padding:6px 0;font-size:.4rem;line-height:1.8}.feature-card-v2-list li:before{content:"+ ";color:var(--accent);font-weight:700}.how-section{background:var(--bg-alt);border-top:var(--pixel)solid var(--cream-border);max-width:100%;padding:80px 20px}.how-section .section-header,.how-section .steps-timeline{max-width:800px;margin-left:auto;margin-right:auto}.steps-timeline{padding-left:40px;position:relative}.steps-timeline-line{background:linear-gradient(to bottom,var(--primary),var(--accent));width:3px;position:absolute;top:0;bottom:0;left:22px}.step-card-v2{margin-bottom:40px;position:relative}.step-card-v2:last-child{margin-bottom:0}.step-number-v2{background:var(--primary);border:var(--pixel)solid var(--dark);width:40px;height:40px;color:var(--white);font-family:var(--font-pixel);z-index:1;justify-content:center;align-items:center;font-size:.7rem;display:flex;position:absolute;top:0;left:-40px}.step-card-v2-body{background:var(--bg-card);border:var(--pixel)solid var(--dark);box-shadow:var(--pixel)var(--pixel)0 var(--dark);padding:24px}.step-card-v2-title{color:var(--dark);text-transform:uppercase;margin-bottom:10px;font-size:.6rem}.step-card-v2-desc{color:var(--text-light);margin-bottom:16px;font-size:.42rem;line-height:2.2}.step-card-v2-visual{margin-top:12px}.step-mockup{border:3px solid var(--dark);background:var(--bg);overflow:hidden}.step-mockup-bar{background:var(--dark);gap:6px;padding:8px 10px;display:flex}.step-mockup-dot{background:var(--primary);border-radius:50%;width:10px;height:10px}.step-mockup-dot:nth-child(2){background:var(--accent)}.step-mockup-dot:nth-child(3){background:var(--water)}.step-mockup-content{align-items:center;gap:16px;padding:16px;display:flex}.step-mockup-island{background:var(--accent);border:3px solid var(--dark);flex-shrink:0;width:48px;height:48px}.step-mockup-text{color:var(--text);font-size:.42rem}.step-personas{flex-wrap:wrap;gap:16px;display:flex}.step-persona{background:var(--bg);border:2px solid var(--cream-border);color:var(--text);align-items:center;gap:8px;padding:8px 14px;font-size:.38rem;display:flex}.step-persona-avatar{font-size:1.2rem;line-height:1}.step-chat-demo{flex-direction:column;gap:8px;display:flex}.step-chat-msg{border:2px solid var(--cream-border);padding:10px 14px;font-size:.38rem;line-height:1.8}.step-chat-user{background:var(--bg);color:var(--text);align-self:flex-end;max-width:80%}.step-chat-ai{background:var(--accent);color:var(--white);border-color:var(--accent-dark);align-self:flex-start;max-width:80%}.step-chat-ai-alt{background:var(--water);border-color:var(--water-dark)}.step-chat-role{text-transform:uppercase;letter-spacing:1px;opacity:.8;margin-bottom:4px;font-size:.32rem;display:block}.step-chat-switch{text-align:center;color:var(--primary);font-size:.36rem;font-family:var(--font-pixel);padding:4px 0}.guide-section{padding-bottom:40px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.guide-card{background:var(--bg-card);border:var(--pixel)solid var(--dark);box-shadow:var(--pixel)var(--pixel)0 var(--dark);padding:24px 20px;transition:transform .2s,box-shadow .2s}.guide-card:hover{box-shadow:calc(var(--pixel)*1.5)calc(var(--pixel)*1.5)0 var(--dark);transform:translate(-2px,-2px)}.guide-number{font-family:var(--font-pixel);color:var(--primary);opacity:.3;margin-bottom:10px;font-size:1.4rem}.guide-card-title{color:var(--dark);text-transform:uppercase;margin-bottom:8px;font-size:.5rem}.guide-card-desc{color:var(--text-light);font-size:.38rem;line-height:2.2}.why-section{background:var(--bg-alt);border-top:var(--pixel)solid var(--cream-border);max-width:100%;padding:80px 20px}.why-section .section-header,.why-section .why-grid{max-width:1100px;margin-left:auto;margin-right:auto}.why-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.why-card{text-align:center;background:var(--bg-card);border:var(--pixel)solid var(--dark);box-shadow:var(--pixel)var(--pixel)0 var(--dark);padding:32px 20px;transition:transform .2s}.why-card:hover{transform:translateY(-4px)}.why-icon{margin-bottom:14px;font-size:2rem}.why-card-title{color:var(--dark);text-transform:uppercase;margin-bottom:10px;font-size:.5rem}.why-card-desc{color:var(--text-light);font-size:.38rem;line-height:2.2}.confirm-icon{margin-bottom:16px;font-size:3rem;line-height:1}.confirm-message{color:var(--text-light);margin-bottom:12px;font-size:.42rem;line-height:2.2}.confirm-countdown{color:var(--text-light);margin-bottom:20px;font-size:.38rem}.auth-forgot{text-align:right;margin-top:-8px}.auth-forgot .auth-link{font-size:.35rem}