:root{--yg-nav-expanded:284px;--yg-nav-collapsed:80px;--yg-nav-mobile:min(86vw, 352px);--yg-ease-glide:cubic-bezier(.33, 1, .68, 1);--yg-ease-soft:cubic-bezier(.4, 0, .2, 1);--yg-glide-ms:.34s}.yg-shell[data-yg=dark]{--yg-nav-bg:#171717;--yg-nav-label:#aeaeab;--yg-nav-line:#f4efe70f}.yg-shell[data-yg=light]{--yg-nav-bg:#fff;--yg-nav-label:#5e5d5a;--yg-nav-line:#1a141012}.yg-shell{background:var(--yg-bg);min-height:100vh;color:var(--yg-fg);font-family:var(--yg-sans);position:relative;overflow-x:clip}.yg-nav{z-index:60;width:var(--yg-nav-expanded);padding:18px 14px;padding-bottom:max(18px, env(safe-area-inset-bottom));background:var(--yg-nav-bg);border-right:1px solid var(--yg-nav-line);transition:width var(--yg-glide-ms) var(--yg-ease-glide), transform var(--yg-glide-ms) var(--yg-ease-glide);will-change:width, transform;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.yg-nav-head{flex:none;align-items:center;gap:6px;height:44px;margin-bottom:14px;padding:0 4px 0 8px;display:flex}.yg-nav-logo{min-width:0;color:var(--yg-fg);flex:1;align-items:center;text-decoration:none;display:flex}.yg-nav-word{font-family:var(--yg-serif);white-space:nowrap;opacity:1;transition:opacity .2s var(--yg-ease-soft);font-size:1.32rem;font-weight:400;overflow:hidden}.yg-nav-actions{flex:none;align-items:center;gap:2px;display:flex}.yg-nav-iconbtn{cursor:pointer;width:36px;height:36px;color:var(--yg-fg-mute);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.yg-nav-iconbtn svg{width:20px;height:20px}.yg-nav-iconbtn:hover{background:color-mix(in srgb, var(--yg-fg) 9%, transparent);color:var(--yg-fg)}.yg-nav-close{display:none}.yg-nav-list{flex-direction:column;flex:auto;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:flex}.yg-nav-item{height:48px;color:var(--yg-nav-label);white-space:nowrap;transition:background .2s var(--yg-ease-soft), color .2s var(--yg-ease-soft);border-radius:14px;align-items:center;gap:14px;padding:0 14px;font-size:.97rem;font-weight:400;text-decoration:none;display:flex;position:relative}.yg-nav-item:hover{background:color-mix(in srgb, var(--yg-fg) 7%, transparent);color:var(--yg-fg)}.yg-nav-item:active{transform:scale(.985)}.yg-nav-btn{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;font-family:inherit}.yg-nav-ico{width:24px;height:24px;color:var(--yg-fg);flex:none;justify-content:center;align-items:center;display:inline-flex}.yg-nav-ico svg{width:22px;height:22px}.yg-nav-text{opacity:1;transition:opacity .16s var(--yg-ease-soft);overflow:hidden}.yg-nav-item.is-active{background:var(--yg-bg-sunken);color:var(--yg-fg)}.yg-nav-tip{background:var(--yg-fg);color:var(--yg-bg);white-space:nowrap;opacity:0;pointer-events:none;z-index:80;transition:opacity .15s var(--yg-ease-soft), transform .15s var(--yg-ease-soft);border-radius:9px;padding:7px 11px;font-size:.86rem;font-weight:500;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)translate(-5px)scale(.96);box-shadow:0 8px 24px #0006}.yg-nav-foot{border-top:1px solid var(--yg-nav-line);flex-direction:column;flex:none;gap:6px;margin-top:14px;padding-top:14px;display:flex}.yg-nav-profile{border-radius:14px;align-items:center;height:58px;padding:0 6px;display:flex;position:relative}.yg-nav-profile-main{min-width:0;color:var(--yg-fg);transition:background .2s var(--yg-ease-soft);border-radius:12px;flex:1;align-items:center;gap:12px;margin:0 -1px;padding:7px;text-decoration:none;display:flex}.yg-nav-profile-main:hover{background:color-mix(in srgb, var(--yg-fg) 7%, transparent)}.yg-nav-pic{background:linear-gradient(150deg, var(--yg-clay), var(--yg-umber));color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.yg-nav-pic svg{width:20px;height:20px}.yg-nav-pname{opacity:1;min-width:0;transition:opacity .16s var(--yg-ease-soft);flex-direction:column;display:flex;overflow:hidden}.yg-nav-pname b{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.yg-nav-pname span{color:var(--yg-fg-mute);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.yg-shell-main{margin-left:var(--yg-nav-expanded);min-height:100vh;transition:margin-left var(--yg-glide-ms) var(--yg-ease-glide), transform var(--yg-glide-ms) var(--yg-ease-glide);will-change:margin-left, transform}.yg-shell-topbar{display:none}.yg-shell-scrim{z-index:55;opacity:0;pointer-events:none;transition:opacity var(--yg-glide-ms) var(--yg-ease-soft);background:#00000080;position:fixed;inset:0}@media (min-width:901px){.yg-nav{cursor:pointer}.yg-nav>*{cursor:auto}.yg-shell[data-collapsed=true] .yg-nav{width:var(--yg-nav-collapsed)}.yg-shell[data-collapsed=true] .yg-shell-main{margin-left:var(--yg-nav-collapsed)}.yg-shell[data-collapsed=true] .yg-nav-word,.yg-shell[data-collapsed=true] .yg-nav-text{opacity:0}.yg-shell[data-collapsed=true] .yg-nav-pname{display:none}.yg-shell[data-collapsed=true] .yg-nav-head{justify-content:center;padding:0}.yg-shell[data-collapsed=true] .yg-nav-logo,.yg-shell[data-collapsed=true] .yg-nav-search{display:none}.yg-shell[data-collapsed=true] .yg-nav-profile{justify-content:center;padding:0}.yg-shell[data-collapsed=true] .yg-nav-profile-main{flex:none;gap:0;margin:0;padding:0}.yg-shell[data-collapsed=true] .yg-nav-item:hover .yg-nav-tip,.yg-shell[data-collapsed=true] .yg-nav-profile-main:hover .yg-nav-tip{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}@media (max-width:900px){.yg-nav{width:var(--yg-nav-mobile);padding:20px 16px;padding-bottom:max(20px, env(safe-area-inset-bottom));transform:translate(-100%)}.yg-shell[data-mobile-open=true] .yg-nav{transform:translate(0);box-shadow:0 0 60px #00000080}.yg-nav-toggle{display:none}.yg-nav-close{display:inline-flex}.yg-nav-tip{display:none}.yg-shell-main{margin-left:0}.yg-shell[data-mobile-open=true] .yg-shell-main{transform:translateX(var(--yg-nav-mobile))}.yg-shell[data-mobile-open=true] .yg-shell-scrim{opacity:1;pointer-events:auto}.yg-shell-topbar{z-index:40;background:0 0;border:0;justify-content:flex-end;align-items:center;height:64px;padding:0 22px;display:flex;position:sticky;top:0}.yg-burger{cursor:pointer;width:46px;height:46px;color:var(--yg-fg);background:color-mix(in srgb, var(--yg-fg) 5%, transparent);border:1px solid color-mix(in srgb, var(--yg-fg) 12%, transparent);border-radius:999px;flex:none;justify-content:center;align-items:center;transition:background .16s;display:inline-flex}.yg-burger:hover{background:color-mix(in srgb, var(--yg-fg) 10%, transparent)}.yg-burger svg{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.yg-nav,.yg-shell-main,.yg-shell-scrim,.yg-nav-word,.yg-nav-text,.yg-nav-pname,.yg-nav-tip{transition:none!important}}
