:root {
  --emotion: #FFD400;
  --emotion-soft: rgba(255,212,0,.28);
  --emotion-mid: rgba(255,212,0,.88);
  --emotion-solid: rgba(255,212,0,1);
  --bg: #020202;
  --panel: rgba(10,10,10,.56);
  --text: rgba(255,255,255,.95);
  --muted: rgba(255,255,255,.58);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif}
#app{position:fixed;inset:0;background:radial-gradient(circle at 50% 46%, rgba(255,255,255,.05), transparent 33%),radial-gradient(circle at 50% 58%, rgba(255,255,255,.04), transparent 54%),#020202}
#earthCanvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;cursor:grab}
#earthCanvas:active{cursor:grabbing}
.grain,.vignette,.hud,.loading,.hint,.toast,.result,.star-message,.launch-star,.country-tooltip,.rotation-info{position:fixed}
.grain{inset:0;pointer-events:none;opacity:.06;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 20%, rgba(255,255,255,.45) 0 1px, transparent 1px),radial-gradient(circle at 80% 30%, rgba(255,255,255,.35) 0 1px, transparent 1px),radial-gradient(circle at 40% 75%, rgba(255,255,255,.25) 0 1px, transparent 1px);background-size:130px 130px,170px 170px,210px 210px;z-index:1}
.vignette{inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 50%, transparent 0 38%, rgba(0,0,0,.42) 72%, rgba(0,0,0,.88) 100%),linear-gradient(to bottom, rgba(255,255,255,.04), rgba(0,0,0,.18))}
.hud{inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;padding:24px}
.composer{--burst-x:50%;--burst-y:50%;width:min(780px,calc(100vw - 32px));padding:34px;border-radius:34px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),var(--panel);backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%);box-shadow:0 36px 100px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.12),0 0 80px rgba(255,255,255,.04);text-align:center;pointer-events:auto;position:relative;overflow:hidden;isolation:isolate;transform:translateY(-1.2vh) scale(1);opacity:1;clip-path:inset(0 round 34px);transition:opacity .9s ease, transform .9s cubic-bezier(.2,.9,.18,1), filter .9s ease;will-change:clip-path, filter, transform, opacity}
.composer>*{position:relative;z-index:2}
.composer::before,.composer::after{content:"";position:absolute;pointer-events:none;z-index:3;opacity:0}
.composer::before{left:var(--burst-x);top:var(--burst-y);width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,.08) 44%, rgba(255,255,255,0) 74%);filter:blur(1px)}
.composer::after{inset:0;background:radial-gradient(circle at var(--burst-x) var(--burst-y), rgba(255,255,255,.11), transparent 14%),radial-gradient(circle at var(--burst-x) var(--burst-y), rgba(255,255,255,.06), transparent 28%);transform-origin:var(--burst-x) var(--burst-y)}
.composer.sending{animation:panelSink 1.7s cubic-bezier(.22,.84,.18,1) forwards}
.composer.sending::before{opacity:1;animation:vortexCore 1.7s cubic-bezier(.22,.84,.18,1) forwards}
.composer.sending::after{opacity:1;animation:vortexWave 1.7s cubic-bezier(.22,.84,.18,1) forwards}
.composer.sending>*{animation:contentSpiral 1.7s cubic-bezier(.22,.84,.18,1) forwards}
.composer.hide{opacity:0;transform:translateY(-24px) scale(.97);filter:blur(14px);pointer-events:none}
@keyframes panelSink{0%{clip-path:inset(0 round 34px);opacity:1;filter:blur(0);transform:translateY(-1.2vh) scale(1)}24%{clip-path:circle(94% at var(--burst-x) var(--burst-y));opacity:1;filter:blur(0);transform:translateY(-1vh) scale(.992)}52%{clip-path:circle(58% at var(--burst-x) var(--burst-y));opacity:.98;filter:blur(.6px);transform:translateY(-.55vh) scale(.86)}76%{clip-path:circle(22% at var(--burst-x) var(--burst-y));opacity:.76;filter:blur(2.8px);transform:translateY(-.15vh) scale(.48)}100%{clip-path:circle(0% at var(--burst-x) var(--burst-y));opacity:0;filter:blur(8px);transform:translateY(0) scale(.16)}}
@keyframes vortexCore{0%{transform:translate(-50%,-50%) scale(.18);opacity:0}32%{transform:translate(-50%,-50%) scale(.7);opacity:.12}68%{transform:translate(-50%,-50%) scale(1.75);opacity:.34}100%{transform:translate(-50%,-50%) scale(2.65);opacity:.2}}
@keyframes vortexWave{0%{transform:scale(1) rotate(0deg);opacity:0}30%{transform:scale(1.01) rotate(1deg);opacity:.08}68%{transform:scale(.82) rotate(8deg);opacity:.2}100%{transform:scale(.28) rotate(16deg);opacity:0}}
@keyframes contentSpiral{0%{transform:translate3d(0,0,0) scale(1);opacity:1;filter:blur(0)}30%{transform:scale(.985);opacity:.98;filter:blur(0)}62%{transform:scale(.78) skewX(-1.4deg);opacity:.64;filter:blur(1.8px)}84%{transform:scale(.43) skewX(-3.2deg);opacity:.24;filter:blur(4.8px)}100%{transform:scale(.12) skewX(6deg);opacity:0;filter:blur(10px)}}
.kicker{margin-bottom:10px;color:rgba(255,255,255,.46);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
h1{margin:0 0 12px;font-size:clamp(38px,5.6vw,72px);line-height:1;letter-spacing:.025em;font-weight:840;color:#fff;text-transform:uppercase;text-shadow:0 14px 70px rgba(255,255,255,.12);white-space:nowrap}
.subtitle{margin:0 auto 24px;max-width:100%;color:var(--muted);font-size:16px;line-height:1.4;letter-spacing:.005em;white-space:nowrap}
.emotion-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 18px}
.emotion{appearance:none;border:0;outline:0;color:#fff;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:800;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;background:var(--emotion-button,#fff);box-shadow:0 8px 24px rgba(0,0,0,.25);text-transform:uppercase;letter-spacing:.02em}
.emotion{--emotion-button:attr(data-color color, #FFD400)}
.emotion[data-color="#FFD400"]{--emotion-button:#FFD400}.emotion[data-color="#4169E1"]{--emotion-button:#4169E1}.emotion[data-color="#8A2BE2"]{--emotion-button:#8A2BE2}.emotion[data-color="#FF2E2E"]{--emotion-button:#FF2E2E}.emotion[data-color="#FF8A00"]{--emotion-button:#FF8A00}.emotion[data-color="#22C55E"]{--emotion-button:#22C55E}.emotion[data-color="#0ABAB5"]{--emotion-button:#0ABAB5}.emotion[data-color="#C7A23A"]{--emotion-button:#C7A23A}.emotion[data-color="#FF3D6E"]{--emotion-button:#FF3D6E}.emotion[data-color="#8E9AA8"]{--emotion-button:#8E9AA8}.emotion[data-color="#A66A2E"]{--emotion-button:#A66A2E}.emotion[data-color="#00A86B"]{--emotion-button:#00A86B}
.emotion:hover{transform:translateY(-1px);filter:brightness(1.03)}
.emotion.active{transform:scale(1.06);box-shadow:0 0 22px var(--emotion-soft), 0 8px 24px rgba(0,0,0,.25)}
.input-shell{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:stretch;width:min(650px,100%);margin:0 auto;padding:9px;border-radius:24px;background:var(--emotion-mid);box-shadow:0 0 40px var(--emotion-soft);transition:background .25s ease, box-shadow .25s ease}
textarea{resize:none;height:78px;border:0;outline:0;color:#fff;background:transparent;padding:16px 16px 12px;font-size:21px;line-height:1.35;font-weight:520;font-family:inherit;letter-spacing:.01em}
textarea::placeholder{color:rgba(255,255,255,.74);letter-spacing:.01em}
.send{min-width:132px;border:0;border-radius:18px;background:rgb(255,255,255);color:var(--emotion);font-size:18px;font-weight:900;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s ease, filter .18s ease, opacity .18s ease;box-shadow:0 12px 26px rgba(0,0,0,.38);text-transform:uppercase;letter-spacing:.03em;will-change:transform}
.send:hover{transform:translateY(-1px);filter:brightness(1.01)}
.send:disabled{opacity:.48;cursor:not-allowed;transform:none}
.meta{display:flex;justify-content:space-between;align-items:center;gap:12px;width:min(650px,100%);margin:13px auto 0;color:rgba(255,255,255,.52);font-size:13px;letter-spacing:.01em}
.warn{color:rgba(255,203,120,.92)}
.result{left:50%;top:28px;transform:translateX(-50%) translateY(-18px);z-index:6;width:min(700px,calc(100vw - 28px));opacity:0;pointer-events:none;transition:opacity .7s ease .18s, transform .7s cubic-bezier(.2,.9,.18,1) .18s}.result.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.result-card{border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),var(--panel);box-shadow:0 36px 100px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.12),0 0 80px rgba(255,255,255,.04);backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%);padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.result h2{margin:0 0 6px;font-size:20px;letter-spacing:-.01em}.result p{margin:0;color:rgba(255,255,255,.62);line-height:1.55;font-size:14px}.result strong{color:var(--emotion)}.actions{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:stretch;min-width:182px}
.ghost{appearance:none;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.86);padding:12px 14px;font-size:12px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}.ghost:hover{background:rgba(255,255,255,.12)}
.star-message{left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);z-index:9;width:min(360px,calc(100vw - 28px));padding:18px 18px 16px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),var(--panel);backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%);box-shadow:0 26px 80px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .28s ease, transform .28s ease}.star-message.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.star-message-close{position:absolute;right:12px;top:10px;appearance:none;border:0;background:transparent;color:rgba(255,255,255,.64);font-size:24px;cursor:pointer}.star-message-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--emotion-mid);color:#fff;font-size:12px;font-weight:700;margin-bottom:12px}.star-message-text{font-size:22px;line-height:1.32;font-weight:650;margin-bottom:10px;letter-spacing:.01em}.star-message-meta{color:rgba(255,255,255,.56);font-size:13px}
.country-tooltip{left:0;top:0;transform:translate(-9999px,-9999px);z-index:8;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.82);color:#fff;font-size:12px;letter-spacing:.02em;pointer-events:none;white-space:nowrap;box-shadow:0 14px 30px rgba(0,0,0,.35)}
.launch-star{left:0;top:0;z-index:8;pointer-events:none;opacity:0;width:110px;height:110px;transform:translate(-9999px,-9999px);will-change:transform,opacity}
.launch-core,.launch-glow,.launch-tail{position:absolute}
.launch-core{left:41px;top:41px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 34% 34%, #fff 0 16%, var(--emotion) 42%, rgba(255,255,255,.96) 66%, rgba(255,255,255,0) 100%);box-shadow:0 0 18px #fff, 0 0 48px var(--emotion), 0 0 88px var(--emotion-soft)}
.launch-glow{left:22px;top:22px;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.45), transparent 72%);filter:blur(10px)}
.launch-tail{left:-8px;top:50px;width:78px;height:12px;border-radius:999px;background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,.82));filter:blur(8px);opacity:var(--tail-opacity,0)}
.loading{left:50%;top:24px;transform:translateX(-50%);z-index:7;padding:10px 14px;border-radius:999px;background:rgba(8,8,8,.7);font-size:13px;opacity:1;transition:opacity .35s ease}.loading.hide{opacity:0;pointer-events:none}
.hint{right:18px;bottom:16px;z-index:6;color:rgba(255,255,255,.44);font-size:12px;letter-spacing:.06em}
.rotation-info{left:18px;bottom:16px;z-index:6;color:rgba(255,255,255,.44);font-size:12px;letter-spacing:.04em}
.toast{left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:10;padding:12px 16px;border-radius:999px;color:rgba(255,255,255,.88);background:rgba(5,10,20,.74);backdrop-filter:blur(14px);transition:opacity .3s ease, transform .3s ease;pointer-events:none;font-size:14px}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:700px){.composer{padding:24px 18px;border-radius:28px}.input-shell{grid-template-columns:1fr}textarea{height:88px;font-size:19px}.send{height:58px;width:100%}.result-card{grid-template-columns:1fr}.actions{justify-content:flex-start;min-width:0}.subtitle{font-size:14px}h1{font-size:clamp(32px,8vw,54px)}}


.kicker,.subtitle,.meta{color:var(--emotion);text-shadow:0 0 22px var(--emotion-soft)}
.emotion{font-weight:520;color:#fff;border:0;outline:0;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.emotion.active{transform:scale(1.045);box-shadow:0 0 18px var(--emotion-soft),0 8px 22px rgba(0,0,0,.22)}
.launch-star{width:86px;height:86px}
.launch-core{left:33px;top:33px;width:20px;height:20px;background:radial-gradient(circle, var(--emotion) 0 62%, rgba(255,255,255,0) 100%);box-shadow:0 0 16px var(--emotion),0 0 32px var(--emotion-soft)}
.launch-glow{left:22px;top:22px;width:42px;height:42px;background:radial-gradient(circle, var(--emotion-soft), transparent 72%);filter:blur(8px);opacity:.55}
.launch-tail{left:-4px;top:38px;width:58px;height:8px;background:linear-gradient(90deg, rgba(255,255,255,0), var(--emotion));filter:blur(7px)}
.result.show .result-card{animation:confirmPulse .95s cubic-bezier(.2,.9,.18,1) both}
@keyframes confirmPulse{0%{box-shadow:0 36px 100px rgba(0,0,0,.66),0 0 0 var(--emotion-soft);transform:translateY(-4px) scale(.985)}45%{box-shadow:0 36px 100px rgba(0,0,0,.66),0 0 44px var(--emotion-soft);transform:translateY(0) scale(1.01)}100%{box-shadow:0 36px 100px rgba(0,0,0,.66),0 0 18px rgba(255,255,255,.04);transform:translateY(0) scale(1)}}
.rotation-info{color:rgba(255,255,255,.5)}
.fallback-mode .loading::after{content:' · SAFE MODE';opacity:.6}



:root{--ui-gray:rgba(255,255,255,.54);--ui-gray-strong:rgba(255,255,255,.62);}
.kicker,.subtitle,.meta,#counter{color:var(--ui-gray)!important;text-shadow:none!important;}
.meta{justify-content:flex-start!important;text-align:left!important;}
.emotion-meta-hidden{display:none!important;}
.hint{display:none!important;}
.emotion{font-weight:680!important;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.18);}
.emotion.active{transform:scale(1.035)!important;box-shadow:0 9px 24px rgba(0,0,0,.24)!important;}
.composer.sending{animation:panelSink 1.32s cubic-bezier(.16,.92,.16,1) forwards!important;}
.composer.sending::before{animation:vortexCore 1.32s cubic-bezier(.16,.92,.16,1) forwards!important;}
.composer.sending::after{animation:vortexWave 1.32s cubic-bezier(.16,.92,.16,1) forwards!important;}
.composer.sending>*{animation:contentSpiral 1.32s cubic-bezier(.16,.92,.16,1) forwards!important;}
@keyframes panelSink{0%{clip-path:inset(0 round 34px);opacity:1;filter:blur(0);transform:translateY(-1.2vh) scale(1)}16%{clip-path:circle(98% at var(--burst-x) var(--burst-y));opacity:1;filter:blur(0);transform:translateY(-1vh) scale(.995)}39%{clip-path:circle(71% at var(--burst-x) var(--burst-y));opacity:.98;filter:blur(.35px);transform:translateY(-.72vh) scale(.93)}63%{clip-path:circle(36% at var(--burst-x) var(--burst-y));opacity:.86;filter:blur(1.7px);transform:translateY(-.32vh) scale(.66)}82%{clip-path:circle(12% at var(--burst-x) var(--burst-y));opacity:.46;filter:blur(4.2px);transform:translateY(-.08vh) scale(.34)}100%{clip-path:circle(0% at var(--burst-x) var(--burst-y));opacity:0;filter:blur(9px);transform:translateY(0) scale(.12)}}
@keyframes vortexCore{0%{transform:translate(-50%,-50%) scale(.12);opacity:0}22%{transform:translate(-50%,-50%) scale(.58);opacity:.12}54%{transform:translate(-50%,-50%) scale(1.38);opacity:.28}82%{transform:translate(-50%,-50%) scale(2.28);opacity:.24}100%{transform:translate(-50%,-50%) scale(2.9);opacity:.08}}
@keyframes vortexWave{0%{transform:scale(1) rotate(0deg);opacity:0}24%{transform:scale(.995) rotate(2deg);opacity:.07}58%{transform:scale(.78) rotate(9deg);opacity:.18}100%{transform:scale(.18) rotate(22deg);opacity:0}}
@keyframes contentSpiral{0%{transform:translate3d(0,0,0) scale(1);opacity:1;filter:blur(0)}22%{transform:scale(.975) skewX(.15deg);opacity:.96;filter:blur(.08px)}50%{transform:scale(.82) skewX(-.8deg);opacity:.72;filter:blur(1.2px)}76%{transform:scale(.46) skewX(-2.6deg);opacity:.32;filter:blur(4px)}100%{transform:scale(.1) skewX(5deg);opacity:0;filter:blur(10px)}}
.launch-core{background:var(--emotion)!important;box-shadow:0 0 10px var(--emotion),0 0 20px var(--emotion-soft)!important;}
.launch-glow{background:radial-gradient(circle, var(--emotion-soft), transparent 74%)!important;opacity:.42!important;}
.launch-tail{background:linear-gradient(90deg, rgba(255,255,255,0), var(--emotion))!important;opacity:var(--tail-opacity,0)!important;}
.warn{color:var(--ui-gray-strong)!important;}


