@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&family=Lexend:wght@300;400;600;700;800&display=swap";:root{--bg-0: #070a12;--bg-1: #0b1020;--surface: rgba(245, 248, 255, .06);--surface-strong: rgba(245, 248, 255, .1);--stroke: rgba(255, 255, 255, .14);--stroke-soft: rgba(255, 255, 255, .08);--text-1: rgba(244, 247, 255, .94);--text-2: rgba(220, 228, 245, .72);--text-3: rgba(198, 210, 236, .45);--accent: #7c5cff;--accent-2: #2df0b6;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--shadow-float: 0 20px 60px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-soft: 0 8px 28px rgba(0, 0, 0, .32)}*{box-sizing:border-box;margin:0;padding:0}.city-shell{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden;font-family:Geist,Lexend,sans-serif;background:radial-gradient(1200px 600px at 12% -10%,rgba(124,92,255,.2),transparent 55%),radial-gradient(900px 540px at 90% 110%,rgba(45,240,182,.14),transparent 60%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%)}.city-aura{position:absolute;inset:0;pointer-events:none;z-index:0}.city-aura:before,.city-aura:after{content:"";position:absolute;border-radius:9999px;filter:blur(70px);opacity:.22;animation:auraDrift 16s ease-in-out infinite alternate}.city-aura:before{width:44vw;height:44vw;right:-8vw;top:-14vw;background:radial-gradient(circle,var(--aura, rgba(124, 92, 255, .5)) 0%,transparent 68%)}.city-aura:after{width:34vw;height:34vw;left:-10vw;bottom:-12vw;background:radial-gradient(circle,rgba(45,240,182,.26) 0%,transparent 70%);animation-duration:20s}.city-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.glass-panel{background:var(--surface);border:1px solid var(--stroke-soft);backdrop-filter:blur(26px) saturate(140%);box-shadow:var(--shadow-float)}.glass-card{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid var(--stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.pm-header{height:66px;flex-shrink:0;z-index:30;display:flex;align-items:center;padding:0 22px 0 16px;gap:0;position:relative;overflow:hidden}.pm-input,.pm-select,.pm-textarea{background:#080e1c99;border:1px solid rgba(205,220,255,.18);border-radius:14px;color:var(--text-1);font-family:Geist,sans-serif;transition:border-color .22s,box-shadow .22s,background .22s}.pm-input,.pm-select{height:34px;padding:0 11px}.pm-textarea{width:100%;min-height:120px;padding:12px 14px;resize:vertical;outline:none;line-height:1.6}.pm-input:focus,.pm-select:focus,.pm-textarea:focus{outline:none;border-color:#7c5cffb8;box-shadow:0 0 0 3px #7c5cff2e,0 0 22px #7c5cff3d}.pm-btn{background:linear-gradient(180deg,#ffffff24,#ffffff0f);border:1px solid var(--stroke);border-radius:14px;color:var(--text-1);padding:0 12px;height:34px;font-family:Geist,sans-serif;font-weight:600;cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.pm-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#7c5cff73;box-shadow:0 10px 30px #7c5cff38,inset 0 1px #ffffff47}.pm-btn:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:inset 0 4px 14px #7c5cff3d}.pm-btn:disabled{cursor:default;opacity:.55}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rowIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes barW{0%{width:0}to{width:var(--bw)}}@keyframes auraDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,24px,0) scale(1.06)}}.sb{animation:slideIn .32s cubic-bezier(.4,0,.2,1) both}.row{animation:rowIn .24s ease both;opacity:0}.bar{animation:barW .8s cubic-bezier(.4,0,.2,1) both}.ib{background:none;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:background .15s,border-color .2s,box-shadow .2s,transform .2s;color:#ffffff73}.ib:hover{transform:translateY(-1px);background:#ffffff14;color:#fff;border-color:#7c5cff59;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px #7c5cff38}.sc::-webkit-scrollbar{width:4px}.sc::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}canvas{display:block;user-select:none}
