
/* Skyling Companion v1 — browser-local guide creature */
:root{--skyling-accent:#67e8f9;--skyling-violet:#a78bfa;--skyling-emerald:#34d399;--skyling-amber:#fbbf24;--skyling-panel:#07111f;--skyling-line:rgba(148,163,184,.28);--skyling-text:#e5f3ff;--skyling-muted:#9fb3c8}
.skyling-root{position:fixed;right:22px;bottom:22px;z-index:2147482000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--skyling-text);--sx:0px;--sy:0px;--skyling-scale:1;transform:translate(var(--sx),var(--sy)) scale(var(--skyling-scale));transform-origin:bottom right;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .2s ease;pointer-events:none}
.skyling-root *{box-sizing:border-box}.skyling-root.is-hidden{display:none}.skyling-shell{position:relative;pointer-events:auto}.skyling-creature{position:relative;width:96px;height:105px;cursor:grab;filter:drop-shadow(0 18px 30px rgba(0,0,0,.38));animation:skyling-float 3.6s ease-in-out infinite}.skyling-creature:active{cursor:grabbing}.skyling-body{position:absolute;left:18px;top:27px;width:62px;height:60px;border-radius:40% 40% 48% 48%;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.95) 0 7px,transparent 8px),linear-gradient(145deg,#80f3ff,#7c8cff 48%,#ae74ff);border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 -10px 22px rgba(15,23,42,.28),0 0 0 5px rgba(103,232,249,.08)}
.skyling-root[data-type="builder"] .skyling-body{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.95) 0 7px,transparent 8px),linear-gradient(145deg,#7dd3fc,#6366f1 50%,#38bdf8)}
.skyling-root[data-type="creator"] .skyling-body{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.95) 0 7px,transparent 8px),linear-gradient(145deg,#f9a8d4,#a78bfa 48%,#60a5fa)}
.skyling-root[data-type="strategist"] .skyling-body{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.95) 0 7px,transparent 8px),linear-gradient(145deg,#fcd34d,#fb7185 48%,#a78bfa)}
.skyling-root[data-type="guardian"] .skyling-body{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.95) 0 7px,transparent 8px),linear-gradient(145deg,#6ee7b7,#22d3ee 48%,#3b82f6)}
.skyling-root[data-type="researcher"] .skyling-body{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.95) 0 7px,transparent 8px),linear-gradient(145deg,#c4b5fd,#818cf8 48%,#06b6d4)}
.skyling-ear{position:absolute;width:25px;height:32px;border-radius:80% 35% 75% 35%;background:linear-gradient(150deg,#9bf4ff,#a78bfa);border:1px solid rgba(255,255,255,.45);top:12px}.skyling-ear.left{left:18px;transform:rotate(-25deg);animation:skyling-ear-left 5s ease-in-out infinite}.skyling-ear.right{right:17px;transform:scaleX(-1) rotate(-25deg);animation:skyling-ear-right 5.4s ease-in-out infinite}.skyling-wing{position:absolute;width:25px;height:35px;background:linear-gradient(140deg,rgba(255,255,255,.85),rgba(103,232,249,.42));border:1px solid rgba(255,255,255,.46);border-radius:80% 25% 80% 25%;top:49px;opacity:.88}.skyling-wing.left{left:5px;transform:rotate(-24deg);animation:skyling-wing-left 2.8s ease-in-out infinite}.skyling-wing.right{right:5px;transform:scaleX(-1) rotate(-24deg);animation:skyling-wing-right 2.8s ease-in-out infinite}.skyling-tail{position:absolute;right:9px;bottom:16px;width:33px;height:20px;border-radius:999px;background:linear-gradient(100deg,#7dd3fc,#a78bfa);transform-origin:left center;animation:skyling-tail 3s ease-in-out infinite}.skyling-eye{position:absolute;top:50px;width:10px;height:13px;background:#07111f;border-radius:999px;box-shadow:inset 0 3px 0 rgba(255,255,255,.45);animation:skyling-blink 5.2s infinite}.skyling-eye.left{left:37px}.skyling-eye.right{right:37px}.skyling-mouth{position:absolute;left:44px;top:67px;width:12px;height:6px;border-bottom:2px solid rgba(7,17,31,.72);border-radius:0 0 999px 999px}.skyling-badge{position:absolute;right:5px;top:82px;min-width:30px;padding:3px 6px;border-radius:999px;background:rgba(7,17,31,.88);border:1px solid rgba(255,255,255,.3);font-size:10px;font-weight:800;text-align:center;color:#e0f2fe}.skyling-bubble{position:absolute;right:83px;bottom:84px;width:min(280px,calc(100vw - 136px));padding:12px 14px;border:1px solid rgba(103,232,249,.35);border-radius:18px 18px 4px 18px;background:linear-gradient(180deg,rgba(8,18,33,.96),rgba(12,24,45,.92));box-shadow:0 22px 60px rgba(0,0,0,.35);font-size:13px;line-height:1.45;color:var(--skyling-text);opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:opacity .2s,transform .2s}.skyling-bubble.show{opacity:1;transform:translateY(0) scale(1)}.skyling-panel{position:absolute;right:0;bottom:116px;width:min(370px,calc(100vw - 28px));max-height:min(640px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(148,163,184,.28);border-radius:24px;background:linear-gradient(180deg,rgba(7,17,31,.98),rgba(10,24,45,.98));box-shadow:0 28px 90px rgba(0,0,0,.48);display:none}.skyling-panel.open{display:block}.skyling-panel header{padding:16px 16px 12px;border-bottom:1px solid rgba(148,163,184,.18);display:flex;gap:12px;align-items:center;justify-content:space-between}.skyling-title{display:flex;flex-direction:column;gap:3px}.skyling-title b{font-size:15px}.skyling-title span{font-size:12px;color:var(--skyling-muted)}.skyling-actions{display:flex;gap:7px}.skyling-icon-btn{width:32px;height:32px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.72);color:#dbeafe;cursor:pointer}.skyling-content{padding:14px 16px 16px}.skyling-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.skyling-tab{border:1px solid rgba(148,163,184,.25);border-radius:999px;background:rgba(15,23,42,.55);color:#cbd5e1;font-size:12px;padding:7px 10px;cursor:pointer}.skyling-tab.active{background:linear-gradient(135deg,rgba(103,232,249,.18),rgba(167,139,250,.22));color:#fff;border-color:rgba(103,232,249,.45)}.skyling-pane{display:none}.skyling-pane.active{display:block}.skyling-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(15,23,42,.48);padding:12px;margin-bottom:10px}.skyling-card h4{margin:0 0 6px;font-size:13px}.skyling-card p{margin:0;color:#b8c8db;font-size:12px;line-height:1.5}.skyling-link-grid{display:grid;gap:8px;margin-top:10px}.skyling-link{display:flex;justify-content:space-between;gap:10px;align-items:center;text-decoration:none;color:#e2e8f0;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:9px 10px;background:rgba(2,6,23,.28);font-size:12px}.skyling-link:hover{border-color:rgba(103,232,249,.5);background:rgba(103,232,249,.08)}.skyling-meter{height:9px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden}.skyling-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#67e8f9,#a78bfa);width:0}.skyling-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skyling-stat{border:1px solid rgba(148,163,184,.18);border-radius:14px;padding:9px;background:rgba(2,6,23,.28);font-size:12px}.skyling-stat b{display:block;font-size:14px;color:#fff}.skyling-chat{display:flex;gap:7px;margin-top:10px}.skyling-chat input{min-width:0;flex:1;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:rgba(2,6,23,.55);color:#fff;padding:10px;font-size:13px}.skyling-chat button,.skyling-small-btn{border:1px solid rgba(103,232,249,.35);border-radius:12px;background:rgba(103,232,249,.12);color:#e0f2fe;padding:10px 11px;cursor:pointer;font-weight:700;font-size:12px}.skyling-note{font-size:11px;color:#94a3b8;line-height:1.5;margin-top:10px}.skyling-toast{position:absolute;right:70px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(7,17,31,.92);border:1px solid rgba(103,232,249,.25);font-size:12px;opacity:0;transform:translateX(10px);transition:.2s;pointer-events:none}.skyling-toast.show{opacity:1;transform:translateX(0)}
@keyframes skyling-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes skyling-blink{0%,93%,100%{transform:scaleY(1)}95%,97%{transform:scaleY(.12)}}@keyframes skyling-tail{0%,100%{transform:rotate(4deg)}50%{transform:rotate(-16deg)}}@keyframes skyling-ear-left{0%,100%{transform:rotate(-25deg)}50%{transform:rotate(-18deg)}}@keyframes skyling-ear-right{0%,100%{transform:scaleX(-1) rotate(-25deg)}50%{transform:scaleX(-1) rotate(-18deg)}}@keyframes skyling-wing-left{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(-34deg) translateY(-2px)}}@keyframes skyling-wing-right{0%,100%{transform:scaleX(-1) rotate(-24deg)}50%{transform:scaleX(-1) rotate(-34deg) translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.skyling-creature,.skyling-eye,.skyling-ear,.skyling-wing,.skyling-tail{animation:none!important}.skyling-root{transition:none!important}}@media (max-width:640px){.skyling-root{right:14px;bottom:14px;--skyling-scale:.88}.skyling-bubble{right:65px;bottom:74px}.skyling-panel{bottom:102px}}

/* Skyling Companion v1.1 — idle chatter and living reactions */
.skyling-root[data-chatter="off"] .skyling-bubble{display:none!important}
.skyling-shadow{position:absolute;left:24px;right:18px;bottom:3px;height:12px;border-radius:999px;background:rgba(0,0,0,.22);filter:blur(2px);animation:skyling-shadow 3.6s ease-in-out infinite}.skyling-emote{position:absolute;left:37px;top:18px;width:24px;height:20px;opacity:0;pointer-events:none}.skyling-emote:before{content:'✦';position:absolute;left:4px;top:0;color:#fff7ad;text-shadow:0 0 12px rgba(251,191,36,.7);font-size:16px}.skyling-root.is-happy .skyling-creature{animation:skyling-hop .58s ease-in-out 2}.skyling-root.is-happy .skyling-emote{opacity:1;animation:skyling-pop .9s ease-out 1}.skyling-root.is-thinking .skyling-mouth{width:5px;height:5px;border:0;background:#07111f;border-radius:999px;left:47px}.skyling-root.is-thinking .skyling-emote{opacity:1}.skyling-root.is-thinking .skyling-emote:before{content:'?';font-weight:900;color:#bae6fd}.skyling-root.is-sleepy .skyling-creature{animation:skyling-sleepy 4.5s ease-in-out infinite;filter:drop-shadow(0 18px 30px rgba(0,0,0,.28)) saturate(.75)}.skyling-root.is-sleepy .skyling-eye{height:3px;top:56px;animation:none}.skyling-root.is-sleepy .skyling-mouth{border-bottom:0;width:13px;height:4px;background:#07111f;border-radius:999px;top:68px}.skyling-root.is-sleepy .skyling-emote{opacity:1}.skyling-root.is-sleepy .skyling-emote:before{content:'Z';color:#dbeafe;font-weight:900}.skyling-root.is-alert .skyling-eye{height:16px;transform:scale(1.18);animation:none}.skyling-root.is-tiny .skyling-creature{animation:skyling-wiggle .55s ease-in-out 1}.skyling-root.is-wandering .skyling-creature{animation:skyling-walk-bob .42s ease-in-out 4}.skyling-choice-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.skyling-root[data-chatter="chatty"] .skyling-bubble{border-color:rgba(251,191,36,.42);box-shadow:0 22px 60px rgba(0,0,0,.35),0 0 22px rgba(251,191,36,.10)}.skyling-root[data-chatter="quiet"] .skyling-bubble{opacity:.92;filter:saturate(.82)}
@keyframes skyling-shadow{0%,100%{transform:scaleX(1);opacity:.25}50%{transform:scaleX(.78);opacity:.16}}@keyframes skyling-hop{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-16px) rotate(-4deg)}70%{transform:translateY(-3px) rotate(3deg)}}@keyframes skyling-pop{0%{transform:translateY(8px) scale(.4);opacity:0}35%{transform:translateY(-12px) scale(1.15);opacity:1}100%{transform:translateY(-25px) scale(.75);opacity:0}}@keyframes skyling-sleepy{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(3px) rotate(1deg)}}@keyframes skyling-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes skyling-walk-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(2deg)}}