:root{--emotion-bright:#ffe34f;}
.grain{opacity:.045;}
.kicker,.subtitle,.meta,#counter{color:var(--ui-gray)!important;text-shadow:none!important;}
.emotion{font-weight:720!important;}
.composer.sending,.composer.sending::before,.composer.sending::after,.composer.sending>*{animation:none!important;}
.composer.js-sending{transition:none!important;will-change:transform,opacity,filter,clip-path;}
.composer.js-sending::before,.composer.js-sending::after{display:none!important;}
.composer.hide{pointer-events:none;}
.launch-star{width:92px;height:92px;will-change:transform,opacity;}
.launch-core{left:35px;top:35px;width:22px;height:22px;background:radial-gradient(circle, var(--emotion-bright) 0 58%, var(--emotion) 66%, rgba(255,255,255,0) 100%)!important;box-shadow:0 0 10px var(--emotion-bright),0 0 22px var(--emotion),0 0 40px var(--emotion-soft)!important;}
.launch-glow{left:24px;top:24px;width:44px;height:44px;background:radial-gradient(circle, var(--emotion-bright), transparent 74%)!important;filter:blur(7px)!important;opacity:.46!important;}
.launch-tail{left:-4px;top:41px;width:60px;height:8px;filter:blur(6px)!important;background:linear-gradient(90deg, rgba(255,255,255,0), var(--emotion-bright))!important;}
.rotation-info{color:rgba(255,255,255,.48)}
@media (prefers-reduced-motion: reduce){
  .composer,.result,.toast,.star-message{transition:none!important;}
}


html,body,#app,.composer,.result-card,.star-message,.invert-toggle,.send,.ghost{transition:background-color .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease,filter .42s ease;}
.invert-toggle{position:fixed;left:18px;top:18px;z-index:11;appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 13px;background:rgba(8,8,8,.54);color:rgba(255,255,255,.7);font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 36px rgba(0,0,0,.28);}
.invert-toggle:hover{color:#fff;background:rgba(20,20,20,.7);transform:translateY(-1px);}
.invert-toggle[aria-pressed="true"]{border-color:rgba(0,0,0,.16);background:rgba(255,255,255,.64);color:rgba(0,0,0,.72);box-shadow:0 14px 36px rgba(255,255,255,.18);}
body.inverted{--bg:#f6f6f6;--panel:rgba(245,245,245,.62);--text:rgba(0,0,0,.92);--muted:rgba(0,0,0,.58);--ui-gray:rgba(0,0,0,.56);--ui-gray-strong:rgba(0,0,0,.66);background:#f6f6f6;color:var(--text);}
body.inverted #app{background:radial-gradient(circle at 50% 46%, rgba(0,0,0,.045), transparent 33%),radial-gradient(circle at 50% 58%, rgba(0,0,0,.035), transparent 54%),#f6f6f6;}
body.inverted .grain{opacity:.025;mix-blend-mode:multiply;filter:invert(1);}
body.inverted .vignette{background:radial-gradient(circle at 50% 50%, transparent 0 40%, rgba(255,255,255,.1) 72%, rgba(255,255,255,.42) 100%),linear-gradient(to bottom, rgba(0,0,0,.035), rgba(255,255,255,.16));}
body.inverted .composer,body.inverted .result-card,body.inverted .star-message{background:linear-gradient(180deg, rgba(0,0,0,.045), rgba(0,0,0,.015)),var(--panel);box-shadow:0 36px 100px rgba(255,255,255,.35), inset 0 1px 0 rgba(0,0,0,.08),0 0 80px rgba(0,0,0,.035);}
body.inverted h1{color:#050505;text-shadow:0 14px 70px rgba(0,0,0,.08);}
body.inverted .send{background:#050505;color:var(--emotion-bright);}
body.inverted .ghost{background:rgba(0,0,0,.075);color:rgba(0,0,0,.76);}
body.inverted .country-tooltip{background:rgba(255,255,255,.86);color:#050505;box-shadow:0 14px 30px rgba(255,255,255,.35);}
body.inverted .loading,body.inverted .toast{background:rgba(255,255,255,.76);color:rgba(0,0,0,.82);}
body.inverted .star-message-close{color:rgba(0,0,0,.56);}
body.inverted .star-message-text{color:rgba(0,0,0,.9);}
body.inverted .star-message-meta{color:rgba(0,0,0,.56);}
#counter{min-width:128px;}
.composer.js-sending{transition:none!important;}
.composer.js-sending *{transition:none!important;}



.invert-toggle{letter-spacing:.08em;}
body.switching #earthCanvas{transition:opacity .18s ease, filter .18s ease;opacity:.985;}
.launch-star{width:96px;height:96px;}
.launch-core{left:34px!important;top:34px!important;width:28px!important;height:28px!important;box-shadow:0 0 12px var(--emotion-bright),0 0 28px var(--emotion),0 0 48px var(--emotion-soft)!important;}
.launch-glow{left:22px!important;top:22px!important;width:52px!important;height:52px!important;filter:blur(7px)!important;opacity:.48!important;}
.launch-tail{top:44px!important;width:66px!important;}



.top-tools{
  position:fixed;
  left:18px;
  top:18px;
  z-index:11;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
}
.top-tools .invert-toggle,
.top-tools .calibrate-toggle{
  position:static!important;
  left:auto!important;
  top:auto!important;
}
.calibrate-toggle{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:10px 13px;
  background:rgba(8,8,8,.54);
  color:rgba(255,255,255,.7);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  cursor:pointer;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 14px 36px rgba(0,0,0,.28);
  transition:background-color .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease,transform .18s ease;
}
.calibrate-toggle:hover{
  color:#fff;
  background:rgba(20,20,20,.7);
  transform:translateY(-1px);
}
body.inverted .calibrate-toggle,
body.inverted .invert-toggle{
  border-color:rgba(0,0,0,.16);
  background:rgba(255,255,255,.68);
  color:rgba(0,0,0,.76);
  box-shadow:0 14px 36px rgba(255,255,255,.18);
}
body.inverted .calibrate-toggle:hover,
body.inverted .invert-toggle:hover{
  background:rgba(255,255,255,.86);
  color:#000;
}
body.inverted textarea{
  color:#050505!important;
}
body.inverted textarea::placeholder{
  color:rgba(0,0,0,.48)!important;
}
body.inverted .input-shell{
  color:#050505;
}
body.inverted .result h2,
body.inverted .result p,
body.inverted .result strong,
body.inverted #sentEmotionInline{
  color:rgba(0,0,0,.86)!important;
}
body.inverted .result p{
  color:rgba(0,0,0,.62)!important;
}
body.inverted .result strong,
body.inverted #sentEmotionInline{
  color:var(--emotion)!important;
}
body.inverted .rotation-info{
  color:rgba(0,0,0,.46)!important;
}
body.inverted .hint{
  color:rgba(0,0,0,.38)!important;
}



.location-meta{
  display:inline-flex!important;
  align-items:center;
  min-height:1.2em;
  color:var(--ui-gray)!important;
  font-size:13px;
  letter-spacing:.01em;
}
.location-meta.warn{
  color:var(--ui-gray-strong)!important;
}
.meta{
  justify-content:space-between!important;
}
body.inverted .location-meta{
  color:rgba(0,0,0,.56)!important;
}
body.inverted .location-meta.warn{
  color:rgba(0,0,0,.68)!important;
}



.daily-question{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  max-width:min(650px,100%);
  margin:0 auto 22px;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.68);
  font-size:13px;
  line-height:1.35;
  letter-spacing:.01em;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.daily-label,
.echo-label,
.mood-title{
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--emotion);
  white-space:nowrap;
}
.result-card{
  align-items:start;
}
.daily-echo{
  grid-column:1 / -1;
  display:grid;
  gap:10px;
  padding-top:14px;
  margin-top:2px;
  border-top:1px solid rgba(255,255,255,.12);
}
.daily-echo blockquote{
  margin:0;
  color:rgba(255,255,255,.93);
  font-size:20px;
  line-height:1.35;
  font-weight:740;
  letter-spacing:.005em;
}
.echo-meta{
  color:rgba(255,255,255,.56);
  font-size:13px;
}
.world-mood{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:2px;
}
.mood-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border-radius:999px;
  background:color-mix(in srgb, var(--mood-color) 20%, transparent);
  border:1px solid color-mix(in srgb, var(--mood-color) 34%, transparent);
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:760;
}
.daily-streak{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  color:rgba(255,255,255,.56);
  font-size:12px;
  margin-top:1px;
}
.streak-dots{
  display:inline-flex;
  gap:5px;
  align-items:center;
}
.streak-dots i{
  width:7px;
  height:7px;
  border-radius:50%;
  display:block;
  background:rgba(255,255,255,.18);
  box-shadow:0 0 0 rgba(255,255,255,0);
}
.streak-dots i.filled{
  background:var(--emotion);
  box-shadow:0 0 12px var(--emotion-soft);
}
body.inverted .daily-question{
  background:rgba(0,0,0,.045);
  border-color:rgba(0,0,0,.12);
  color:rgba(0,0,0,.62);
}
body.inverted .daily-echo{
  border-top-color:rgba(0,0,0,.12);
}
body.inverted .daily-echo blockquote{
  color:rgba(0,0,0,.88);
}
body.inverted .echo-meta,
body.inverted .daily-streak{
  color:rgba(0,0,0,.56);
}
body.inverted .mood-pill{
  background:color-mix(in srgb, var(--mood-color) 16%, transparent);
  border-color:color-mix(in srgb, var(--mood-color) 28%, transparent);
  color:rgba(0,0,0,.68);
}
body.inverted .streak-dots i{
  background:rgba(0,0,0,.16);
}
body.inverted .streak-dots i.filled{
  background:var(--emotion);
}
@media (max-width:700px){
  .daily-question{display:flex;flex-direction:column;gap:5px;border-radius:18px;margin-bottom:16px;padding:10px 12px;}
  .daily-echo blockquote{font-size:18px;}
  .world-mood{gap:6px;}
  .mood-pill{font-size:11px;padding:5px 8px;}
}


.composer{padding-top:30px;backdrop-filter:blur(16px) saturate(108%);-webkit-backdrop-filter:blur(16px) saturate(108%);}
.result-card,.star-message{backdrop-filter:blur(16px) saturate(108%);-webkit-backdrop-filter:blur(16px) saturate(108%);}
.emotion-wrap{display:flex;align-items:center;justify-content:center;gap:14px;width:min(650px,100%);margin:0 auto 18px;}
.emotion-wrap .emotion-row{margin:0;flex:1 1 auto;justify-content:center;}
.emotion-guide{margin:0;max-width:210px;color:var(--ui-gray, rgba(255,255,255,.56));font-size:14px;line-height:1.28;font-weight:650;text-align:left;letter-spacing:.005em;}
body.inverted .emotion-guide{color:rgba(0,0,0,.58);}
.daily-question{font-size:15px;padding:10px 15px;margin-bottom:20px;}
#dailyPrompt{font-size:15px;font-weight:720;}
.daily-label,.echo-label,.mood-title{font-size:11px;letter-spacing:.15em;}
.echo-label{font-size:12px;}
.daily-echo{gap:11px;}
.daily-echo blockquote{font-size:22px;line-height:1.34;}
.echo-meta{font-size:14px;}
.mood-title{font-size:12px;margin-right:2px;}
.mood-pill{font-size:13px;padding:7px 10px;}
.daily-streak{font-size:13px;}
.actions{min-width:148px;}
.beijing-clock{position:fixed;right:18px;bottom:18px;z-index:7;padding:10px 12px;border-radius:999px;background:rgba(8,8,8,.44);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.58);font-size:11px;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none;white-space:nowrap;}
body.inverted .beijing-clock{background:rgba(255,255,255,.66);border-color:rgba(0,0,0,.12);color:rgba(0,0,0,.56);}
#earthCanvas{image-rendering:auto;}
@media (max-width:700px){
  .emotion-wrap{flex-direction:column;gap:10px;margin-bottom:16px;}
  .emotion-guide{max-width:100%;text-align:center;font-size:13px;}
  .daily-question{font-size:14px;}
  #dailyPrompt{font-size:14px;}
  .daily-echo blockquote{font-size:20px;}
  .beijing-clock{right:12px;bottom:12px;font-size:10px;max-width:calc(100vw - 24px);white-space:normal;text-align:right;}
}


.emotion-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(650px,100%)!important;
  margin:0 auto 18px!important;
}
.emotion-guide{
  order:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  color:var(--ui-gray, rgba(255,255,255,.56))!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.emotion-wrap .emotion-row,
.emotion-row{
  order:1!important;
  width:100%!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 auto!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  padding:2px 2px 8px!important;
}
.emotion-wrap .emotion-row::-webkit-scrollbar,
.emotion-row::-webkit-scrollbar{display:none!important;}
.emotion-row .emotion{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.mood-empty{
  color:rgba(255,255,255,.56);
  font-size:13px;
  font-weight:720;
}
body.inverted .mood-empty{color:rgba(0,0,0,.56);}
@media (max-width:700px){
  .emotion-wrap{align-items:stretch!important;}
  .emotion-guide{font-size:12px!important;letter-spacing:-.01em!important;}
  .emotion-wrap .emotion-row,
  .emotion-row{justify-content:flex-start!important;padding-inline:2px!important;}
  .emotion{padding:9px 12px!important;font-size:12px!important;}
}
@media (max-width:380px){
  .emotion-guide{font-size:11px!important;}
  .emotion{padding:8px 10px!important;font-size:11px!important;}
}


.moderation-feedback{
  margin-top:10px;
  min-height:18px;
  font-size:11px;
  letter-spacing:.02em;
  color:var(--ui-gray);
}
.moderation-feedback.ok{color:rgba(34,197,94,.78)}
.moderation-feedback.warn{color:rgba(255,138,0,.9)}
.admin-toggle{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:10px 13px;
  background:rgba(8,8,8,.54);
  color:rgba(255,255,255,.7);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  cursor:pointer;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 14px 36px rgba(0,0,0,.28);
  transition:background-color .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease,transform .18s ease;
}
.admin-toggle:hover{color:#fff;background:rgba(20,20,20,.7);transform:translateY(-1px)}
body.inverted .admin-toggle{
  border-color:rgba(0,0,0,.16);
  background:rgba(255,255,255,.68);
  color:rgba(0,0,0,.76);
  box-shadow:0 14px 36px rgba(255,255,255,.18);
}
body.inverted .admin-toggle:hover{background:rgba(255,255,255,.86);color:#000}
.star-message{width:min(420px, calc(100vw - 32px));max-height:min(78vh, 720px);overflow:auto;}
.star-lifetime{
  margin-top:10px;
  font-size:11px;
  color:var(--ui-gray-strong);
  letter-spacing:.02em;
}
.star-echoes{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.14);
}
.echo-title{
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
  color:var(--ui-gray-strong);
  margin-bottom:8px;
}
.echo-list{display:grid;gap:7px;max-height:180px;overflow:auto;padding-right:2px;}
.echo-item{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:9px 10px;
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.82);
  font-size:13px;
}
.echo-item small{white-space:nowrap;color:var(--ui-gray);font-size:10px;margin-top:2px;}
.echo-empty{font-size:12px;color:var(--ui-gray);padding:8px 0;}
.echo-compose{display:flex;gap:8px;margin-top:10px;}
.echo-compose input{
  flex:1;
  min-width:0;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  border-radius:999px;
  padding:10px 12px;
  outline:none;
  font-size:13px;
}
.echo-compose input:disabled{opacity:.45;cursor:not-allowed;}
.echo-compose button,.report-star,.star-admin-actions button,.admin-actions-row button,.admin-card-actions button{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:9px 11px;
  background:rgba(255,255,255,.1);
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  cursor:pointer;
}
.echo-compose button:disabled,.report-star:disabled,.star-admin-actions button:disabled{opacity:.44;cursor:not-allowed;}
.echo-feedback{margin-top:8px;min-height:16px;color:var(--ui-gray);font-size:11px;}
.echo-feedback.ok{color:rgba(34,197,94,.78)}
.echo-feedback.warn{color:rgba(255,138,0,.9)}
.star-tools-row{margin-top:12px;display:flex;justify-content:flex-end;}
.report-star{color:rgba(255,120,120,.88)}
.star-admin-actions{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  padding-top:10px;
  border-top:1px dashed rgba(255,255,255,.16);
}
.admin-panel{
  position:fixed;
  right:18px;
  top:18px;
  z-index:14;
  width:min(420px, calc(100vw - 36px));
  max-height:calc(100vh - 36px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
  background:rgba(8,8,8,.72);
  color:#fff;
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 36px 120px rgba(0,0,0,.48);
  padding:16px;
}
.admin-panel[hidden]{display:none!important;}
.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.admin-panel h2{margin:0;font-size:20px;letter-spacing:.02em;}
.admin-kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--ui-gray-strong);}
#adminCloseBtn{
  appearance:none;border:0;background:transparent;color:rgba(255,255,255,.7);font-size:26px;line-height:1;cursor:pointer;
}
.admin-stats{font-size:12px;color:var(--ui-gray);margin-bottom:10px;}
.admin-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.admin-list{display:grid;gap:10px;}
.admin-card{
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  padding:11px;
  background:rgba(255,255,255,.055);
}
.admin-card.hidden{border-color:rgba(255,138,0,.46);background:rgba(255,138,0,.08)}
.admin-card-text{font-size:13px;line-height:1.4;margin-bottom:6px;}
.admin-card-meta{font-size:11px;color:var(--ui-gray);margin-bottom:9px;}
.admin-card-actions{display:flex;gap:7px;flex-wrap:wrap;}
.admin-empty,.admin-note{font-size:12px;color:var(--ui-gray);line-height:1.45;}
.admin-note{margin-top:12px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px;}
body.inverted .star-echoes{border-top-color:rgba(0,0,0,.12)}
body.inverted .echo-item{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.045);color:rgba(0,0,0,.82)}
body.inverted .echo-compose input{border-color:rgba(0,0,0,.14);background:rgba(0,0,0,.055);color:#050505;}
body.inverted .echo-compose input::placeholder{color:rgba(0,0,0,.45)}
body.inverted .echo-compose button,body.inverted .report-star,body.inverted .star-admin-actions button{border-color:rgba(0,0,0,.13);background:rgba(0,0,0,.07);color:rgba(0,0,0,.78)}
body.inverted .admin-panel{border-color:rgba(0,0,0,.13);background:rgba(255,255,255,.82);color:#050505;box-shadow:0 36px 120px rgba(255,255,255,.56)}
body.inverted #adminCloseBtn{color:rgba(0,0,0,.62)}
body.inverted .admin-actions-row button,body.inverted .admin-card-actions button{border-color:rgba(0,0,0,.13);background:rgba(0,0,0,.07);color:rgba(0,0,0,.78)}
body.inverted .admin-card{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.045)}
body.inverted .admin-card.hidden{border-color:rgba(255,138,0,.56);background:rgba(255,138,0,.1)}
@media (max-width:760px){
  .admin-panel{left:12px;right:12px;top:12px;width:auto;}
  .star-message{max-height:70vh;}
  .echo-compose{flex-direction:column;}
}



.star-admin-actions[hidden],
.echo-compose[hidden]{display:none!important;}
.echo-feedback{color:var(--text)!important;font-weight:700;}
.echo-feedback.ok,.echo-feedback.warn{color:var(--text)!important;}
.echo-compose button{
  border-color:var(--emotion)!important;
  background:var(--emotion)!important;
  color:#050505!important;
  box-shadow:0 0 18px var(--emotion-soft)!important;
}
.echo-compose button:disabled{opacity:.44!important;cursor:not-allowed!important;box-shadow:none!important;}
.report-star{
  color:#ff2e2e!important;
  font-weight:950!important;
}
body.inverted .report-star{
  color:#ff2e2e!important;
  font-weight:950!important;
}
body.inverted .echo-compose button{
  border-color:var(--emotion)!important;
  background:var(--emotion)!important;
  color:#050505!important;
}
body:not(.inverted) .echo-feedback{color:rgba(255,255,255,.95)!important;}
body.inverted .echo-feedback{color:rgba(0,0,0,.92)!important;}


.hero-line{
  margin:0 auto 18px;
  color:var(--ui-gray, rgba(255,255,255,.58));
  font-size:clamp(14px, 2vw, 18px);
  line-height:1.35;
  font-weight:680;
  letter-spacing:.01em;
}
body.inverted .hero-line{color:rgba(0,0,0,.58);}
.sky-teaser{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:min(650px,100%);
  margin:0 auto 18px;
  padding:10px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.35;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  overflow:hidden;
}
.sky-teaser-label{
  flex:0 0 auto;
  color:var(--emotion);
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
}
#skyTeaserText{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  font-weight:720;
}
body.inverted .sky-teaser{
  border-color:rgba(0,0,0,.12);
  background:rgba(0,0,0,.045);
  color:rgba(0,0,0,.74);
}
.share-action{
  border:1px solid var(--emotion)!important;
  background:var(--emotion)!important;
  color:#050505!important;
  box-shadow:0 0 24px var(--emotion-soft)!important;
}
.share-card{
  grid-column:1 / -1;
  display:grid;
  gap:8px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:
    radial-gradient(circle at 88% 12%, var(--emotion-soft), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.1), rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 18px 50px rgba(0,0,0,.18);
}
.share-kicker{
  color:var(--emotion);
  font-size:11px;
  font-weight:950;
  letter-spacing:.16em;
}
.share-text{
  color:rgba(255,255,255,.95);
  font-size:clamp(24px, 4.5vw, 42px);
  line-height:1.08;
  font-weight:880;
  letter-spacing:-.03em;
}
.share-meta{
  color:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:760;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.inverted .share-card{
  border-color:rgba(0,0,0,.12);
  background:
    radial-gradient(circle at 88% 12%, var(--emotion-soft), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.055), rgba(0,0,0,.018));
  box-shadow:inset 0 1px 0 rgba(0,0,0,.08), 0 18px 50px rgba(255,255,255,.28);
}
body.inverted .share-text{color:rgba(0,0,0,.9);}
body.inverted .share-meta{color:rgba(0,0,0,.56);}
@media (max-width:700px){
  .hero-line{margin-bottom:14px;font-size:14px;}
  .sky-teaser{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:14px;padding:10px 12px;}
  #skyTeaserText{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
  .share-card{padding:15px;border-radius:18px;}
}


