@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#f7f7fb;background:#080b1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#080b1c}button,input,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit}.fatal-error,#boot-fallback{min-height:100vh;display:grid;place-content:center;gap:10px;padding:32px;background:#080b1c;color:#f7f7fb;text-align:center}.fatal-error p,#boot-fallback span,.canvas-fallback span{color:#a9b0c8;font-size:13px}.fatal-error code{max-width:720px;color:#e0ad69;font:11px DM Mono,monospace;overflow-wrap:anywhere}.canvas-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;color:#f7f7fb;text-align:center}.app-shell{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(circle at 48% 48%,#17234a 0,#080b1c 56%)}.cosmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.cosmos canvas{width:100%!important;height:100%!important}.cosmos-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,transparent 38%,rgba(5,7,20,.48) 100%),linear-gradient(90deg,rgba(8,11,28,.7),transparent 42%,rgba(8,11,28,.25))}.topbar,.hero-copy,.stats-panel,.create-fab,.detail-card,.connection-card{position:relative;z-index:2}.topbar{display:flex;align-items:center;justify-content:space-between;padding:30px 48px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{color:#eec47a;font-size:25px}.brand strong{display:block;font-size:15px;letter-spacing:.04em}.brand small{display:block;color:#858da9;font:11px DM Mono,monospace;margin-top:3px}.ghost-button{background:#111936b3;border:1px solid rgba(164,176,222,.19);padding:10px 15px;border-radius:9px;font-size:12px;color:#c7cbe0}.ghost-button span{color:#edbf72;margin-left:8px}.hero-copy{width:min(470px,calc(100% - 48px));margin:13vh 0 0 8vw}.eyebrow,.tag{color:#be9c6a;font:10px DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{font-size:clamp(35px,4.2vw,61px);line-height:1.06;letter-spacing:-.055em;margin:15px 0 19px;max-width:510px}.hero-copy p:not(.eyebrow){color:#a9b0c8;line-height:1.8;font-size:14px;max-width:380px}.primary-button{background:#e0ad69;color:#171425;font-weight:700;border-radius:8px;padding:13px 17px;margin-top:20px;box-shadow:0 8px 30px #d59d5138;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:#f1c786}.primary-button span{margin-left:20px;font-size:18px}.primary-button:disabled{cursor:not-allowed;opacity:.4;transform:none}.full{width:100%}.stats-panel{position:absolute;left:8vw;bottom:38px;display:flex;align-items:center;gap:17px;color:#7f89aa;font:10px DM Mono,monospace}.stats-panel b{color:#e8e9f1;font-size:18px;margin-right:5px}.stats-panel i{width:1px;height:20px;background:#354064}.create-fab{position:fixed;right:48px;bottom:34px;border:1px solid rgba(224,173,105,.45);color:#e8bd7e;background:#0f152fe0;border-radius:30px;padding:12px 18px;font-size:13px}.create-fab span{color:#d9dbea;margin-left:7px}.planet-label{color:#8d97bb;font:10px DM Mono,monospace;opacity:.75;white-space:nowrap}.planet-label.active{color:#f3d197;opacity:1}.detail-card,.connection-card{position:fixed;right:5vw;bottom:5vh;width:min(390px,calc(100% - 40px));background:#0e142fe6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(149,163,211,.2);border-radius:17px;padding:25px;box-shadow:0 20px 70px #00000059}.detail-card{max-height:76vh;overflow:auto}.close-button{position:absolute;right:16px;top:13px;background:transparent;color:#8e97b4;font-size:24px;line-height:1}.detail-card h2,.connection-card h3{font-size:21px;line-height:1.35;letter-spacing:-.035em;margin:13px 0 8px}.muted,.connection-card p{color:#8994b5;font-size:12px;line-height:1.7}.section-title{display:flex;justify-content:space-between;color:#e3e4ed;margin:25px 0 15px;font-size:12px}.section-title em{color:#7984a5;font:10px DM Mono,monospace;font-style:normal}.empty-trail{color:#7883a6;font-size:12px;padding:4px 0 12px}.timeline{border-left:1px solid #3d496f;padding-left:16px;margin-left:4px}.timeline-item{position:relative;padding-bottom:14px}.timeline-item p{color:#d3d6e4;font-size:12px;line-height:1.6;margin:0 0 4px}.timeline-item small{color:#7480a0;font:10px DM Mono,monospace}.timeline-dot{position:absolute;left:-20px;top:4px;width:7px;height:7px;background:#dcae69;box-shadow:0 0 10px #dcae69;border-radius:50%}.trail-input{display:flex;margin-top:8px;gap:6px}.trail-input input{min-width:0;flex:1;background:#0a102a;border:1px solid #263255;color:#e8eaf5;border-radius:6px;padding:9px 10px;font-size:11px;outline:none}.trail-input button,.connection-actions button,.secondary-button{background:#243052;color:#c7cee5;border-radius:6px;padding:9px 11px;font-size:11px}.trail-input button:hover,.connection-actions button:hover{background:#324269}.recommendations{border-top:1px solid #273354;margin-top:23px;padding-top:16px;display:grid;gap:6px}.recommendations>span{color:#7582a6;font:10px DM Mono,monospace;margin-bottom:4px}.recommendations button{text-align:left;background:transparent;color:#adb5cf;padding:4px 0;font-size:11px}.recommendations button b{float:right;color:#dcae69}.connection-card{left:8vw;right:auto;bottom:8vh;width:min(390px,calc(100% - 40px))}.connection-heading{display:flex;gap:13px;align-items:center}.connection-heading h3{margin:8px 0 0;font-size:15px}.ai-orb{color:#dcb16d;font-size:26px}.connection-card p{margin:17px 0}.connection-actions{display:flex;gap:6px;flex-wrap:wrap}.primary-small{background:#dcae69!important;color:#1c1922!important;font-weight:700}.connection-state{color:#d8b272;border-top:1px solid #303b5e;padding-top:13px;font:11px DM Mono,monospace}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#030511a6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal{position:relative;width:min(480px,100%);background:#101734;border:1px solid #2c3960;border-radius:17px;padding:34px;box-shadow:0 30px 90px #0008}.modal h2{font-size:27px;letter-spacing:-.05em;margin:13px 0 8px}.modal-intro{color:#8994b6;font-size:12px;margin:0 0 22px}.modal textarea,.modal input{width:100%;background:#0a1027;border:1px solid #2d3a60;border-radius:7px;color:#eef0f8;outline:none;padding:12px;font-size:13px;resize:vertical}.modal textarea:focus,.modal input:focus,.trail-input input:focus{border-color:#c49a62}.modal label{display:block;color:#d2d6e4;font-size:11px;margin:18px 0}.modal label span{color:#687493;margin-left:5px}.modal label input{display:block;margin-top:8px;font-size:11px}.demo-list{display:grid;gap:9px;margin:20px 0}.demo-list article{display:flex;align-items:center;gap:13px;background:#0b122d;padding:13px;border-radius:9px}.demo-list strong{display:block;color:#d9dceb;font-size:12px;font-weight:500}.demo-list small{display:block;color:#7581a2;font:10px DM Mono,monospace;margin-top:6px}.demo-planet{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#e9bf77;background:#3e3150;box-shadow:0 0 18px #c98d5266}.planet-1{color:#97adef;background:#253866;box-shadow:0 0 18px #6f94ed55}.secondary-button{width:100%;margin-top:3px}.notice{position:fixed;z-index:12;top:88px;left:50%;transform:translate(-50%);background:#e0ad69;color:#1b1924;padding:9px 15px;border-radius:20px;font-size:11px;animation:toast 3s ease forwards}@keyframes toast{0%,80%{opacity:1}to{opacity:0}}@media(max-width:700px){.topbar{padding:22px 20px}.ghost-button{padding:9px;font-size:0}.ghost-button span{font-size:15px;margin:0}.hero-copy{margin:8vh 24px 0}.hero-copy h1{font-size:39px}.stats-panel{left:24px;bottom:22px}.create-fab{right:20px;bottom:20px}.connection-card,.detail-card{left:20px;right:20px;bottom:20px;width:auto;max-height:68vh}.modal{padding:28px 22px}}