/* Skyling v1.2 visibility safety patch */
.skyling-root.is-minimized{opacity:.92;right:10px;bottom:10px;--skyling-scale:.48;cursor:pointer}
.skyling-root.is-minimized .skyling-bubble,.skyling-root.is-minimized .skyling-panel,.skyling-root.is-minimized .skyling-toast{display:none!important}
.skyling-root.is-minimized .skyling-creature{filter:drop-shadow(0 10px 18px rgba(0,0,0,.34));animation:skyling-wiggle 2.8s ease-in-out infinite}
.skyling-root:after{content:'';position:absolute;inset:-8px;pointer-events:none}

/* Skyling v1.4 — open-source roadmap + missions */
.skyling-root[data-type="navigator"] .skyling-body{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.95) 0 7px,transparent 8px),linear-gradient(145deg,#67e8f9,#22c55e 48%,#a78bfa)}
.skyling-small-btn[disabled]{opacity:.55;cursor:not-allowed;filter:saturate(.7)}
.skyling-choice-row a.skyling-small-btn{text-decoration:none;display:inline-flex;align-items:center}

/* Skyling v1.5 — visual evolution parts */
.skyling-aura{position:absolute;left:9px;top:18px;width:80px;height:78px;border-radius:999px;background:radial-gradient(circle,rgba(103,232,249,.18),rgba(167,139,250,.06) 54%,transparent 72%);filter:blur(.2px);opacity:.72;animation:skyling-aura-pulse 5.8s ease-in-out infinite;pointer-events:none}
.skyling-orbit{position:absolute;left:14px;top:22px;width:72px;height:66px;border:1px dashed rgba(226,232,240,.16);border-radius:48% 52% 50% 44%;opacity:0;transform:rotate(-12deg);animation:skyling-orbit-spin 7s linear infinite;pointer-events:none}
.skyling-orbit:before,.skyling-orbit:after{content:'';position:absolute;width:7px;height:7px;border-radius:999px;background:#e0f2fe;box-shadow:0 0 14px rgba(103,232,249,.8)}
.skyling-orbit:before{right:1px;top:12px}.skyling-orbit:after{left:5px;bottom:9px;width:5px;height:5px;opacity:.8}
.skyling-crest{position:absolute;left:41px;top:3px;width:18px;height:24px;border-radius:60% 60% 45% 45%;background:linear-gradient(180deg,#e0f2fe,#67e8f9 65%,#a78bfa);border:1px solid rgba(255,255,255,.55);opacity:.38;transform-origin:bottom center;animation:skyling-crest-bob 4.4s ease-in-out infinite}
.skyling-visor{position:absolute;left:31px;top:47px;width:38px;height:13px;border-radius:999px;background:rgba(7,17,31,.05);border:1px solid transparent;opacity:0;pointer-events:none}
.skyling-scarf{position:absolute;left:33px;top:80px;width:42px;height:9px;border-radius:999px;background:linear-gradient(90deg,#fbbf24,#fb7185);box-shadow:0 4px 10px rgba(0,0,0,.16);opacity:0;transform:rotate(-4deg)}
.skyling-scarf:after{content:'';position:absolute;right:-9px;top:3px;width:15px;height:7px;border-radius:999px;background:inherit;transform:rotate(23deg);opacity:.92}
.skyling-tool{position:absolute;left:64px;top:70px;width:20px;height:20px;border-radius:7px;background:rgba(15,23,42,.88);border:1px solid rgba(255,255,255,.38);box-shadow:0 5px 16px rgba(0,0,0,.28);opacity:0;transform:rotate(8deg)}
.skyling-tool:before{content:'•';position:absolute;inset:0;display:grid;place-items:center;color:#dbeafe;font-size:14px;font-weight:900;line-height:1}
.skyling-trait-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.skyling-trait-chip{border:1px solid rgba(103,232,249,.25);background:rgba(103,232,249,.08);color:#dffafe;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}
.skyling-root[data-stage="seed"] .skyling-crest{opacity:.25;transform:scale(.75)}
.skyling-root[data-stage="sprout"] .skyling-crest{opacity:.78}.skyling-root[data-stage="sprout"] .skyling-aura{opacity:.78}.skyling-root[data-stage="sprout"] .skyling-scarf{opacity:.24}
.skyling-root[data-stage="bloom"] .skyling-crest,.skyling-root[data-stage="bloom"] .skyling-scarf,.skyling-root[data-stage="bloom"] .skyling-tool{opacity:.9}.skyling-root[data-stage="bloom"] .skyling-aura{opacity:.9}
.skyling-root[data-stage="evolved"] .skyling-crest,.skyling-root[data-stage="evolved"] .skyling-scarf,.skyling-root[data-stage="evolved"] .skyling-tool,.skyling-root[data-stage="evolved"] .skyling-orbit{opacity:1}.skyling-root[data-stage="evolved"] .skyling-creature{filter:drop-shadow(0 18px 30px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(103,232,249,.18))}
.skyling-root[data-type="builder"] .skyling-crest{background:linear-gradient(180deg,#bae6fd,#60a5fa,#6366f1);border-radius:6px 6px 12px 12px}.skyling-root[data-type="builder"] .skyling-crest:before{content:'</>';position:absolute;left:-4px;top:4px;font-size:8px;font-weight:900;color:#07111f}.skyling-root[data-type="builder"] .skyling-visor{opacity:.75;background:linear-gradient(90deg,rgba(15,23,42,.85),rgba(37,99,235,.45));border-color:rgba(191,219,254,.42)}.skyling-root[data-type="builder"] .skyling-tool{opacity:.95}.skyling-root[data-type="builder"] .skyling-tool:before{content:'{}';font-size:9px;color:#93c5fd}.skyling-root[data-type="builder"] .skyling-tail{background:repeating-linear-gradient(90deg,#38bdf8 0 8px,#6366f1 8px 14px)}
.skyling-root[data-type="creator"] .skyling-crest{background:linear-gradient(180deg,#fbcfe8,#f472b6,#a78bfa);clip-path:polygon(50% 0,62% 36%,100% 38%,69% 58%,80% 100%,50% 73%,20% 100%,31% 58%,0 38%,38% 36%)}.skyling-root[data-type="creator"] .skyling-wing{background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(244,114,182,.48),rgba(96,165,250,.38))}.skyling-root[data-type="creator"] .skyling-scarf{opacity:.95;background:linear-gradient(90deg,#f472b6,#a78bfa,#60a5fa)}.skyling-root[data-type="creator"] .skyling-tool{opacity:.95;border-radius:999px}.skyling-root[data-type="creator"] .skyling-tool:before{content:'♪';color:#fbcfe8;font-size:15px}
.skyling-root[data-type="strategist"] .skyling-crest{background:linear-gradient(180deg,#fde68a,#f59e0b,#fb7185);border-radius:2px 2px 12px 12px;transform:skewX(-8deg)}.skyling-root[data-type="strategist"] .skyling-scarf{opacity:.95;background:linear-gradient(90deg,#f59e0b,#fb7185,#a78bfa)}.skyling-root[data-type="strategist"] .skyling-tool{opacity:.95}.skyling-root[data-type="strategist"] .skyling-tool:before{content:'↗';color:#fde68a;font-size:16px}.skyling-root[data-type="strategist"] .skyling-badge{background:linear-gradient(135deg,rgba(120,53,15,.9),rgba(124,58,237,.78))}
.skyling-root[data-type="guardian"] .skyling-crest{background:linear-gradient(180deg,#bbf7d0,#34d399,#3b82f6);border-radius:50% 50% 55% 55%}.skyling-root[data-type="guardian"] .skyling-scarf{opacity:.9;background:linear-gradient(90deg,#22c55e,#06b6d4,#3b82f6)}.skyling-root[data-type="guardian"] .skyling-tool{opacity:.95;border-radius:50% 50% 45% 45%}.skyling-root[data-type="guardian"] .skyling-tool:before{content:'◆';color:#bbf7d0}.skyling-root[data-type="guardian"] .skyling-aura{background:radial-gradient(circle,rgba(52,211,153,.2),rgba(59,130,246,.06) 55%,transparent 72%)}
.skyling-root[data-type="researcher"] .skyling-orbit{opacity:.95}.skyling-root[data-type="researcher"] .skyling-crest{background:linear-gradient(180deg,#ddd6fe,#818cf8,#06b6d4);border-radius:999px 999px 8px 8px}.skyling-root[data-type="researcher"] .skyling-tool{opacity:.95;background:linear-gradient(145deg,#0f172a,#1e1b4b)}.skyling-root[data-type="researcher"] .skyling-tool:before{content:'◇';color:#a5f3fc}.skyling-root[data-type="researcher"] .skyling-visor{opacity:.65;background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(129,140,248,.55));border-color:rgba(165,243,252,.5)}
.skyling-root[data-type="navigator"] .skyling-orbit{opacity:.8;border-style:solid;border-color:rgba(34,197,94,.25)}.skyling-root[data-type="navigator"] .skyling-crest{background:linear-gradient(180deg,#a7f3d0,#22c55e,#a78bfa);clip-path:polygon(50% 0,100% 55%,61% 55%,50% 100%,39% 55%,0 55%)}.skyling-root[data-type="navigator"] .skyling-scarf{opacity:.95;background:linear-gradient(90deg,#22c55e,#67e8f9,#a78bfa)}.skyling-root[data-type="navigator"] .skyling-tool{opacity:.95}.skyling-root[data-type="navigator"] .skyling-tool:before{content:'⌖';color:#bbf7d0;font-size:16px}
.skyling-root[data-type="helper"] .skyling-crest{opacity:.6}.skyling-root[data-type="helper"] .skyling-tool{opacity:.45}.skyling-root[data-type="helper"] .skyling-tool:before{content:'?';color:#e0f2fe}
@keyframes skyling-aura-pulse{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.08);opacity:.92}}@keyframes skyling-orbit-spin{to{transform:rotate(348deg)}}@keyframes skyling-crest-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-2px) rotate(2deg)}}