.hero-line{
  font-size:clamp(18px, 2.65vw, 28px)!important;
  line-height:1.22!important;
  font-weight:780!important;
  margin-bottom:20px!important;
}
.emotion-guide{
  font-size:clamp(16px, 2vw, 22px)!important;
  line-height:1.18!important;
  font-weight:820!important;
}
.live-sky-panel{
  position:fixed;
  right:18px;
  top:50%;
  z-index:6;
  width:min(310px, calc(100vw - 36px));
  max-height:min(560px, calc(100dvh - 120px));
  border:1px solid rgba(255,255,255,.14);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),var(--panel);
  color:var(--text);
  transform:translateY(-50%) scale(1);
  transform-origin:right center;
  opacity:1;
  overflow:hidden;
  backdrop-filter:blur(20px) saturate(112%);
  -webkit-backdrop-filter:blur(20px) saturate(112%);
  box-shadow:0 28px 88px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.12);
  transition:
    width .76s cubic-bezier(.2,.92,.18,1),
    max-height .76s cubic-bezier(.2,.92,.18,1),
    border-radius .76s cubic-bezier(.2,.92,.18,1),
    transform .76s cubic-bezier(.2,.92,.18,1),
    opacity .42s ease,
    box-shadow .76s cubic-bezier(.2,.92,.18,1);
  will-change:transform,width,max-height;
}
.live-sky-full{
  padding:16px;
  opacity:1;
  transform:scale(1);
  transform-origin:right center;
  transition:opacity .42s ease .12s, transform .76s cubic-bezier(.2,.92,.18,1), filter .76s cubic-bezier(.2,.92,.18,1);
}
.live-sky-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.live-sky-head span,
.live-sky-mini span,
.result-mini-content span{
  display:block;
  color:var(--emotion);
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.live-sky-head strong{
  display:block;
  margin-top:5px;
  font-size:17px;
  line-height:1.1;
  letter-spacing:-.02em;
}
.panel-shrink,
.result-minimize{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:19px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}
.panel-shrink:hover,
.result-minimize:hover{transform:translateY(-1px);background:rgba(255,255,255,.14);}
.live-sky-list{display:grid;gap:8px;max-height:430px;overflow:auto;padding-right:2px;scrollbar-width:none;}
.live-sky-list::-webkit-scrollbar{display:none;}
.live-sky-item{
  appearance:none;
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  padding:10px 11px;
  background:rgba(255,255,255,.055);
  color:inherit;
  text-align:left;
  display:grid;
  gap:6px;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.live-sky-item:hover{transform:translateY(-1px);background:rgba(255,255,255,.085);border-color:var(--emotion);}
.live-sky-item-text{font-size:15px;line-height:1.22;font-weight:800;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.live-sky-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.live-sky-dot{width:8px;height:8px;border-radius:999px;background:var(--item-color, var(--emotion));box-shadow:0 0 12px var(--item-color, var(--emotion));flex:0 0 auto;}
.live-sky-meta-left{display:inline-flex;align-items:center;gap:6px;min-width:0;}
.live-sky-empty{padding:12px;border-radius:16px;background:rgba(255,255,255,.055);color:var(--muted);font-size:13px;line-height:1.4;}
.live-sky-mini{
  position:absolute;
  inset:0;
  border:0;
  border-radius:inherit;
  background:transparent;
  color:inherit;
  opacity:0;
  transform:scale(.72);
  pointer-events:none;
  cursor:pointer;
  display:grid;
  place-items:center;
  align-content:center;
  gap:6px;
  padding:10px;
  transition:opacity .28s ease .12s, transform .58s cubic-bezier(.2,.92,.18,1);
}
.live-sky-mini strong{
  display:block;
  font-size:15px;
  line-height:1;
  letter-spacing:.02em;
}
.live-sky-panel.collapsed{
  width:126px;
  max-height:58px;
  border-radius:999px;
  transform:translateY(-50%) scale(.96);
  box-shadow:0 18px 52px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12);
}
.live-sky-panel.collapsed .live-sky-full{
  opacity:0;
  transform:scale(.2) rotate(-2deg);
  filter:blur(8px);
  pointer-events:none;
  transition-delay:0s;
}
.live-sky-panel.collapsed .live-sky-mini{opacity:1;transform:scale(1);pointer-events:auto;}
.result{
  transition:
    opacity .7s ease .18s,
    transform .78s cubic-bezier(.2,.92,.18,1),
    width .78s cubic-bezier(.2,.92,.18,1),
    left .78s cubic-bezier(.2,.92,.18,1),
    top .78s cubic-bezier(.2,.92,.18,1);
  will-change:transform,width,left,top;
}
.result-card{position:relative;overflow:hidden;transition:padding .78s cubic-bezier(.2,.92,.18,1), border-radius .78s cubic-bezier(.2,.92,.18,1), transform .78s cubic-bezier(.2,.92,.18,1), filter .78s cubic-bezier(.2,.92,.18,1);}
.result-minimize{position:absolute;right:12px;top:12px;z-index:3;width:28px;height:28px;font-size:18px;}
.result .result-main{padding-right:26px;}
.result-mini-content{display:none;cursor:pointer;min-width:0;}
.result-mini-content strong{display:block;margin-top:6px;color:var(--text);font-size:18px;line-height:1.14;font-weight:890;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.result.minimized{
  left:18px;
  top:18px;
  width:min(230px, calc(100vw - 36px));
  transform:translateX(0) translateY(0) scale(1)!important;
  opacity:1;
  pointer-events:auto;
}
.result.minimized .result-card{
  display:block;
  padding:13px 15px;
  border-radius:20px;
  cursor:pointer;
}
.result.minimized .result-main,
.result.minimized .actions,
.result.minimized .share-card,
.result.minimized .daily-echo,
.result.minimized .result-minimize{display:none!important;}
.result.minimized .result-mini-content{display:block;}
.star-message{
  max-height:calc(100dvh - 34px)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  scroll-margin:17px;
}
body.inverted .live-sky-panel{
  border-color:rgba(0,0,0,.12);
  background:linear-gradient(180deg, rgba(0,0,0,.045), rgba(0,0,0,.015)),var(--panel);
  box-shadow:0 30px 90px rgba(255,255,255,.36), inset 0 1px 0 rgba(0,0,0,.08);
}
body.inverted .panel-shrink,
body.inverted .result-minimize{border-color:rgba(0,0,0,.14);background:rgba(0,0,0,.06);color:rgba(0,0,0,.78);}
body.inverted .live-sky-item{border-color:rgba(0,0,0,.11);background:rgba(0,0,0,.045);}
body.inverted .live-sky-item:hover{background:rgba(0,0,0,.065);}
body.inverted .live-sky-empty{background:rgba(0,0,0,.045);color:rgba(0,0,0,.56);}
body.inverted .live-sky-item-meta{color:rgba(0,0,0,.56);}
body.inverted .result-mini-content strong{color:rgba(0,0,0,.9);}
@media (max-width:1120px){
  .live-sky-panel{right:14px;top:auto;bottom:78px;transform:translateY(0) scale(1);width:min(290px, calc(100vw - 28px));max-height:min(390px, calc(100dvh - 160px));}
  .live-sky-panel.collapsed{transform:translateY(0) scale(.96);}
  .live-sky-list{max-height:260px;}
}
@media (max-width:760px){
  .hero-line{font-size:clamp(17px, 5vw, 24px)!important;white-space:normal!important;}
  .emotion-guide{font-size:clamp(14px, 4vw, 18px)!important;white-space:normal!important;}
  .live-sky-panel{right:12px;left:12px;bottom:76px;width:auto;max-height:min(300px, calc(100dvh - 170px));}
  .live-sky-panel.collapsed{left:auto;width:118px;max-height:54px;}
  .live-sky-full{padding:13px;}
  .live-sky-head strong{font-size:15px;}
  .live-sky-item-text{font-size:14px;}
  .result.minimized{left:12px;top:12px;width:min(210px, calc(100vw - 24px));}
  .star-message{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;}
}


.hero-line{
  font-size:clamp(21px, 3.25vw, 34px)!important;
  line-height:1.16!important;
  font-weight:860!important;
}
.emotion-guide{
  font-size:clamp(18px, 2.45vw, 26px)!important;
  line-height:1.14!important;
  font-weight:860!important;
}
.daily-question .daily-label{
  color:rgba(255,255,255,.94)!important;
  font-weight:980!important;
  letter-spacing:.15em!important;
}
body.inverted .daily-question .daily-label{
  color:rgba(0,0,0,.92)!important;
}
.live-sky-head span,
.live-sky-mini span{
  font-size:13px!important;
  font-weight:980!important;
  letter-spacing:.17em!important;
}
.live-sky-head strong{
  font-size:20px!important;
  line-height:1.08!important;
}
.live-sky-panel{
  top:50%!important;
  transform-origin:right center!important;
}
.live-sky-panel.collapsed{
  top:50%!important;
}
.result{
  max-height:calc(100dvh - 34px);
  transform-origin:left center!important;
  transition:
    opacity .62s ease,
    transform .82s cubic-bezier(.2,.92,.18,1),
    width .82s cubic-bezier(.2,.92,.18,1),
    left .82s cubic-bezier(.2,.92,.18,1),
    top .82s cubic-bezier(.2,.92,.18,1),
    max-height .82s cubic-bezier(.2,.92,.18,1)!important;
}
.result-card{
  transition:
    padding .82s cubic-bezier(.2,.92,.18,1),
    border-radius .82s cubic-bezier(.2,.92,.18,1),
    transform .82s cubic-bezier(.2,.92,.18,1),
    filter .82s cubic-bezier(.2,.92,.18,1),
    box-shadow .82s cubic-bezier(.2,.92,.18,1)!important;
}
.result .result-main,
.result .actions,
.result .share-card,
.result .daily-echo{
  transition:
    opacity .34s ease,
    transform .82s cubic-bezier(.2,.92,.18,1),
    max-height .82s cubic-bezier(.2,.92,.18,1),
    margin .82s cubic-bezier(.2,.92,.18,1),
    padding .82s cubic-bezier(.2,.92,.18,1)!important;
  transform-origin:left center;
}
.result-mini-content{
  display:grid!important;
  opacity:0;
  max-height:0;
  transform:scale(.74);
  filter:blur(8px);
  pointer-events:none;
  overflow:hidden;
  transition:opacity .34s ease .08s, transform .82s cubic-bezier(.2,.92,.18,1), filter .82s cubic-bezier(.2,.92,.18,1), max-height .82s cubic-bezier(.2,.92,.18,1)!important;
}
.result.minimized{
  left:18px!important;
  top:50%!important;
  width:min(270px, calc(100vw - 36px))!important;
  max-height:96px!important;
  transform:translateX(0) translateY(-50%) scale(.98)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.result.minimized .result-card{
  display:block!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  cursor:pointer;
}
.result.minimized .result-main,
.result.minimized .actions,
.result.minimized .share-card,
.result.minimized .daily-echo{
  display:block!important;
  opacity:0!important;
  transform:scale(.22) translateX(-22px)!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  border:0!important;
}
.result.minimized .result-minimize{
  display:none!important;
}
.result.minimized .result-mini-content{
  display:grid!important;
  opacity:1!important;
  max-height:72px!important;
  transform:scale(1)!important;
  filter:blur(0)!important;
  pointer-events:auto!important;
}
.result-mini-content span,
.share-kicker{
  color:var(--emotion)!important;
  font-size:14px!important;
  font-weight:990!important;
  letter-spacing:.17em!important;
}
.result-mini-content strong{
  font-size:22px!important;
  line-height:1.12!important;
  font-weight:930!important;
}
.share-text{
  font-size:clamp(30px, 5vw, 50px)!important;
  font-weight:930!important;
}
.result p strong,
#sentEmotion,
#sentEmotionInline{
  color:var(--emotion)!important;
  font-size:18px!important;
  font-weight:940!important;
}
.share-action{
  display:none!important;
}
.star-message{
  width:min(430px, calc(100vw - 32px))!important;
  max-height:calc(100dvh - 48px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  transform:translate(-50%,-50%) scale(.96)!important;
}
.star-message.show{
  transform:translate(-50%,-50%) scale(1)!important;
}
.star-message-label{
  background:var(--emotion-mid)!important;
  box-shadow:0 0 18px var(--emotion-soft)!important;
}
@media (max-width:1120px){
  .result.minimized{top:auto!important;bottom:78px!important;left:14px!important;transform:translateX(0) translateY(0) scale(.98)!important;}
}
@media (max-width:760px){
  .hero-line{font-size:clamp(20px, 6vw, 28px)!important;}
  .emotion-guide{font-size:clamp(16px, 4.8vw, 21px)!important;}
  .live-sky-head span,.live-sky-mini span{font-size:12px!important;}
  .result.minimized{left:12px!important;bottom:76px!important;width:min(240px, calc(100vw - 24px))!important;}
  .result-mini-content span,.share-kicker{font-size:12px!important;}
  .result-mini-content strong{font-size:19px!important;}
}


:root{--tap-ease:cubic-bezier(.16,.92,.16,1);}
.composer,.result,.result-card,.live-sky-panel,.live-sky-mini,.result-mini-content{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  backface-visibility:hidden;
}
.composer,.result,.live-sky-panel{transform-style:preserve-3d;}
.live-sky-panel,.result{contain:layout paint style;}
.live-sky-panel{
  transition:
    width .58s var(--tap-ease),
    max-height .58s var(--tap-ease),
    border-radius .58s var(--tap-ease),
    transform .58s var(--tap-ease),
    opacity .28s ease,
    box-shadow .58s var(--tap-ease)!important;
  will-change:transform,width,max-height,border-radius;
}
.live-sky-full{
  filter:none!important;
  transition:opacity .24s ease, transform .58s var(--tap-ease)!important;
}
.live-sky-mini{
  transform:none!important;
  filter:none!important;
  transition:opacity .2s ease .08s!important;
}
.live-sky-panel.collapsed{
  width:138px!important;
  max-height:64px!important;
  transform:translate3d(0,-50%,0)!important;
  filter:none!important;
}
.live-sky-panel.collapsed .live-sky-full{
  opacity:0!important;
  transform:translate3d(16px,0,0)!important;
  filter:none!important;
}
.live-sky-panel.collapsed .live-sky-mini{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}
.live-sky-mini span,.live-sky-mini strong,
.result-mini-content span,.result-mini-content strong{
  transform:none!important;
  filter:none!important;
  text-shadow:none;
}
.live-sky-mini span{font-size:13px!important;line-height:1.05!important;}
.live-sky-mini strong{font-size:16px!important;line-height:1.05!important;}

.result{
  transition:
    opacity .42s ease,
    transform .62s var(--tap-ease),
    width .62s var(--tap-ease),
    left .62s var(--tap-ease),
    top .62s var(--tap-ease),
    max-height .62s var(--tap-ease)!important;
  will-change:transform,left,top,width,opacity;
}
.result-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  transform:translateZ(0);
  filter:none!important;
  transition:
    padding .62s var(--tap-ease),
    border-radius .62s var(--tap-ease),
    transform .62s var(--tap-ease),
    box-shadow .62s var(--tap-ease)!important;
}
.result .result-main{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  text-align:left!important;
  padding-right:18px!important;
  min-width:0;
}
.result h2,.result p{text-align:left!important;}
.result .actions{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  min-width:178px!important;
  padding-top:30px!important;
  padding-right:4px!important;
  z-index:2;
}
.result-minimize{right:12px!important;top:12px!important;z-index:5!important;}
.result .share-card,.result .daily-echo{grid-column:1 / -1!important;}
.result-mini-content{
  display:grid!important;
  opacity:0;
  max-height:0;
  transform:translate3d(-8px,0,0)!important;
  filter:none!important;
  pointer-events:none;
  overflow:hidden;
  transition:opacity .22s ease, transform .42s var(--tap-ease), max-height .42s var(--tap-ease)!important;
}
.result.minimized{
  left:18px!important;
  top:50%!important;
  width:min(278px, calc(100vw - 36px))!important;
  max-height:104px!important;
  transform:translate3d(0,-50%,0)!important;
  filter:none!important;
}
.result.minimized .result-card{
  display:block!important;
  padding:17px 19px!important;
  border-radius:24px!important;
  transform:none!important;
  filter:none!important;
}
.result.minimized .result-main,
.result.minimized .actions,
.result.minimized .share-card,
.result.minimized .daily-echo{
  opacity:0!important;
  transform:translate3d(-18px,0,0)!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  border:0!important;
}
.result.minimized .result-mini-content{
  opacity:1!important;
  max-height:76px!important;
  transform:none!important;
  filter:none!important;
  pointer-events:auto!important;
}
.result-mini-content span{font-size:14px!important;line-height:1.06!important;}
.result-mini-content strong{font-size:23px!important;line-height:1.08!important;}

.composer.tap-enter{animation:composerTapSprayIn .72s var(--tap-ease) both!important;will-change:transform,opacity,clip-path;}
.composer.tap-exit{animation:composerTapDrainOut .62s var(--tap-ease) both!important;will-change:transform,opacity,clip-path;pointer-events:none!important;}
@keyframes composerTapSprayIn{
  0%{opacity:0;transform:translate3d(calc(-50vw + 160px),0,0) scale(.10,.34);clip-path:inset(42% 96% 42% 0 round 999px);filter:blur(0)}
  46%{opacity:1;transform:translate3d(calc(-18vw + 82px),0,0) scale(1.04,.82);clip-path:inset(16% 30% 16% 0 round 30px);filter:blur(0)}
  100%{opacity:1;transform:translateY(-1.2vh) scale(1);clip-path:inset(0 round 34px);filter:blur(0)}
}
@keyframes composerTapDrainOut{
  0%{opacity:1;transform:translateY(-1.2vh) scale(1);clip-path:inset(0 round 34px);filter:blur(0)}
  54%{opacity:.96;transform:translate3d(calc(-20vw + 82px),0,0) scale(.74,.86);clip-path:inset(12% 34% 12% 0 round 30px);filter:blur(0)}
  100%{opacity:0;transform:translate3d(calc(-50vw + 160px),0,0) scale(.10,.34);clip-path:inset(42% 96% 42% 0 round 999px);filter:blur(0)}
}
.result.result-spray-in{animation:resultTapSprayIn .72s var(--tap-ease) both!important;will-change:transform,opacity,clip-path;}
@keyframes resultTapSprayIn{
  0%{opacity:0;transform:translate3d(calc(-50vw + 156px),calc(50vh - 120px),0) scale(.12,.36);clip-path:inset(42% 96% 42% 0 round 999px);filter:blur(0)}
  52%{opacity:1;transform:translate3d(calc(-21vw + 80px),calc(20vh - 80px),0) scale(1.03,.88);clip-path:inset(14% 28% 14% 0 round 28px);filter:blur(0)}
  100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);clip-path:inset(0 round 26px);filter:blur(0)}
}
.result.result-contracting .result-card{transform:translateZ(0)!important;filter:none!important;}
.result.show .result-card{animation:none!important;}

@media (max-width:1120px){
  .live-sky-panel.collapsed{transform:translate3d(0,0,0)!important;}
  .result.minimized{top:auto!important;bottom:78px!important;left:14px!important;transform:translate3d(0,0,0)!important;}
}
@media (max-width:760px){
  .result .actions{grid-column:1!important;grid-row:2!important;justify-self:stretch!important;min-width:0!important;padding-top:4px!important;padding-right:0!important;}
  .result .result-main{padding-right:30px!important;}
  .result.minimized{left:12px!important;bottom:76px!important;width:min(252px, calc(100vw - 24px))!important;}
  .live-sky-panel.collapsed{left:auto!important;width:128px!important;max-height:60px!important;}
  .live-sky-mini strong{font-size:14px!important;}
}


body:not(.inverted) #app{
  background:
    radial-gradient(circle at 8% 14%, rgba(255,255,255,.70) 0 1px, transparent 1.5px),
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.44) 0 1px, transparent 1.6px),
    radial-gradient(circle at 72% 19%, rgba(255,255,255,.56) 0 1px, transparent 1.7px),
    radial-gradient(circle at 91% 62%, rgba(255,255,255,.38) 0 1px, transparent 1.5px),
    radial-gradient(circle at 22% 76%, rgba(255,255,255,.42) 0 1px, transparent 1.6px),
    radial-gradient(circle at 58% 84%, rgba(255,255,255,.50) 0 1px, transparent 1.5px),
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.05), transparent 33%),
    radial-gradient(circle at 50% 58%, rgba(255,255,255,.04), transparent 54%),
    #020202;
  background-size:260px 260px,340px 340px,420px 420px,300px 300px,380px 380px,460px 460px,auto,auto,auto;
  background-position:0 0,44px 70px,120px 20px,18px 130px,96px 44px,170px 120px,0 0,0 0,0 0;
}
body:not(.inverted) .grain{opacity:.07;}

.composer-minimize{
  position:absolute;
  right:12px;
  top:12px;
  z-index:6;
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  width:30px;
  height:30px;
  border-radius:999px;
  display:none;
  place-items:center;
  font-size:19px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}
.composer.has-mini-toggle .composer-minimize{display:grid;}
.composer-minimize:hover{transform:translateY(-1px);background:rgba(255,255,255,.14);}
body.inverted .composer-minimize{border-color:rgba(0,0,0,.14);background:rgba(0,0,0,.06);color:rgba(0,0,0,.78);}
body.inverted .composer-minimize:hover{background:rgba(0,0,0,.1);}
.composer.sending .composer-minimize,.composer.js-sending .composer-minimize{display:none!important;}

.result-card{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),var(--panel)!important;
  backdrop-filter:blur(22px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(110%)!important;
  box-shadow:0 36px 100px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.12),0 0 80px rgba(255,255,255,.04)!important;
}
body.inverted .result-card{
  background:linear-gradient(180deg, rgba(0,0,0,.045), rgba(0,0,0,.015)),var(--panel)!important;
  box-shadow:0 36px 100px rgba(255,255,255,.35), inset 0 1px 0 rgba(0,0,0,.08),0 0 80px rgba(0,0,0,.035)!important;
}
.result.show:not(.minimized):not(.result-spray-in):not(.result-drain-out):not(.result-flip-to-mini):not(.result-flip-from-mini),
.result:not(.minimized):not(.result-spray-in):not(.result-drain-out):not(.result-flip-to-mini):not(.result-flip-from-mini){
  left:50%!important;
  top:50%!important;
  width:min(780px,calc(100vw - 32px))!important;
  transform:translate3d(-50%,-50%,0)!important;
}
.result.show:not(.minimized){pointer-events:auto;}
.result.result-spray-in{
  left:50%!important;
  top:50%!important;
  width:min(780px,calc(100vw - 32px))!important;
  animation:resultTapSprayInCentered .72s var(--tap-ease) both!important;
  will-change:transform,opacity,clip-path;
}
@keyframes resultTapSprayInCentered{
  0%{opacity:0;transform:translate3d(calc(-50vw + 156px),0,0) scale(.12,.36);clip-path:inset(42% 96% 42% 0 round 999px);filter:blur(0)}
  52%{opacity:1;transform:translate3d(calc(-21vw + 80px),0,0) scale(1.03,.88);clip-path:inset(14% 28% 14% 0 round 28px);filter:blur(0)}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);clip-path:inset(0 round 26px);filter:blur(0)}
}
.result-mini-content strong,
body.inverted .result-mini-content strong{
  color:var(--emotion)!important;
}

@media (max-width:760px){
  .composer-minimize{right:10px;top:10px;width:28px;height:28px;}
  .result.show:not(.minimized):not(.result-spray-in):not(.result-drain-out):not(.result-flip-to-mini):not(.result-flip-from-mini),
  .result:not(.minimized):not(.result-spray-in):not(.result-drain-out):not(.result-flip-to-mini):not(.result-flip-from-mini),
  .result.result-spray-in,
  .result.result-drain-out{width:min(780px,calc(100vw - 24px))!important;}
}


.composer,
.result-card,
.live-sky-panel{
  background-clip:padding-box!important;
  overflow:hidden!important;
  isolation:isolate!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.composer:not(.tap-enter):not(.tap-exit):not(.sending):not(.js-sending){
  border-radius:34px!important;
  clip-path:inset(0 round 34px)!important;
}
.result:not(.result-spray-in):not(.result-drain-out):not(.result-flip-to-mini):not(.result-flip-from-mini) .result-card{
  border-radius:26px!important;
  clip-path:inset(0 round 26px)!important;
}
.result.minimized:not(.result-spray-in):not(.result-drain-out):not(.result-flip-to-mini):not(.result-flip-from-mini) .result-card{
  border-radius:24px!important;
  clip-path:inset(0 round 24px)!important;
}
.live-sky-panel:not(.collapsed){
  border-radius:26px!important;
  clip-path:inset(0 round 26px)!important;
}
.live-sky-panel.collapsed{
  clip-path:inset(0 round 999px)!important;
}

.composer.tap-enter,
.composer.tap-exit,
.result.result-spray-in,
.result.result-drain-out{
  pointer-events:none!important;
  transform-origin:left center!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform,opacity,clip-path;
}
.composer.tap-enter *,
.composer.tap-exit *,
.result.result-spray-in .result-card,
.result.result-drain-out .result-card{
  transition:none!important;
}
.composer.tap-enter{animation:composerTapSprayIn .72s var(--tap-ease) both!important;}
.composer.tap-exit{animation:composerTapDrainOut .62s var(--tap-ease) both!important;}
@keyframes composerTapSprayIn{
  0%{opacity:0;transform:translate3d(calc(-50vw + 160px),0,0) scale(.10,.34);clip-path:inset(42% 96% 42% 0 round 999px);}
  100%{opacity:1;transform:translate3d(0,-1.2vh,0) scale(1);clip-path:inset(0 round 34px);}
}
@keyframes composerTapDrainOut{
  0%{opacity:1;transform:translate3d(0,-1.2vh,0) scale(1);clip-path:inset(0 round 34px);}
  100%{opacity:0;transform:translate3d(calc(-50vw + 160px),0,0) scale(.10,.34);clip-path:inset(42% 96% 42% 0 round 999px);}
}

.result.result-spray-in,
.result.result-drain-out{
  left:50%!important;
  top:50%!important;
  width:min(780px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 34px)!important;
  transform:translate3d(-50%,-50%,0);
  clip-path:inset(0 round 26px);
}
.result.result-spray-in{animation:resultTapSprayInCentered .72s var(--tap-ease) both!important;}
.result.result-drain-out{animation:resultTapDrainOutCentered .72s var(--tap-ease) both!important;}
@keyframes resultTapSprayInCentered{
  0%{opacity:0;transform:translate3d(calc(-50vw + 156px),-50%,0) scale(.12,.36);clip-path:inset(42% 96% 42% 0 round 999px);}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);clip-path:inset(0 round 26px);}
}
@keyframes resultTapDrainOutCentered{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);clip-path:inset(0 round 26px);}
  100%{opacity:0;transform:translate3d(calc(-50vw + 156px),-50%,0) scale(.12,.36);clip-path:inset(42% 96% 42% 0 round 999px);}
}
@media (max-width:760px){
  .result.result-spray-in,
  .result.result-drain-out{width:min(780px,calc(100vw - 24px))!important;}
}


.result{
  contain:layout style!important;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
.result.show,
.result.result-contracting,
.result.result-spray-in{
  isolation:isolate!important;
}
.result.show:not(.minimized),
.result.result-contracting:not(.minimized),
.result.result-spray-in{
  border-radius:34px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 34px)!important;
  background:rgba(10,10,10,.10)!important;
  backdrop-filter:blur(36px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(36px) saturate(128%)!important;
}
.result-card{
  border-radius:26px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 26px)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.045)),
    rgba(10,10,10,.46)!important;
  backdrop-filter:blur(36px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(36px) saturate(128%)!important;
}
body.inverted .result.show:not(.minimized),
body.inverted .result.result-contracting:not(.minimized),
body.inverted .result.result-spray-in{
  background:rgba(245,245,245,.14)!important;
  backdrop-filter:blur(38px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(38px) saturate(118%)!important;
}
body.inverted .result-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08)),
    rgba(245,245,245,.54)!important;
  backdrop-filter:blur(38px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(38px) saturate(118%)!important;
}
.result.result-contracting{
  pointer-events:none!important;
  transition:
    left .76s var(--tap-ease),
    top .76s var(--tap-ease),
    width .76s var(--tap-ease),
    max-height .76s var(--tap-ease),
    transform .76s var(--tap-ease),
    opacity .18s linear!important;
  will-change:left,top,width,max-height,transform,opacity!important;
}
.result.result-contracting .result-card{
  transition:
    padding .76s var(--tap-ease),
    border-radius .76s var(--tap-ease),
    transform .76s var(--tap-ease),
    box-shadow .76s var(--tap-ease)!important;
  will-change:padding,border-radius,transform!important;
}
.result.result-contracting.minimized .result-card{
  display:grid!important;
  grid-template-columns:1fr!important;
}
.result.result-contracting .result-main,
.result.result-contracting .actions,
.result.result-contracting .share-card,
.result.result-contracting .daily-echo{
  transition:
    opacity .34s linear,
    transform .76s var(--tap-ease),
    max-height .76s var(--tap-ease),
    margin .76s var(--tap-ease),
    padding .76s var(--tap-ease)!important;
}
.result.result-contracting .result-mini-content{
  transition:
    opacity .34s linear .08s,
    transform .76s var(--tap-ease),
    max-height .76s var(--tap-ease)!important;
}
.result.result-contracting.minimized{
  opacity:1!important;
}
.result.result-contracting.minimized .result-mini-content{
  opacity:1!important;
  max-height:76px!important;
  transform:translate3d(0,0,0)!important;
  filter:none!important;
}
.result.result-contracting.minimized .result-main,
.result.result-contracting.minimized .actions,
.result.result-contracting.minimized .share-card,
.result.result-contracting.minimized .daily-echo{
  opacity:0!important;
  transform:translate3d(-18px,0,0)!important;
}

.result.result-drain-out{animation:none!important;}



*{
  scrollbar-width:none!important;
}
*::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  background:transparent!important;
}
*::-webkit-scrollbar-track,
*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-corner{
  background:transparent!important;
  border:0!important;
}
.live-sky-list,
.star-message,
.admin-list,
.emotion-row,
textarea{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}


