*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{min-height:100%}body{line-height:1.5}img,picture,svg,video{display:block;max-width:100%}button,input,textarea,select{font:inherit}a{color:inherit}:root{--font-sans: "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Avenir Next", "Segoe UI", sans-serif;--font-serif: "New York", "Iowan Old Style", "Songti SC", serif;--bg-light: #eaedf2;--fg-light: #16181c;--muted-light: rgba(22, 24, 28, .68);--line-light: rgba(22, 24, 28, .14);--bg-dark: #15181f;--fg-dark: #f2f4f8;--muted-dark: rgba(242, 244, 248, .73);--line-dark: rgba(255, 255, 255, .2);--panel-light-start: #f8f9fc;--panel-light-end: #e5ebf3;--panel-dark-start: #232830;--panel-dark-end: #151a21;--glass-light: rgba(255, 255, 255, .56);--glass-dark: rgba(35, 40, 48, .5);--glass-border-light: rgba(255, 255, 255, .72);--glass-border-dark: rgba(255, 255, 255, .2);--shadow-soft: 0 28px 85px rgba(26, 37, 53, .22);--shadow-dark: 0 30px 95px rgba(0, 0, 0, .46);--focus-ring: #8291ad;--overlay-soft-light: rgba(255, 255, 255, .25);--overlay-soft-dark: rgba(255, 255, 255, .065);--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--space-7: clamp(2rem, 6vw, 5rem);--radius-sm: .75rem;--radius-md: 1.25rem;--radius-lg: 1.8rem;--radius-pill: 999px;--duration-layout: 1.28s;--duration-content: .68s;--duration-fast: .32s;--ease-layout: cubic-bezier(.19, 1, .22, 1);--ease-content: cubic-bezier(.2, 1, .24, 1);--ease-fast: cubic-bezier(.32, .72, 0, 1)}html{color-scheme:dark}body{font-family:var(--font-sans);background:radial-gradient(circle at var(--bg-x, 50%) var(--bg-y, 50%),rgba(118,143,186,.22),rgba(118,143,186,0) 20%),radial-gradient(circle at 6% 8%,rgba(89,99,123,.34),transparent 34%),radial-gradient(circle at 92% 16%,rgba(58,67,87,.28),transparent 32%),radial-gradient(circle at 44% 86%,rgba(31,37,49,.26),transparent 42%),linear-gradient(155deg,#0b0d11,#0e1116 55%,#0b0d12);color:#eef2fa;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.01em}body.is-mobile-expanded{overflow:hidden}#app{min-height:100svh}.app-shell{min-height:100svh;position:relative;overflow:clip}.app-shell--status{display:grid;place-content:center;gap:var(--space-2);padding:var(--space-6);text-align:center}.status-title{font-family:var(--font-serif);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.1}.status-message{font-size:.95rem;letter-spacing:.02em;opacity:.72}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.split-shell{--shell-inset: .72rem;--overlay-left: 22%;min-height:100svh;position:relative;z-index:1;padding:var(--shell-inset);overflow:hidden;border-radius:0;background:linear-gradient(170deg,#303641,#242a34);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px #0000005c}.panel{position:absolute;inset:var(--shell-inset);overflow:hidden;border-radius:1.12rem;padding:clamp(1rem,1.7vw,1.4rem);display:flex;align-items:stretch;border:none}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel:after{content:"";position:absolute;left:12%;right:12%;bottom:-26px;height:52px;border-radius:999px;pointer-events:none;opacity:.55}.panel--blog{background:linear-gradient(170deg,#303641,#242a34);color:#f2f5fc;border-radius:1.12rem;border:1px solid rgba(255,255,255,.1);border-right:none;z-index:1}.panel--vibe{background:linear-gradient(168deg,#181d27e6,#0f121aed);color:#f0f4fb;left:calc(var(--overlay-left) + .18rem);top:calc(var(--shell-inset) + .08rem);right:calc(var(--shell-inset) + .08rem);bottom:calc(var(--shell-inset) + .08rem);border-radius:1.12rem;border:1px solid rgba(255,255,255,.14);z-index:2;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);box-shadow:-14px 0 30px #060a1159,0 24px 44px #0006,inset 0 1px #ffffff29}.panel--blog:before{background:radial-gradient(circle at var(--bg-x, 50%) var(--bg-y, 50%),rgba(175,204,238,.1),transparent 27%),radial-gradient(circle at 14% 14%,rgba(255,255,255,.11),transparent 34%),linear-gradient(180deg,#ffffff0f,#fff0),radial-gradient(circle at 82% 78%,rgba(165,182,208,.12),transparent 46%)}.panel--vibe:before{background:radial-gradient(circle at var(--bg-x, 50%) var(--bg-y, 50%),rgba(207,233,255,.08),transparent 27%),radial-gradient(circle at 12% 12%,rgba(255,255,255,.07),transparent 34%),radial-gradient(circle at 88% 80%,rgba(116,136,163,.1),transparent 48%)}.panel--blog:after{background:radial-gradient(ellipse at center,#9fbbe152,#9fbbe11a 44%,#9fbbe100 78%)}.panel--vibe:after{background:radial-gradient(ellipse at center,#c4e1ff42,#c4e1ff14 42%,#c4e1ff00 78%)}.panel__inner{position:relative;z-index:1;width:100%;display:grid;align-content:start;gap:.9rem;padding:.1rem}.panel--blog .panel__inner{width:min(19.6rem,calc(var(--overlay-left) - 1rem));min-width:12.2rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.88rem;padding:.18rem .38rem .2rem .14rem}.panel--vibe .panel__inner{gap:.92rem}.panel__eyebrow{font-size:.72rem;letter-spacing:.06em;font-weight:680;opacity:.72}.panel__title{font-family:var(--font-sans);font-size:clamp(1.95rem,4.2vw,3.4rem);line-height:.98;letter-spacing:-.02em;font-weight:660}.panel--blog .panel__title{font-family:var(--font-serif);font-size:clamp(2.28rem,4vw,3.86rem);letter-spacing:-.015em;line-height:.92}.panel__description{max-width:34ch;font-size:clamp(.92rem,1vw,1.02rem);line-height:1.56;color:#f1f5fcbf}.panel--blog .panel__description{max-width:18ch;font-size:clamp(1.04rem,1.12vw,1.3rem);line-height:1.48;color:#eef3fcd1}.panel--blog .panel__eyebrow{font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;opacity:.64}.panel--blog .panel__actions{gap:.42rem}.panel--blog .panel__primary{background:#ffffff1a;border-color:#ffffff3d;box-shadow:0 8px 18px #00000038}.panel__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.52rem}.panel__primary,.panel__open,.mobile-back{position:relative;overflow:hidden;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.18);padding:.52rem .9rem;font-size:.74rem;letter-spacing:.03em;font-weight:620;text-decoration:none;background:#ffffff14;color:inherit;cursor:pointer}.panel__primary:after,.panel__open:after,.mobile-back:after{content:"";position:absolute;inset:-40% auto -40% -75%;width:58%;transform:skew(-20deg) translate(0);background:linear-gradient(90deg,#fff0,#ffffff70,#fff0);opacity:0;pointer-events:none}.panel__open{display:none}.panel__primary:hover,.panel__open:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 18px #ffffff26,0 0 20px #ffffff1f}.panel__primary:hover:after,.panel__open:hover:after,.mobile-back:hover:after{opacity:1;transform:skew(-20deg) translate(240%)}.blog-side__menu{display:grid;gap:.28rem}.blog-side__menu-link{width:fit-content;color:#f0f5fccc;text-decoration:none;font-size:1.06rem;letter-spacing:.01em;line-height:1.3}.blog-side__menu-link:hover{color:#fff}.blog-side__copyright{font-size:.82rem;line-height:1.45;color:#e2e9f5c2}.panel__links-label{font-size:.71rem;letter-spacing:.06em;font-weight:690;opacity:.68}.panel__links{list-style:none;display:grid;gap:.42rem;margin:0;padding:0;max-height:clamp(11rem,35vh,22rem);overflow:auto;padding-right:.1rem}.panel__empty{font-size:.86rem;line-height:1.6;opacity:.72}.panel-link__anchor{display:grid;position:relative;overflow:hidden;gap:.25rem;text-decoration:none;padding:.7rem .8rem;border-radius:.72rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.04)}.panel-link__anchor:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(118deg,#fff0,#ffffff2e,#fff0);opacity:0;transform:translate(-30%);pointer-events:none}.panel-link__anchor:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 10px 22px #00000038}.panel-link__anchor:hover:before{opacity:1;transform:translate(26%)}.panel-link__row{display:flex;justify-content:space-between;gap:var(--space-3);align-items:baseline}.panel-link__name{font-size:.88rem;letter-spacing:0;font-weight:610}.panel-link__description{font-size:.79rem;line-height:1.5;max-width:44ch;color:#f1f5fcbd}.panel-link__chips{display:inline-flex;align-items:center;gap:.34rem;flex-wrap:wrap}.panel-link__chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.2);padding:.08rem .4rem;font-size:.62rem;letter-spacing:.02em;line-height:1.5;opacity:.8}.panel-link__chip--status[data-status=live]{opacity:.66}.panel-link__chip--status[data-status=beta]{opacity:1}.panel-link__chip--status[data-status=private]{opacity:.56}.mobile-back{position:fixed;top:calc(env(safe-area-inset-top) + var(--space-3));left:var(--space-3);z-index:35;opacity:0;pointer-events:none;transform:translateY(-.45rem);background:#161a23c7;border-color:#fff3;color:#f3f6fd}.mobile-back:hover{background:#2c3342e6;box-shadow:0 6px 16px #ffffff24}@media (min-width: 960px) and (hover: hover) and (pointer: fine){.panel--vibe .panel__actions{display:none}.panel--vibe .panel__inner{min-height:100%;align-content:stretch;grid-template-rows:auto auto auto auto minmax(0,1fr)}.panel--vibe .panel__links{align-self:stretch;max-height:100%;min-height:0;height:auto;align-content:start;align-items:start;grid-auto-rows:max-content;overflow-y:auto;overflow-x:hidden}}.split-shell{transition:none}.panel,.panel:before,.panel:after,.panel__inner,.panel__inner>*,.panel__links,.panel-link__anchor,.panel-link__anchor:before,.blog-side__menu-link,.blog-side__tool,.mobile-back{transition:transform .42s cubic-bezier(.2,1,.24,1),opacity .42s cubic-bezier(.2,1,.24,1),background-color .22s cubic-bezier(.32,.72,0,1),border-color .22s cubic-bezier(.32,.72,0,1),box-shadow .32s cubic-bezier(.2,1,.24,1),color .22s cubic-bezier(.32,.72,0,1)}.panel__primary,.panel__open{transition:transform .22s cubic-bezier(.32,.72,0,1),background-color .22s cubic-bezier(.32,.72,0,1),border-color .22s cubic-bezier(.32,.72,0,1),box-shadow .32s cubic-bezier(.2,1,.24,1)}.panel__primary:hover,.panel__open:hover,.panel-link__anchor:hover{transform:translateY(-1px)}@keyframes aura-breathe{0%{opacity:.42;transform:translateY(2px) scaleX(.96)}50%{opacity:.72;transform:translateY(-2px) scaleX(1.03)}to{opacity:.42;transform:translateY(2px) scaleX(.96)}}.panel:after{animation:aura-breathe 4.8s ease-in-out infinite}.panel--vibe:after{animation-delay:.7s}@media (prefers-reduced-motion: reduce){.split-shell,.panel,.panel:before,.panel:after,.panel__inner,.panel__inner>*,.panel__links,.panel-link__anchor,.panel-link__anchor:before,.blog-side__menu-link,.blog-side__tool,.panel__primary,.panel__open,.mobile-back{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width: 959px),(hover: none),(pointer: coarse){.split-shell{--mobile-inset: .56rem;--mobile-blog-height: clamp(8.6rem, 22svh, 10.8rem);min-height:100svh;position:relative;padding:var(--mobile-inset)}.panel{position:absolute;inset:var(--mobile-inset);top:calc(var(--mobile-inset) + env(safe-area-inset-top));bottom:calc(var(--mobile-inset) + env(safe-area-inset-bottom));min-height:0;align-items:stretch;padding:.7rem;border-radius:.92rem}.panel--blog{border-right:1px solid rgba(255,255,255,.1);z-index:1;padding-left:.52rem}.panel--vibe{z-index:2;left:calc(var(--mobile-inset) + .12rem);right:calc(var(--mobile-inset) + .12rem);top:calc(var(--mobile-inset) + env(safe-area-inset-top) + var(--mobile-blog-height) + .36rem);bottom:calc(var(--mobile-inset) + env(safe-area-inset-bottom) + .08rem);box-shadow:0 12px 22px #0000004d,inset 0 1px #ffffff24}.panel--blog .panel__inner{width:100%;max-width:100%;min-width:0;min-height:calc(var(--mobile-blog-height) - .2rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.3rem;padding:0}.blog-side__divider,.blog-side__tools{display:none}.panel--blog .panel__eyebrow{display:block;font-size:.62rem;letter-spacing:.08em;opacity:.68}.panel--blog .panel__description{display:block;font-size:.73rem;line-height:1.32;max-width:24ch;color:#ecf2fccc}.blog-side__menu{display:flex;align-items:center;justify-content:flex-start;gap:.48rem}.blog-side__menu-link{font-size:.72rem;line-height:1.25}.blog-side__copyright{display:block;margin-top:auto;font-size:.62rem;line-height:1.28;color:#e0e7f4bd}.panel--blog .panel__title{font-family:var(--font-sans);font-size:clamp(1.08rem,4.7vw,1.36rem);line-height:1.06;letter-spacing:-.01em;font-weight:650;max-width:14ch}.panel--blog .panel__actions{margin-top:.08rem;width:auto;justify-content:flex-start}.panel--blog .panel__primary{width:fit-content;padding:.32rem .6rem;font-size:.62rem;letter-spacing:.02em;white-space:nowrap}.panel--blog .panel__eyebrow,.panel--blog .panel__title,.panel--blog .panel__description{text-align:left}.panel--vibe .panel__inner{gap:.58rem;padding:.03rem}.panel__title{font-size:clamp(1.34rem,6vw,1.84rem);line-height:1}.panel__description{max-width:100%;font-size:.8rem;line-height:1.4}.panel__links-label{font-size:.66rem}.panel__links{max-height:none;overflow:auto;padding-right:.08rem;gap:.34rem}.panel-link__anchor{padding:.54rem .58rem;gap:.16rem;border-radius:.6rem}.panel-link__name{font-size:.8rem}.panel-link__description{font-size:.72rem;line-height:1.36}.panel-link__chip{font-size:.56rem;padding:.05rem .32rem}.panel__open,.mobile-back{display:none}}@media (max-width: 640px){.split-shell{--mobile-inset: .5rem;--mobile-blog-height: clamp(7.8rem, 20svh, 9.6rem);padding:var(--mobile-inset)}.panel{padding:.58rem}.panel--blog{padding-left:.46rem}.panel--vibe{top:calc(var(--mobile-inset) + env(safe-area-inset-top) + var(--mobile-blog-height) + .3rem)}.panel--blog .panel__title{font-size:clamp(.98rem,5vw,1.2rem);max-width:13ch}.panel--blog .panel__description{font-size:.7rem;line-height:1.3}.blog-side__menu-link{font-size:.68rem}.blog-side__copyright{font-size:.58rem}.panel--blog .panel__primary{font-size:.58rem;padding:.28rem .52rem}.panel__title{font-size:clamp(1.24rem,7vw,1.62rem)}}