.jewel-page{min-height:100svh;display:flex;flex-direction:column;background:var(--background);overflow:hidden}.jhead{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:9px;padding:1.15rem 1rem .45rem}.jhead-mark{height:17px;width:auto;display:block}.jhead-word{height:12px;width:auto;display:block;filter:brightness(0);opacity:.88}.jhead.j-reveal{opacity:0;transform:translateY(-6px);transition:opacity 1.4s var(--ease-decelerate),transform 1.4s var(--ease-decelerate)}.jhead.j-reveal.is-on,html:not(.js) .jhead.j-reveal{opacity:1;transform:none}.jscene{flex:1;position:relative;width:100%;max-width:27rem;margin-inline:auto;display:flex;flex-direction:column;padding:.5rem 1.4rem 0}.jpresence-wrap{position:absolute;z-index:0;left:50%;bottom:0;transform:translate(-50%);width:min(100%,30rem);height:min(52svh,520px);pointer-events:none}.jpresence{width:100%;height:100%;object-fit:cover;object-position:50% 32%;-webkit-mask-image:radial-gradient(60% 78% at 50% 55%,#000 30%,transparent 92%);mask-image:linear-gradient(to right,transparent 4%,#000 34%,#000 66%,transparent 96%),linear-gradient(to bottom,transparent 2%,#000 26%,#000 100%);mask-composite:intersect;opacity:0;transition:opacity 2.8s var(--ease-decelerate)}.jpresence.is-here,html:not(.js) .jpresence{opacity:1}.jthread{position:relative;z-index:2;padding-top:.6rem}.jmoment{text-align:center;font-size:.72rem;letter-spacing:.12em;color:var(--muted-foreground);text-transform:lowercase;margin-bottom:1.1rem;opacity:0;transition:opacity 1.2s var(--ease-standard)}.jmoment.is-on,html:not(.js) .jmoment{opacity:1}.jmsg{width:fit-content;max-width:88%;margin-top:.65rem;padding:.72rem 1.05rem;font-size:1.04rem;line-height:1.5;letter-spacing:-.005em;color:var(--foreground);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px 18px 18px 6px;backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05);box-shadow:0 6px 18px var(--glass-shadow)}.jmsg-final{font-weight:600}.jmsg-you{margin-left:auto;color:var(--primary-foreground);background:var(--primary);border:none;border-radius:18px 18px 6px;box-shadow:0 6px 18px var(--glass-shadow);font-weight:600}.jmsg-photo{padding:5px;max-width:58%}.jmsg-photo img{display:block;width:100%;border-radius:14px}html.js .jmsg{display:none}html.js .jmsg.is-on{display:block;animation:jland .42s var(--ease-decelerate) both}html.js .jmsg-you.is-on{display:block}@keyframes jland{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.jtyping{display:none;width:fit-content;margin-top:.65rem;padding:.85rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px 18px 18px 6px;backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05);box-shadow:0 6px 18px var(--glass-shadow)}.jtyping.is-on{display:inline-flex;gap:5px;animation:jland .3s var(--ease-decelerate) both}.jtyping i{width:7px;height:7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 75%,var(--muted-foreground));animation:jthink 1.2s ease-in-out infinite}.jtyping i:nth-child(2){animation-delay:.15s}.jtyping i:nth-child(3){animation-delay:.3s}@keyframes jthink{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.jreply{position:relative;z-index:2;margin-top:auto;padding:1.2rem 0 1.1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;opacity:0;transform:translateY(12px);transition:opacity 1.3s var(--ease-decelerate),transform 1.3s var(--ease-decelerate)}.jreply.is-on,html:not(.js) .jreply{opacity:1;transform:none}.jreply-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.jsend{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 26px;font-size:1.02rem;font-weight:600;color:var(--primary-foreground);background:var(--primary);border-radius:999px 999px 6px;box-shadow:0 0 26px var(--glow-green-strong),0 8px 22px var(--glass-shadow);transition:transform .15s var(--ease-spring),box-shadow .2s var(--ease-standard)}.jsend svg{width:18px;height:18px}@media(hover:hover){.jsend:hover{transform:translateY(-2px);box-shadow:0 10px 34px var(--glow-green-strong)}}.jsend:active{transform:scale(.97)}.jchip{font-size:.76rem;color:var(--muted-foreground);padding:4px 11px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.jwhisper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;padding:0 1.4rem 1.1rem;font-size:.72rem;color:var(--muted-foreground)}.jwhisper a{color:var(--muted-foreground);transition:color .15s}@media(hover:hover){.jwhisper a:hover{color:var(--foreground)}}@media(min-width:880px){.jscene{max-width:30rem;padding-top:1.2rem}.jmsg,.jtyping{font-size:1.08rem}.jpresence-wrap{width:34rem;height:min(50svh,500px)}}@media(max-height:700px){.jmsg,.jtyping{font-size:.95rem;margin-top:.5rem;padding:.6rem .9rem}.jmsg-photo{padding:5px;max-width:58%}.jmoment{margin-bottom:.7rem}.jpresence-wrap{height:min(42svh,400px)}.jsend{height:48px;padding:0 22px;font-size:.95rem}.jreply{padding-bottom:.8rem}}@media(prefers-reduced-motion:reduce){.jtyping i,html.js .jmsg.is-on{animation:none}.jpresence,.jreply,.jhead.j-reveal,.jmoment{transition:none!important}}