.result.minimized,
.result.minimized.show,
.result.minimized.result-contracting{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  overflow:visible!important;
}
.result.minimized .result-card,
body.inverted .result.minimized .result-card{
  border:0!important;
  outline:0!important;
  background-clip:padding-box!important;
  box-shadow:0 20px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
  background:rgba(8,8,8,.72)!important;
  backdrop-filter:blur(18px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(116%)!important;
}
body.inverted .result.minimized .result-card{
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 20px 54px rgba(255,255,255,.22), inset 0 1px 0 rgba(0,0,0,.06)!important;
}
.result.minimized .result-mini-content,
.result.minimized .result-mini-content span,
.result.minimized .result-mini-content strong{
  text-shadow:none!important;
  filter:none!important;
}
.result.minimized .result-mini-content strong,
body.inverted .result.minimized .result-mini-content strong{
  color:var(--emotion)!important;
}


.composer.tap-enter,
.composer.tap-exit,
.result.result-spray-in,
.result.result-drain-out{
  clip-path:inset(0 round 34px)!important;
  will-change:transform,opacity!important;
  filter:none!important;
  pointer-events:none!important;
}
.composer.tap-enter *,
.composer.tap-exit *,
.result.result-spray-in .result-card,
.result.result-drain-out .result-card{
  transition:none!important;
}
.composer.tap-enter{
  animation:panelFloatInStable .34s cubic-bezier(.18,.84,.22,1) both!important;
}
.composer.tap-exit{
  animation:panelFloatOutStable .28s cubic-bezier(.3,.04,.26,1) both!important;
}
.result.result-spray-in{
  left:50%!important;
  top:50%!important;
  width:min(780px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 34px)!important;
  animation:resultFloatInStable .34s cubic-bezier(.18,.84,.22,1) both!important;
}
.result.result-drain-out{
  left:50%!important;
  top:50%!important;
  width:min(780px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 34px)!important;
  animation:resultFloatOutStable .28s cubic-bezier(.3,.04,.26,1) both!important;
}
@keyframes panelFloatInStable{
  0%{opacity:0;transform:translate3d(0,10px,0) scale(.985);}
  100%{opacity:1;transform:translate3d(0,-1.2vh,0) scale(1);}
}
@keyframes panelFloatOutStable{
  0%{opacity:1;transform:translate3d(0,-1.2vh,0) scale(1);}
  100%{opacity:0;transform:translate3d(0,10px,0) scale(.985);}
}
@keyframes resultFloatInStable{
  0%{opacity:0;transform:translate3d(-50%,calc(-50% + 10px),0) scale(.985);}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
}
@keyframes resultFloatOutStable{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
  100%{opacity:0;transform:translate3d(-50%,calc(-50% + 10px),0) scale(.985);}
}

@media (max-width:760px){
  .result.result-spray-in,
  .result.result-drain-out{width:min(780px,calc(100vw - 24px))!important;}
}



.result.result-flip-to-mini,
.result.result-flip-from-mini{
  left:50%!important;
  top:50%!important;
  width:min(780px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 34px)!important;
  transform-origin:center center!important;
  transition:none!important;
  pointer-events:none!important;
  will-change:transform,opacity!important;
  contain:layout style!important;
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased;
}
.result.result-flip-to-mini .result-card,
.result.result-flip-from-mini .result-card{
  transition:none!important;
  animation:none!important;
  will-change:transform!important;
}
.result.result-flip-to-mini .result-mini-content,
.result.result-flip-from-mini .result-mini-content{
  display:none!important;
  opacity:0!important;
  max-height:0!important;
  pointer-events:none!important;
}
.result.result-flip-to-mini .result-main,
.result.result-flip-to-mini .actions,
.result.result-flip-to-mini .share-card,
.result.result-flip-to-mini .daily-echo,
.result.result-flip-from-mini .result-main,
.result.result-flip-from-mini .actions,
.result.result-flip-from-mini .share-card,
.result.result-flip-from-mini .daily-echo{
  transition:none!important;
}
.result.result-flip-to-mini{
  animation:resultOneStepToMini .84s cubic-bezier(.18,.84,.18,1) both!important;
}
.result.result-flip-from-mini{
  animation:resultOneStepFromMini .84s cubic-bezier(.18,.84,.18,1) both!important;
}
@keyframes resultOneStepToMini{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) translate3d(0,0,0) scale(1);}
  100%{opacity:.98;transform:translate3d(-50%,-50%,0) translate3d(var(--mini-dx, -34vw), var(--mini-dy, 0px),0) scale(var(--mini-scale-x,var(--mini-scale,.38)), var(--mini-scale-y,var(--mini-scale,.38)));}
}
@keyframes resultOneStepFromMini{
  0%{opacity:.98;transform:translate3d(-50%,-50%,0) translate3d(var(--expand-dx, -34vw), var(--expand-dy, 0px),0) scale(var(--expand-scale-x,var(--expand-scale,.38)), var(--expand-scale-y,var(--expand-scale,.38)));}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) translate3d(0,0,0) scale(1);}
}

.composer.tap-enter{animation-duration:.54s!important;}
.composer.tap-exit{animation-duration:.48s!important;}


h1,
.daily-label,
.emotion,
.send,
.ghost,
.invert-toggle,
.calibrate-toggle,
.live-sky-head span,
.live-sky-mini span,
.panel-shrink,
.result-minimize,
.result-mini-content span,
.share-kicker,
.echo-label,
.world-mood-title,
.star-message-label,
.echo-title,
#echoSendBtn,
.admin-tab,
.admin-action,
.admin-panel h2{
  letter-spacing:.035em!important;
}
h1{letter-spacing:.018em!important;}
.daily-label,
.live-sky-head span,
.result-mini-content span,
.share-kicker,
.echo-label,
.echo-title,
.star-message-label{letter-spacing:.045em!important;}
.emotion-guide{line-height:1.28!important;}



.hero-line br{display:block;}
.emotion-guide br{display:none!important;}

.live-sky-list{
  max-height:min(430px, calc(100dvh - 210px))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  padding-right:0!important;
}

.result.result-flip-to-mini,
.result.result-flip-from-mini{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  clip-path:none!important;
  overflow:visible!important;
  transform-style:flat!important;
  isolation:isolate!important;
  will-change:transform,opacity!important;
  contain:layout paint style!important;
  animation-duration:.84s!important;
  animation-timing-function:cubic-bezier(.2,.86,.18,1)!important;
}
.result.result-flip-to-mini .result-card,
.result.result-flip-from-mini .result-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  box-shadow:0 22px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)), rgba(10,10,10,.62)!important;
  transform:translateZ(0)!important;
  clip-path:inset(0 round 26px)!important;
  overflow:hidden!important;
}
body.inverted .result.result-flip-to-mini .result-card,
body.inverted .result.result-flip-from-mini .result-card{
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.08)), rgba(245,245,245,.68)!important;
  box-shadow:0 22px 72px rgba(255,255,255,.20), inset 0 1px 0 rgba(0,0,0,.06)!important;
}
.result.result-flip-to-mini .result-card *,
.result.result-flip-from-mini .result-card *{
  transition:none!important;
  animation:none!important;
}
@keyframes resultOneStepToMini{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) translate3d(0,0,0) scale(1);}
  100%{opacity:.98;transform:translate3d(-50%,-50%,0) translate3d(var(--mini-dx, -34vw), var(--mini-dy, 0px),0) scale(var(--mini-scale-x,var(--mini-scale,.38)), var(--mini-scale-y,var(--mini-scale,.38)));}
}
@keyframes resultOneStepFromMini{
  0%{opacity:.98;transform:translate3d(-50%,-50%,0) translate3d(var(--expand-dx, -34vw), var(--expand-dy, 0px),0) scale(var(--expand-scale-x,var(--expand-scale,.38)), var(--expand-scale-y,var(--expand-scale,.38)));}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) translate3d(0,0,0) scale(1);}
}


.emotion-guide{
  color:#f4f4f4!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1.2!important;
  margin:0!important;
}
body.inverted .emotion-guide{
  color:#000!important;
}
.emotion-wrap{
  flex-direction:column!important;
  gap:9px!important;
  margin:8px auto 16px!important;
}
.daily-question{
  margin:10px auto 8px!important;
  padding:5px 10px!important;
  gap:7px!important;
  font-size:11px!important;
  line-height:1.18!important;
  border-radius:999px!important;
}
.daily-question .daily-label{
  font-size:8.5px!important;
  letter-spacing:.035em!important;
}
#dailyPrompt{
  font-size:11px!important;
  line-height:1.18!important;
}
.input-shell{
  margin-bottom:0!important;
}
#message::placeholder{
  color:rgba(255,255,255,.52)!important;
}
body.inverted #message::placeholder{
  color:rgba(0,0,0,.44)!important;
}
.send-location-tooltip{
  position:fixed;
  z-index:10020;
  left:0;
  top:0;
  transform:translate3d(0,0,0);
  padding:7px 9px;
  border-radius:999px;
  background:rgba(10,10,10,.78);
  color:rgba(255,255,255,.94);
  font-size:11px;
  line-height:1;
  font-weight:850;
  letter-spacing:.012em;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  white-space:nowrap;
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(12px) saturate(116%);
  -webkit-backdrop-filter:blur(12px) saturate(116%);
  transition:opacity .12s ease, visibility .12s ease;
}
body.inverted .send-location-tooltip{
  background:rgba(255,255,255,.82);
  color:rgba(0,0,0,.86);
  box-shadow:0 12px 34px rgba(255,255,255,.16);
}
.send-location-tooltip.show{
  opacity:1;
  visibility:visible;
}
.result-flip-proxy{
  display:block!important;
  position:fixed!important;
  z-index:70!important;
  pointer-events:none!important;
  contain:layout paint style!important;
  isolation:isolate!important;
  overflow:hidden!important;
  clip-path:inset(0 round 34px)!important;
  border:0!important;
  outline:0!important;
  backface-visibility:hidden!important;
  transform-style:flat!important;
  will-change:transform,opacity!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.result-flip-proxy,
.result-flip-proxy *{
  transition:none!important;
  animation:none!important;
}
.result-flip-proxy .result-card{
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  transform:translateZ(0)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  clip-path:inset(0 round 26px)!important;
}
.result-flip-proxy .result-minimize{
  display:none!important;
}
.result.result-flip-to-mini,
.result.result-flip-from-mini{
  animation:none!important;
}


.top-tools .refresh-toggle{
  position:static!important;
  left:auto!important;
  top:auto!important;
}
.refresh-toggle{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:10px 13px;
  background:rgba(8,8,8,.54);
  color:rgba(255,255,255,.7);
  font-size:11px;
  font-weight:800;
  letter-spacing:.035em;
  cursor:pointer;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 14px 36px rgba(0,0,0,.28);
  transition:background-color .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease,transform .18s ease,opacity .18s ease;
}
.refresh-toggle:hover{color:#fff;background:rgba(20,20,20,.7);transform:translateY(-1px)}
.refresh-toggle:disabled{opacity:.56;cursor:wait;transform:none!important;}
body.inverted .refresh-toggle{
  border-color:rgba(0,0,0,.16);
  background:rgba(255,255,255,.68);
  color:rgba(0,0,0,.76);
  box-shadow:0 14px 36px rgba(255,255,255,.18);
}
body.inverted .refresh-toggle:hover{background:rgba(255,255,255,.86);color:#000;}

.composer{
  display:flex!important;
  flex-direction:column!important;
  gap:11px!important;
  padding:28px 34px 22px!important;
}
.composer h1{margin-bottom:0!important;}
.hero-line{margin-bottom:2px!important;}
.emotion-wrap{
  order:3!important;
  margin:2px auto 0!important;
  gap:7px!important;
}
.emotion-guide{
  color:#f4f4f4!important;
  font-weight:900!important;
  font-size:14px!important;
  letter-spacing:.005em!important;
  line-height:1.12!important;
}
body.inverted .emotion-guide{color:#000!important;}
.daily-question{
  order:4!important;
  margin:0 auto!important;
  padding:4px 9px!important;
  gap:6px!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  min-height:0!important;
}
.daily-question .daily-label{font-size:8px!important;line-height:1!important;letter-spacing:.035em!important;}
#dailyPrompt{font-size:10.5px!important;line-height:1.08!important;font-weight:720!important;}
.input-shell{
  order:5!important;
  margin:0 auto!important;
}
.composer-footer{
  order:6!important;
  width:min(650px,100%);
  margin:0 auto!important;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:5px;
  color:var(--ui-gray);
  font-size:11px;
  line-height:1.2;
  letter-spacing:.005em;
}
.composer-footer #counter,
.composer-footer .moderation-feedback,
.composer-footer .location-meta{
  margin:0!important;
  min-height:0!important;
  font-size:11px!important;
  line-height:1.2!important;
  color:var(--ui-gray)!important;
  letter-spacing:.005em!important;
  text-shadow:none!important;
}
.composer-footer .location-meta.warn,
.composer-footer .moderation-feedback.warn{color:rgba(255,138,0,.9)!important;}
.composer-footer .moderation-feedback.ok{color:var(--ui-gray)!important;}
.composer-footer-dot{opacity:.42;}
body.inverted .composer-footer,
body.inverted .composer-footer #counter,
body.inverted .composer-footer .moderation-feedback,
body.inverted .composer-footer .location-meta{color:rgba(0,0,0,.58)!important;}
body.inverted .composer-footer .location-meta.warn,
body.inverted .composer-footer .moderation-feedback.warn{color:rgba(0,0,0,.72)!important;}

.live-sky-meta-right{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
  white-space:nowrap;
}
.live-sky-echo-count{
  display:inline-flex;
  align-items:center;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  color:var(--muted);
  font-size:9px;
  font-weight:900;
  letter-spacing:.035em;
}
body.inverted .live-sky-echo-count{background:rgba(0,0,0,.055);color:rgba(0,0,0,.58);}

.result.result-drain-out,
.result.result-spray-in{
  left:50%!important;
  top:50%!important;
  width:min(780px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 34px)!important;
  pointer-events:none!important;
  clip-path:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  will-change:transform,opacity!important;
  contain:layout style!important;
}
.result.result-drain-out .result-card,
.result.result-spray-in .result-card{
  transition:none!important;
  animation:none!important;
  will-change:transform,opacity!important;
}
.result.result-spray-in{animation:resultFloatInStableV41 .56s cubic-bezier(.18,.84,.22,1) both!important;}
.result.result-drain-out{animation:resultFloatOutStableV41 .52s cubic-bezier(.3,.04,.26,1) both!important;}
@keyframes resultFloatInStableV41{
  0%{opacity:0;transform:translate3d(-50%,calc(-50% + 12px),0) scale(.985);}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
}
@keyframes resultFloatOutStableV41{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
  100%{opacity:0;transform:translate3d(-50%,calc(-50% + 12px),0) scale(.985);}
}
.result.minimized.mini-float-in,
.result.minimized.mini-float-out{
  pointer-events:none!important;
  will-change:transform,opacity!important;
  transition:none!important;
}
.result.minimized.mini-float-in{animation:miniFloatInV41 .52s cubic-bezier(.18,.84,.22,1) both!important;}
.result.minimized.mini-float-out{animation:miniFloatOutV41 .46s cubic-bezier(.3,.04,.26,1) both!important;}
@keyframes miniFloatInV41{
  0%{opacity:0;transform:translate3d(0,10px,0) scale(.975);}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);}
}
@keyframes miniFloatOutV41{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1);}
  100%{opacity:0;transform:translate3d(0,10px,0) scale(.975);}
}

@media (max-width:700px){
  .composer{padding:24px 18px 20px!important;gap:10px!important;}
  .composer-footer{justify-content:flex-start;font-size:10.5px;}
  .emotion-wrap{align-items:stretch!important;}
  .daily-question{align-items:flex-start!important;border-radius:16px!important;padding:6px 9px!important;}
}


