@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap");*,:after,:before{box-sizing:border-box}:root{--bg:#0c0c14;--surface:#14141f;--card:#1c1c2a;--border:#2a2a3e;--accent:#7c5ef7;--accent-dim:rgba(124,94,247,.18);--orange:#f97316;--text:#f0f0f8;--text-muted:#6b6b8a;--text-dim:#3a3a52;--radius:14px;--panel-w:400px;--topbar-h:52px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.siteLogo{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}.introScreen{display:flex;height:100vh;overflow:hidden}.introLeft{width:42%;display:flex;flex-direction:column;justify-content:center;padding:60px 56px;gap:0;background:var(--bg)}.introHeading{font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1;margin:24px 0 20px;color:var(--text)}.introHeading em{font-style:italic;color:var(--accent)}.introBody{font-size:15px;line-height:1.7;color:var(--text-muted);margin:0 0 36px;max-width:380px}.introStats{list-style:none;padding:0;margin:0 0 40px;display:flex;gap:32px}.introStats li{display:flex;flex-direction:column;gap:2px}.introStatNum{font-size:22px;font-weight:700;color:var(--text)}.introStatLabel{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.introBtn{align-self:flex-start;padding:14px 28px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.introBtn:hover{background:#6b4ee0;transform:translateY(-1px)}.introRight{flex:1 1;position:relative;overflow:hidden}.introImage{width:100%!important;height:100%!important;object-fit:cover}.introImageOverlay{position:absolute;inset:0;background:linear-gradient(to right,var(--bg) 0,transparent 25%);pointer-events:none}.describeScreen{display:flex;height:100vh;overflow:hidden}.describeImagePane{width:52%;position:relative;overflow:hidden}.describeImage{width:100%!important;height:100%!important;object-fit:cover}.describeImageOverlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,var(--bg));display:flex;align-items:flex-end;padding:40px;pointer-events:none}.describeImageHint{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.5);margin:0}.describeFormPane{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:48px 52px;background:var(--bg);overflow-y:auto}.describeTitle{font-size:28px;font-weight:700;margin:24px 0 8px;color:var(--text)}.describeSubtitle{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0 0 28px}.describeForm{display:flex;flex-direction:column;gap:12px}.describeTextarea{width:100%;min-height:140px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Inter,sans-serif;font-size:15px;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s}.describeTextarea:focus{border-color:var(--accent)}.describeTextarea::placeholder{color:var(--text-dim)}.describeWordCount{font-size:12px;color:var(--text-muted);text-align:right;margin-top:-4px}.describeEmailInput{width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:none;transition:border-color .15s}.describeEmailInput:focus{border-color:var(--accent)}.describeEmailInput::placeholder{color:var(--text-dim)}.describeError{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;font-size:13px;color:#fca5a5}.describeError button{background:none;border:none;color:#fca5a5;font-size:18px;cursor:pointer;padding:0;flex-shrink:0}.describeBtn{padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s;margin-top:4px}.describeBtn:hover:not(:disabled){background:#6b4ee0;transform:translateY(-1px)}.describeBtn:disabled{opacity:.45;cursor:not-allowed}.generatingScreen{height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.generatingLogo{position:absolute;top:28px;left:36px}.generatingInner{display:flex;flex-direction:column;align-items:center;gap:28px;max-width:380px;text-align:center}.generatingRing{width:64px;height:64px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.generatingStatus{font-size:18px;font-weight:600;color:var(--text);margin:0}.generatingSteps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;text-align:left;width:100%}.generatingStep{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-muted);transition:color .3s}.generatingStep.active{color:var(--text)}.generatingStep.done{color:var(--accent)}.generatingDot{font-size:16px;width:20px;text-align:center;flex-shrink:0}.generatingNote{font-size:12px;color:var(--text-muted);margin:0}.resultScreen{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:36px 24px 60px}.resultLogo{align-self:flex-start;margin-bottom:48px}.resultContent{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:860px}.resultHeading{font-size:clamp(24px,3.5vw,40px);font-weight:700;text-align:center;margin:0;line-height:1.2}.resultPrompt{font-size:15px;font-style:italic;color:var(--text-muted);text-align:center;max-width:560px;line-height:1.6;margin:0}.resultImages{display:flex;align-items:center;gap:20px;width:100%;margin-top:8px}.resultImageCard{flex:1 1;display:flex;flex-direction:column;gap:10px}.resultImageLabel{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0}.resultImg{width:100%!important;height:auto!important;border-radius:var(--radius);border:1px solid var(--border);display:block}.resultArrow{font-size:28px;color:var(--accent);flex-shrink:0;padding-top:24px}.resultBtn{margin-top:16px;padding:15px 36px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.resultBtn:hover{background:#6b4ee0;transform:translateY(-1px)}#map{position:fixed;inset:0;top:var(--topbar-h);z-index:1}.mapTopBar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);z-index:10;background:rgba(12,12,20,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.mapTopHint{font-size:13px;color:var(--text-muted)}.sidePanel{position:fixed;top:var(--topbar-h);right:0;bottom:0;width:var(--panel-w);z-index:9;background:var(--surface);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidePanel.open{transform:translateX(0)}.sidePanelInner{padding:24px;display:flex;flex-direction:column;gap:16px}.sidePanelHeader{display:flex;align-items:center;justify-content:space-between}.sidePanelBadge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--accent-dim);padding:4px 10px;border-radius:20px}.sidePanelBadge.own{color:var(--orange);background:rgba(249,115,22,.18)}.sidePanelClose{background:none;border:none;color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s}.sidePanelClose:hover{color:var(--text)}.sidePanelPrompt{font-size:14px;font-style:italic;color:var(--text-muted);line-height:1.6;margin:0;padding:12px 14px;background:var(--card);border-radius:10px;border-left:3px solid var(--accent)}.sidePanelImage{width:100%;height:auto;border-radius:var(--radius);display:block;border:1px solid var(--border)}.sidePanelNote{font-size:12px;color:var(--text-dim);margin:0}.error{position:fixed;z-index:20;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:14px 20px;background:var(--card);border:1px solid rgba(239,68,68,.35);border-radius:12px;font-size:14px;color:#fca5a5;box-shadow:0 8px 24px rgba(0,0,0,.4);animation:slideUp .3s ease;white-space:nowrap}.errorClose{background:none;border:none;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.errorClose:hover{color:var(--text)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}