:root{--kin-soft: color-mix(in srgb, var(--kin) 12%, transparent);--surface-highlight: color-mix(in srgb, var(--text) 4%, transparent);--radius: var(--r-xl);--shadow: 0 var(--sp-3xs) var(--sp-2xs) color-mix(in srgb, var(--night-deep) 60%, transparent), 0 var(--sp-sm) var(--sp-2xl) color-mix(in srgb, var(--night-deep) 50%, transparent);--shadow-lg: 0 var(--sp-xs) var(--sp-lg) color-mix(in srgb, var(--night-deep) 70%, transparent), 0 var(--sp-2xl) var(--sp-5xl) color-mix(in srgb, var(--night-deep) 80%, transparent);--glow: 0 0 0 var(--sp-px3) color-mix(in srgb, var(--accent) 25%, transparent);--shadow-rich: var(--shadow);--shadow-rich-hover: var(--shadow-lg);--accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);--accent-ring: color-mix(in srgb, var(--accent) 30%, transparent);--accent-gradient: linear-gradient(90deg, var(--accent), var(--accent2));--font-ui: "Manrope", system-ui, -apple-system, sans-serif;--font-display: "Instrument Serif", Georgia, serif;--page-max: 120rem;--page-gutter: clamp(1rem, 3vw, 3.5rem);--grid-gap: clamp(1rem, 2vw, 2.5rem);--reading-max: min(100%, 46rem);--cols-two: minmax(0, 2.4fr) minmax(0, 1fr);--cols-three: minmax(0, 1fr) minmax(0, 2.4fr) minmax(0, 1fr);--side-panel-w: clamp(18rem, 24vw, 28rem);--graph-min-w: 40rem;--settings-max: min(100%, 80rem);--sky-h: clamp(16rem, 38vh, 28rem);--public-sky-h: 70vh;--star-size: clamp(5rem, 7vw, 8.5rem);--kin-size: clamp(2.25rem, 3vw, 3.5rem);--rail-sticky-top: clamp(1rem, 2vh, 1.5rem);--sticky-top: calc(var(--topbar-h) + var(--rail-sticky-top));--sidebar-w: 0;--topbar-h: 4rem;--dock-clearance: 7rem;--glass-blur: blur(var(--sp-lg-plus)) saturate(140%);--popup-blur: blur(var(--sp-lg-plus));color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html{scroll-padding-top:var(--topbar-h);font-size:var(--root-font)}html,body,#root{min-height:100%;font-family:var(--font-ui);color:var(--text);line-height:1.5}body,#root{font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--sp-3xs) var(--sp-3xs) at var(--sp-px23) var(--sp-px41),color-mix(in srgb,var(--text) 55%,transparent) 50%,transparent 51%),radial-gradient(var(--sp-3xs) var(--sp-3xs) at var(--sp-px131) var(--sp-px187),color-mix(in srgb,var(--text) 35%,transparent) 50%,transparent 51%),radial-gradient(var(--sp-px1-5) var(--sp-px1-5) at var(--sp-px211) var(--sp-px73),color-mix(in srgb,var(--accent) 45%,transparent) 50%,transparent 51%),radial-gradient(var(--sp-3xs) var(--sp-3xs) at var(--sp-px297) var(--sp-px251),color-mix(in srgb,var(--text) 40%,transparent) 50%,transparent 51%),radial-gradient(var(--sp-3xs) var(--sp-3xs) at var(--sp-px83) var(--sp-px283),color-mix(in srgb,var(--text) 25%,transparent) 50%,transparent 51%);background-size:var(--sp-px320) var(--sp-px320)}h1,h2,.display{font-family:var(--font-display);font-weight:400!important;letter-spacing:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,textarea,input,select{font-family:inherit}:focus-visible{outline:var(--ln-md) solid var(--accent);outline-offset:var(--sp-2xs)}::-webkit-scrollbar{width:var(--sz-dot-sm);height:var(--sz-dot-sm)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-sm-plus)}::-webkit-scrollbar-thumb:hover{background:var(--border2)}.app,.app-frame{display:flex;flex-direction:column;min-height:100dvh}.app-frame>.app{flex:1}.page-full{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.app-frame:has(.page-full),.app:has(.page-full){height:100dvh;overflow:hidden}.app-frame:has(.page-full)>.app{min-height:0}.app:has(.page-full) .app-body,.app:has(.page-full) .main,.app:has(.page-full) .main>div{min-height:0;overflow:hidden}.sky-topbar{height:var(--topbar-h);flex-shrink:0;z-index:30;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg);padding:0 var(--sp-2xl);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--ln-hair) solid color-mix(in srgb,var(--border) 60%,transparent)}.sky-brand{display:flex;align-items:center;gap:var(--sp-md);background:none;border:none;cursor:pointer;color:var(--text);padding:0}.sky-wordmark{display:inline-block;font-family:var(--font-display);font-size:var(--fs-px39-7);line-height:1;color:var(--text);transform:scaleY(.85)}.sky-tagline{font-size:var(--fs-px12-5);color:var(--text3)}.sky-back{flex-shrink:0;margin:0 calc(-1 * var(--sp-sm));color:var(--text)}.sky-brand.with-back{margin-right:auto}.sky-actions{display:flex;align-items:center;gap:var(--sp-sm)}.sky-search{display:flex;align-items:center;gap:var(--sp-sm-plus);height:var(--sz-control-lg);padding:0 var(--sp-md-plus) 0 var(--sp-lg);background:var(--surface);border:var(--ln-hair) solid var(--border);border-radius:var(--r-pill);color:var(--text3);font-size:var(--fs-px13-5);cursor:pointer;min-width:var(--wr-px260);transition:border-color .15s,color .15s}.sky-search:hover{border-color:var(--border2);color:var(--text2)}.sky-search kbd{margin-left:auto;font-family:inherit;font-size:var(--fs-xs);color:var(--text3);border:var(--ln-hair) solid var(--border);border-radius:var(--r-sm-plus);padding:var(--sp-3xs) var(--sp-xs-plus)}.sky-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--sz-control-lg);height:var(--sz-control-lg);border-radius:50%;background:transparent;border:var(--ln-hair) solid transparent;color:var(--text2);cursor:pointer;transition:background .15s,color .15s}.sky-icon-btn:hover{background:var(--surface);border-color:var(--border);color:var(--text)}.sky-icon-btn.active{background:var(--accent-soft);border-color:var(--accent-ring);color:var(--accent)}.sky-badge{position:absolute;top:var(--sp-sm);right:var(--sp-px9);width:var(--sz-px9);height:var(--sz-px9);border-radius:50%;background:var(--accent);box-shadow:0 0 0 var(--sp-2xs) var(--bg)}.sky-avatar-btn{width:var(--sz-control-lg);height:var(--sz-control-lg);border-radius:50%;background:var(--surface3);border:var(--ln-thin) solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--fs-base);font-weight:700;color:var(--text);overflow:hidden;flex-shrink:0;cursor:pointer;padding:0;transition:box-shadow .15s}.sky-avatar-btn:hover,.sky-avatar-btn.active{box-shadow:0 0 0 var(--sp-xs) var(--accent-ring)}.avatar-dropdown{position:absolute;top:calc(100% + var(--sp-sm-plus));right:0;min-width:var(--wr-px220);background:var(--popup-bg);border:var(--ln-hair) solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:scIn .15s ease}.avatar-dropdown-header{padding:var(--sp-md-plus) var(--sp-lg) var(--sp-md)}.avatar-dropdown-divider{height:var(--ln-hair);background:var(--border);margin:var(--sp-2xs) 0}.avatar-dropdown-item{display:flex;align-items:center;gap:var(--sp-sm-plus);width:100%;padding:var(--sp-px11) var(--sp-lg);background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--fs-px13-5);font-weight:500;color:var(--text2);text-align:left;transition:background .12s,color .12s}.avatar-dropdown-item:hover{background:var(--surface3);color:var(--text)}.avatar-dropdown-item.danger{color:var(--red)}.avatar-dropdown-item.danger:hover{background:color-mix(in srgb,var(--red) 10%,transparent);color:var(--red)}.app-body{display:flex;flex:1}.sky-dock{position:fixed;left:50%;bottom:calc(var(--sp-xl) + env(safe-area-inset-bottom));transform:translate(-50%);z-index:250;display:flex;align-items:center;gap:var(--sp-xs);padding:var(--sp-xs-plus);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--ln-hair) solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-lg)}.dock-item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);height:var(--sz-control-lg);min-width:var(--sz-control-lg);padding:0 var(--sp-md);border-radius:var(--r-pill);border:none;background:transparent;color:var(--text3);font-size:var(--fs-px13-5);font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.dock-item:hover{color:var(--text);background:var(--surface3);text-decoration:none}.dock-item .dock-label{display:none}.dock-item.active{background:var(--surface3);color:var(--text);padding:0 var(--sp-lg) 0 var(--sp-md)}.dock-item.active svg{color:var(--accent)}.dock-item.active .dock-label{display:inline}.dock-item-dot{position:absolute;top:var(--sp-px9);right:var(--sp-px9);width:var(--sz-px7);height:var(--sz-px7);border-radius:50%;background:var(--accent)}.dock-divider{width:var(--ln-hair);height:var(--sz-icon-xl);background:var(--border);margin:0 var(--sp-xs)}.dock-more{position:absolute;bottom:calc(100% + var(--sp-md));left:50%;transform:translate(-50%);width:var(--wr-md);max-width:calc(100vw - var(--sz-control-xs));background:var(--popup-bg);border:var(--ln-hair) solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);padding:var(--sp-md-plus);display:flex;flex-direction:column;gap:var(--sp-md);animation:scIn .15s ease}.dock-more-label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);padding:0 var(--sp-xs-plus)}.dock-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-xs);margin-top:var(--sp-xs-plus)}.dock-more-link{display:flex;align-items:center;gap:var(--sp-sm-plus);min-height:var(--sz-control-lg);padding:0 var(--sp-sm-plus);border-radius:var(--r-lg);color:var(--text2);font-size:var(--fs-px13-5);font-weight:500;text-decoration:none}.dock-more-link:hover{background:var(--surface3);color:var(--text);text-decoration:none}.dock-more-link.active{color:var(--accent);background:var(--accent-soft)}.main{flex:1;display:flex;flex-direction:column;min-width:0}.main>div{flex:1;display:flex;flex-direction:column}.topbar{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--ln-hair) solid var(--border);padding:var(--sp-md-plus) var(--sp-px28);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:20;min-height:var(--sz-avatar-lg)}.content{flex:1;padding:var(--grid-gap) var(--page-gutter) var(--dock-clearance)}.input{width:100%;background:var(--surface);border:var(--ln-thin) solid var(--border2);border-radius:var(--r-md);padding:var(--sp-sm) var(--sp-md);font-size:var(--fs-base);color:var(--text);outline:none;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 var(--sp-3xs) var(--sp-2xs) color-mix(in srgb,var(--text) 3%,transparent)}.input:focus{border-color:var(--accent);box-shadow:var(--glow)}.input::placeholder{color:var(--text3)}textarea.input{resize:none}select.input{cursor:pointer}html.dark .input{background:var(--surface2);border-color:var(--border2);box-shadow:none}html.dark .input:focus{background:var(--surface2);border-color:var(--accent);box-shadow:var(--glow)}.card{background:var(--surface);border-radius:var(--radius);border:var(--ln-hair) solid var(--border);padding:var(--sp-lg);box-shadow:var(--shadow)}html.dark .card{background:var(--surface);border-color:var(--border)}.card-hover{transition:all .2s ease}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border2);transform:translateY(calc(-1 * var(--sp-3xs)))}.badge{font-size:var(--fs-px10-5);padding:var(--sp-px3) var(--sp-px9);border-radius:var(--r-pill);font-weight:700;white-space:nowrap}.post-card{position:relative;background:var(--surface);border-radius:var(--r-xl);--post-pad-x: calc(var(--sp-lg-plus) * var(--density-scale, 1));padding:calc(var(--sp-lg) * var(--density-scale, 1)) var(--post-pad-x);border:var(--ln-hair) solid var(--border);margin-bottom:calc(var(--sp-sm-plus) * var(--density-scale, 1));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;animation:fadeUp .25s ease both;box-shadow:var(--shadow-rich),inset 0 var(--sp-3xs) 0 var(--surface-highlight)}.post-card:hover{border-color:var(--border2);box-shadow:var(--shadow-rich-hover),inset 0 var(--sp-3xs) 0 var(--surface-highlight);transform:translateY(calc(-1 * var(--sp-3xs)))}.post-card.liked{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.post-author{display:flex;align-items:center;gap:var(--sp-sm-plus);margin-bottom:var(--sp-sm-plus)}.post-author-info{flex:1;min-width:0}.post-author-line{display:flex;align-items:baseline;gap:var(--sp-xs);min-width:0;white-space:nowrap}.post-author-name{font-weight:700;font-size:var(--fs-md);cursor:pointer;overflow:hidden;text-overflow:ellipsis}.post-author-verb{color:var(--text2);overflow:hidden;text-overflow:ellipsis}.post-author-name:hover{color:var(--accent)}.post-meta{font-size:var(--fs-xs);color:var(--text3);margin-top:var(--sp-3xs)}.post-content{font-size:var(--fs-md);line-height:1.65;color:var(--text);margin-bottom:var(--sp-md);white-space:pre-wrap;word-break:break-word}.post-actions{display:flex;gap:var(--sp-xs-plus);flex-wrap:wrap;margin-top:var(--sp-md-plus);padding-top:var(--sp-md);border-top:var(--ln-hair) solid var(--border)}.post-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-px7);min-height:var(--sz-control);padding:var(--sp-sm) var(--sp-md-plus);border-radius:var(--r-pill);border:none;background:transparent;color:var(--text2);font-size:var(--fs-sm-plus);font-weight:500;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.post-action-btn:hover{background:var(--surface3);color:var(--text)}.post-action-btn .pa-star{color:var(--accent);font-size:var(--fs-md);line-height:1}.post-action-btn.liked{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:700}.post-action-btn.liked:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.post-action-btn .pa-icon{font-size:var(--fs-lg);line-height:1}.post-action-btn .pa-label{font-size:var(--fs-px12-5)}.post-action-btn .pa-count{font-size:var(--fs-sm);font-weight:600;color:var(--text3)}.post-action-btn.liked .pa-count{color:inherit}.post-more-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sz-control);height:var(--sz-control);border-radius:var(--r-pill);border:none;background:transparent;color:var(--text3);cursor:pointer}.post-more-btn:hover,.post-more-btn:focus-visible,.post-more-btn[aria-expanded=true]{background:var(--surface3);color:var(--text)}.react-picker{--react-size: var(--fs-4xl);--react-size-active: var(--fs-5xl);padding:var(--sp-sm-plus) var(--sp-md-plus)}@media (max-width: 48em){.react-picker{--react-size: var(--fs-3xl);--react-size-active: var(--fs-4xl);padding:var(--sp-sm) var(--sp-sm-plus)}}.post-reactions{display:flex;align-items:center;gap:var(--sp-sm);max-width:100%;margin-top:var(--sp-sm);background:none;border:none;padding:var(--sp-3xs) 0;color:var(--text3);font:inherit;font-size:var(--fs-sm);cursor:pointer;text-align:left}.post-reactions:hover .post-reactions-names,.post-reactions:focus-visible .post-reactions-names{text-decoration:underline;color:var(--text2)}.post-reactions-faces{display:inline-flex;flex-shrink:0}.post-reactions-faces span{display:inline-grid;place-items:center;width:var(--sz-icon-lg);height:var(--sz-icon-lg);margin-right:calc(-1 * var(--sp-xs));border-radius:50%;background:var(--surface3);border:var(--ln-thin) solid var(--surface);font-size:var(--fs-xs);line-height:1}.post-reactions-names{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:var(--sp-xs)}.post-reactions+.post-actions{margin-top:var(--sp-sm)}.post-reactor{display:flex;align-items:center;gap:var(--sp-sm-plus);width:100%;padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-md);background:none;border:none;color:var(--text);font:inherit;cursor:pointer;text-align:left}.post-reactor:hover,.post-reactor:focus-visible{background:var(--surface3)}.love-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;pointer-events:none;font-size:var(--fs-5xl);animation:love-burst .8s ease-out both}@keyframes love-burst{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(2.4)}60%{opacity:1;transform:scale(2.1)}to{opacity:0;transform:scale(2.3)}}@media (prefers-reduced-motion: reduce){.love-burst{animation:love-burst-still .8s both}@keyframes love-burst-still{0%,70%{opacity:1;transform:scale(2.1)}to{opacity:0;transform:scale(2.1)}}}.img-ph{background:linear-gradient(90deg,var(--surface2) 0%,var(--surface3) 50%,var(--surface2) 100%);background-size:200% 100%;animation:img-ph-shimmer 1.4s linear infinite}.img-ph.loaded{animation:none;background:transparent}.img-ph-single:not(.loaded){min-height:var(--wr-px180)}@keyframes img-ph-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.img-ph{animation:none}}.feed-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--grid-gap)}.feed-main{min-width:0;width:min(100%,var(--reading-max));margin:0 auto}.feed-sidebar,.feed-rail{display:none}.feed-rail-inner{position:sticky;top:var(--sticky-top);display:flex;flex-direction:column;gap:var(--grid-gap)}@media (min-width: 64em){.feed-layout{grid-template-columns:var(--cols-two)}.feed-main{width:100%}.feed-sidebar{display:block}}@media (min-width: 90em){.feed-layout{grid-template-columns:var(--cols-three)}.feed-rail{display:block}}.feed-thread{position:relative;padding-left:var(--sp-px28)}.feed-thread:before{content:"";position:absolute;left:var(--sp-px7);top:0;bottom:0;width:var(--ln-thin);background:var(--border)}.feed-day{position:relative;font-size:var(--fs-2xl-plus);color:var(--text);margin:var(--sp-sm) 0 var(--sp-md)}.feed-day:before{content:"";position:absolute;left:calc(-1 * var(--sp-px26));top:50%;width:var(--sz-icon-xs);height:var(--sz-icon-xs);margin-top:calc(-1 * var(--sp-xs-plus));border-radius:50%;background:var(--bg);border:var(--ln-thin) solid var(--border2)}.feed-thread-item{position:relative}.feed-thread-item:before{content:"";position:absolute;left:calc(-1 * var(--sp-px25));top:var(--sp-px26);width:var(--sz-dot-lg);height:var(--sz-dot-lg);border-radius:50%;background:var(--surface3);border:var(--ln-thin) solid var(--text3)}.feed-thread-item.is-new:before{background:var(--bg);border:var(--ln-md) solid var(--accent);box-shadow:0 0 0 var(--sp-xs) var(--accent-soft)}@media (max-width: 48em){.feed-thread{padding-left:0}.feed-thread:before,.feed-day:before,.feed-thread-item:before{display:none}.feed-thread .post-card,.prf-main .post-card{margin-inline:calc(-1 * var(--page-gutter));border-radius:0;border-inline:none;box-shadow:none;animation:none}.post-card .post-media{margin-inline:calc(-1 * var(--post-pad-x));border-radius:0!important}}.set-page{display:flex;flex-direction:column;gap:var(--grid-gap);width:var(--settings-max);margin:0 auto}.set-hero-star{width:clamp(4rem,6vw,5.5rem);height:clamp(4rem,6vw,5.5rem);border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:clamp(1.25rem,2vw,1.75rem);box-shadow:0 0 0 var(--sp-px7) var(--accent-soft)}.set-chips{display:flex;flex-wrap:wrap;gap:var(--sp-px7)}.set-chip{display:inline-flex;align-items:center;gap:var(--sp-px4-9);min-height:var(--sz-px24-5);padding:0 var(--sp-px9-8);border-radius:var(--r-pill);background:var(--surface);border:var(--ln-hair) solid var(--border);font-size:var(--fs-px10-92);font-weight:600;color:var(--text2);white-space:nowrap}.set-chip.gold{color:var(--accent);border-color:var(--accent-ring)}.set-chip.warn{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 35%,transparent)}.set-nav{position:sticky;top:var(--topbar-h);z-index:5;display:flex;gap:var(--sp-px4-9);overflow-x:auto;scrollbar-width:none;padding:var(--sp-px7) 0;background:color-mix(in srgb,var(--bg) 92%,transparent)}.set-nav-item{display:inline-flex;align-items:center;gap:var(--sp-px8-4);flex-shrink:0;min-height:var(--sz-px38-5);padding:0 var(--sp-px12-6);border-radius:var(--r-pill);color:var(--text2);font-size:var(--fs-px12-25);font-weight:600;white-space:nowrap;border:var(--ln-hair) solid var(--border);background:var(--surface)}.set-nav-item:hover{text-decoration:none;color:var(--text)}.set-nav-item.active{color:var(--text);background:var(--surface3);border-color:var(--border2)}.set-nav-item.active svg{color:var(--accent)}.set-nav-item.danger.active svg{color:var(--red)}.set-nav-item.danger{color:var(--red)}.set-me{display:flex;align-items:center;gap:var(--sp-md)}.set-me .set-hero-star:hover{text-decoration:none}.set-me .set-hero-star{width:var(--sz-avatar-lg);height:var(--sz-avatar-lg);font-size:var(--fs-md);box-shadow:0 0 0 var(--sp-2xs) var(--accent-soft)}.set-me-name{margin:0;font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:400;line-height:1.1}.set-me-link{align-self:flex-start;color:var(--accent);font-weight:700;font-size:var(--fs-sm)}@media (max-width: 48em){.set-me-chips{display:none}}@media (min-width: 64em){.set-nav{flex-wrap:wrap;overflow:visible}}.set-switch{position:relative;flex-shrink:0;width:var(--sz-px42);height:var(--sz-px24-5);border-radius:var(--r-pill);border:var(--ln-hair) solid var(--border2);background:var(--surface3);cursor:pointer;padding:0;transition:background .2s,border-color .2s}.set-switch-knob{position:absolute;top:50%;left:var(--sz-px2-8);width:var(--sz-px18-2);height:var(--sz-px18-2);margin-top:calc(-.5 * var(--sz-px18-2));border-radius:50%;background:var(--text3);transition:transform .2s,background .2s}.set-switch.on{background:var(--accent);border-color:var(--accent)}.set-switch.on .set-switch-knob{transform:translate(var(--sz-px16-8));background:var(--on-accent)}.set-switch:disabled{opacity:.6;cursor:default}.graph-wrap{background:var(--surface);border-radius:var(--r-xl);border:var(--ln-hair) solid var(--border);overflow:hidden;position:relative;box-shadow:var(--shadow)}html.dark .graph-wrap{background:var(--surface2)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-2xl)}.auth-logo{text-align:center;margin-bottom:var(--sp-px26)}.auth-logo-icon{width:var(--sz-avatar-md);height:var(--sz-avatar-md);border-radius:var(--r-lg-plus);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--fs-2xl-plus);margin:0 auto var(--sp-md-plus);box-shadow:0 var(--sp-xs) var(--sp-xl) color-mix(in srgb,var(--accent) 35%,transparent)}.form-group{display:flex;flex-direction:column;gap:var(--sp-px5)}.form-label{font-size:var(--fs-sm);font-weight:600;color:var(--text2);letter-spacing:var(--sp-px0-2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm-plus)}.form-error{color:var(--red);font-size:var(--fs-px12-5);text-align:center}.profile-cover{height:var(--wr-px170);border-radius:var(--r-xl);background-color:var(--surface2);background-image:radial-gradient(var(--sp-px1-5) var(--sp-px1-5) at 18% 30%,var(--accent) 50%,transparent 51%),radial-gradient(var(--sp-3xs) var(--sp-3xs) at 42% 70%,var(--text3) 50%,transparent 51%),radial-gradient(var(--sp-3xs) var(--sp-3xs) at 66% 22%,var(--text2) 50%,transparent 51%),radial-gradient(var(--sp-px1-5) var(--sp-px1-5) at 84% 58%,var(--accent2) 50%,transparent 51%);margin-bottom:calc(-1 * var(--sp-px52));position:relative;overflow:hidden;border:var(--ln-hair) solid color-mix(in srgb,var(--text) 6%,transparent);box-shadow:var(--shadow)}.profile-header{display:flex;align-items:flex-end;gap:var(--sp-md-plus);padding:0 var(--sp-xl) var(--sp-xl);flex-wrap:wrap}.settings-card{background:var(--surface);border-radius:var(--r-lg);padding:calc(var(--sp-xl) * var(--density-scale, 1));margin-bottom:calc(var(--sp-sm-plus) * var(--density-scale, 1));border:var(--ln-hair) solid var(--border);box-shadow:var(--shadow)}.toggle-btn{padding:var(--sp-px5) var(--sp-md-plus);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;cursor:pointer;min-width:var(--sz-avatar-lg);transition:all .2s}.toggle-on{border:var(--ln-hair) solid var(--green);background:color-mix(in srgb,var(--green) 8%,transparent);color:var(--green)}.toggle-off{border:var(--ln-hair) solid var(--border2);background:var(--surface2);color:var(--text3)}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-lg) var(--sp-px44);border-bottom:var(--ln-hair) solid color-mix(in srgb,var(--text) 6%,transparent);position:sticky;top:0;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(var(--sp-xl));-webkit-backdrop-filter:blur(var(--sp-xl));z-index:50;box-shadow:0 var(--sp-3xs) 0 color-mix(in srgb,var(--text) 3%,transparent)}html.dark .landing-nav{background:color-mix(in srgb,var(--bg) 97%,transparent);border-bottom-color:color-mix(in srgb,var(--text) 7%,transparent);box-shadow:none}.feature-card{background:var(--surface);border:var(--ln-hair) solid var(--border);border-radius:var(--r-lg-plus);padding:var(--sp-xl) var(--sp-px22);transition:all .2s ease;box-shadow:var(--shadow)}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(calc(-1 * var(--sp-2xs)));box-shadow:var(--shadow-lg)}html.dark .feature-card{background:var(--surface);border-color:var(--border)}.ob-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-2xl)}.step-dot{width:var(--sz-px26);height:var(--sz-px26);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:700}.step-done{background:var(--accent);color:var(--on-accent);box-shadow:0 var(--sp-2xs) var(--sp-md) color-mix(in srgb,var(--accent) 30%,transparent)}.step-todo{background:var(--surface2);border:var(--ln-hair) solid var(--border2);color:var(--text3)}.search-dropdown{position:absolute;top:calc(100% + var(--sp-xs-plus));left:0;right:0;background:var(--popup-bg);backdrop-filter:var(--popup-blur);-webkit-backdrop-filter:var(--popup-blur);border:var(--ln-hair) solid var(--border);border-radius:var(--r-lg);z-index:50;overflow:hidden;box-shadow:var(--shadow-lg);max-height:var(--wr-px260);overflow-y:auto}html.dark .search-dropdown{background:var(--popup-bg);border-color:var(--border)}.search-item{display:flex;align-items:center;gap:var(--sp-sm-plus);padding:var(--sp-sm-plus) var(--sp-md-plus);cursor:pointer;transition:background .12s}.search-item:hover{background:var(--surface2)}html.dark .search-item:hover{background:var(--surface3)}.notif-item{display:flex;align-items:center;gap:var(--sp-md);border-radius:var(--r-md-plus);padding:var(--sp-md) var(--sp-md-plus);margin-bottom:var(--sp-xs);cursor:pointer;transition:all .15s ease;border:var(--ln-hair) solid}.notif-unread{background:color-mix(in srgb,var(--accent) 5%,transparent);border-color:color-mix(in srgb,var(--accent) 15%,transparent)}.notif-read{background:var(--surface);border-color:var(--border)}html.dark .notif-unread{background:color-mix(in srgb,var(--accent) 7%,transparent);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}html.dark .notif-read{background:var(--surface2);border-color:var(--border)}.notif-unread:hover{border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.notif-read:hover{border-color:var(--border2);background:var(--surface2)}.rel-result{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-2xl);border:var(--ln-hair) solid var(--border);box-shadow:var(--shadow-lg);animation:fadeUp .25s ease}html.dark .rel-result{background:var(--surface);border-color:var(--border)}.glass{background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(var(--sp-xl));-webkit-backdrop-filter:blur(var(--sp-xl));border:var(--ln-hair) solid color-mix(in srgb,var(--text) 6%,transparent)}html.dark .glass{background:color-mix(in srgb,var(--bg) 90%,transparent);border:var(--ln-hair) solid color-mix(in srgb,var(--text) 7%,transparent)}.glow-accent{box-shadow:0 0 var(--sp-xl) color-mix(in srgb,var(--accent) 20%,transparent),0 0 0 var(--sp-3xs) color-mix(in srgb,var(--accent) 12%,transparent)}.glow-green{box-shadow:0 0 var(--sp-xl) color-mix(in srgb,var(--green) 18%,transparent),0 0 0 var(--sp-3xs) color-mix(in srgb,var(--green) 10%,transparent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(var(--sp-sm-plus))}to{opacity:1;transform:translateY(0)}}@keyframes scIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--sp-sm)))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 var(--sp-xl) color-mix(in srgb,var(--accent) 15%,transparent)}50%{box-shadow:0 0 var(--sp-4xl) color-mix(in srgb,var(--accent) 40%,transparent)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes headFade{0%{opacity:0;transform:translateY(var(--sp-xs-plus))}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--sp-xs-plus)))}}@keyframes reactionPop{0%{opacity:0;transform:scale(.7) translateY(var(--sp-xs-plus))}to{opacity:1;transform:scale(1) translateY(0)}}.topbar-profile-pill{display:flex;align-items:center;gap:var(--sp-px7);padding:var(--sp-xs) var(--sp-md) var(--sp-xs) var(--sp-xs);border-radius:var(--r-md);border:var(--ln-hair) solid var(--border);background:var(--surface2);text-decoration:none;color:var(--text);transition:all .15s;cursor:pointer;flex-shrink:0}.topbar-profile-pill:hover{background:var(--surface3);border-color:var(--border2);text-decoration:none}html.dark .topbar-profile-pill{background:var(--surface2);border-color:var(--border)}html.dark .topbar-profile-pill:hover{background:var(--surface3);border-color:var(--border2)}.topbar-avatar-ring{width:var(--sz-px26);height:var(--sz-px26);padding:var(--sp-2xs);border-radius:var(--r-sm-plus);flex-shrink:0;background:var(--accent)}.topbar-avatar-inner{width:100%;height:100%;border-radius:var(--r-sm);background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:var(--fs-px9);font-weight:800;color:var(--accent);overflow:hidden}.topbar-profile-name{font-size:var(--fs-sm-plus);font-weight:600;color:var(--text);max-width:var(--sz-px140);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-card{background:var(--surface2);border-radius:var(--r-lg);padding:var(--sp-lg-plus) var(--sp-md-plus) var(--sp-md-plus);margin-bottom:var(--sp-sm-plus);border:var(--ln-hair) solid var(--border);box-shadow:var(--shadow);position:relative}html.dark .sidebar-profile-card{background:var(--surface2);border-color:var(--border)}.avatar-gradient-ring{padding:var(--sp-2xs);background:var(--accent);border-radius:50%;box-shadow:0 var(--sp-xs) var(--sp-lg) color-mix(in srgb,var(--accent) 30%,transparent)}.profile-stats-bar{display:grid;grid-template-columns:1fr var(--sz-px1) 1fr var(--sz-px1) 1fr;background:var(--surface3);border-radius:var(--r-md);border:var(--ln-hair) solid var(--border);padding:var(--sp-px9) var(--sp-xs);margin-bottom:var(--sp-sm-plus)}.profile-stats-bar .stat-val{font-size:var(--fs-lg);font-weight:800;color:var(--text);line-height:1}.profile-stats-bar .stat-lbl{font-size:var(--fs-px9-5);color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:var(--sp-px0-4);margin-top:var(--sp-2xs)}.profile-stats-bar .stat-div{background:var(--border)}.field-error{color:var(--red);font-size:var(--fs-px11-5);margin-top:var(--sp-px3);font-weight:500}@media (max-width:24em){.sky-actions{gap:0}.sky-actions .sky-icon-btn,.sky-actions .sky-search{width:var(--sz-control);height:var(--sz-control)}}@media (hover: none){.post-card:hover{transform:none;box-shadow:var(--shadow);border-color:var(--border)}.card-hover:hover{transform:none;box-shadow:var(--shadow)}}@media (max-width:48em){:root{--topbar-h: 3.5rem;--dock-clearance: 6.25rem}.sky-topbar{padding:0 var(--sp-md)}.sky-tagline{display:none}.sky-brand.with-back{gap:var(--sp-xs)}.sky-search{min-width:0;width:var(--sz-control-lg);padding:0;justify-content:center}.sky-search span,.sky-search kbd{display:none}.sky-dock{bottom:calc(var(--sp-md) + env(safe-area-inset-bottom))}.sky-hint{display:none!important}.dock-item{padding:0 var(--sp-sm-plus)}.dock-item.active{padding:0 var(--sp-md-plus) 0 var(--sp-sm-plus)}.content{padding:var(--page-gutter) var(--page-gutter) var(--dock-clearance);max-width:100%}.profile-page-content{padding:0 var(--sp-sm-plus) var(--sp-2xl)!important}.landing-nav{padding:var(--sp-md) var(--sp-lg-plus)}.form-row{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr!important}.post-card{border-radius:var(--r-lg);margin-bottom:var(--sp-xs-plus)}.post-action-btn{padding:var(--sp-sm-plus) var(--sp-md);font-size:var(--fs-sm);gap:var(--sp-px5)}.post-action-btn .pa-label{font-size:var(--fs-px11-5)}.ob-card{padding:var(--sp-px22) var(--sp-lg)}.profile-cover{height:var(--wr-px180)!important;margin-bottom:0!important}.profile-cover-wrap{padding:var(--sp-sm-plus)!important}.profile-header-wrap{padding:var(--sp-md-plus) var(--sp-md) var(--sp-lg)!important}.profile-header-row{flex-direction:column!important;align-items:center!important;gap:var(--sp-md-plus)!important}.profile-avatar-inner{width:var(--sz-px110)!important;height:var(--sz-px110)!important;font-size:var(--fs-px34)!important}.profile-info{text-align:center}.profile-stats{justify-content:center!important}.profile-actions{justify-content:center!important;width:100%!important;flex-shrink:unset!important}.profile-body{flex-direction:column!important;padding:var(--sp-lg) var(--sp-md) var(--sp-4xl)!important;gap:var(--sp-md)!important}.profile-sidebar{width:100%!important;position:static!important;top:auto!important}.profile-fam-grid{grid-template-columns:repeat(2,1fr)!important}.landing-hero{gap:var(--sp-px28)!important;padding:var(--sp-4xl) var(--sp-xl) var(--sp-3xl)!important}.landing-stats{padding:var(--sp-2xl) var(--sp-xl)!important}.landing-stats-inner{gap:var(--sp-lg)!important}.landing-footer{padding:var(--sp-lg) var(--sp-xl)!important;flex-direction:column!important;text-align:center!important;gap:var(--sp-sm)!important}.landing-how-row{overflow-x:auto;gap:var(--sp-md)!important}.landing-how-step{min-width:var(--wr-px240)}.post-composer{padding:var(--sp-sm-plus) var(--sp-md)!important}.avatar-dropdown{right:calc(-1 * var(--sp-sm));min-width:var(--wr-px220);max-height:80vh;overflow-y:auto}}:root{--chat-list-w: clamp(17rem, 26vw, 24rem);--chat-bubble-max: min(85%, 38rem)}.chat-layout{flex:1;min-height:0;display:grid;grid-template-columns:var(--chat-list-w) minmax(0,1fr)}.chat-list,.chat-thread{min-height:0;display:flex;flex-direction:column}.chat-list{border-right:var(--ln-hair) solid var(--border);background:color-mix(in srgb,var(--surface2) 70%,transparent)}.chat-scroll{flex:1;min-height:0;overflow-y:auto}.chat-row{display:flex;align-items:center;gap:var(--sp-px10-5);width:100%;text-align:left;padding:var(--sp-px10-5) var(--page-gutter);background:transparent;border:none;border-left:var(--ln-thick) solid transparent;color:var(--text);cursor:pointer;font-family:inherit}.chat-row:hover{background:var(--surface)}.chat-row.active{background:var(--accent-soft);border-left-color:var(--accent)}.chat-bubble{max-width:var(--chat-bubble-max);padding:var(--sp-px7-7) var(--sp-px11-9);border-radius:var(--r-px15-4);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:var(--ln-hair) solid var(--border);color:var(--text)}.chat-bubble.mine{background:var(--accent-soft);border-color:var(--accent-ring)}.chat-composer textarea{resize:none}.chat-back{display:none}@media (max-width: 48em){.chat-layout{grid-template-columns:minmax(0,1fr)}.chat-layout[data-open=true] .chat-list,.chat-layout[data-open=false] .chat-thread{display:none}.chat-list{border-right:none}.chat-back{display:inline-flex}}@media (hover: none){.sky-topbar,.sky-dock,.topbar,.glass,.landing-nav{backdrop-filter:none;-webkit-backdrop-filter:none}.sky-topbar{background:var(--bg)}.sky-dock{background:color-mix(in srgb,var(--surface) 98%,transparent)}}.sr-only{position:absolute;width:var(--ln-hair);height:var(--ln-hair);padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:scale(.96) translateY(var(--sp-sm))}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes drawer-slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes drawer-slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}