.my-star-mini{
  position:fixed;
  left:14px;
  bottom:78px;
  z-index:7;
  width:min(252px, calc(100vw - 28px));
  border:0!important;
  outline:0!important;
  border-radius:22px;
  padding:14px 16px;
  display:block;
  text-align:left;
  cursor:pointer;
  color:rgba(255,255,255,.92);
  background:rgba(8,8,8,.72);
  background-clip:padding-box!important;
  box-shadow:0 20px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px) saturate(116%);
  -webkit-backdrop-filter:blur(18px) saturate(116%);
  opacity:0;
  transform:translate3d(0,10px,0) scale(.975);
  pointer-events:none;
  overflow:hidden;
  appearance:none;
  -webkit-appearance:none;
  will-change:transform,opacity;
}
.my-star-mini.show{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  pointer-events:auto;
}
.my-star-mini[hidden]{display:none!important;}
.my-star-mini span{
  display:block;
  color:rgba(255,255,255,.68);
  font-size:14px;
  line-height:1.06;
  font-weight:950;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.my-star-mini strong{
  display:block;
  margin-top:7px;
  color:var(--my-star-color, var(--emotion))!important;
  font-size:23px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.02em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:none!important;
  filter:none!important;
}
.my-star-mini.mini-float-in{animation:miniFloatInV41 .52s cubic-bezier(.18,.84,.22,1) both!important;}
.my-star-mini.mini-float-out{animation:miniFloatOutV41 .46s cubic-bezier(.3,.04,.26,1) both!important;}
body.inverted .my-star-mini{
  color:rgba(0,0,0,.9);
  background:rgba(255,255,255,.72);
  box-shadow:0 20px 54px rgba(255,255,255,.22), inset 0 1px 0 rgba(0,0,0,.06);
}
body.inverted .my-star-mini span{color:rgba(0,0,0,.58);}
body.inverted .my-star-mini strong{color:var(--my-star-color, var(--emotion))!important;}

.emotion-guide{
  font-size:28px!important;
  line-height:1.04!important;
  font-weight:900!important;
  color:#000!important;
  letter-spacing:-.02em!important;
}
body:not(.inverted) .emotion-guide{color:#fff!important;}

.live-sky-meta-left{gap:6px!important;}
.live-sky-meta-left .live-sky-echo-count{margin-left:1px;}
.live-sky-meta-right{flex:1 1 auto;}

.send-location-tooltip{
  max-width:190px;
  white-space:nowrap;
}
body.earth-interacting .country-tooltip,
body.earth-interacting .star-message:not(.show){
  display:none!important;
}
body.earth-interacting .composer,
body.earth-interacting .result-card,
body.earth-interacting .live-sky-full,
body.earth-interacting .star-message{
  backdrop-filter:blur(10px) saturate(106%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(106%)!important;
}

@media (max-width:700px){
  .my-star-mini{left:12px;bottom:76px;width:min(252px, calc(100vw - 24px));}
  .my-star-mini span{font-size:12px;}
  .my-star-mini strong{font-size:20px;}
  .emotion-guide{font-size:clamp(22px, 7vw, 30px)!important;text-align:center!important;}
}



.result-mini-content{display:none!important;}
.result.minimized,
.result.minimized.show,
.result.minimized.result-contracting{display:none!important;}
.my-star-mini{
  z-index:12!important;
  border:none!important;
  outline:none!important;
  background-clip:padding-box!important;
  transform-origin:left bottom!important;
}
.my-star-mini::before,
.my-star-mini::after{display:none!important;content:none!important;}
.live-sky-list{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  padding-right:0!important;
}
.live-sky-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.live-sky-item{
  height:auto!important;
  min-height:0!important;
  align-items:stretch!important;
  gap:8px!important;
}
.live-sky-item-text{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  display:block!important;
  max-width:100%!important;
}
.live-sky-item-meta{
  align-items:flex-start!important;
  gap:8px!important;
}
.live-sky-meta-left,
.live-sky-meta-right{
  min-width:0!important;
  white-space:normal!important;
  flex-wrap:wrap!important;
}
.live-sky-meta-right{
  flex:0 0 auto!important;
  max-width:74px!important;
  justify-content:flex-end!important;
  text-align:right!important;
}
.live-sky-echo-count{
  white-space:nowrap!important;
}


.my-star-mini{
  left:18px!important;
  top:50%!important;
  bottom:auto!important;
  width:min(252px, calc(100vw - 36px))!important;
  transform:translate3d(0,-50%,0) scale(.975)!important;
  transform-origin:left center!important;
  background:rgba(255,255,255,.78)!important;
  color:#000!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 22px 58px rgba(0,0,0,.24), inset 0 1px 0 rgba(0,0,0,.06)!important;
  backdrop-filter:blur(18px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(116%)!important;
}
.my-star-mini.show{
  transform:translate3d(0,-50%,0) scale(1)!important;
}
.my-star-mini span,
body.inverted .my-star-mini span{
  color:#000!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  text-shadow:none!important;
}
.my-star-mini strong,
body.inverted .my-star-mini strong{
  color:var(--my-star-color, var(--emotion))!important;
  text-shadow:none!important;
}
.my-star-mini.mini-float-in{animation:miniFloatInLeftCenterV45 .52s cubic-bezier(.18,.84,.22,1) both!important;}
.my-star-mini.mini-float-out{animation:miniFloatOutLeftCenterV45 .46s cubic-bezier(.3,.04,.26,1) both!important;}
@keyframes miniFloatInLeftCenterV45{
  0%{opacity:0;transform:translate3d(0,calc(-50% + 10px),0) scale(.975);}
  100%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}
}
@keyframes miniFloatOutLeftCenterV45{
  0%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}
  100%{opacity:0;transform:translate3d(0,calc(-50% + 10px),0) scale(.975);}
}


.emotion-wrap,
.emotion-row,
.daily-question{
  border-top:0!important;
  border-bottom:0!important;
}
.daily-question{
  border:0!important;
  box-shadow:none!important;
}

.composer-footer{
  gap:10px!important;
  column-gap:10px!important;
  row-gap:4px!important;
  justify-content:center!important;
}
.composer-footer > span{
  margin:0!important;
}
.composer-footer-dot{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  opacity:.42!important;
}

@media (max-width:700px){
  .my-star-mini{
    left:12px!important;
    top:50%!important;
    bottom:auto!important;
    width:min(240px, calc(100vw - 24px))!important;
  }
  .composer-footer{
    justify-content:center!important;
    gap:8px!important;
    row-gap:4px!important;
  }
}


:root{--window-blur:18px;--window-saturate:112%;}
body.earth-interacting{--window-blur:12px;--window-saturate:106%;}
.composer,
.result-card,
.star-message,
.live-sky-panel,
.live-sky-mini,
.my-star-mini,
.admin-panel,
.toast{
  backdrop-filter:blur(var(--window-blur)) saturate(var(--window-saturate))!important;
  -webkit-backdrop-filter:blur(var(--window-blur)) saturate(var(--window-saturate))!important;
}
.composer,
.result,
.result-card,
.star-message,
.live-sky-panel,
.live-sky-full,
.live-sky-mini,
.my-star-mini{
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
}
.result-card,
.live-sky-full,
.star-message,
.my-star-mini{
  contain:layout paint style!important;
}
.my-star-mini{
  transition:opacity .34s ease, transform .34s cubic-bezier(.18,.84,.22,1)!important;
  will-change:opacity, transform!important;
  color:#000!important;
  border:0!important;
  outline:0!important;
  background-clip:padding-box!important;
}
.my-star-mini.mini-prep{
  opacity:0!important;
  transform:translate3d(0,calc(-50% + 10px),0) scale(.975)!important;
  pointer-events:none!important;
}
.my-star-mini.show{
  opacity:1;
  transform:translate3d(0,-50%,0) scale(1)!important;
}
.my-star-mini span,
body.inverted .my-star-mini span,
body:not(.inverted) .my-star-mini span{
  color:#000!important;
  font-weight:1000!important;
  letter-spacing:.025em!important;
}
.my-star-mini strong{
  filter:none!important;
  text-shadow:none!important;
}


.emotion-wrap{margin-bottom:0!important;padding-bottom:0!important;gap:8px!important;}
.emotion-row,
.emotion-wrap .emotion-row{
  padding:2px!important;
  margin-bottom:6px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}
.emotion-row::before,
.emotion-row::after,
.emotion-wrap::before,
.emotion-wrap::after,
.daily-question::before,
.daily-question::after{display:none!important;content:none!important;}
.daily-question{
  margin-top:4px!important;
  border:0!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.045)!important;
  background-image:none!important;
  outline:0!important;
}
body.inverted .daily-question{background:rgba(0,0,0,.035)!important;}

.composer-footer{
  width:100%!important;
  max-width:680px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  margin:0 auto!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  line-height:1.15!important;
}
.composer-footer #counter,
.composer-footer .moderation-feedback,
.composer-footer .location-meta,
.composer-footer .contact-copy,
.composer-footer-dot{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
.composer-footer-dot{opacity:.48!important;min-width:auto!important;width:auto!important;}
.composer-footer .moderation-feedback.ok,
.composer-footer .moderation-feedback,
.composer-footer .contact-copy{color:var(--ui-gray)!important;}
body.inverted .composer-footer .moderation-feedback,
body.inverted .composer-footer .contact-copy{color:rgba(0,0,0,.58)!important;}

.result.result-drain-out,
.result.result-spray-in,
.composer.tap-enter,
.composer.tap-exit,
.my-star-mini.mini-float-in,
.my-star-mini.mini-float-out{
  will-change:transform, opacity!important;
}
.result.result-drain-out .result-card,
.result.result-spray-in .result-card,
.composer.tap-enter,
.composer.tap-exit{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

@media (max-width:760px){
  .composer-footer{gap:6px!important;font-size:9.5px!important;max-width:100%!important;}
  .composer-footer #counter,
  .composer-footer .moderation-feedback,
  .composer-footer .location-meta,
  .composer-footer .contact-copy{font-size:9.5px!important;}
}
@media (max-width:520px){
  .composer-footer{transform:scale(.92);transform-origin:center center;}
}


.emotion,
.emotion-row .emotion,
.emotion.active,
.emotion:hover,
.emotion:focus,
.emotion:focus-visible{
  box-shadow:none!important;
  filter:none!important;
  text-shadow:none!important;
}
.emotion:hover{
  transform:translateY(-1px)!important;
}
.emotion.active{
  transform:scale(1.035)!important;
}
.emotion-wrap{
  margin-bottom:2px!important;
  padding-bottom:0!important;
  gap:6px!important;
}
.emotion-row,
.emotion-wrap .emotion-row{
  margin-bottom:1px!important;
  padding-bottom:0!important;
  gap:8px!important;
  box-shadow:none!important;
  filter:none!important;
  background:transparent!important;
}
.daily-question{
  margin-top:2px!important;
  margin-bottom:12px!important;
}
.my-star-mini{
  transition:opacity .44s ease, transform .44s cubic-bezier(.18,.84,.22,1)!important;
}
.my-star-mini.mini-float-in{animation:miniFloatInLeftCenterV45 .62s cubic-bezier(.18,.84,.22,1) both!important;}
.my-star-mini.mini-float-out{animation:miniFloatOutLeftCenterV45 .56s cubic-bezier(.3,.04,.26,1) both!important;}
@media (max-width:760px){
  .emotion-wrap{margin-bottom:2px!important;gap:5px!important;}
  .emotion-row,.emotion-wrap .emotion-row{gap:7px!important;margin-bottom:0!important;}
  .daily-question{margin-top:1px!important;margin-bottom:10px!important;}
}



:root{
  --float-ease-natural:cubic-bezier(.22,1,.36,1);
  --float-ease-out:cubic-bezier(.33,0,.2,1);
}


body:not(.inverted) .my-star-mini{
  background:rgba(255,255,255,.78)!important;
  color:#050505!important;
  box-shadow:0 24px 62px rgba(0,0,0,.24), inset 0 1px 0 rgba(0,0,0,.06)!important;
  border:0!important;
  outline:0!important;
}
body:not(.inverted) .my-star-mini span{
  color:#050505!important;
}
body.inverted .my-star-mini{
  background:rgba(8,8,8,.72)!important;
  color:#fff!important;
  box-shadow:0 24px 62px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
  border:0!important;
  outline:0!important;
}
body.inverted .my-star-mini span{
  color:#fff!important;
}
.my-star-mini strong,
body.inverted .my-star-mini strong,
body:not(.inverted) .my-star-mini strong{
  color:var(--my-star-color, var(--emotion))!important;
}


.beijing-clock,
body.inverted .beijing-clock{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:rgba(255,255,255,.62)!important;
  letter-spacing:.035em!important;
  text-shadow:0 1px 14px rgba(0,0,0,.24)!important;
}
body.inverted .beijing-clock{
  color:rgba(0,0,0,.56)!important;
  text-shadow:none!important;
}


.composer.tap-enter,
.composer.tap-exit,
.result.result-spray-in,
.result.result-drain-out,
.my-star-mini.mini-float-in,
.my-star-mini.mini-float-out{
  will-change:transform, opacity!important;
  backface-visibility:hidden!important;
}
.composer.tap-enter{animation:panelFloatInNatural .72s var(--float-ease-natural) both!important;}
.composer.tap-exit{animation:panelFloatOutNatural .56s var(--float-ease-out) both!important;}
.result.result-spray-in{animation:resultFloatInNatural .64s var(--float-ease-natural) both!important;}
.result.result-drain-out{animation:resultFloatOutNatural .56s var(--float-ease-out) both!important;}
.my-star-mini.mini-float-in{animation:miniFloatInNatural .72s var(--float-ease-natural) both!important;}
.my-star-mini.mini-float-out{animation:miniFloatOutNatural .66s var(--float-ease-out) both!important;}

@keyframes panelFloatInNatural{
  0%{opacity:0;transform:translate3d(0,15px,0) scale(.982);}
  100%{opacity:1;transform:translate3d(0,-1.2vh,0) scale(1);}
}
@keyframes panelFloatOutNatural{
  0%{opacity:1;transform:translate3d(0,-1.2vh,0) scale(1);}
  100%{opacity:0;transform:translate3d(0,14px,0) scale(.986);}
}
@keyframes resultFloatInNatural{
  0%{opacity:0;transform:translate3d(-50%,calc(-50% + 15px),0) scale(.982);}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
}
@keyframes resultFloatOutNatural{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
  100%{opacity:0;transform:translate3d(-50%,calc(-50% + 14px),0) scale(.986);}
}
@keyframes miniFloatInNatural{
  0%{opacity:0;transform:translate3d(0,calc(-50% + 14px),0) scale(.982);}
  100%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}
}
@keyframes miniFloatOutNatural{
  0%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}
  100%{opacity:0;transform:translate3d(0,calc(-50% + 14px),0) scale(.986);}
}


.star-message.show,
.toast.show,
.country-tooltip.show{
  animation-timing-function:var(--float-ease-natural)!important;
}
.live-sky-panel,
.live-sky-full,
.live-sky-mini{
  transition-timing-function:var(--float-ease-natural)!important;
}


body:not(.inverted) .my-star-mini{
  background:rgba(8,8,8,.76)!important;
  color:#fff!important;
  box-shadow:0 24px 62px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
  border:0!important;
  outline:0!important;
}
body:not(.inverted) .my-star-mini span{
  color:#fff!important;
}
body.inverted .my-star-mini{
  background:rgba(255,255,255,.78)!important;
  color:#050505!important;
  box-shadow:0 24px 62px rgba(0,0,0,.22), inset 0 1px 0 rgba(0,0,0,.06)!important;
  border:0!important;
  outline:0!important;
}
body.inverted .my-star-mini span{
  color:#050505!important;
}
.my-star-mini strong,
body.inverted .my-star-mini strong,
body:not(.inverted) .my-star-mini strong{
  color:var(--my-star-color, var(--emotion))!important;
}


.daily-question{
  margin-bottom:6px!important;
}


.composer-footer{
  width:min(650px,100%)!important;
  max-width:min(650px,100%)!important;
  display:grid!important;
  grid-template-columns:max-content minmax(8px,1fr) max-content minmax(8px,.8fr) max-content minmax(8px,1fr) max-content!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:0!important;
  margin:7px auto 0!important;
  text-align:center!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
.composer-footer #counter{
  justify-self:start!important;
  text-align:left!important;
}
.composer-footer .location-meta{
  justify-self:end!important;
  text-align:right!important;
}
.composer-footer .moderation-feedback,
.composer-footer .contact-copy,
.composer-footer-dot{
  justify-self:center!important;
  text-align:center!important;
}
.composer-footer-dot{
  opacity:.46!important;
  padding:0 4px!important;
}
@media (max-width:760px){
  .daily-question{margin-bottom:6px!important;}
  .composer-footer{
    grid-template-columns:max-content auto max-content auto max-content!important;
    row-gap:3px!important;
    column-gap:6px!important;
    white-space:normal!important;
  }
  .composer-footer #counter{grid-column:1 / 2;justify-self:start!important;}
  .composer-footer .composer-footer-dot:nth-of-type(1){grid-column:2 / 3;}
  .composer-footer #moderationFeedback{grid-column:3 / 4;}
  .composer-footer .composer-footer-dot:nth-of-type(2){display:none!important;}
  .composer-footer .contact-copy{grid-column:5 / 6;}
  .composer-footer .composer-footer-dot:nth-of-type(3){grid-column:2 / 3;grid-row:2;}
  .composer-footer .location-meta{grid-column:3 / 6;grid-row:2;justify-self:end!important;}
}



.top-tools .share-shot-toggle{
  position:static!important;
  left:auto!important;
  top:auto!important;
}
.share-shot-toggle{
  appearance:none;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:10px 13px;
  background:rgba(8,8,8,.54);
  color:rgba(255,255,255,.7);
  font-size:11px;
  font-weight:800;
  letter-spacing:.035em;
  cursor:pointer;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 14px 36px rgba(0,0,0,.28);
  transition:background-color .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease,transform .18s ease,opacity .18s ease;
}
.share-shot-toggle:hover{color:#fff;background:rgba(20,20,20,.7);transform:translateY(-1px)}
.share-shot-toggle:disabled{opacity:.56;cursor:wait;transform:none!important;}
body.inverted .share-shot-toggle{
  border-color:rgba(0,0,0,.16);
  background:rgba(255,255,255,.68);
  color:rgba(0,0,0,.76);
  box-shadow:0 14px 36px rgba(255,255,255,.18);
}
body.inverted .share-shot-toggle:hover{background:rgba(255,255,255,.86);color:#000;}

.emotion-row{max-width:680px!important;}
.emotion{min-width:86px;text-align:center;}
@media (max-width:760px){
  .emotion{min-width:auto;font-size:11px!important;padding:8px 10px!important;}
  .emotion-row{gap:6px!important;}
}

.result-card{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.result .share-card{
  grid-column:1 / 2!important;
}
.my-echo-panel{
  grid-column:2 / 3;
  align-self:stretch;
  justify-self:stretch;
  min-width:174px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),var(--panel);
  color:var(--text);
  overflow:hidden;
  position:relative;
  box-shadow:0 18px 52px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
  transition:width .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), max-height .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), border-radius .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), transform .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), opacity .28s ease, box-shadow .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1))!important;
  width:min(270px, 38vw);
  max-height:360px;
  backdrop-filter:blur(var(--window-blur,18px)) saturate(var(--window-saturate,112%));
  -webkit-backdrop-filter:blur(var(--window-blur,18px)) saturate(var(--window-saturate,112%));
  clip-path:inset(0 round 22px);
}
.my-echo-full{padding:14px;opacity:1;transform:translate3d(0,0,0);transition:opacity .24s ease, transform .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1))!important;}
.my-echo-mini{
  position:absolute;
  inset:0;
  border:0;
  border-radius:inherit;
  background:transparent;
  color:inherit;
  opacity:0;
  pointer-events:none;
  cursor:pointer;
  display:grid;
  place-items:center;
  align-content:center;
  gap:6px;
  padding:10px;
  transition:opacity .2s ease .08s!important;
}
.my-echo-mini span{display:block;color:var(--emotion);font-size:13px!important;line-height:1.05!important;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
.my-echo-mini strong{display:block;font-size:16px!important;line-height:1.05!important;letter-spacing:.02em;}
.my-echo-panel.collapsed{
  width:146px!important;
  max-height:64px!important;
  border-radius:999px!important;
  transform:translate3d(0,0,0)!important;
  clip-path:inset(0 round 999px)!important;
}
.my-echo-panel.collapsed .my-echo-full{opacity:0!important;transform:translate3d(16px,0,0)!important;pointer-events:none!important;}
.my-echo-panel.collapsed .my-echo-mini{opacity:1!important;pointer-events:auto!important;}
.my-echo-list{max-height:268px!important;}
.my-echo-item{cursor:default!important;}
.my-echo-item:hover{transform:none!important;}
body.inverted .my-echo-panel{
  border-color:rgba(0,0,0,.12);
  background:linear-gradient(180deg, rgba(0,0,0,.055), rgba(0,0,0,.018)),rgba(255,255,255,.68);
  color:#050505;
  box-shadow:0 22px 60px rgba(255,255,255,.22), inset 0 1px 0 rgba(0,0,0,.08);
}
body.inverted .my-echo-panel .live-sky-empty,
body.inverted .my-echo-panel .live-sky-item{background:rgba(0,0,0,.045);border-color:rgba(0,0,0,.1);}

@media (max-width:760px){
  .result .share-card,.my-echo-panel{grid-column:1 / -1!important;}
  .my-echo-panel{width:100%!important;min-width:0;}
  .my-echo-panel.collapsed{width:146px!important;justify-self:end;}
}

body.share-mode .composer:not(.tap-enter):not(.tap-exit),
body.share-mode .result:not(.result-spray-in):not(.result-drain-out),
body.share-mode .star-message{
  opacity:0!important;
  pointer-events:none!important;
}
body.share-mode .my-star-mini.show,
body.share-mode .live-sky-panel.collapsed{
  opacity:1!important;
  pointer-events:auto!important;
}
body.capture-clean .top-tools,
body.capture-clean .toast,
body.capture-clean .country-tooltip,
body.capture-clean .hint,
body.capture-clean .rotation-info,
body.capture-clean .beijing-clock,
body.capture-clean .loading{
  opacity:0!important;
  pointer-events:none!important;
}

.composer.tap-enter{animation:fadeComposerInV51 .46s ease both!important;}
.composer.tap-exit{animation:fadeComposerOutV51 .38s ease both!important;}
.result.result-spray-in{animation:fadeResultInV51 .46s ease both!important;}
.result.result-drain-out{animation:fadeResultOutV51 .38s ease both!important;}
.my-star-mini.mini-float-in{animation:fadeMyStarMiniInV51 .46s ease both!important;}
.my-star-mini.mini-float-out{animation:fadeMyStarMiniOutV51 .38s ease both!important;}
@keyframes fadeComposerInV51{0%{opacity:0;transform:translateY(-1.2vh) scale(1);}100%{opacity:1;transform:translateY(-1.2vh) scale(1);}}
@keyframes fadeComposerOutV51{0%{opacity:1;transform:translateY(-1.2vh) scale(1);}100%{opacity:0;transform:translateY(-1.2vh) scale(1);}}
@keyframes fadeResultInV51{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeResultOutV51{0%{opacity:1;}100%{opacity:0;}}
@keyframes fadeMyStarMiniInV51{0%{opacity:0;transform:translate3d(0,-50%,0) scale(1);}100%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}}
@keyframes fadeMyStarMiniOutV51{0%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}100%{opacity:0;transform:translate3d(0,-50%,0) scale(1);}}



.share-meta{
  text-transform:none!important;
  letter-spacing:.035em!important;
}


.emotion-wrap .emotion-row,
.emotion-row{
  display:grid!important;
  grid-template-columns:repeat(6, minmax(0, 1fr))!important;
  grid-auto-rows:auto!important;
  flex-wrap:unset!important;
  overflow:visible!important;
  max-width:min(650px,100%)!important;
  width:min(650px,100%)!important;
  gap:9px!important;
  padding:0!important;
  justify-content:center!important;
  align-items:center!important;
}
.emotion-row .emotion,
.emotion{
  width:100%!important;
  min-width:0!important;
  padding:9px 8px!important;
  text-align:center!important;
  font-size:12px!important;
}
@media (max-width:560px){
  .emotion-wrap .emotion-row,
  .emotion-row{grid-template-columns:repeat(3, minmax(0, 1fr))!important;gap:7px!important;}
}


.result.result-spray-in,
.result.result-drain-out{
  left:50%!important;
  top:50%!important;
  transform:translate3d(-50%,-50%,0) scale(1)!important;
  animation-duration:.46s!important;
  animation-timing-function:ease!important;
}
.result.result-spray-in{animation:fadeResultInV52 .46s ease both!important;}
.result.result-drain-out{animation:fadeResultOutV52 .38s ease both!important;}
.result.result-spray-in .result-card,
.result.result-drain-out .result-card{
  transform:none!important;
  filter:none!important;
}
@keyframes fadeResultInV52{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1);}100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}}
@keyframes fadeResultOutV52{0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1);}}

.my-star-mini.mini-prep{
  opacity:0!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
}
.my-star-mini.mini-float-in{animation:fadeMyStarMiniInV52 .46s ease both!important;}
.my-star-mini.mini-float-out{animation:fadeMyStarMiniOutV52 .38s ease both!important;}
@keyframes fadeMyStarMiniInV52{0%{opacity:0;transform:translate3d(0,-50%,0) scale(1);}100%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}}
@keyframes fadeMyStarMiniOutV52{0%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}100%{opacity:0;transform:translate3d(0,-50%,0) scale(1);}}


.result-card{
  grid-template-columns:minmax(0,1fr) minmax(174px,270px)!important;
  align-items:stretch!important;
}
.result .share-card{
  align-self:stretch!important;
  min-height:144px!important;
}
.my-echo-panel{
  align-self:stretch!important;
  height:auto!important;
  min-height:144px!important;
  display:block!important;
}
.my-echo-panel:not(.collapsed){
  height:100%!important;
  min-height:144px!important;
  max-height:none!important;
}
.my-echo-panel.collapsed{
  align-self:center!important;
  justify-self:stretch!important;
  width:auto!important;
  min-width:174px!important;
  max-height:46px!important;
  min-height:46px!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  clip-path:none!important;
  overflow:visible!important;
}
.my-echo-panel.collapsed .my-echo-mini{
  position:relative!important;
  inset:auto!important;
  min-height:46px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  gap:8px!important;
  padding:12px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.86)!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
body.inverted .my-echo-panel.collapsed .my-echo-mini{
  background:rgba(0,0,0,.07)!important;
  color:rgba(0,0,0,.78)!important;
}
.my-echo-panel.collapsed .my-echo-mini span,
.my-echo-panel.collapsed .my-echo-mini strong{
  margin:0!important;
  color:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
.my-echo-panel.collapsed .my-echo-mini strong{font-weight:900!important;}
.my-echo-panel:not(.collapsed) .my-echo-full{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.my-echo-panel:not(.collapsed) .my-echo-list{
  flex:1 1 auto!important;
  max-height:none!important;
}


body:not(.inverted) .share-card,
body:not(.inverted) .my-echo-panel:not(.collapsed),
body:not(.inverted) .live-sky-panel,
body:not(.inverted) .live-sky-panel.collapsed,
body:not(.inverted) .my-star-mini{
  border-color:rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)), rgba(8,8,8,.76)!important;
  color:#fff!important;
  box-shadow:0 24px 62px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.inverted .share-card,
body.inverted .my-echo-panel:not(.collapsed),
body.inverted .live-sky-panel,
body.inverted .live-sky-panel.collapsed,
body.inverted .my-star-mini{
  border-color:rgba(0,0,0,.12)!important;
  background:linear-gradient(180deg, rgba(0,0,0,.055), rgba(0,0,0,.018)), rgba(255,255,255,.72)!important;
  color:#050505!important;
  box-shadow:0 24px 62px rgba(0,0,0,.18), inset 0 1px 0 rgba(0,0,0,.06)!important;
}
body:not(.inverted) .live-sky-mini span,
body:not(.inverted) .my-star-mini span{color:rgba(255,255,255,.72)!important;}
body.inverted .live-sky-mini span,
body.inverted .my-star-mini span{color:rgba(0,0,0,.62)!important;}
body:not(.inverted) .live-sky-mini strong{color:#fff!important;}
body.inverted .live-sky-mini strong{color:#050505!important;}
body:not(.inverted) .my-echo-panel .live-sky-empty,
body:not(.inverted) .my-echo-panel .live-sky-item{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important;}
body.inverted .my-echo-panel .live-sky-empty,
body.inverted .my-echo-panel .live-sky-item{background:rgba(0,0,0,.045)!important;border-color:rgba(0,0,0,.10)!important;}


body.share-mode .composer:not(.tap-enter):not(.tap-exit),
body.share-mode .result:not(.result-spray-in):not(.result-drain-out),
body.share-mode .star-message,
body.share-mode .my-echo-panel{
  opacity:0!important;
  pointer-events:none!important;
}
body.share-mode .my-star-mini.show,
body.share-mode .live-sky-panel.collapsed{
  opacity:1!important;
  pointer-events:auto!important;
  visibility:visible!important;
}
@media (max-width:760px){
  .result-card{grid-template-columns:1fr!important;}
  .my-echo-panel.collapsed{justify-self:stretch!important;min-width:0!important;}
}



:root{
  --oww-card-radius:22px;
  --oww-compact-h:76px;
  --oww-paired-card-h:144px;
  --oww-light-surface:radial-gradient(circle at 88% 12%, var(--emotion-soft), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.09)), rgba(245,245,245,.74);
  --oww-dark-surface:radial-gradient(circle at 88% 12%, var(--emotion-soft), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)), rgba(8,8,8,.76);
  --oww-light-shadow:0 24px 62px rgba(0,0,0,.18), inset 0 1px 0 rgba(0,0,0,.06);
  --oww-dark-shadow:0 24px 62px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}


.emotion-wrap .emotion-row,
.emotion-row{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  width:min(650px,100%)!important;
  max-width:min(650px,100%)!important;
  gap:8px!important;
  overflow:visible!important;
  padding:0!important;
  margin:0 auto 2px!important;
  align-items:stretch!important;
  justify-content:center!important;
}
.emotion-line{
  display:grid!important;
  grid-template-columns:repeat(6, minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
}
.emotion-line .emotion,
.emotion-row .emotion,
.emotion{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:9px 8px!important;
  text-align:center!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
@media (max-width:560px){
  .emotion-line{grid-template-columns:repeat(3, minmax(0,1fr))!important;gap:7px!important;}
}


body.inverted .my-star-mini,
body.inverted .share-card,
body.inverted .my-echo-panel:not(.collapsed),
body.inverted .live-sky-panel{
  border:1px solid rgba(0,0,0,.12)!important;
  border-radius:var(--oww-card-radius)!important;
  background:var(--oww-light-surface)!important;
  color:#050505!important;
  box-shadow:var(--oww-light-shadow)!important;
  background-clip:padding-box!important;
}
body:not(.inverted) .my-star-mini,
body:not(.inverted) .share-card,
body:not(.inverted) .my-echo-panel:not(.collapsed),
body:not(.inverted) .live-sky-panel{
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:var(--oww-card-radius)!important;
  background:var(--oww-dark-surface)!important;
  color:#fff!important;
  box-shadow:var(--oww-dark-shadow)!important;
  background-clip:padding-box!important;
}
.my-star-mini,
.live-sky-panel,
.share-card,
.my-echo-panel{
  border-radius:var(--oww-card-radius)!important;
  clip-path:inset(0 round var(--oww-card-radius))!important;
}


.live-sky-panel.collapsed{
  width:156px!important;
  max-height:var(--oww-compact-h)!important;
  min-height:var(--oww-compact-h)!important;
  border-radius:var(--oww-card-radius)!important;
  clip-path:inset(0 round var(--oww-card-radius))!important;
}
.live-sky-panel.collapsed .live-sky-mini{
  border-radius:var(--oww-card-radius)!important;
  padding:14px 16px!important;
}
.live-sky-head span,
.live-sky-mini span{
  color:inherit!important;
  font-weight:1000!important;
}
.live-sky-head strong,
.live-sky-mini strong{
  color:inherit!important;
  font-weight:900!important;
}
body.inverted .live-sky-item,
body.inverted .live-sky-empty{
  background:rgba(0,0,0,.045)!important;
  border-color:rgba(0,0,0,.10)!important;
  color:rgba(0,0,0,.90)!important;
}
body:not(.inverted) .live-sky-item,
body:not(.inverted) .live-sky-empty{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.90)!important;
}


.result-card{
  grid-template-columns:minmax(0,1fr) minmax(174px,270px)!important;
  align-items:stretch!important;
}
.result .share-card{
  height:var(--oww-paired-card-h)!important;
  min-height:var(--oww-paired-card-h)!important;
  max-height:var(--oww-paired-card-h)!important;
  align-self:stretch!important;
}
.my-echo-panel{
  align-self:stretch!important;
  justify-self:stretch!important;
  height:var(--oww-paired-card-h)!important;
  min-height:var(--oww-paired-card-h)!important;
  max-height:var(--oww-paired-card-h)!important;
}
.my-echo-panel:not(.collapsed){
  height:var(--oww-paired-card-h)!important;
  min-height:var(--oww-paired-card-h)!important;
  max-height:var(--oww-paired-card-h)!important;
}
.my-echo-panel.collapsed{
  align-self:center!important;
  justify-self:stretch!important;
  width:auto!important;
  min-width:174px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:999px!important;
  clip-path:none!important;
  overflow:visible!important;
}
.my-echo-panel.collapsed .my-echo-mini{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  padding:12px 16px!important;
  border:0!important;
  border-radius:999px!important;
  clip-path:inset(0 round 999px)!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
body.inverted .my-echo-panel.collapsed .my-echo-mini{
  background:rgba(0,0,0,.07)!important;
  color:#050505!important;
}
body:not(.inverted) .my-echo-panel.collapsed .my-echo-mini{
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
}
.my-echo-panel.collapsed .my-echo-mini span,
.my-echo-panel.collapsed .my-echo-mini strong,
.my-echo-head span,
.my-echo-head strong{
  color:inherit!important;
  font-weight:1000!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
.my-echo-head strong{
  text-transform:none!important;
  letter-spacing:-.02em!important;
  font-weight:900!important;
}
.my-echo-panel:not(.collapsed) .my-echo-full{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:14px!important;
}
.my-echo-panel:not(.collapsed) .my-echo-list{
  flex:1 1 auto!important;
  max-height:none!important;
  overflow:auto!important;
}
body.inverted .my-echo-panel:not(.collapsed) .my-echo-head,
body.inverted .my-echo-panel:not(.collapsed) .my-echo-head span,
body.inverted .my-echo-panel:not(.collapsed) .my-echo-head strong{
  color:#050505!important;
}
body:not(.inverted) .my-echo-panel:not(.collapsed) .my-echo-head,
body:not(.inverted) .my-echo-panel:not(.collapsed) .my-echo-head span,
body:not(.inverted) .my-echo-panel:not(.collapsed) .my-echo-head strong{
  color:#fff!important;
}


.my-star-mini.show{
  opacity:1;
  transform:translate3d(0,-50%,0) scale(1)!important;
}
.my-star-mini.mini-prep{
  opacity:0!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
}
.my-star-mini.mini-float-in{
  animation:none!important;
  transition:opacity .46s ease!important;
  opacity:1!important;
}
.my-star-mini.mini-float-out{
  animation:none!important;
  transition:opacity .38s ease!important;
  opacity:0!important;
}
.result.result-spray-in{
  left:50%!important;
  top:50%!important;
  transform:translate3d(-50%,-50%,0) scale(1)!important;
  animation:fadeResultInV53 .46s ease both!important;
  pointer-events:none!important;
}
.result.result-drain-out{
  left:50%!important;
  top:50%!important;
  transform:translate3d(-50%,-50%,0) scale(1)!important;
  animation:fadeResultOutV53 .38s ease both!important;
  pointer-events:none!important;
}
.result.result-spray-in .result-card,
.result.result-drain-out .result-card{
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
@keyframes fadeResultInV53{
  0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1);}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
}
@keyframes fadeResultOutV53{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1);}
}
.composer.tap-enter{animation:fadeComposerInV53 .46s ease both!important;}
.composer.tap-exit{animation:fadeComposerOutV53 .38s ease both!important;}
@keyframes fadeComposerInV53{
  0%{opacity:0;transform:translateY(-1.2vh) scale(1);}
  100%{opacity:1;transform:translateY(-1.2vh) scale(1);}
}
@keyframes fadeComposerOutV53{
  0%{opacity:1;transform:translateY(-1.2vh) scale(1);}
  100%{opacity:0;transform:translateY(-1.2vh) scale(1);}
}

body.share-mode .composer:not(.tap-enter):not(.tap-exit),
body.share-mode .result:not(.result-spray-in):not(.result-drain-out),
body.share-mode .star-message,
body.share-mode .my-echo-panel{
  opacity:0!important;
  pointer-events:none!important;
}
body.share-mode .my-star-mini.show,
body.share-mode .live-sky-panel.collapsed{
  opacity:1!important;
  pointer-events:auto!important;
  visibility:visible!important;
}
@media (max-width:760px){
  .result-card{grid-template-columns:1fr!important;}
  .result .share-card,
  .my-echo-panel:not(.collapsed){height:auto!important;min-height:132px!important;max-height:none!important;}
  .my-echo-panel.collapsed{justify-self:stretch!important;min-width:0!important;}
}



:root{
  --oww-light-surface:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.12)), rgba(245,245,245,.76)!important;
  --oww-dark-surface:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)), rgba(8,8,8,.76)!important;
}
body.inverted .share-card,
body.inverted .my-star-mini,
body.inverted .live-sky-panel,
body.inverted .my-echo-panel:not(.collapsed){
  background:var(--oww-light-surface)!important;
  background-image:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.12))!important;
  background-color:rgba(245,245,245,.76)!important;
  box-shadow:0 24px 62px rgba(0,0,0,.15), inset 0 1px 0 rgba(0,0,0,.055)!important;
  filter:none!important;
}
body:not(.inverted) .share-card,
body:not(.inverted) .my-star-mini,
body:not(.inverted) .live-sky-panel,
body:not(.inverted) .my-echo-panel:not(.collapsed){
  background:var(--oww-dark-surface)!important;
  background-image:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025))!important;
  background-color:rgba(8,8,8,.76)!important;
  box-shadow:0 24px 62px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
  filter:none!important;
}
.share-card::before,.share-card::after,
.my-star-mini::before,.my-star-mini::after,
.live-sky-panel::before,.live-sky-panel::after,
.my-echo-panel::before,.my-echo-panel::after{
  display:none!important;
  content:none!important;
}
.live-sky-head span,
.live-sky-mini span{
  color:var(--emotion)!important;
  text-shadow:0 0 16px var(--emotion-soft)!important;
}
body.inverted .live-sky-head span,
body.inverted .live-sky-mini span{
  color:var(--emotion)!important;
}
.my-echo-panel.collapsed{
  overflow:visible!important;
  clip-path:none!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  transition:width .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), height .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), min-height .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), max-height .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), border-radius .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), transform .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), opacity .28s ease!important;
}
.my-echo-panel:not(.collapsed){
  overflow:hidden!important;
  clip-path:inset(0 round var(--oww-card-radius))!important;
  transition:width .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), height .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), min-height .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), max-height .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), border-radius .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), transform .58s var(--tap-ease, cubic-bezier(.2,.92,.18,1)), opacity .28s ease!important;
}
.my-echo-panel.collapsed .my-echo-mini{
  height:46px!important;
  min-height:46px!important;
  padding:12px 16px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.86)!important;
  box-shadow:none!important;
  transition:opacity .22s ease .06s, background-color .42s ease, color .42s ease!important;
}
body.inverted .my-echo-panel.collapsed .my-echo-mini{
  background:rgba(0,0,0,.075)!important;
  color:rgba(0,0,0,.76)!important;
}
.my-echo-panel.collapsed .my-echo-mini span,
.my-echo-panel.collapsed .my-echo-mini strong{
  color:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}
