:root{--bg:#FFF4F8;--fg:#6B4A5A;--muted:#9E8294;--accent:#FF9EC4;--accent-2:#C9A0E9;--accent-3:#FFC2A8;--glass:rgba(255,255,255,.5);--glass-brd:rgba(255,150,190,.28);--glass-2:rgba(255,255,255,.34);--grid-line:rgba(255,140,190,.08);--bg-grad:linear-gradient(135deg,#FFF4F8,#FDEAF6 50%,#FEF1EA);--welcome-bg:radial-gradient(circle at 50% 38%,#FFE3EF 0,var(--bg) 70%);--main-bg:radial-gradient(circle at 70% 0,#FFE0EC 0,var(--bg) 60%);--nav-bg:rgba(255,255,255,.55);--btn-grad:linear-gradient(135deg,#FF8FB8,var(--accent-2));--enter-shadow:0 10px 40px -10px rgba(255,140,190,.65);--enter-glow:0 0 60px -6px rgba(201,160,233,.85);--search-focus:rgba(255,140,190,.6);--search-shadow:0 0 0 3px rgba(255,140,190,.18);--card-hover-shadow:0 20px 50px -20px rgba(255,140,190,.55);--card-icon-bg:rgba(255,158,196,.18);--card-icon-bd:rgba(255,158,196,.4);--title-glow-shadow:0 0 40px rgba(255,140,190,.4);--badge-bd:rgba(201,160,233,.5);--cta-hover:0 8px 24px -8px rgba(201,160,233,.85);--btn-primary-hover:0 12px 34px -8px rgba(255,140,190,.7);--ghost-hover-bd:rgba(255,140,190,.55);--tag-bg:rgba(107,74,90,.04);--glow-a:#FF9EC4;--glow-b:#C9A0E9;--glow-c:#FFC2A8;--glow-blend:normal;--glow-hsl:325 90% 72%;--font:system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}[data-theme=dark]{--bg:#1A1015;--fg:#F5E9EF;--muted:#A98A98;--accent:#FF9EC4;--accent-2:#C9A0E9;--accent-3:#FFC2A8;--glass:rgba(255,255,255,.05);--glass-brd:rgba(255,158,196,.22);--glass-2:rgba(255,255,255,.03);--grid-line:rgba(255,158,196,.07);--bg-grad:radial-gradient(circle at 70% 0,#2C1725 0,var(--bg) 62%);--welcome-bg:radial-gradient(circle at 50% 38%,#2C1725 0,var(--bg) 70%);--main-bg:radial-gradient(circle at 70% 0,#2C1725 0,var(--bg) 62%);--nav-bg:rgba(26,16,21,.62);--btn-grad:linear-gradient(135deg,#FF8FB8,var(--accent-2));--enter-shadow:0 10px 40px -10px rgba(255,140,190,.55);--enter-glow:0 0 60px -6px rgba(201,160,233,.75);--search-focus:rgba(255,158,196,.55);--search-shadow:0 0 0 3px rgba(255,158,196,.16);--card-hover-shadow:0 20px 50px -20px rgba(255,140,190,.4);--card-icon-bg:rgba(255,158,196,.14);--card-icon-bd:rgba(255,158,196,.32);--title-glow-shadow:0 0 44px rgba(255,140,190,.35);--badge-bd:rgba(201,160,233,.45);--cta-hover:0 8px 24px -8px rgba(201,160,233,.75);--btn-primary-hover:0 12px 34px -8px rgba(255,140,190,.6);--ghost-hover-bd:rgba(255,158,196,.5);--tag-bg:rgba(255,255,255,.04);--glow-blend:plus-lighter}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-grad);background-attachment:fixed;color:var(--fg);-webkit-font-smoothing:antialiased;transition:background .45s ease,color .45s ease}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:64px}.app,.main{position:relative}.main{z-index:1}.main--reveal{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);transition:-webkit-clip-path 1s cubic-bezier(.76,0,.24,1);transition:clip-path 1s cubic-bezier(.76,0,.24,1);transition:clip-path 1s cubic-bezier(.76,0,.24,1),-webkit-clip-path 1s cubic-bezier(.76,0,.24,1)}.main--reveal.is-open{-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%)}.main__bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.main__bg .orb{position:absolute;border-radius:50%;filter:blur(90px)}.main__bg .a{width:520px;height:520px;background:var(--accent);top:-180px;right:-120px;opacity:.28;animation:f1 14s ease-in-out infinite}.main__bg .b{width:460px;height:460px;background:var(--accent-2);bottom:-200px;left:-120px;opacity:.25;animation:f2 16s ease-in-out infinite}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000 0,transparent 78%);mask-image:radial-gradient(circle at 50% 38%,#000 0,transparent 78%)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 36px;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-brd);transition:background .3s}.nav.is-scrolled{box-shadow:0 6px 24px -18px rgba(0,0,0,.5)}.nav__brand{display:flex;align-items:center;gap:10px;font-weight:700;background:none;border:none;cursor:pointer;font-family:var(--font);color:var(--fg);padding:0;text-decoration:none}.nav__brand-mark{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#FFD7E2,#FFC2D2 55%,#FFB3C8);position:relative;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 18px -2px rgba(255,158,196,.55),0 8px 22px -8px rgba(255,140,190,.45);overflow:hidden}.nav__brand-mark:before{inset:0;border-radius:inherit;background-image:linear-gradient(transparent 95%,rgba(255,255,255,.18) 0),linear-gradient(90deg,transparent 95%,rgba(255,255,255,.18) 0);background-size:18px 18px;opacity:.55}.nav__brand-mark:after,.nav__brand-mark:before{content:"";position:absolute;pointer-events:none}.nav__brand-mark:after{inset:-3px;border-radius:14px;background:conic-gradient(from 0deg,rgba(125,224,255,.28),rgba(201,160,233,.28),rgba(255,158,196,.36),rgba(125,224,255,.28));filter:blur(11px);z-index:-1;opacity:.5}.nav__brand-letters{display:inline-flex;align-items:baseline;gap:0;font-family:Helvetica Neue,Arial,sans-serif;font-weight:900;letter-spacing:-.5px;line-height:1;position:relative;z-index:1}.nav__brand-letters .l-g{background:linear-gradient(180deg,#3FA9D8,#2B86C4 55%,#1E6BA8);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 2px rgba(45,135,195,.4))}.nav__brand-letters .l-g,.nav__brand-letters .l-y{color:transparent;-webkit-text-stroke:.9px rgba(255,255,255,.72)}.nav__brand-letters .l-y{background:linear-gradient(180deg,#6E68C8,#7B57C4 50%,#8E45C0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 2px rgba(120,85,195,.4))}.nav__brand-letters .l-p{background:linear-gradient(180deg,#B95FA0,#D1558F 55%,#D6407F);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.9px rgba(255,255,255,.72);filter:drop-shadow(0 0 2px rgba(210,85,145,.42))}.nav__links{display:flex;align-items:center;gap:6px}.nav__link{position:relative;background:none;border:none;color:var(--muted);font-family:var(--font);font-size:15px;font-weight:500;letter-spacing:1px;padding:8px 14px;border-radius:10px;cursor:pointer;transition:color .25s,background .25s;text-decoration:none}.nav__link:hover{color:var(--fg);background:var(--glass)}.nav__link--active{color:var(--fg)}.nav__link--active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-3))}.nav__right{gap:14px}.nav__right,.search{display:flex;align-items:center}.search{gap:8px;padding:9px 14px;background:var(--glass);border:1px solid var(--glass-brd);border-radius:100px;transition:border-color .25s,box-shadow .25s}.search:focus-within{border-color:var(--search-focus);box-shadow:var(--search-shadow)}.search__icon{color:var(--muted);flex-shrink:0}.search__input{width:150px;background:none;border:none;outline:none;color:var(--fg);font-family:var(--font);font-size:14px}.search__input::placeholder{color:var(--muted)}.search__kbd{font-family:var(--mono);font-size:11px;color:var(--muted);border:1px solid var(--glass-brd);border-radius:6px;padding:1px 7px}.nav__cta{padding:9px 18px;border:none;border-radius:100px;background:var(--btn-grad);color:#fff;font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:transform .25s,box-shadow .25s;text-decoration:none;display:inline-block}.nav__cta:hover{transform:translateY(-2px);box-shadow:var(--cta-hover)}.scroll-progress{position:absolute;bottom:-1px;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .1s linear;border-radius:2px}.theme-toggle{position:relative;width:56px;height:30px;flex-shrink:0;border:1px solid var(--glass-brd);border-radius:100px;background:var(--glass);cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:space-between;color:var(--muted);transition:background .3s,border-color .3s}.theme-toggle__icon{font-size:13px;line-height:1;padding:0 7px;z-index:1;pointer-events:none}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 2px 8px -2px rgba(0,0,0,.35);transition:transform .32s cubic-bezier(.76,0,.24,1)}[data-theme=dark] .theme-toggle__thumb{transform:translateX(26px)}.welcome{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:var(--welcome-bg);transition:opacity .4s ease,visibility .4s ease,background .45s ease}.welcome--hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome__bg{position:absolute;inset:0;overflow:hidden}.welcome__bg .o1{width:420px;height:420px;background:var(--accent);top:-120px;left:-80px;animation:f1 9s ease-in-out infinite}.welcome__bg .o2{width:380px;height:380px;background:var(--accent-2);bottom:-120px;right:-60px;animation:f2 11s ease-in-out infinite}.welcome__bg .o3{width:260px;height:260px;background:var(--accent-3);bottom:30%;left:18%;opacity:.35;animation:f1 13s ease-in-out infinite reverse}.welcome .theme-toggle{position:absolute;top:22px;right:26px;z-index:30}.welcome__content{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:640px}.welcome__badge{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:4px;color:var(--accent-2);border:1px solid var(--badge-bd);border-radius:100px;padding:6px 16px;margin-bottom:28px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.welcome__title{font-size:clamp(46px,8.5vw,92px);font-weight:700;line-height:1.1;letter-spacing:2px}.welcome__title-line{display:block;color:var(--fg);font-size:.42em;font-weight:500;letter-spacing:6px;margin-bottom:16px;opacity:.78}.welcome__title-glow{display:block;font-family:华文行楷,STXingkai,XingKai SC,Songti SC,cursive;background:linear-gradient(120deg,var(--accent),var(--accent-3),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:var(--title-glow-shadow);letter-spacing:6px;line-height:1.18}.welcome__sub{margin-top:24px;color:var(--muted);font-size:15px;letter-spacing:1px;line-height:1.8}.enter-btn{position:relative;margin-top:42px;display:inline-flex;align-items:center;gap:12px;padding:18px 42px;border:none;border-radius:100px;background:var(--btn-grad);color:#fff;font-family:var(--font);font-size:18px;font-weight:600;letter-spacing:3px;cursor:pointer;overflow:hidden;box-shadow:var(--enter-shadow);transition:transform .3s ease,box-shadow .3s ease;isolation:isolate}.enter-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:var(--enter-glow)}.enter-btn:before{inset:0;border-radius:100px;padding:2px;background:linear-gradient(120deg,var(--accent),var(--accent-3),var(--accent-2),var(--accent));background-size:300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderFlow 4s linear infinite}.enter-btn:after,.enter-btn:before{content:"";position:absolute;pointer-events:none}.enter-btn:after{top:0;bottom:0;left:-60%;width:55%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:shine 3.2s ease-in-out infinite}.enter-btn__arrow,.enter-btn__label{position:relative;z-index:1}.enter-btn__arrow{transition:transform .3s ease}.enter-btn:hover .enter-btn__arrow{transform:translateX(5px)}.welcome__hint{margin-top:22px;font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--muted);opacity:.7}.welcome__footer{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:space-between;align-items:center;padding:0 36px;z-index:2;pointer-events:none}.welcome__socials{display:flex;gap:10px;pointer-events:auto}.welcome__social{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--glass);border:1px solid var(--glass-brd);color:var(--muted);text-decoration:none;transition:color .25s,background .25s,transform .25s,border-color .25s}.welcome__social:hover{color:var(--accent);background:rgba(255,158,196,.2);border-color:var(--accent);transform:translateY(-2px)}.welcome__social svg{width:16px;height:16px;display:block}.welcome__loc{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;color:var(--muted);pointer-events:auto;padding:8px 14px;border-radius:100px;background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.welcome__loc svg{width:13px;height:13px;flex-shrink:0}.hero{position:relative;z-index:2;flex:1 1;padding:64px 36px 20px;max-width:1180px;width:100%;margin:0 auto}.hero__inner{max-width:720px;opacity:0;animation:heroIn .9s cubic-bezier(.22,1,.36,1) .35s forwards}.hero__tag{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--accent-3);margin-bottom:18px}.hero__title{font-size:clamp(36px,6vw,62px);font-weight:700;line-height:1.15;letter-spacing:1px}.hero__gradient{background:linear-gradient(120deg,var(--accent),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__star{color:var(--accent-3)}.hero__desc{margin-top:22px;color:var(--muted);font-size:16px;line-height:1.75;max-width:560px}.hero__actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}.btn{padding:13px 28px;border-radius:100px;font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}.btn--block{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn--primary{border:none;background:var(--btn-grad);color:#fff;box-shadow:0 8px 28px -10px rgba(255,140,190,.7)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--btn-primary-hover)}.btn--primary:disabled{opacity:.72;cursor:not-allowed;transform:none}.btn--ghost{border:1px solid var(--glass-brd);background:var(--glass);color:var(--fg)}.btn--ghost:hover{transform:translateY(-2px);border-color:var(--ghost-hover-bd)}.btn--danger{border:1px solid rgba(255,90,120,.5);background:rgba(255,90,120,.12);color:#ff7a96}.btn--danger:hover{transform:translateY(-2px);border-color:#ff7a96;background:rgba(255,90,120,.2)}.btn--danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px;flex-shrink:0}.spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.sec{margin-top:64px}.sec__eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--accent-2);margin-bottom:10px}.sec__title{font-size:28px;font-weight:700;letter-spacing:1px}.sec__sub{margin-top:8px;color:var(--muted);font-size:15px}.sec__body{margin-top:26px}.wrap{position:relative;z-index:2;flex:1 1;width:100%;max-width:1180px;margin:0 auto;padding:44px 36px 20px}.grid-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px}.cards__empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted);border:1px dashed var(--glass-brd);border-radius:18px}.glow-card{position:relative;isolation:isolate;border-radius:18px;background:var(--glass);border:1px solid var(--glass-brd);cursor:pointer;transition:transform .3s}.glow-card:hover{transform:translateY(-8px);z-index:3}.glow-card__border{inset:0;border-radius:inherit;z-index:-1;border:1px solid transparent;background:linear-gradient(var(--glass) 0 100%) padding-box,radial-gradient(at 80% 55%,var(--glow-a) 0,transparent 50%) border-box,radial-gradient(at 69% 34%,var(--glow-b) 0,transparent 50%) border-box,radial-gradient(at 8% 6%,var(--glow-c) 0,transparent 50%) border-box,radial-gradient(at 41% 38%,var(--glow-a) 0,transparent 50%) border-box,radial-gradient(at 86% 85%,var(--glow-b) 0,transparent 50%) border-box,linear-gradient(var(--glow-a) 0 100%) border-box;opacity:var(--border-op,0);-webkit-mask-image:conic-gradient(from var(--angle,45deg) at center,#000 22%,transparent 37%,transparent 63%,#000 78%);mask-image:conic-gradient(from var(--angle,45deg) at center,#000 22%,transparent 37%,transparent 63%,#000 78%)}.glow-card__border,.glow-card__glow{position:absolute;transition:opacity .25s ease-out}.glow-card__glow{inset:-36px;border-radius:inherit;z-index:-2;pointer-events:none;opacity:var(--glow-op,0);mix-blend-mode:var(--glow-blend);-webkit-mask-image:conic-gradient(from var(--angle,45deg) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);mask-image:conic-gradient(from var(--angle,45deg) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%)}.glow-card__glow-inner{position:absolute;inset:36px;border-radius:inherit;box-shadow:0 0 0 1px hsl(var(--glow-hsl)/.6%),0 0 3px 0 hsl(var(--glow-hsl)/.5%),0 0 6px 0 hsl(var(--glow-hsl)/.4%),0 0 15px 0 hsl(var(--glow-hsl)/.3%),0 0 25px 2px hsl(var(--glow-hsl)/.2%),0 0 50px 2px hsl(var(--glow-hsl)/.1%)}.glow-card__inner{position:relative;z-index:1;display:flex;flex-direction:column}.card{padding:26px 24px 22px}.card__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-size:20px;color:var(--accent);background:var(--card-icon-bg);border:1px solid var(--card-icon-bd);margin-bottom:16px}.card__title{font-size:19px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card__role{font-family:var(--mono);font-size:11px;letter-spacing:1px;padding:3px 9px;border-radius:100px;border:1px solid var(--badge-bd);background:var(--tag-bg);color:var(--accent-2);font-weight:400}.card__desc{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:16px}.card__tags{display:flex;flex-wrap:wrap;gap:8px}.card__tag{font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--muted);padding:4px 10px;border-radius:100px;border:1px solid var(--glass-brd);background:var(--tag-bg)}.card__arrow{position:absolute;top:22px;right:22px;color:var(--accent);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}.glow-card:hover .card__arrow{opacity:1;transform:translateX(0)}.project-card{overflow:hidden}.project-thumb{height:150px;display:grid;place-items:center;font-size:56px;position:relative}.project-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.18),transparent 60%)}.project-body{padding:22px 22px 8px;flex:1 1}.project-title{margin:0 0 8px;font-size:18px;font-weight:700}.project-desc{margin:0 0 16px;color:var(--muted);font-size:14.5px;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-foot{padding:14px 22px 22px;display:flex;align-items:center;justify-content:space-between}.project-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;transition:gap .25s}.project-link:hover{gap:10px}.project-stars{font-size:13px;color:var(--muted)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.skill-card{padding:24px 22px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-brd)}.skill-card-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;margin-bottom:18px}.skill-card-title .bar{width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.skill{margin-bottom:14px}.skill:last-child{margin-bottom:0}.skill-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.skill-name{color:var(--fg)}.skill-pct{color:var(--muted);font-family:var(--mono)}.skill-bar{height:6px;border-radius:100px;background:var(--glass-2);border:1px solid var(--glass-brd);overflow:hidden}.skill-bar-fill{height:100%;width:0;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width 1.1s cubic-bezier(.22,1,.36,1)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.post-card{padding:24px 22px;display:flex;flex-direction:column}.post-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.post-tag{font-size:11px;letter-spacing:1px;color:var(--accent-2);padding:3px 10px;border-radius:100px;border:1px solid var(--badge-bd);background:var(--tag-bg)}.post-date,.post-tag{font-family:var(--mono)}.post-date{font-size:12px;color:var(--muted)}.post-title{font-size:18px;font-weight:600;margin-bottom:10px;line-height:1.45}.post-excerpt{color:var(--muted);font-size:14px;line-height:1.7;flex:1 1}.post-read{margin-top:16px;font-size:13px;color:var(--accent);font-weight:600}.about{padding:26px 28px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-brd);line-height:1.9;color:var(--muted);font-size:15px;max-width:820px}.about strong{color:var(--fg);font-weight:600}.about code{font-family:var(--mono);font-size:13px;padding:2px 7px;border-radius:6px;background:var(--tag-bg);border:1px solid var(--glass-brd);color:var(--accent-2)}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;grid-gap:40px;gap:40px;align-items:start}.contact-info p{color:var(--muted);margin:0 0 22px;font-size:16px;line-height:1.8}.contact-list{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-gap:14px;gap:14px}.contact-list li{display:flex;align-items:center;gap:12px;color:var(--fg);font-size:15px}.contact-list li svg{color:var(--accent);flex-shrink:0;width:18px;height:18px}.contact-socials{display:flex;gap:10px}.social-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--muted);border:1px solid var(--glass-brd);background:var(--glass);transition:color .2s ease,border-color .2s ease,transform .2s ease;text-decoration:none}.social-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.social-btn svg{width:18px;height:18px;display:block}.contact-form{background:var(--glass);border:1px solid var(--glass-brd);border-radius:18px;padding:30px;display:grid;grid-gap:18px;gap:18px}.field{display:grid;grid-gap:8px;gap:8px}.field label{font-size:13.5px;font-weight:600;color:var(--fg);display:flex;justify-content:space-between;align-items:baseline;gap:10px}.field label em{font-style:normal;font-weight:400;color:var(--muted);font-size:12px}.field .control{position:relative;display:flex;align-items:center}.field input,.field textarea{width:100%;padding:12px 14px;border-radius:12px;font-size:15px;font-family:inherit;background:var(--glass-2);border:1px solid var(--glass-brd);color:var(--fg);transition:border-color .2s ease,box-shadow .2s ease}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,158,196,.22)}.field textarea{resize:vertical;min-height:120px}.field input.has-eye{padding-right:46px}.field input.code{font-family:var(--mono);letter-spacing:2.5px;text-transform:uppercase}.field.error input,.field.error textarea{border-color:#ff6b6b}.form-error{color:#e05a7a;font-size:12.5px}[data-theme=dark] .form-error{color:#ff8fa3}.form-success{grid-column:1/-1;padding:12px 16px;border-radius:12px;background:rgba(52,211,153,.16);border:1px solid rgba(52,211,153,.45);color:#2fae86;font-size:14px;font-weight:600;text-align:center;line-height:1.7}[data-theme=dark] .form-success{color:#34d399}.form-success.hidden{display:none}.eye{position:absolute;right:8px;width:30px;height:30px;display:grid;place-items:center;border:none;background:none;color:var(--muted);cursor:pointer;border-radius:8px;transition:color .2s,background .2s}.eye:hover{color:var(--accent);background:var(--glass)}.eye svg{width:16px;height:16px}.auth-grid{display:grid;grid-template-columns:1fr 1.05fr;grid-gap:36px;gap:36px;align-items:start}.auth-grid>*{min-width:0}.about--compact{padding:18px 20px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-brd);line-height:1.7;color:var(--muted);font-size:14px}.about--compact strong{color:var(--fg);font-weight:600}.roles{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.role-tip{margin-top:12px;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.3px;line-height:1.7;opacity:.85}.role-tip b{color:var(--accent-2);font-weight:600}.card--compact{padding:16px 18px 14px;border-radius:18px}.card--compact .card__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:16px;color:var(--accent);background:var(--card-icon-bg);border:1px solid var(--card-icon-bd);margin-bottom:8px}.card--compact .card__title{font-size:15px;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card--compact .card__role{font-family:var(--mono);font-size:10px;letter-spacing:.8px;padding:2px 7px;border-radius:100px;border:1px solid var(--badge-bd);background:var(--tag-bg);color:var(--accent-2);font-weight:400}.card--compact .card__desc{color:var(--muted);font-size:12px;line-height:1.55;margin-bottom:8px}.card--compact .card__tags{display:flex;flex-wrap:wrap;gap:6px}.card--compact .card__tag{font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--muted);padding:2px 8px;background:var(--tag-bg)}.card--compact .card__tag,.seg{border-radius:100px;border:1px solid var(--glass-brd)}.seg{position:relative;display:flex;gap:4px;padding:4px;background:var(--glass-2)}.seg__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:100px;background:var(--btn-grad);box-shadow:0 4px 14px -6px rgba(255,140,190,.9);transition:transform .34s cubic-bezier(.76,0,.24,1)}.seg.is-join .seg__thumb{transform:translateX(100%)}.seg__btn{position:relative;z-index:1;flex:1 1;border:none;background:none;padding:9px 0;border-radius:100px;font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:1px;color:var(--muted);cursor:pointer;transition:color .3s}.seg__btn.is-active{color:#fff}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;letter-spacing:1px;font-family:var(--mono)}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--glass-brd)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.link,.row{font-size:13px}.link{border:none;background:none;padding:0;font-family:var(--font);color:var(--accent-2);cursor:pointer;font-weight:600}.link:hover{text-decoration:underline}.check{display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px}.check input{position:absolute;opacity:0;width:0;height:0}.check__box{width:17px;height:17px;flex-shrink:0;border-radius:6px;border:1px solid var(--glass-brd);background:var(--glass-2);display:grid;place-items:center;transition:background .2s,border-color .2s}.check__box svg{width:11px;height:11px;color:#fff;opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}.check input:checked+.check__box{background:var(--btn-grad);border-color:transparent}.check input:checked+.check__box svg{opacity:1;transform:scale(1)}.check:hover{color:var(--fg)}.strength-wrap{display:grid;grid-gap:7px;gap:7px}.strength-txt{font-family:var(--mono);font-size:11.5px;color:var(--muted);min-height:16px}.form-note{font-size:12.5px;color:var(--muted);line-height:1.8;text-align:center}.form-note b{color:var(--accent-2)}.footer{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:12px 36px;background:var(--nav-bg);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border-top:1px solid var(--glass-brd);box-shadow:0 -12px 34px -24px rgba(0,0,0,.3);transform:translateY(100%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s ease}.footer.footer--visible{transform:translateY(0);opacity:1;pointer-events:auto}.footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),var(--accent-3),transparent);opacity:.7;pointer-events:none}.footer-inner{justify-content:space-between;gap:24px;flex-wrap:nowrap;max-width:1180px;margin:0 auto;position:relative}.footer-brand,.footer-inner{display:flex;align-items:center}.footer-brand{gap:10px;font-weight:700;color:var(--fg);font-size:15px;cursor:pointer;flex-shrink:0;text-decoration:none}.footer-brand .nav__brand-mark{width:36px;height:36px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 0 12px -2px rgba(255,158,196,.5),0 6px 16px -6px rgba(255,140,190,.4);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}.footer-brand .nav__brand-mark:before{background-size:14px 14px;opacity:.4}.footer-brand .nav__brand-mark:after{background:conic-gradient(from 0deg,rgba(125,224,255,.25),rgba(201,160,233,.25),rgba(255,158,196,.35),rgba(125,224,255,.25));filter:blur(8px);inset:-2px}.footer-brand:hover .nav__brand-mark{transform:rotate(-6deg) scale(1.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 0 16px -1px rgba(255,158,196,.65),0 10px 22px -6px rgba(255,140,190,.55)}.footer-brand .nav__brand-letters{font-size:13px}[data-theme=dark] .footer-brand .nav__brand-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 14px -2px rgba(255,158,196,.5),0 6px 18px -6px rgba(255,140,190,.55)}[data-theme=dark] .footer-brand:hover .nav__brand-mark{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 0 20px 0 rgba(255,158,196,.7),0 10px 26px -6px rgba(255,140,190,.7)}.footer-links{display:flex;align-items:center;gap:0;flex-shrink:0}.footer-links a{color:var(--muted);font-size:13.5px;text-decoration:none;padding:5px 13px;position:relative;transition:color .25s;cursor:pointer;white-space:nowrap}.footer-links a:after{content:"";position:absolute;left:13px;right:13px;bottom:1px;height:1.5px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}.footer-links a:hover{color:var(--fg)}.footer-links a:hover:after{transform:scaleX(1)}.footer-divider{width:1px;height:14px;background:var(--glass-brd)}.footer-copy{color:var(--muted);font-size:12.5px;display:flex;align-items:center;gap:7px;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.footer-copy:before{content:"✦";color:var(--accent-2);font-size:10px}.footer-copy a{color:var(--accent-2);text-decoration:none;border-bottom:1px dashed var(--glass-brd);transition:border-color .25s,color .25s}.footer-copy a:hover{color:var(--accent);border-bottom-color:var(--accent)}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}[data-reveal].reveal--in{opacity:1;transform:none}@keyframes heroIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes borderFlow{to{background-position:300% 0}}@keyframes shine{0%{left:-60%}55%{left:120%}to{left:120%}}@keyframes f1{0%,to{transform:translate(0)}50%{transform:translate(30px,-28px)}}@keyframes f2{0%,to{transform:translate(0)}50%{transform:translate(-26px,24px)}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:860px){.nav{flex-wrap:wrap;padding:12px 20px}.nav__links{order:3;width:100%;justify-content:center;margin-top:6px;flex-wrap:wrap}.search__input{width:110px}.hero{padding:44px 20px 20px}.wrap{padding:32px 20px 20px}.auth-grid{grid-template-columns:1fr;gap:28px}.app{padding-bottom:56px}.footer{padding:9px 14px}.footer-inner{gap:10px}.footer-brand .nav__brand-mark{width:32px;height:32px;border-radius:8px}.footer-brand .nav__brand-letters{font-size:12px}.footer-links a{padding:5px 9px;font-size:12.5px}.footer-divider{display:none}.footer-copy{font-size:11.5px;gap:5px}.footer-copy-long{display:none}.contact-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:560px){.contact-form{padding:22px 18px}.sec__title{font-size:24px}.app{padding-bottom:52px}.footer{padding:8px 10px}.footer-links a{padding:4px 6px;font-size:12px}.footer-copy{font-size:11px}}.wb-stack{display:flex;flex-direction:column;gap:22px}.wb-note{padding:12px 16px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-brd);color:var(--muted);font-size:13.5px}.wb-file{color:inherit}.wb-file::-webkit-file-upload-button{margin-right:12px;padding:8px 14px;border-radius:10px;border:1px solid var(--glass-brd);background:var(--glass);color:inherit;cursor:pointer;font-size:13px}.wb-file::file-selector-button{margin-right:12px;padding:8px 14px;border-radius:10px;border:1px solid var(--glass-brd);background:var(--glass);color:inherit;cursor:pointer;font-size:13px}.kb-edit{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.kb-textarea{min-height:340px;resize:vertical;padding:16px;color:inherit;font-family:var(--mono);font-size:13.5px;line-height:1.7}.kb-preview,.kb-textarea{border-radius:14px;border:1px solid var(--glass-brd);background:var(--glass)}.kb-preview{padding:16px 18px;overflow:auto;max-height:420px}.kb-list{display:grid;grid-gap:12px;gap:12px}.kb-item{display:flex;align-items:center;gap:14px;cursor:pointer;padding:16px 18px;border-radius:16px;border:1px solid var(--glass-brd);background:var(--glass);color:inherit;transition:transform .15s ease,border-color .15s ease}.kb-item:hover{transform:translateY(-2px);border-color:var(--accent)}.kb-item__main{flex:1 1;min-width:0}.kb-item__title{font-size:16px;font-weight:600;margin-bottom:6px}.kb-item__excerpt{font-size:13.5px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-item__meta{margin-top:8px;font-size:12px;color:var(--muted);font-family:var(--mono)}.kb-item__del{flex-shrink:0;width:34px;height:34px;border-radius:10px;border:1px solid var(--glass-brd);background:transparent;color:var(--muted);font-size:15px;line-height:1;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.kb-item__del:hover{border-color:#ff7a96;color:#ff7a96;background:rgba(255,90,120,.12)}.kb-item__del:disabled{opacity:.5;cursor:not-allowed}.kb-title{font-size:26px;margin:6px 0 2px}.kb-meta{font-size:13px;color:var(--muted);font-family:var(--mono);margin-bottom:14px}.prose{max-width:760px;line-height:1.85;font-size:16px;color:var(--text)}.prose h1,.prose h2,.prose h3{line-height:1.35;margin:1.6em 0 .6em;font-weight:700}.prose h1{font-size:26px}.prose h2{font-size:21px}.prose h3{font-size:18px}.prose p{margin:.9em 0}.prose a{color:var(--accent);text-underline-offset:3px}.prose ol,.prose ul{margin:.8em 0;padding-left:1.4em}.prose li{margin:.35em 0}.prose blockquote{margin:1em 0;padding:.6em 1.1em;border-left:3px solid var(--accent);background:var(--glass);border-radius:0 12px 12px 0;color:var(--muted)}.prose code{font-family:var(--mono);font-size:.9em;padding:.15em .45em;border-radius:6px}.prose code,.prose pre{background:var(--glass)}.prose pre{border:1px solid var(--glass-brd);border-radius:14px;padding:16px;overflow:auto;margin:1em 0}.prose pre code{background:none;padding:0}.prose img{max-width:100%;border-radius:14px}.prose hr{border:none;border-top:1px solid var(--glass-brd);margin:1.6em 0}@media(max-width:720px){.kb-edit{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.es-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.es-note{padding:12px 16px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-brd);color:var(--muted);font-size:13px;line-height:1.7}.es-note b{color:var(--accent-2)}.es-actions{gap:12px;margin-top:4px}.es-actions,.es-test{display:flex;align-items:center;flex-wrap:wrap}.es-test{gap:10px;margin-top:6px}.es-test input{flex:1 1;min-width:220px;padding:12px 14px;border-radius:12px;font-size:15px;font-family:inherit;background:var(--glass-2);border:1px solid var(--glass-brd);color:var(--fg)}.es-test input::placeholder{color:var(--muted)}.es-test input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,158,196,.22)}.es-meta{font-size:12.5px;color:var(--muted);font-family:var(--mono)}@media(max-width:640px){.es-grid{grid-template-columns:1fr}}.wb-tabs{display:flex;gap:6px;border-bottom:1px solid var(--glass-brd);margin-bottom:24px;flex-wrap:wrap}.wb-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:10px 16px;font:inherit;color:var(--muted);cursor:pointer;border-radius:10px 10px 0 0;font-size:13.5px;transition:color .15s,background .15s}.wb-tab:hover{color:var(--fg);background:var(--glass-2)}.wb-tab--active{color:var(--fg);background:var(--glass);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent)}.wb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.wb-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-brd);color:inherit;font:inherit;cursor:default}.wb-card--action{cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.wb-card--action:hover{transform:translateY(-1px);background:var(--glass-2);border-color:var(--accent)}.wb-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.wb-card__value{font-size:18px;font-weight:600;line-height:1.3}.wb-card__hint{font-size:12.5px;color:var(--muted)}.wb-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--glass-brd);background:var(--glass-2)}.wb-table{width:100%;border-collapse:collapse;font-size:13.5px}.wb-table td,.wb-table th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--glass-brd);vertical-align:middle}.wb-table thead th{background:var(--glass);font-weight:600;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.wb-table tbody tr:last-child td{border-bottom:0}.wb-table tbody tr:hover{background:var(--glass)}.wb-mono{font-family:var(--mono);font-size:12.5px}.wb-mono,.wb-sub{color:var(--muted)}.wb-sub{font-size:11.5px;margin-top:2px}.wb-badge{margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--badge-bd);font-size:11px;color:var(--fg)}.wb-badge,.wb-role,.wb-status{display:inline-block;font-weight:600}.wb-role,.wb-status{padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid transparent}.wb-role--owner{background:rgba(255,158,196,.18);color:#C13B7A;border-color:rgba(255,158,196,.45)}.wb-role--editor{background:rgba(201,160,233,.16);color:#7E5DC7;border-color:rgba(201,160,233,.45)}.wb-role--viewer{background:var(--glass);color:var(--muted);border-color:var(--glass-brd)}.wb-status--pending{background:rgba(255,194,168,.18);color:#B86A3A;border-color:rgba(255,194,168,.45)}.wb-status--used{background:rgba(180,180,180,.12);color:var(--muted);border-color:var(--glass-brd)}.wb-status--expired,.wb-status--revoked{background:rgba(255,120,120,.12);color:#C25555;border-color:rgba(255,120,120,.35)}.wb-invite-form{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-brd)}.wb-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:720px){.wb-row{grid-template-columns:1fr}}.wb-btn-danger{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,120,120,.4);background:rgba(255,120,120,.12);color:#C25555;padding:6px 12px;border-radius:8px;font-size:12.5px;cursor:pointer;transition:background .15s,border-color .15s}.wb-btn-danger:hover:not(:disabled){background:rgba(255,120,120,.2);border-color:rgba(255,120,120,.6)}.wb-btn-danger:disabled{opacity:.55;cursor:not-allowed}.wb-reload{margin-top:12px}.wb-created{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--glass-2);border:1px solid var(--glass-brd)}.wb-code{font-family:var(--mono);font-size:14px;color:var(--fg);word-break:break-all}.wb-error{padding:12px 16px;border-radius:12px;background:rgba(255,120,120,.12);border:1px solid rgba(255,120,120,.35);color:#C25555;font-size:13.5px;margin-bottom:14px}.wb-roadmap{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13.5px;line-height:1.7}.wb-roadmap li::marker{color:var(--accent)}.nav__user{position:relative;flex-shrink:0}.nav__avatar{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:36px;padding:0 10px 0 4px;border:1px solid var(--glass-brd);border-radius:100px;background:var(--glass);color:var(--fg);font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:background .25s,border-color .25s,transform .2s}.nav__avatar:hover{background:rgba(255,158,196,.18);border-color:var(--accent);transform:translateY(-1px)}.nav__avatar span:first-child{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:13px;font-weight:700;letter-spacing:0}.nav__menu{position:absolute;top:calc(100% + 10px);right:0;z-index:30;min-width:240px;padding:8px;border-radius:14px;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-brd);box-shadow:0 18px 50px -18px rgba(0,0,0,.5),0 4px 14px -6px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:2px;animation:menuIn .18s ease-out}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nav__menu-head{padding:10px 12px 12px;border-bottom:1px solid var(--glass-brd);margin-bottom:6px;display:flex;flex-direction:column;gap:4px}.nav__menu-head strong{font-size:14px;font-weight:600;color:var(--fg);letter-spacing:.5px}.nav__menu-head span:not(.nav__menu-role){font-size:12px;color:var(--muted);word-break:break-all}.nav__menu-role{display:inline-block;align-self:flex-start;margin-top:4px;font-family:var(--mono);font-size:11px;letter-spacing:1px;padding:3px 9px;border-radius:100px;border:1px solid var(--badge-bd);background:var(--tag-bg);color:var(--accent-2)}.nav__menu-item{display:flex;align-items:center;width:100%;padding:9px 12px;border:none;background:none;border-radius:10px;color:var(--fg);font-family:var(--font);font-size:14px;text-align:left;cursor:pointer;transition:background .18s}.nav__menu-item:hover{background:var(--glass)}.nav__menu-item--danger{color:#ff7a96}.nav__menu-item--danger:hover{background:rgba(255,90,120,.18)}