.yn-shell{position:fixed;z-index:100;top:0;left:0;right:0;height:72px;background:#08120ff5;border-bottom:1px solid #a4eab52a;font-family:'DM Sans','Noto Sans SC',sans-serif;color:#e9f6ed;box-sizing:border-box}
.yn-shell.scrolled{background:#06100dfb;box-shadow:0 8px 30px #0005}
.yn-shell *{box-sizing:border-box}
.yn-shell button,.yn-shell input,.yn-shell select{font:inherit}
.yn-shell button{cursor:pointer}
.yn-shell a{color:inherit;text-decoration:none}
.yn-shell button:focus-visible,.yn-shell a:focus-visible,.yn-shell select:focus-visible,.yn-shell input:focus-visible{outline:2px solid #a8f1c0;outline-offset:3px}
.yn-shell .yn-inner{width:min(1390px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;gap:38px}
.yn-brand{display:inline-flex;align-items:center;gap:10px;flex:none;font-size:19px;font-weight:800;letter-spacing:1px;line-height:1.05}
.yn-brand .yn-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#b9efca;color:#10251a;font-size:23px;box-shadow:0 0 25px #99ebaf2d}
.yn-brand span:last-child{display:flex;flex-direction:column}
.yn-brand small{font-size:8px;letter-spacing:2.7px;color:#8aa896;margin-top:5px}
.yn-links{display:flex;align-items:center;gap:22px;height:100%;margin:auto}
.yn-links a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap;color:#99aea3;font-size:12px;font-weight:700;transition:color .2s}
.yn-links a:hover,.yn-links a[aria-current=page]{color:#eaf9ed}
.yn-links a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#aff2c3;box-shadow:0 0 13px #aff2c3}
.yn-actions{display:flex;align-items:center;gap:10px;flex:none}
.yn-auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #45684e;border-radius:8px;color:#d9f0df!important;font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s,border-color .2s}
.yn-auth-link:hover{background:#1a3b28;border-color:#a4eab5}
.yn-auth-primary{background:#b9efca;border-color:#b9efca;color:#0a2414!important}
.yn-auth-primary:hover{background:#d1f9dc;border-color:#d1f9dc}
.yn-mobile-auth{display:flex;gap:8px;padding:8px 0}
.yn-mobile-auth .yn-auth-link{flex:1}
.yn-live{display:flex;align-items:center;gap:8px;color:#8da99a;font-size:10px;white-space:nowrap;margin-right:8px}
.yn-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79e7a5;box-shadow:0 0 12px #79e7a5}
.yn-icon,.yn-language-button,.yn-menu-button{height:36px;border:1px solid #436e526e;background:#102219;color:#ccebd5;border-radius:9px}
.yn-icon{width:38px;font-size:24px;line-height:1;padding:0}
.yn-icon:hover,.yn-language-button:hover,.yn-menu-button:hover{border-color:#9ee8b6;background:#183a29}
.yn-language-button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:89px;padding:0 11px;font-size:11px;font-weight:800;letter-spacing:.4px;transition:background .2s,border-color .2s}
.yn-language-button[aria-expanded=true]{border-color:#9ee8b6;background:#1a3b2a}
.yn-language-globe{width:16px;height:16px;color:#b7e9c7;flex:none}
.yn-language-chevron{font-size:16px;color:#80a990;font-weight:400;line-height:1}
.yn-language-menu{position:absolute;right:max(32px,calc((100vw - 1390px)/2));top:61px;z-index:150;width:250px;padding:9px;border:1px solid #446c52;border-radius:15px;background:#102219;box-shadow:0 25px 65px #000a;display:grid;gap:2px}
.yn-language-menu[hidden]{display:none!important}
.yn-language-caption{padding:9px 11px 6px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#8db89b;text-transform:uppercase}
.yn-language-menu button{height:39px;width:100%;border:0;border-radius:8px;background:transparent;color:#d5e8d9;display:flex;align-items:center;gap:8px;padding:0 12px;text-align:left;font-size:12px;font-weight:650;transition:background .16s}
.yn-language-menu button:hover,.yn-language-menu button:focus-visible{background:#1f3c2b}
.yn-language-menu button[aria-checked=true]{background:#244a33;color:#bff3ce}
.yn-language-menu button small{margin-left:auto;color:#729a7f;font-size:10px;font-weight:800}
.yn-language-menu button b{width:15px;text-align:right;font-size:13px;color:#9decaf;visibility:hidden}
.yn-language-menu button[aria-checked=true] b{visibility:visible}
.yn-menu-button{display:none;width:38px;padding:9px}
.yn-menu-button span{display:block;width:100%;height:2px;background:#c6ecd1;margin:5px 0}
.yn-mobile{display:none}
.yn-overlay{position:fixed;inset:0;z-index:200;height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:110px 16px 24px}
.yn-overlay[hidden],.yn-mobile[hidden]{display:none!important}
.yn-backdrop{position:absolute;inset:0;background:#020907bd;backdrop-filter:blur(7px)}
.yn-dialog{position:relative;z-index:1;width:min(560px,100%);max-height:min(75vh,670px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #426d51;border-radius:17px;background:#0e1c17;box-shadow:0 30px 90px #000b}
.yn-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 13px;border-bottom:1px solid #264235}
.yn-dialog-head strong{font-size:14px}
.yn-dialog-head button{border:0;background:none;color:#a7bdae;font-size:26px;line-height:1}
.yn-dialog>input{height:51px;margin:17px 18px 8px;padding:0 15px;border:1px solid #46664f;border-radius:10px;color:#eaf8ee;background:#162b20;font-size:14px;outline:none}
.yn-results{overflow-y:auto;padding:6px 12px 12px}
.yn-result{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:9px}
.yn-result:hover,.yn-result.yn-selected{background:#1f3b2b}
.yn-result strong{font-size:13px}.yn-result small{color:#83a290;font-size:10px}
.yn-empty{padding:30px;color:#8aa896;text-align:center;font-size:12px}
.yn-dialog-foot{border-top:1px solid #264235;color:#678371;padding:10px 20px;font-size:10px}
.yn-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.yn-panel-open{overflow:hidden}
.shell{padding-top:72px}
.shell .sidebar{top:72px;height:calc(100vh - 72px)}
.terminal{padding-top:72px}
@media(max-width:1120px){.yn-shell .yn-inner{gap:22px}.yn-links{gap:18px}.yn-live{display:none}}
@media(max-width:790px){.yn-shell{height:64px}.shell,.terminal{padding-top:64px}.shell .sidebar{top:64px;height:calc(100vh - 64px)}.yn-shell .yn-inner{width:calc(100% - 32px);gap:12px}.yn-links,.yn-actions{display:none}.yn-menu-button{display:block;margin-left:auto}.yn-mobile:not([hidden]){display:flex;flex-direction:column;padding:8px 18px 19px;background:#0a1b13;border-top:1px solid #315341;box-shadow:0 20px 30px #0007}.yn-mobile>a{padding:11px 4px;font-size:13px;font-weight:700}.yn-mobile>a[aria-current=page]{color:#a9edbd}.yn-mobile-tools{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}.yn-mobile-tools button{height:37px;padding:0 11px;border:1px solid #426c50;border-radius:8px;background:#163021;color:#d5edda;font-size:11px}.yn-mobile-language{display:flex;align-items:center;gap:8px}.yn-mobile-language span{margin-left:10px}.yn-language-menu{top:64px;right:16px;width:min(280px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto}.yn-overlay{padding-top:82px}.yn-dialog{max-height:calc(100vh - 108px)}}
@media(min-width:791px) and (max-width:1280px){.yn-links,.yn-actions{display:none}.yn-menu-button{display:block;margin-left:auto}.yn-mobile:not([hidden]){display:flex;flex-direction:column;padding:8px 24px 19px;background:#0a1b13;border-top:1px solid #315341;box-shadow:0 20px 30px #0007}.yn-mobile>a{padding:11px 4px;font-size:13px;font-weight:700}.yn-mobile>a[aria-current=page]{color:#a9edbd}.yn-mobile-tools{display:flex;gap:8px;margin-top:9px}.yn-mobile-tools button{height:37px;padding:0 11px;border:1px solid #426c50;border-radius:8px;background:#163021;color:#d5edda;font-size:11px}}
.yn-mobile:not([hidden]){max-height:calc(100vh - 64px);overflow-y:auto}
.yn-more{position:relative;display:flex;align-items:center;height:100%}.yn-more summary{display:flex;align-items:center;gap:5px;height:100%;color:#99aea3;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;list-style:none}.yn-more summary::-webkit-details-marker{display:none}.yn-more summary:hover,.yn-more summary.active,.yn-more[open] summary{color:#eaf9ed}.yn-more summary span{font-size:10px}.yn-more-list{position:absolute;z-index:35;top:calc(100% - 2px);right:0;display:grid;min-width:180px;max-height:calc(100vh - 80px);overflow:auto;padding:8px;border:1px solid #3b6549;border-radius:0 0 11px 11px;background:#10261a;box-shadow:0 22px 40px #0008}.yn-more-list a{height:auto;min-height:35px;padding:8px 10px;border-radius:6px}.yn-more-list a:hover,.yn-more-list a[aria-current=page]{background:#254a34;color:#f0fff0}.yn-more-list a[aria-current=page]:after{display:none}