.my-echo-panel.collapsed .my-echo-mini strong::after{content:''!important;}
.my-echo-head span,
.my-echo-head strong{
  color:inherit!important;
}

.result.result-spray-in{
  animation:fadeResultInV54 .82s ease both!important;
  pointer-events:none!important;
}
.result.result-drain-out{
  animation:fadeResultOutV54 .72s ease both!important;
  pointer-events:none!important;
}
@keyframes fadeResultInV54{
  0%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1);}
  100%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
}
@keyframes fadeResultOutV54{
  0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1);}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1);}
}
.my-star-mini.mini-prep{
  opacity:0!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
}
.my-star-mini.mini-float-in{
  animation:fadeMyStarMiniInV54 .72s ease both!important;
}
.my-star-mini.mini-float-out{
  animation:fadeMyStarMiniOutV54 .58s ease both!important;
}
@keyframes fadeMyStarMiniInV54{
  0%{opacity:0;transform:translate3d(0,-50%,0) scale(1);}
  100%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}
}
@keyframes fadeMyStarMiniOutV54{
  0%{opacity:1;transform:translate3d(0,-50%,0) scale(1);}
  100%{opacity:0;transform:translate3d(0,-50%,0) scale(1);}
}
.composer.tap-enter{animation:fadeComposerInV54 .72s ease both!important;}
.composer.tap-exit{animation:fadeComposerOutV54 .58s ease both!important;}
@keyframes fadeComposerInV54{
  0%{opacity:0;transform:translateY(-1.2vh) scale(1);}
  100%{opacity:1;transform:translateY(-1.2vh) scale(1);}
}
@keyframes fadeComposerOutV54{
  0%{opacity:1;transform:translateY(-1.2vh) scale(1);}
  100%{opacity:0;transform:translateY(-1.2vh) scale(1);}
}


:root{
  --oww-surface-light:#ffffff;
  --oww-surface-dark:#050505;
  --oww-surface-radius:22px;
  --oww-mini-fade-in:880ms;
  --oww-mini-fade-out:680ms;
  --oww-morph-duration:760ms;
  --oww-morph-ease:cubic-bezier(.2,.92,.18,1);
}


.composer,
body.earth-interacting .composer,
.composer:not(.tap-enter):not(.tap-exit):not(.sending):not(.js-sending){
  backdrop-filter:blur(18px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(116%)!important;
}
.share-card,
.live-sky-panel,
.live-sky-full,
.live-sky-mini,
.my-star-mini,
.my-echo-panel,
.star-message,
.toast,
.country-tooltip{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.earth-interacting .user-star-core,
body.earth-interacting .user-star-glow,
body.earth-interacting .country-tooltip,
body.earth-interacting .star-message{
  transition:none!important;
}


body.inverted .share-card,
body.inverted .my-star-mini,
body.inverted .live-sky-panel,
body.inverted .live-sky-panel.collapsed,
body.inverted .my-echo-panel,
body.inverted .my-echo-panel.collapsed,
body.inverted .my-echo-panel:not(.collapsed){
  background:var(--oww-surface-light)!important;
  background-color:var(--oww-surface-light)!important;
  background-image:none!important;
  color:#050505!important;
  border-color:rgba(0,0,0,.10)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.12)!important;
}
body:not(.inverted) .share-card,
body:not(.inverted) .my-star-mini,
body:not(.inverted) .live-sky-panel,
body:not(.inverted) .live-sky-panel.collapsed,
body:not(.inverted) .my-echo-panel,
body:not(.inverted) .my-echo-panel.collapsed,
body:not(.inverted) .my-echo-panel:not(.collapsed){
  background:var(--oww-surface-dark)!important;
  background-color:var(--oww-surface-dark)!important;
  background-image:none!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.36)!important;
}


