:root{--bg: #f6f7f9;--text: rgba(0,0,0,.88);--muted: rgba(0,0,0,.6);--nav: rgba(255,255,255,.88);--card: rgba(255,255,255,.86);--hairline: rgba(0,0,0,.1);--shadow: 0 18px 55px rgba(0,0,0,.12);--radius: 14px;--radius-sm: 10px;--content-max: 520px;--layout-max: 1400px;--pad: 16px;--gap: 12px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0F1115;--text: rgba(245,247,250,.92);--muted: rgba(245,247,250,.62);--nav: rgba(20,24,33,.78);--card: rgba(26,31,43,.72);--hairline: rgba(255,255,255,.1);--shadow: 0 18px 55px rgba(0,0,0,.42);color-scheme:dark}}html[data-theme=light]{--bg: #f6f7f9;--text: rgba(0,0,0,.88);--muted: rgba(0,0,0,.6);--nav: rgba(255,255,255,.88);--card: rgba(255,255,255,.86);--hairline: rgba(0,0,0,.1);--shadow: 0 18px 55px rgba(0,0,0,.12);color-scheme:light}html[data-theme=dark]{--bg: #0F1115;--text: rgba(245,247,250,.92);--muted: rgba(245,247,250,.62);--nav: rgba(20,24,33,.78);--card: rgba(26,31,43,.72);--hairline: rgba(255,255,255,.1);--shadow: 0 18px 55px rgba(0,0,0,.42);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.kbd{font-size:12px;opacity:.88}.ux-topbar{position:sticky;top:0;z-index:50}.navbar{width:100%;background:var(--nav);border-bottom:1px solid var(--hairline)}.navbar__inner{max-width:var(--layout-max);margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:12px}.nav-left{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.nav-right{flex-shrink:0;display:flex;align-items:center;gap:10px}.brand-icon{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#ffffff1a;overflow:hidden}.brand-icon img{width:100%;height:100%;object-fit:cover;display:block}.brand-title{font-weight:600}.brand-sub{font-size:12px;opacity:.6}.nav-action{appearance:none;border:0;background:transparent;color:var(--text);padding:6px 8px;border-radius:9px;cursor:pointer;opacity:.86}.nav-action:hover{opacity:1;background:#ffffff0f}.nav-action--strong{opacity:1;background:#ffffff14}.nav-menu{display:flex;align-items:center;gap:10px;margin-left:10px;flex-wrap:nowrap;white-space:nowrap;min-width:0;overflow:hidden}.nav-link{appearance:none;border:0;background:transparent;color:var(--text);padding:6px;border-radius:8px;font:inherit;opacity:.86;cursor:pointer;white-space:nowrap}.nav-link:hover{opacity:1;background:#ffffff0f}.nav-link--active{opacity:1;background:#ffffff17}.ux-dropdown{background:var(--nav);border-bottom:1px solid var(--hairline);overflow:hidden;max-height:0;transition:max-height .18s cubic-bezier(.2,.8,.2,1)}.ux-dropdown--open{max-height:180px}.ux-dropdown__inner{max-width:var(--layout-max);margin:0 auto;padding:8px 16px 10px}.ux-dropdown__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.ux-dropdown__item{display:block;background:transparent;padding:6px 8px;border-radius:8px;color:var(--text);text-decoration:none;opacity:.92}.ux-dropdown__item:hover{background:#ffffff0f;opacity:1}@media(max-width:980px){.ux-dropdown--open{max-height:320px}.ux-dropdown__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.navbar__inner{padding:8px 12px}.nav-menu{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.nav-link{padding:8px 10px;border-radius:10px}.nav-right{flex-wrap:wrap;justify-content:flex-end;gap:8px}.ux-dropdown--open{max-height:min(70vh,520px)}.ux-dropdown__inner{padding:10px 12px 12px}.ux-dropdown__grid{grid-template-columns:1fr;gap:6px}.ux-dropdown__item{padding:12px;border-radius:12px}}.page{max-width:var(--layout-max);margin:0 auto;padding:22px 16px 60px}.page h1{margin:10px 0 6px}.page p{color:var(--muted)}.card,.panel,.box{background:var(--card);border:1px solid var(--hairline);border-radius:12px;box-shadow:var(--shadow)}.card{padding:16px}.panel{padding:14px}button,input,select{font:inherit}.btn,button{border-radius:10px}button{border:1px solid var(--hairline);background:#ffffff0f;color:var(--text);padding:8px 12px;cursor:pointer}button:hover{background:#ffffff1a}button:disabled{opacity:.55;cursor:not-allowed}input,select{width:100%;border:1px solid var(--hairline);background:#ffffff0a;color:var(--text);padding:10px 12px;border-radius:10px;outline:none}input:focus,select:focus{border-color:#4da3ff73}.ux-dropdown__inner{padding-top:6px!important;padding-bottom:10px!important}.ux-dropdown__grid{grid-template-columns:repeat(auto-fit,minmax(180px,220px))!important;justify-content:start!important;align-items:start!important;gap:4px 16px!important}.ux-dropdown__item{padding:6px 8px!important;max-width:220px}@media(max-width:720px){.page{padding:16px 12px 50px}.ux-dropdown__grid{grid-template-columns:1fr!important;gap:6px!important}.ux-dropdown__item{max-width:none;padding:12px!important}}:root{--panel-max: 860px}.page .card,.page .panel,.page .box{max-width:var(--panel-max);margin-left:auto;margin-right:auto}main .card,main .panel,main .box{max-width:var(--panel-max);margin-left:auto;margin-right:auto}:root{--panel-max: 760px;--content-gutter: 24px}.page .card,.page .panel,.page .box{max-width:var(--panel-max)!important;margin-left:var(--content-gutter)!important;margin-right:auto!important}@media(max-width:720px){:root{--content-gutter: 12px;--panel-max: 100%}.page .card,.page .panel,.page .box{margin-left:var(--content-gutter)!important;margin-right:var(--content-gutter)!important}}.page{padding-top:calc(22px + var(--content-top-gap))!important}main{padding-top:var(--content-top-gap)}@media(max-width:720px){:root{--content-top-gap: 14px}}:root{--first-card-gap: 18px}.page>.card,.page>.panel,.page>.box{margin-top:var(--first-card-gap)!important}@media(max-width:720px){:root{--first-card-gap: 14px}}:root{--first-card-gap: 26px}.page :is(.card,.panel,.box):first-of-type{margin-top:var(--first-card-gap)!important}.page :is(.card,.panel,.box){scroll-margin-top:var(--first-card-gap)}@media(max-width:720px){:root{--first-card-gap: 18px}}:root{--page-top-gap: 22px}.page{padding-top:calc(22px + var(--page-top-gap))!important}@media(max-width:720px){:root{--page-top-gap: 16px}}