.my-star-mini{
  position:fixed!important;
  left:18px!important;
  top:50%!important;
  bottom:auto!important;
  z-index:7!important;
  width:min(252px, calc(100vw - 36px))!important;
  border:1px solid transparent!important;
  border-radius:var(--oww-surface-radius)!important;
  padding:14px 16px!important;
  display:block;
  text-align:left!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:translate3d(0,-50%,0) scale(.94)!important;
  filter:blur(10px)!important;
  transition:none!important;
  will-change:opacity, transform, filter!important;
  transform-origin:left center!important;
}
.my-star-mini[hidden]{display:none!important;}
.my-star-mini.show:not(.mini-prep):not(.mini-float-in):not(.mini-float-out){
  opacity:1!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
  filter:blur(0)!important;
  pointer-events:auto!important;
}
.my-star-mini:not(.show),
.my-star-mini.mini-prep{
  opacity:0!important;
  transform:translate3d(0,-50%,0) scale(.94)!important;
  filter:blur(10px)!important;
  pointer-events:none!important;
}
.my-star-mini.mini-float-in{
  animation:owwMiniStarFadeIn var(--oww-mini-fade-in) cubic-bezier(.16,.86,.2,1) both!important;
  pointer-events:auto!important;
}
.my-star-mini.mini-float-out{
  animation:owwMiniStarFadeOut var(--oww-mini-fade-out) cubic-bezier(.32,0,.22,1) both!important;
  pointer-events:none!important;
}
@keyframes owwMiniStarFadeIn{
  0%{opacity:0;filter:blur(14px);transform:translate3d(0,-50%,0) scale(.92);}
  22%{opacity:0;filter:blur(12px);transform:translate3d(0,-50%,0) scale(.93);}
  55%{opacity:.52;filter:blur(5px);transform:translate3d(0,-50%,0) scale(.975);}
  100%{opacity:1;filter:blur(0);transform:translate3d(0,-50%,0) scale(1);}
}
@keyframes owwMiniStarFadeOut{
  0%{opacity:1;filter:blur(0);transform:translate3d(0,-50%,0) scale(1);}
  42%{opacity:.56;filter:blur(4px);transform:translate3d(0,-50%,0) scale(.97);}
  100%{opacity:0;filter:blur(14px);transform:translate3d(0,-50%,0) scale(.92);}
}
.my-star-mini span{
  display:block!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.06!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  filter:none!important;
}
.my-star-mini strong{
  display:block!important;
  margin-top:7px!important;
  color:var(--my-star-color, var(--emotion))!important;
  font-size:23px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-shadow:none!important;
  filter:none!important;
}
body.inverted .my-star-mini span{color:#050505!important;}
body:not(.inverted) .my-star-mini span{color:#ffffff!important;}
body.inverted .my-star-mini strong,
body:not(.inverted) .my-star-mini strong{color:var(--my-star-color, var(--emotion))!important;}


.share-card{
  background-image:none!important;
  border-radius:var(--oww-surface-radius)!important;
}
.share-card .share-kicker,
.share-kicker{
  font-weight:1000!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  filter:none!important;
}
body.inverted .share-card .share-kicker,
body.inverted .share-kicker{color:#050505!important;}
body:not(.inverted) .share-card .share-kicker,
body:not(.inverted) .share-kicker{color:#ffffff!important;}
.share-card .share-text,
.share-text{
  color:var(--my-star-color, var(--emotion))!important;
  text-shadow:none!important;
  filter:none!important;
}
body.inverted .share-card .share-meta{color:rgba(0,0,0,.58)!important;}
body:not(.inverted) .share-card .share-meta{color:rgba(255,255,255,.64)!important;}


.live-sky-panel,
.live-sky-panel.collapsed{
  background-image:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  backface-visibility:hidden!important;
}
.live-sky-panel:not(.collapsed){
  border-radius:var(--oww-surface-radius)!important;
  clip-path:inset(0 round var(--oww-surface-radius))!important;
}
.live-sky-panel.collapsed{
  border-radius:var(--oww-surface-radius)!important;
  clip-path:inset(0 round var(--oww-surface-radius))!important;
}
.live-sky-head span,
.live-sky-mini span{
  color:var(--emotion)!important;
  font-weight:1000!important;
}
.live-sky-full,
.live-sky-mini{background:transparent!important;color:inherit!important;}
body.inverted .live-sky-item,
body.inverted .live-sky-empty{background:rgba(0,0,0,.045)!important;border-color:rgba(0,0,0,.10)!important;color:#050505!important;}
body:not(.inverted) .live-sky-item,
body:not(.inverted) .live-sky-empty{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important;color:#ffffff!important;}


.result-card{
  grid-template-columns:minmax(0,1fr) minmax(174px,270px)!important;
  align-items:stretch!important;
}
.my-echo-panel,
.my-echo-panel.collapsed,
.my-echo-panel:not(.collapsed){
  grid-column:2 / 3!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  min-width:174px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  backface-visibility:hidden!important;
  transform:translate3d(0,0,0)!important;
  filter:none!important;
  background-image:none!important;
  transition:
    width var(--oww-morph-duration) var(--oww-morph-ease),
    height var(--oww-morph-duration) var(--oww-morph-ease),
    min-height var(--oww-morph-duration) var(--oww-morph-ease),
    max-height var(--oww-morph-duration) var(--oww-morph-ease),
    border-radius var(--oww-morph-duration) var(--oww-morph-ease),
    opacity .32s ease,
    box-shadow var(--oww-morph-duration) var(--oww-morph-ease)!important;
  will-change:width,height,min-height,max-height,border-radius,opacity!important;
}
.my-echo-panel:not(.collapsed){
  width:min(270px,38vw)!important;
  height:144px!important;
  min-height:144px!important;
  max-height:144px!important;
  border-radius:var(--oww-surface-radius)!important;
  clip-path:inset(0 round var(--oww-surface-radius))!important;
}
.my-echo-panel.collapsed{
  width:174px!important;
  min-width:174px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  align-self:center!important;
  justify-self:stretch!important;
  border-radius:999px!important;
  clip-path:inset(0 round 999px)!important;
}
.my-echo-full,
.my-echo-mini{
  background:transparent!important;
  color:inherit!important;
  filter:none!important;
  visibility:visible!important;
  transition:opacity .32s ease, transform var(--oww-morph-duration) var(--oww-morph-ease)!important;
}
.my-echo-full{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  padding:14px!important;
  opacity:1!important;
  transform:scale(1)!important;
  transform-origin:right center!important;
  pointer-events:auto!important;
}
.my-echo-mini{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:12px 16px!important;
  border:0!important;
  border-radius:inherit!important;
  opacity:0!important;
  transform:scale(.72)!important;
  transform-origin:center!important;
  pointer-events:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.my-echo-panel.collapsed .my-echo-full{
  opacity:0!important;
  transform:scale(.2) rotate(-2deg)!important;
  pointer-events:none!important;
}
.my-echo-panel.collapsed .my-echo-mini{
  opacity:1!important;
  transform:scale(1)!important;
  pointer-events:auto!important;
}
.my-echo-panel:not(.collapsed) .my-echo-full{
  opacity:1!important;
  transform:scale(1)!important;
  pointer-events:auto!important;
}
.my-echo-panel:not(.collapsed) .my-echo-mini{
  opacity:0!important;
  transform:scale(.72)!important;
  pointer-events:none!important;
}
.my-echo-panel.is-animating .my-echo-full,
.my-echo-panel.is-animating .my-echo-mini{
  visibility:visible!important;
}
.my-echo-panel.collapsed.is-animating .my-echo-full{opacity:0!important;transform:scale(.2) rotate(-2deg)!important;}
.my-echo-panel.collapsed.is-animating .my-echo-mini{opacity:1!important;transform:scale(1)!important;}
.my-echo-panel:not(.collapsed).is-animating .my-echo-full{opacity:1!important;transform:scale(1)!important;}
.my-echo-panel:not(.collapsed).is-animating .my-echo-mini{opacity:0!important;transform:scale(.72)!important;}
.my-echo-panel.collapsed .my-echo-mini span,
.my-echo-panel.collapsed .my-echo-mini strong,
.my-echo-head span{
  display:inline!important;
  margin:0!important;
  color:inherit!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
.my-echo-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
.my-echo-head strong{display:none!important;}
.my-echo-list{
  flex:1 1 auto!important;
  max-height:none!important;
  overflow:auto!important;
  padding-right:2px!important;
}
body.inverted .my-echo-panel .live-sky-item,
body.inverted .my-echo-panel .live-sky-empty{background:rgba(0,0,0,.045)!important;border-color:rgba(0,0,0,.10)!important;color:#050505!important;}
body:not(.inverted) .my-echo-panel .live-sky-item,
body:not(.inverted) .my-echo-panel .live-sky-empty{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.12)!important;color:#ffffff!important;}

@media (max-width:760px){
  .result-card{grid-template-columns:1fr!important;}
  .my-echo-panel{grid-column:1 / -1!important;min-width:0!important;}
  .my-echo-panel:not(.collapsed){width:100%!important;height:144px!important;max-height:144px!important;}
  .my-echo-panel.collapsed{width:174px!important;justify-self:end!important;}
}


:root{
  --oww-send-col:132px;
}


.my-echo-panel,
.my-echo-panel.collapsed,
.my-echo-panel:not(.collapsed),
body.inverted .my-echo-panel,
body.inverted .my-echo-panel.collapsed,
body.inverted .my-echo-panel:not(.collapsed),
body:not(.inverted) .my-echo-panel,
body:not(.inverted) .my-echo-panel.collapsed,
body:not(.inverted) .my-echo-panel:not(.collapsed){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-clip:padding-box!important;
}
.my-echo-panel::before,
.my-echo-panel::after,
.my-echo-full::before,
.my-echo-full::after,
.my-echo-mini::before,
.my-echo-mini::after{
  display:none!important;
  content:none!important;
  box-shadow:none!important;
}
.my-echo-panel:not(.collapsed){
  clip-path:inset(0 round var(--oww-surface-radius))!important;
}
.my-echo-panel.collapsed{
  clip-path:inset(0 round 999px)!important;
}


.my-star-mini strong,
#myStarMiniWord,
.share-card .share-text,
#shareText,
body.inverted .my-star-mini strong,
body:not(.inverted) .my-star-mini strong,
body.inverted .share-card .share-text,
body:not(.inverted) .share-card .share-text{
  color:var(--my-star-color, var(--emotion))!important;
  -webkit-text-fill-color:var(--my-star-color, var(--emotion))!important;
  font-weight:900!important;
}
.result .share-card .share-kicker,
#shareCard .share-kicker{
  font-weight:1000!important;
  text-shadow:none!important;
}
body.inverted .result .share-card .share-kicker,
body.inverted #shareCard .share-kicker{
  color:#050505!important;
}
body:not(.inverted) .result .share-card .share-kicker,
body:not(.inverted) #shareCard .share-kicker{
  color:#fff!important;
}


.star-message,
.star-message.show,
body.earth-interacting .star-message,
body.earth-interacting .star-message.show{
  backdrop-filter:blur(18px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(116%)!important;
}
body.inverted .star-message{
  background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.44)), rgba(255,255,255,.72)!important;
  color:#050505!important;
}
body:not(.inverted) .star-message{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)), rgba(8,8,8,.62)!important;
  color:#fff!important;
}


.composer-footer{
  width:min(650px,100%)!important;
  max-width:min(650px,100%)!important;
  margin:7px auto 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
.composer-footer #counter{
  min-width:auto!important;
  width:auto!important;
  flex:0 0 auto!important;
  justify-self:auto!important;
  text-align:left!important;
}
.composer-footer .moderation-feedback,
.composer-footer .contact-copy,
.composer-footer-dot{
  flex:0 0 auto!important;
  justify-self:auto!important;
}
.composer-footer .location-meta{
  margin-left:auto!important;
  flex:0 0 var(--oww-send-col)!important;
  width:var(--oww-send-col)!important;
  max-width:var(--oww-send-col)!important;
  justify-content:center!important;
  justify-self:auto!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.12!important;
}
@media (max-width:700px){
  .composer-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    row-gap:4px!important;
    white-space:normal!important;
  }
  .composer-footer .location-meta{
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
    flex-basis:auto!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

:root{
  --oww-feedback-side-col:182px;
}

.emotion-wrap .emotion-row,
.emotion-row{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
.emotion-line{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
}
.emotion-line .emotion,
.emotion-row .emotion,
.emotion{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  font-weight:1000!important;
}
@media (max-width:560px){
  .emotion-line{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

.result.show:not(.minimized){
  width:min(740px,calc(100vw - 28px))!important;
}
.result-card{
  grid-template-columns:minmax(0,1fr) var(--oww-feedback-side-col)!important;
  align-items:stretch!important;
}
.result .result-main{grid-column:1 / 2!important;}
.result .actions{
  grid-column:2 / 3!important;
  width:100%!important;
  min-width:0!important;
  justify-self:stretch!important;
  align-self:center!important;
  padding-right:0!important;
}
.result .actions .ghost,
#againBtn{
  width:100%!important;
}
.result .share-card{
  grid-column:1 / 2!important;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
}
.my-echo-panel,
.my-echo-panel.collapsed,
.my-echo-panel:not(.collapsed){
  grid-column:2 / 3!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  justify-self:stretch!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
  background-clip:border-box!important;
}
body.inverted .my-echo-panel,
body.inverted .my-echo-panel.collapsed,
body.inverted .my-echo-panel:not(.collapsed),
body.inverted .my-echo-full,
body.inverted .my-echo-mini{
  background:#fff!important;
  color:#050505!important;
}
body:not(.inverted) .my-echo-panel,
body:not(.inverted) .my-echo-panel.collapsed,
body:not(.inverted) .my-echo-panel:not(.collapsed),
body:not(.inverted) .my-echo-full,
body:not(.inverted) .my-echo-mini{
  background:#000!important;
  color:#fff!important;
}
.my-echo-panel:not(.collapsed){
  height:var(--oww-paired-card-h)!important;
  min-height:var(--oww-paired-card-h)!important;
  max-height:var(--oww-paired-card-h)!important;
  border-radius:var(--oww-surface-radius)!important;
  overflow:hidden!important;
  clip-path:inset(0 round var(--oww-surface-radius))!important;
}
.my-echo-panel.collapsed{
  align-self:center!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 999px)!important;
}
body.inverted .my-echo-panel:not(.collapsed){outline:1px solid #fff!important;}
body:not(.inverted) .my-echo-panel:not(.collapsed){outline:1px solid #000!important;}
.my-echo-full,
.my-echo-mini{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  background-image:none!important;
}

body.inverted .share-card,
body.inverted .my-star-mini,
body.inverted .live-sky-panel,
body.inverted .live-sky-mini{
  background:#fff!important;
  background-image:none!important;
}
body:not(.inverted) .share-card,
body:not(.inverted) .my-star-mini,
body:not(.inverted) .live-sky-panel,
body:not(.inverted) .live-sky-mini{
  background:#000!important;
  background-image:none!important;
}
#myStarMini span,
.my-star-mini span,
#shareCard .share-kicker,
.share-card .share-kicker{
  font-weight:1000!important;
  text-shadow:none!important;
  filter:none!important;
}
body.inverted #myStarMini span,
body.inverted .my-star-mini span,
body.inverted #shareCard .share-kicker,
body.inverted .share-card .share-kicker{
  color:#050505!important;
}
body:not(.inverted) #myStarMini span,
body:not(.inverted) .my-star-mini span,
body:not(.inverted) #shareCard .share-kicker,
body:not(.inverted) .share-card .share-kicker{
  color:#fff!important;
}
#myStarMiniWord,
.my-star-mini strong,
#shareText,
.share-card .share-text{
  color:var(--my-star-color,var(--emotion))!important;
  -webkit-text-fill-color:var(--my-star-color,var(--emotion))!important;
  font-weight:1000!important;
  text-shadow:none!important;
  filter:none!important;
}
#liveSkyMini span,
.live-sky-mini span,
.live-sky-head span{
  color:var(--emotion)!important;
  -webkit-text-fill-color:var(--emotion)!important;
  font-weight:1000!important;
}

.star-message,
.star-message.show,
body.earth-interacting .star-message,
body.earth-interacting .star-message.show{
  backdrop-filter:blur(22px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(110%)!important;
}
body:not(.inverted) .star-message,
body:not(.inverted) .star-message.show,
body:not(.inverted).earth-interacting .star-message,
body:not(.inverted).earth-interacting .star-message.show{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),rgba(10,10,10,.56)!important;
  box-shadow:0 36px 100px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.12),0 0 80px rgba(255,255,255,.04)!important;
}
body.inverted .star-message,
body.inverted .star-message.show,
body.inverted.earth-interacting .star-message,
body.inverted.earth-interacting .star-message.show{
  background:linear-gradient(180deg, rgba(0,0,0,.045), rgba(0,0,0,.015)),rgba(245,245,245,.62)!important;
  box-shadow:0 36px 100px rgba(255,255,255,.35), inset 0 1px 0 rgba(0,0,0,.08),0 0 80px rgba(0,0,0,.035)!important;
}

/* v64: no-resize feedback fade + pure My Echos surface */
:root{
  --oww-feedback-w:740px;
}
.result.show:not(.minimized),
.result.result-spray-in,
.result.result-drain-out{
  left:50%!important;
  top:50%!important;
  width:min(var(--oww-feedback-w), calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  transform:translate3d(-50%,-50%,0) scale(1)!important;
  box-sizing:border-box!important;
  transform-origin:center center!important;
}
.result.result-spray-in{
  animation:owwFeedbackFadeInFixedV64 .64s ease both!important;
  pointer-events:none!important;
}
.result.result-drain-out{
  animation:owwFeedbackFadeOutFixedV64 .56s ease both!important;
  pointer-events:none!important;
}
.result.show:not(.minimized):not(.result-spray-in):not(.result-drain-out){
  opacity:1!important;
  pointer-events:auto!important;
  transition:opacity .64s ease!important;
}
.result-card,
.result.show:not(.minimized) .result-card,
.result.result-spray-in .result-card,
.result.result-drain-out .result-card{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr) var(--oww-feedback-side-col)!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  align-items:stretch!important;
}
@keyframes owwFeedbackFadeInFixedV64{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes owwFeedbackFadeOutFixedV64{
  0%{opacity:1;}
  100%{opacity:0;}
}

.my-echo-panel,
.my-echo-panel.collapsed,
.my-echo-panel:not(.collapsed),
.my-echo-full,
.my-echo-mini{
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
body.inverted .my-echo-panel,
body.inverted .my-echo-panel.collapsed,
body.inverted .my-echo-panel:not(.collapsed),
body.inverted .my-echo-full,
body.inverted .my-echo-mini,
body.inverted .my-echo-list,
body.inverted .my-echo-panel .live-sky-item,
body.inverted .my-echo-panel .live-sky-empty{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#050505!important;
}
body:not(.inverted) .my-echo-panel,
body:not(.inverted) .my-echo-panel.collapsed,
body:not(.inverted) .my-echo-panel:not(.collapsed),
body:not(.inverted) .my-echo-full,
body:not(.inverted) .my-echo-mini,
body:not(.inverted) .my-echo-list,
body:not(.inverted) .my-echo-panel .live-sky-item,
body:not(.inverted) .my-echo-panel .live-sky-empty{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  color:#fff!important;
}
.my-echo-panel:not(.collapsed){
  overflow:hidden!important;
  clip-path:inset(0 round var(--oww-surface-radius,22px))!important;
  border-radius:var(--oww-surface-radius,22px)!important;
  isolation:isolate!important;
}
.my-echo-head,
.my-echo-head span,
.my-echo-head strong{
  font-weight:1000!important;
  text-shadow:none!important;
  filter:none!important;
}
body.inverted .my-echo-head,
body.inverted .my-echo-head span,
body.inverted .my-echo-head strong{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
}
body:not(.inverted) .my-echo-head,
body:not(.inverted) .my-echo-head span,
body:not(.inverted) .my-echo-head strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.my-echo-panel .live-sky-item,
.my-echo-panel .live-sky-empty{
  border-color:transparent!important;
  box-shadow:none!important;
}

/* v65: fixed feedback geometry, pure My Echos surface, history switch, echo counter */
:root{
  --oww-feedback-fixed-w:780px;
  --oww-feedback-side-col:182px;
}
.result,
.result.show,
.result.show:not(.minimized),
.result.result-spray-in,
.result.result-drain-out{
  left:50%!important;
  top:50%!important;
  width:min(var(--oww-feedback-fixed-w), calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  min-width:0!important;
  transform:translate3d(-50%,-50%,0)!important;
  transform-origin:center center!important;
  transition:opacity .62s ease!important;
  box-sizing:border-box!important;
  contain:paint!important;
}
.result.show:not(.minimized):not(.result-spray-in):not(.result-drain-out){opacity:1!important;pointer-events:auto!important;}
.result.result-spray-in,
.result.result-drain-out{
  pointer-events:none!important;
  animation:none!important;
}
.result-card,
.result.show:not(.minimized) .result-card,
.result.result-spray-in .result-card,
.result.result-drain-out .result-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr) var(--oww-feedback-side-col)!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.result.show .result-card{animation:none!important;}
.result .share-card{grid-column:1 / 2!important;}
.result .daily-echo{grid-column:1 / -1!important;}
.result .actions,
#myEchoPanel{grid-column:2 / 3!important;}

#myEchoPanel,
#myEchoPanel.collapsed,
#myEchoPanel:not(.collapsed),
#myEchoPanel .my-echo-full,
#myEchoPanel .my-echo-mini,
#myEchoPanel .my-echo-list,
#myEchoPanel .my-echo-head,
#myEchoPanel .live-sky-empty,
#myEchoPanel .my-echo-item{
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#myEchoPanel::before,
#myEchoPanel::after,
#myEchoPanel .my-echo-full::before,
#myEchoPanel .my-echo-full::after,
#myEchoPanel .my-echo-mini::before,
#myEchoPanel .my-echo-mini::after{display:none!important;content:none!important;}
body.inverted #myEchoPanel,
body.inverted #myEchoPanel.collapsed,
body.inverted #myEchoPanel:not(.collapsed),
body.inverted #myEchoPanel .my-echo-full,
body.inverted #myEchoPanel .my-echo-mini,
body.inverted #myEchoPanel .my-echo-list,
body.inverted #myEchoPanel .my-echo-head,
body.inverted #myEchoPanel .live-sky-empty,
body.inverted #myEchoPanel .my-echo-item{
  background:#fff!important;
  background-color:#fff!important;
  color:#050505!important;
}
body:not(.inverted) #myEchoPanel,
body:not(.inverted) #myEchoPanel.collapsed,
body:not(.inverted) #myEchoPanel:not(.collapsed),
body:not(.inverted) #myEchoPanel .my-echo-full,
body:not(.inverted) #myEchoPanel .my-echo-mini,
body:not(.inverted) #myEchoPanel .my-echo-list,
body:not(.inverted) #myEchoPanel .my-echo-head,
body:not(.inverted) #myEchoPanel .live-sky-empty,
body:not(.inverted) #myEchoPanel .my-echo-item{
  background:#000!important;
  background-color:#000!important;
  color:#fff!important;
}
#myEchoPanel:not(.collapsed){
  height:var(--oww-paired-card-h,214px)!important;
  min-height:var(--oww-paired-card-h,214px)!important;
  max-height:var(--oww-paired-card-h,214px)!important;
  border-radius:var(--oww-surface-radius,22px)!important;
  clip-path:inset(0 round var(--oww-surface-radius,22px))!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#myEchoPanel.collapsed{
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  border-radius:999px!important;
  clip-path:inset(0 round 999px)!important;
  overflow:hidden!important;
}
#myEchoPanel .my-echo-head span,
#myEchoPanel .my-echo-head strong{
  font-weight:1000!important;
  text-shadow:none!important;
  filter:none!important;
}
body.inverted #myEchoPanel .my-echo-head span,
body.inverted #myEchoPanel .my-echo-head strong,
body.inverted #myEchoPanel .my-echo-mini span,
body.inverted #myEchoPanel .my-echo-mini strong{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
}
body:not(.inverted) #myEchoPanel .my-echo-head span,
body:not(.inverted) #myEchoPanel .my-echo-head strong,
body:not(.inverted) #myEchoPanel .my-echo-mini span,
body:not(.inverted) #myEchoPanel .my-echo-mini strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#myEchoPanel .my-echo-item{
  width:100%!important;
  text-align:left!important;
  cursor:pointer!important;
  padding:10px 11px!important;
}
#myEchoPanel .my-echo-item:hover{transform:translateY(-1px)!important;}
#myEchoPanel .my-echo-short-text{max-width:100%!important;}

.live-sky-mode{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  margin:10px 0 12px;
  padding:4px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  overflow:hidden;
}
body.inverted .live-sky-mode{background:rgba(0,0,0,.06);}
.live-sky-mode-btn{
  appearance:none;
  border:0;
  border-radius:999px;
  padding:8px 10px;
  background:transparent;
  color:var(--muted);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.06em;
  cursor:pointer;
  transition:background .22s ease,color .22s ease,transform .22s ease;
}
.live-sky-mode-btn.active{
  background:var(--emotion);
  color:#050505;
  transform:translateY(-.5px);
}
.live-sky-list{
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  max-height:min(430px, calc(100dvh - 220px))!important;
}
.live-sky-list .live-sky-item{flex-shrink:0!important;}

.echo-compose{
  grid-template-columns:1fr auto!important;
  row-gap:5px!important;
}
.echo-compose-counter{
  grid-column:1 / -1;
  justify-self:start;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.05em;
  color:var(--muted);
}
.echo-compose-counter.warn{color:var(--emotion)!important;}

@media (max-width:700px){
  .result,
  .result.show,
  .result.show:not(.minimized),
  .result.result-spray-in,
  .result.result-drain-out{width:min(780px, calc(100vw - 24px))!important;}
  .result-card{grid-template-columns:1fr!important;}
  .result .actions,
  #myEchoPanel{grid-column:1 / -1!important;}
  #myEchoPanel:not(.collapsed){height:190px!important;min-height:190px!important;max-height:190px!important;}
}

/* v65b: opacity-only feedback fade; no geometry changes */
.result.result-spray-in{
  animation:owwResultFadeInV65 .64s ease both!important;
  pointer-events:none!important;
}
.result.result-drain-out{
  animation:owwResultFadeOutV65 .56s ease both!important;
  pointer-events:none!important;
}
@keyframes owwResultFadeInV65{
  from{opacity:0;transform:translate3d(-50%,-50%,0)!important;}
  to{opacity:1;transform:translate3d(-50%,-50%,0)!important;}
}
@keyframes owwResultFadeOutV65{
  from{opacity:1;transform:translate3d(-50%,-50%,0)!important;}
  to{opacity:0;transform:translate3d(-50%,-50%,0)!important;}
}
.echo-compose{display:grid!important;grid-template-columns:1fr auto!important;}

/* Live Sky / mini card visual cleanup: one final rule set, no historical patch stack. */
:root{
  --live-sky-clean-width:320px;
  --live-sky-clean-height:520px;
}

/* Match the main input panel's glass surface. */
#myStarMini.my-star-mini,
#liveSkyPanel.live-sky-panel,
#liveSkyPanel.live-sky-panel.collapsed,
#liveSkyPanel.live-sky-panel:not(.collapsed){
  isolation:isolate!important;
  overflow:hidden!important;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)), var(--panel)!important;
  color:var(--text)!important;
  border:0!important;
  box-shadow:0 36px 100px rgba(0,0,0,.66), inset 0 1px 0 rgba(255,255,255,.12), 0 0 80px rgba(255,255,255,.04)!important;
  backdrop-filter:blur(22px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(110%)!important;
  background-clip:padding-box!important;
}
body.inverted #myStarMini.my-star-mini,
body.inverted #liveSkyPanel.live-sky-panel,
body.inverted #liveSkyPanel.live-sky-panel.collapsed,
body.inverted #liveSkyPanel.live-sky-panel:not(.collapsed){
  background:linear-gradient(180deg, rgba(0,0,0,.045), rgba(0,0,0,.015)), var(--panel)!important;
  color:var(--text)!important;
  border:0!important;
  box-shadow:0 36px 100px rgba(255,255,255,.35), inset 0 1px 0 rgba(0,0,0,.08), 0 0 80px rgba(0,0,0,.035)!important;
}
#myStarMini.my-star-mini::before,
#myStarMini.my-star-mini::after,
#liveSkyPanel.live-sky-panel::before,
#liveSkyPanel.live-sky-panel::after{
  content:none!important;
  display:none!important;
}
#myStarMini.my-star-mini > *,
#liveSkyPanel.live-sky-panel > *{
  position:relative!important;
  z-index:1!important;
}
#liveSkyPanel.live-sky-panel .live-sky-mini,
#liveSkyPanel.live-sky-panel .live-sky-full{
  background:transparent!important;
}

/* Mini My Star Today text remains mood-aware. */
body:not(.inverted) #myStarMini.my-star-mini span{color:rgba(255,255,255,.94)!important;}
body.inverted #myStarMini.my-star-mini span{color:rgba(0,0,0,.92)!important;}
#myStarMini.my-star-mini strong{color:var(--my-star-color, var(--emotion))!important;}

/* Expanded Live Sky: same height as the default composer, with 1/4 top + 3/4 list. */
#liveSkyPanel.live-sky-panel:not(.collapsed){
  width:var(--live-sky-clean-width)!important;
  height:min(var(--live-sky-clean-height), calc(100dvh - 96px))!important;
  min-height:min(var(--live-sky-clean-height), calc(100dvh - 96px))!important;
  max-height:min(var(--live-sky-clean-height), calc(100dvh - 96px))!important;
  border-radius:28px!important;
  top:calc(50% - 1.2vh)!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
  aspect-ratio:auto!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-full{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:18.75% 6.25% 75%!important;
  gap:0!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-head{
  position:relative!important;
  box-sizing:border-box!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:14px 54px 0 16px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-head > div{
  margin:0!important;
  align-self:flex-start!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-head span{
  display:block!important;
  margin:0!important;
  color:var(--emotion)!important;
  font-size:44px!important;
  line-height:.88!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  text-shadow:0 0 18px var(--emotion-soft)!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .panel-shrink{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  margin:0!important;
  z-index:3!important;
}

/* Today / History remains a sliding switch. */
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode{
  position:relative!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 14px!important;
  padding:3px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
}
body.inverted #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode{background:rgba(0,0,0,.055)!important;}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode::before{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  bottom:3px!important;
  width:calc((100% - 6px) / 2)!important;
  border-radius:999px!important;
  background:var(--emotion)!important;
  box-shadow:0 8px 22px var(--emotion-soft), inset 0 1px 0 rgba(255,255,255,.32)!important;
  transform:translateX(0)!important;
  transition:transform .34s cubic-bezier(.18,.84,.22,1), box-shadow .34s ease, background-color .34s ease!important;
  z-index:0!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode[data-mode="history"]::before,
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode:has(#liveSkyHistoryBtn.active)::before{
  transform:translateX(100%)!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode-btn{
  position:relative!important;
  z-index:1!important;
  height:100%!important;
  padding:0 6px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  font-size:9.5px!important;
  line-height:1!important;
  color:var(--muted)!important;
  transform:none!important;
  transition:color .22s ease!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode-btn.active{
  background:transparent!important;
  color:#050505!important;
  transform:none!important;
}

#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-list{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:10px 12px 12px!important;
  display:grid!important;
  align-content:start!important;
  gap:7px!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item{
  min-height:58px!important;
  padding:8px 10px!important;
  border-radius:15px!important;
  flex-shrink:0!important;
}
body:not(.inverted) #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item,
body:not(.inverted) #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-empty{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.12)!important;
}
body.inverted #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item,
body.inverted #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-empty{
  background:rgba(0,0,0,.045)!important;
  border-color:rgba(0,0,0,.11)!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-empty{
  min-height:100%!important;
  box-sizing:border-box!important;
}

/* Collapsed Live Sky keeps its current size, but no white border in black mode. */
#liveSkyPanel.live-sky-panel.collapsed{
  width:168px!important;
  height:74px!important;
  min-height:74px!important;
  max-height:74px!important;
  border-radius:28px!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
}
#liveSkyPanel.live-sky-panel.collapsed .live-sky-mini{
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  gap:7px!important;
  padding:10px 14px!important;
}
#liveSkyPanel.live-sky-panel.collapsed .live-sky-mini span{
  font-size:17px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.075em!important;
  color:var(--emotion)!important;
  text-shadow:0 0 18px var(--emotion-soft)!important;
}
#liveSkyPanel.live-sky-panel.collapsed .live-sky-mini strong{
  font-size:20px!important;
  line-height:1!important;
  font-weight:1000!important;
}

@media (max-width:700px){
  :root{--live-sky-clean-height:min(520px, calc(100dvh - 130px));}
  #liveSkyPanel.live-sky-panel:not(.collapsed){
    width:min(var(--live-sky-clean-width), calc(100vw - 24px))!important;
    height:var(--live-sky-clean-height)!important;
    min-height:var(--live-sky-clean-height)!important;
    max-height:var(--live-sky-clean-height)!important;
  }
  #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-head span{font-size:36px!important;}
  #liveSkyPanel.live-sky-panel.collapsed{width:158px!important;height:70px!important;min-height:70px!important;max-height:70px!important;}
}


/* v78 clean rebuild: FM panel + LIVE SKY expanded panel only.
   Source is v76. This block deliberately owns only #shareCard/#shareText and #liveSkyPanel.
   M panel, bottom footer, app logic, and the rest of the site stay on v76. */
:root{
  --v78-live-sky-width:310px;
  --v78-live-sky-height:min(560px, calc(100dvh - 20px));
  --v78-live-sky-radius:28px;
  --v78-live-sky-ease:cubic-bezier(.20,.92,.18,1);
}

/* FM panel: fixed card, real text is fitted by JS into this box. */
#result #shareCard,
.result #shareCard.share-card,
#shareCard.share-card{
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto minmax(0, 1fr) auto!important;
  gap:7px!important;
  height:var(--oww-paired-card-h,144px)!important;
  min-height:var(--oww-paired-card-h,144px)!important;
  max-height:var(--oww-paired-card-h,144px)!important;
  padding:18px 20px!important;
  overflow:hidden!important;
}
#shareCard .share-kicker{
  align-self:start!important;
  line-height:1.05!important;
  min-height:0!important;
}
#shareCard .share-text,
#shareText{
  align-self:center!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  color:var(--my-star-color,var(--emotion))!important;
  -webkit-text-fill-color:var(--my-star-color,var(--emotion))!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:1000!important;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:var(--fm-fit-size,42px)!important;
}
#shareCard .share-meta{
  align-self:end!important;
  line-height:1.08!important;
  min-height:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* LIVE SKY expanded panel: one stable geometry, no 1/7 header, no composer height sync. */
#liveSkyPanel.live-sky-panel:not(.collapsed){
  box-sizing:border-box!important;
  position:fixed!important;
  top:10px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  width:min(var(--v78-live-sky-width), calc(100vw - 28px))!important;
  height:var(--v78-live-sky-height)!important;
  min-height:var(--v78-live-sky-height)!important;
  max-height:var(--v78-live-sky-height)!important;
  border-radius:var(--v78-live-sky-radius)!important;
  overflow:hidden!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:top right!important;
  opacity:1!important;
  contain:layout paint style!important;
  will-change:transform,opacity,width,height!important;
  transition:
    transform .70s var(--v78-live-sky-ease),
    opacity .38s ease,
    width .70s var(--v78-live-sky-ease),
    height .70s var(--v78-live-sky-ease),
    border-radius .70s var(--v78-live-sky-ease),
    box-shadow .70s var(--v78-live-sky-ease)!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mini{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:scale(.88)!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-full{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:36px 28px minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:14px 18px 14px!important;
  margin:0!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  pointer-events:auto!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-head{
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0 36px 0 0!important;
  margin:0!important;
  gap:8px!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-head > div{
  min-width:0!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-head span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--emotion)!important;
  -webkit-text-fill-color:var(--emotion)!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  filter:none!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .panel-shrink{
  box-sizing:border-box!important;
  position:absolute!important;
  top:2px!important;
  right:0!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  z-index:3!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode{
  box-sizing:border-box!important;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:2px!important;
  align-self:start!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:2px!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mode-btn{
  box-sizing:border-box!important;
  min-width:0!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0 6px!important;
  display:grid!important;
  place-items:center!important;
  font-size:10px!important;
  line-height:1!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-list{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-content:flex-start!important;
  gap:8px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 0 34px 0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  scroll-padding-bottom:34px!important;
  overscroll-behavior:contain!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  padding:8px 10px!important;
  border-radius:17px!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:22px 16px!important;
  gap:4px!important;
  align-content:center!important;
  color:inherit!important;
  opacity:1!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item-text{
  box-sizing:border-box!important;
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  height:22px!important;
  max-height:22px!important;
  color:inherit!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:15px!important;
  line-height:22px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  opacity:1!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item-meta{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  height:16px!important;
  max-height:16px!important;
  line-height:16px!important;
  overflow:hidden!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  opacity:1!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-meta-left,
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-meta-right{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
  opacity:1!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-meta-left{flex:1 1 auto!important;gap:5px!important;}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-meta-right{flex:0 0 auto!important;margin-left:6px!important;justify-content:flex-end!important;}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-dot{flex:0 0 8px!important;width:8px!important;height:8px!important;}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-echo-count{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  height:14px!important;
  max-height:14px!important;
  padding:1px 6px!important;
  line-height:12px!important;
  font-size:9px!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-empty{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:58px!important;
  padding:12px!important;
  color:inherit!important;
  opacity:1!important;
  overflow:visible!important;
}

/* V76 collapsed LIVE SKY is preserved, but animation is stabilized. */
#liveSkyPanel.live-sky-panel.collapsed{
  top:50%!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  width:156px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  border-radius:var(--oww-card-radius,22px)!important;
  transform:translate3d(0,-50%,0) scale(.96)!important;
  transform-origin:right center!important;
  overflow:hidden!important;
  transition:
    transform .70s var(--v78-live-sky-ease),
    opacity .38s ease,
    width .70s var(--v78-live-sky-ease),
    height .70s var(--v78-live-sky-ease),
    border-radius .70s var(--v78-live-sky-ease),
    box-shadow .70s var(--v78-live-sky-ease)!important;
}
#liveSkyPanel.live-sky-panel.collapsed .live-sky-full{
  opacity:0!important;
  transform:scale(.78)!important;
  filter:blur(7px)!important;
  pointer-events:none!important;
}
#liveSkyPanel.live-sky-panel.collapsed .live-sky-mini{
  opacity:1!important;
  transform:scale(1)!important;
  pointer-events:auto!important;
}

body.inverted #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item,
body.inverted #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-empty{
  color:rgba(0,0,0,.88)!important;
  background:rgba(0,0,0,.045)!important;
  border-color:rgba(0,0,0,.11)!important;
}
body.inverted #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item-meta{color:rgba(0,0,0,.58)!important;}
body:not(.inverted) #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item,
body:not(.inverted) #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-empty{
  color:rgba(255,255,255,.92)!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.12)!important;
}
body:not(.inverted) #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-item-meta{color:rgba(255,255,255,.62)!important;}

@media (max-width:700px){
  :root{--v78-live-sky-width:310px;--v78-live-sky-height:min(552px, calc(100dvh - 16px));}
  #liveSkyPanel.live-sky-panel:not(.collapsed){top:8px!important;right:8px!important;width:min(var(--v78-live-sky-width), calc(100vw - 16px))!important;}
  #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-full{padding:14px 14px 14px!important;}
  #liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-head span{font-size:30px!important;}
}

/* v78e precision pass: FM real fitting, M panel expansion, Live Sky vertical placement. */
#shareCard.share-card,
.result #shareCard.share-card{
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:6px!important;
  padding:18px 20px!important;
}
#shareCard .share-text,
#shareText{
  line-height:.94!important;
  font-size:var(--fm-fit-size,42px)!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  word-break:break-word!important;
}
#shareCard .share-meta{
  position:relative!important;
  z-index:2!important;
  align-self:end!important;
}

/* M panel: restore the earlier behavior — expand right first, then wrap downward instead of ellipsis. */
#myStarMini.my-star-mini{
  width:fit-content!important;
  min-width:252px!important;
  max-width:min(390px, calc(100vw - 36px))!important;
  height:auto!important;
  min-height:72px!important;
  max-height:none!important;
  padding:14px 16px!important;
  overflow:visible!important;
  white-space:normal!important;
}
#myStarMini.my-star-mini strong,
#myStarMiniWord{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.08!important;
}

/* Live Sky: keep the rebuilt panel, but move the whole expanded panel back to the side instead of pinning it to the top. */
:root{
  --v78-live-sky-height:min(520px, calc(100dvh - 80px));
}
#liveSkyPanel.live-sky-panel:not(.collapsed){
  top:50%!important;
  right:14px!important;
  bottom:auto!important;
  left:auto!important;
  height:var(--v78-live-sky-height)!important;
  min-height:var(--v78-live-sky-height)!important;
  max-height:var(--v78-live-sky-height)!important;
  transform:translate3d(0,-50%,0) scale(1)!important;
  transform-origin:right center!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-list{
  padding-bottom:42px!important;
  scroll-padding-bottom:42px!important;
}
@media (max-width:700px){
  :root{--v78-live-sky-height:min(520px, calc(100dvh - 72px));}
  #liveSkyPanel.live-sky-panel:not(.collapsed){
    top:50%!important;
    right:8px!important;
    transform:translate3d(0,-50%,0) scale(1)!important;
  }
}

/* v78f focused pass: safer FM text size + one-piece MY ECHOS animation. */
#shareCard .share-text,
#shareText{
  font-size:var(--fm-fit-size,16px)!important;
  line-height:.88!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:break-word!important;
}
#shareCard .share-meta{
  z-index:4!important;
  background:transparent!important;
}
.my-echo-panel{
  transition:
    width .56s cubic-bezier(.20,.92,.18,1),
    min-height .56s cubic-bezier(.20,.92,.18,1),
    max-height .56s cubic-bezier(.20,.92,.18,1),
    border-radius .56s cubic-bezier(.20,.92,.18,1),
    transform .56s cubic-bezier(.20,.92,.18,1),
    opacity .34s ease!important;
  will-change:width, max-height, min-height, border-radius, transform, opacity;
}
.my-echo-panel .my-echo-full,
.my-echo-panel .my-echo-mini,
.my-echo-panel.is-animating .my-echo-full,
.my-echo-panel.is-animating .my-echo-mini{
  transition:opacity .34s ease, transform .56s cubic-bezier(.20,.92,.18,1)!important;
  visibility:visible!important;
}
.my-echo-panel.collapsed .my-echo-full,
.my-echo-panel.collapsed.is-animating .my-echo-full{
  opacity:0!important;
  transform:translate3d(10px,0,0) scale(.94)!important;
  pointer-events:none!important;
}
.my-echo-panel.collapsed .my-echo-mini,
.my-echo-panel.collapsed.is-animating .my-echo-mini{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  pointer-events:auto!important;
}
.my-echo-panel:not(.collapsed) .my-echo-full,
.my-echo-panel:not(.collapsed).is-animating .my-echo-full{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  pointer-events:auto!important;
}
.my-echo-panel:not(.collapsed) .my-echo-mini,
.my-echo-panel:not(.collapsed).is-animating .my-echo-mini{
  opacity:0!important;
  transform:translate3d(-8px,0,0) scale(.96)!important;
  pointer-events:none!important;
}

/* v78g final polish: FM text lane, Live Sky shrink motion, MY ECHOS one-piece opening. */
#shareCard .share-text,
#shareText{
  font-size:var(--fm-fit-size,22px)!important;
  line-height:.94!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  align-self:center!important;
}
#shareCard .share-meta{position:relative!important;z-index:5!important;}

#liveSkyPanel.live-sky-panel{
  transition:
    top .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    right .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    width .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    height .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    min-height .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    max-height .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    border-radius .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    clip-path .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    transform .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)),
    opacity .32s ease!important;
}
#liveSkyPanel.live-sky-panel.live-sky-shrinking,
#liveSkyPanel.live-sky-panel.live-sky-expanding{
  pointer-events:none!important;
  will-change:top,right,width,height,min-height,max-height,border-radius,transform,opacity!important;
}
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-full,
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-full,
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-mini,
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-mini{
  transition:opacity .40s ease, transform .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1)), filter .72s var(--v78-live-sky-ease, cubic-bezier(.20,.92,.18,1))!important;
}
#liveSkyPanel.live-sky-panel.collapsed{
  top:50%!important;
  right:18px!important;
  width:156px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  transform:translate3d(0,-50%,0) scale(.96)!important;
  transform-origin:right center!important;
}

#myEchoPanel.my-echo-panel,
#myEchoPanel.my-echo-panel.collapsed,
#myEchoPanel.my-echo-panel:not(.collapsed){
  transition:
    width .62s cubic-bezier(.20,.92,.18,1),
    height .62s cubic-bezier(.20,.92,.18,1),
    min-height .62s cubic-bezier(.20,.92,.18,1),
    max-height .62s cubic-bezier(.20,.92,.18,1),
    border-radius .62s cubic-bezier(.20,.92,.18,1),
    clip-path .62s cubic-bezier(.20,.92,.18,1),
    transform .62s cubic-bezier(.20,.92,.18,1),
    opacity .30s ease!important;
  will-change:width,height,min-height,max-height,border-radius,clip-path,transform,opacity;
}
#myEchoPanel .my-echo-full,
#myEchoPanel .my-echo-mini{
  transition:opacity .30s ease, transform .62s cubic-bezier(.20,.92,.18,1)!important;
}
#myEchoPanel.collapsed .my-echo-full{
  opacity:0!important;
  transform:translate3d(12px,0,0) scale(.96)!important;
  pointer-events:none!important;
}
#myEchoPanel.collapsed .my-echo-mini{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  pointer-events:auto!important;
}
#myEchoPanel:not(.collapsed) .my-echo-full{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  pointer-events:auto!important;
}
#myEchoPanel:not(.collapsed) .my-echo-mini{
  opacity:0!important;
  transform:translate3d(-12px,0,0) scale(.96)!important;
  pointer-events:none!important;
}
#myEchoPanel.is-animating{overflow:hidden!important;}

/* v78h focused real fix: FM lane, LIVE SKY visible shrink, MY ECHOS smooth opening. */
#shareCard.share-card,
.result #shareCard.share-card{
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:7px!important;
  overflow:hidden!important;
}
#shareCard .share-text,
#shareText{
  font-size:var(--fm-fit-size,24px)!important;
  line-height:1.02!important;
  white-space:normal!important;
  word-break:break-word!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  align-self:center!important;
  justify-self:stretch!important;
  max-width:100%!important;
}
#shareCard .share-meta{
  align-self:end!important;
  position:relative!important;
  z-index:10!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#liveSkyPanel.live-sky-panel.is-animating{
  pointer-events:none!important;
  will-change:transform,opacity,filter,width,height!important;
}
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-full{
  opacity:.18!important;
  transform:scale(.86)!important;
  filter:blur(3px)!important;
}
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-mini{
  opacity:0!important;
  transform:scale(.72)!important;
}
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-full{
  opacity:1!important;
  transform:scale(1)!important;
  filter:blur(0)!important;
}

#myEchoPanel.my-echo-panel,
#myEchoPanel.my-echo-panel.collapsed,
#myEchoPanel.my-echo-panel:not(.collapsed){
  transition:
    width .66s cubic-bezier(.20,.92,.18,1),
    height .66s cubic-bezier(.20,.92,.18,1),
    min-height .66s cubic-bezier(.20,.92,.18,1),
    max-height .66s cubic-bezier(.20,.92,.18,1),
    border-radius .66s cubic-bezier(.20,.92,.18,1),
    clip-path .66s cubic-bezier(.20,.92,.18,1),
    transform .66s cubic-bezier(.20,.92,.18,1),
    opacity .30s ease!important;
}
#myEchoPanel .my-echo-full,
#myEchoPanel .my-echo-mini{
  transition:opacity .38s ease, transform .66s cubic-bezier(.20,.92,.18,1)!important;
  will-change:opacity,transform!important;
}
#myEchoPanel.collapsed .my-echo-full{
  opacity:0!important;
  transform:translate3d(10px,0,0) scale(.96)!important;
}
#myEchoPanel.collapsed .my-echo-mini{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
#myEchoPanel:not(.collapsed) .my-echo-full{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
#myEchoPanel:not(.collapsed) .my-echo-mini{
  opacity:0!important;
  transform:translate3d(-6px,0,0) scale(.98)!important;
}


/* v78i final polish: FM 3-line tolerance, one-piece Live Sky shrink, echo text size, composer footer alignment. */
#shareCard.share-card,
.result #shareCard.share-card{
  gap:5px!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
#shareCard .share-text,
#shareText{
  font-size:var(--fm-fit-size,26px)!important;
  line-height:.98!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  max-height:calc(3 * 1em)!important;
}
#shareCard .share-meta{font-size:10px!important;line-height:1.05!important;}

#liveSkyPanel.live-sky-panel{
  transition:
    top .74s cubic-bezier(.18,.90,.16,1),
    right .74s cubic-bezier(.18,.90,.16,1),
    width .74s cubic-bezier(.18,.90,.16,1),
    height .74s cubic-bezier(.18,.90,.16,1),
    min-height .74s cubic-bezier(.18,.90,.16,1),
    max-height .74s cubic-bezier(.18,.90,.16,1),
    border-radius .74s cubic-bezier(.18,.90,.16,1),
    transform .74s cubic-bezier(.18,.90,.16,1),
    opacity .34s ease!important;
  will-change:top,right,width,height,transform,opacity;
}
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-full,
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-full,
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-mini,
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-mini{
  transition:opacity .42s ease, transform .74s cubic-bezier(.18,.90,.16,1), filter .74s cubic-bezier(.18,.90,.16,1)!important;
}
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-full{opacity:0!important;transform:scale(.82)!important;filter:blur(4px)!important;}
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-mini{opacity:1!important;transform:scale(1)!important;filter:blur(0)!important;}
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-full{opacity:1!important;transform:scale(1)!important;filter:blur(0)!important;}
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-mini{opacity:0!important;transform:scale(.92)!important;}

#myEchoPanel .my-echo-list .live-sky-item-text,
#myEchoPanel .my-echo-list .my-echo-short-text{
  font-size:12px!important;
  line-height:1.12!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
#myEchoPanel .my-echo-list .live-sky-item{gap:5px!important;padding-top:7px!important;padding-bottom:7px!important;}

.composer-footer{
  width:min(650px,100%)!important;
  max-width:650px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) var(--oww-send-col,132px)!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:0!important;
  row-gap:3px!important;
  margin:0 auto!important;
  padding:0 9px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  transform:none!important;
}
.composer-footer-dot{display:none!important;}
.composer-footer #counter,
.composer-footer #moderationFeedback,
.composer-footer .contact-copy,
.composer-footer .location-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.composer-footer #counter{grid-column:1!important;justify-self:center!important;transform:translateX(10px)!important;}
.composer-footer #moderationFeedback{grid-column:2!important;}
.composer-footer .contact-copy{grid-column:3!important;}
.composer-footer .location-meta{grid-column:4!important;justify-self:center!important;white-space:normal!important;}
@media (max-width:700px){
  .composer-footer{grid-template-columns:1fr 1fr!important;padding:0!important;white-space:normal!important;}
  .composer-footer #counter{grid-column:1!important;transform:none!important;}
  .composer-footer #moderationFeedback{grid-column:2!important;}
  .composer-footer .contact-copy{grid-column:1!important;grid-row:2!important;}
  .composer-footer .location-meta{grid-column:2!important;grid-row:2!important;}
}


/* v78j final tuning: FM words, LIVE SKY one-piece collapse, MY ECHOS text, footer alignment */
#shareCard #shareText{
  white-space:normal!important;
  word-break:break-word!important;
  overflow:hidden!important;
}
#myEchoPanel .my-echo-list .live-sky-item-text,
#myEchoPanel .my-echo-list .my-echo-short-text{
  font-size:11px!important;
  line-height:1.10!important;
  font-weight:840!important;
}
#liveSkyPanel{
  transition:none!important;
  will-change:auto;
}
#liveSkyPanel .live-sky-full,
#liveSkyPanel .live-sky-mini{
  transition:opacity .58s cubic-bezier(.18,.84,.18,1), transform .58s cubic-bezier(.18,.84,.18,1), filter .58s cubic-bezier(.18,.84,.18,1)!important;
  will-change:opacity, transform;
}
#liveSkyPanel.live-sky-shrinking .live-sky-full{opacity:0!important;transform:scale(.80)!important;filter:blur(2px)!important;pointer-events:none!important;}
#liveSkyPanel.live-sky-shrinking .live-sky-mini{opacity:1!important;transform:scale(1)!important;filter:none!important;pointer-events:auto!important;}
#liveSkyPanel.live-sky-expanding .live-sky-full{opacity:1!important;transform:scale(1)!important;filter:none!important;pointer-events:auto!important;}
#liveSkyPanel.live-sky-expanding .live-sky-mini{opacity:0!important;transform:scale(.88)!important;filter:blur(1px)!important;pointer-events:none!important;}

.composer-footer{
  width:min(650px,100%)!important;
  max-width:650px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr var(--oww-send-col,132px)!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:0!important;
  row-gap:4px!important;
  margin:0 auto!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.composer-footer-dot{display:none!important;}
.composer-footer #counter,
.composer-footer #moderationFeedback,
.composer-footer .contact-copy,
.composer-footer .location-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.composer-footer #counter{grid-column:1!important;transform:translateX(18px)!important;}
.composer-footer #moderationFeedback{grid-column:2!important;}
.composer-footer .contact-copy{grid-column:3!important;}
.composer-footer .location-meta{grid-column:4!important;justify-self:center!important;align-self:start!important;text-align:center!important;white-space:nowrap!important;transform:translateY(0)!important;}
@media (max-width:700px){
  .composer-footer{grid-template-columns:1fr 1fr!important;white-space:normal!important;padding:0!important;column-gap:8px!important;}
  .composer-footer #counter{grid-column:1!important;grid-row:1!important;transform:translateX(8px)!important;justify-self:start!important;}
  .composer-footer #moderationFeedback{grid-column:2!important;grid-row:1!important;}
  .composer-footer .contact-copy{grid-column:1!important;grid-row:2!important;}
  .composer-footer .location-meta{grid-column:2!important;grid-row:2!important;justify-self:center!important;}
}

/* v78k stronger FM and one-piece LIVE SKY motion */
#shareCard.share-card,
.result #shareCard.share-card{
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:4px!important;
}
#shareCard #shareText,
#shareCard .share-text{
  font-size:var(--fm-fit-size,30px)!important;
  line-height:1!important;
  max-height:calc(3.05 * 1em)!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  text-overflow:clip!important;
}
#shareCard .share-meta{font-size:9.5px!important;line-height:1.02!important;}
#liveSkyPanel.live-sky-panel.is-animating{
  visibility:hidden!important;
  pointer-events:none!important;
}
.live-sky-animation-ghost{
  box-sizing:border-box!important;
  contain:layout paint style!important;
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
  box-shadow:0 20px 56px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.live-sky-animation-ghost .live-sky-full,
.live-sky-animation-ghost .live-sky-mini{
  will-change:opacity,transform,filter!important;
  transform-origin:center center!important;
}
.live-sky-animation-ghost.to-mini .live-sky-full,
.live-sky-animation-ghost.to-full .live-sky-mini{
  pointer-events:none!important;
}

/* v91 final: stronger visible changes, 15-limit footer, FM third-line tolerance, one-piece LIVE SKY shrink. */
#shareCard.share-card,
.result #shareCard.share-card,
#result #shareCard.share-card{
  grid-template-rows:auto minmax(0,1fr) auto!important;
  gap:3px!important;
  padding:14px 18px 13px!important;
  overflow:hidden!important;
}
#shareCard .share-kicker{
  font-size:11px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
}
#shareCard #shareText,
#shareCard .share-text,
#shareText{
  font-size:var(--fm-fit-size,36px)!important;
  line-height:1.04!important;
  max-height:calc(3.18 * 1em)!important;
  white-space:normal!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  text-overflow:clip!important;
  align-self:center!important;
  justify-self:stretch!important;
  margin:0!important;
}
#shareCard .share-meta{
  font-size:9px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  align-self:end!important;
}

/* Footer: four information groups only, no dot separators; last column matches SEND width. */
.composer-footer{
  width:min(650px,100%)!important;
  max-width:650px!important;
  display:grid!important;
  grid-template-columns:minmax(68px,1fr) minmax(88px,1fr) minmax(112px,1fr) var(--oww-send-col,132px)!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:0!important;
  row-gap:4px!important;
  margin:0 auto!important;
  padding:0 9px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  transform:none!important;
}
.composer-footer-dot{display:none!important;}
.composer-footer #counter,
.composer-footer #moderationFeedback,
.composer-footer .contact-copy,
.composer-footer .location-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.composer-footer #counter{grid-column:1!important;justify-self:center!important;transform:translateX(30px)!important;}
.composer-footer #moderationFeedback{grid-column:2!important;}
.composer-footer .contact-copy{grid-column:3!important;}
.composer-footer .location-meta{grid-column:4!important;justify-self:center!important;text-align:center!important;transform:none!important;}
@media (max-width:700px){
  .composer-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:10px!important;padding:0!important;white-space:normal!important;}
  .composer-footer #counter{grid-column:1!important;grid-row:1!important;transform:translateX(12px)!important;justify-self:center!important;}
  .composer-footer #moderationFeedback{grid-column:2!important;grid-row:1!important;}
  .composer-footer .contact-copy{grid-column:1!important;grid-row:2!important;}
  .composer-footer .location-meta{grid-column:2!important;grid-row:2!important;justify-self:center!important;white-space:normal!important;}
}

/* Stronger ghost layer for LIVE SKY: keep the whole panel as one object during shrink/expand. */
#liveSkyPanel.live-sky-panel.is-animating{
  visibility:hidden!important;
  pointer-events:none!important;
}
.live-sky-animation-ghost{
  box-sizing:border-box!important;
  contain:layout paint style!important;
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
  will-change:transform,opacity,filter,border-radius!important;
  box-shadow:0 24px 68px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.live-sky-animation-ghost *{
  transition:none!important;
  animation:none!important;
}


/* v92: stable LIVE SKY motion rebuild + footer counter alignment.
   Keeps v91's approved FM panel sizing, but removes the broken ghost-style LIVE SKY animation path. */
#liveSkyPanel.live-sky-panel,
#liveSkyPanel.live-sky-panel.collapsed,
#liveSkyPanel.live-sky-panel:not(.collapsed){
  visibility:visible!important;
  transition:
    top .86s cubic-bezier(.20,.92,.18,1),
    right .86s cubic-bezier(.20,.92,.18,1),
    width .86s cubic-bezier(.20,.92,.18,1),
    height .86s cubic-bezier(.20,.92,.18,1),
    min-height .86s cubic-bezier(.20,.92,.18,1),
    max-height .86s cubic-bezier(.20,.92,.18,1),
    border-radius .86s cubic-bezier(.20,.92,.18,1),
    transform .86s cubic-bezier(.20,.92,.18,1),
    opacity .34s ease,
    filter .86s cubic-bezier(.20,.92,.18,1)!important;
  will-change:top,right,width,height,min-height,max-height,border-radius,transform,opacity!important;
  backface-visibility:hidden!important;
}
#liveSkyPanel.live-sky-panel.is-animating{
  visibility:visible!important;
  pointer-events:none!important;
}
#liveSkyPanel.live-sky-panel .live-sky-full,
#liveSkyPanel.live-sky-panel .live-sky-mini{
  transition:
    opacity .46s ease,
    transform .86s cubic-bezier(.20,.92,.18,1),
    filter .86s cubic-bezier(.20,.92,.18,1)!important;
  will-change:opacity,transform,filter!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-full,
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-full{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:none!important;
  pointer-events:auto!important;
}
#liveSkyPanel.live-sky-panel:not(.collapsed) .live-sky-mini,
#liveSkyPanel.live-sky-panel.live-sky-expanding .live-sky-mini{
  opacity:0!important;
  transform:translate3d(10px,0,0) scale(.92)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}
#liveSkyPanel.live-sky-panel.collapsed .live-sky-full,
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-full{
  opacity:0!important;
  transform:translate3d(12px,0,0) scale(.78)!important;
  filter:blur(5px)!important;
  pointer-events:none!important;
}
#liveSkyPanel.live-sky-panel.collapsed .live-sky-mini,
#liveSkyPanel.live-sky-panel.live-sky-shrinking .live-sky-mini{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:none!important;
  pointer-events:auto!important;
}
.live-sky-animation-ghost{display:none!important;}

/* v92: 0/15 should sit near the left side of the input field, but not touch or exceed it. */
.composer-footer #counter{
  grid-column:1!important;
  justify-self:start!important;
  transform:translateX(22px)!important;
  text-align:left!important;
}
@media (max-width:700px){
  .composer-footer #counter{
    justify-self:start!important;
    transform:translateX(14px)!important;
  }
}