@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("/_next/static/media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("/_next/static/media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2") format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
/* Shared Home sidebar: the same navigation, icons, brand and spacing on every route. */
:root{--hf-sidebar:256px;--p4m-sidebar-width:256px;--hf-blue:#0753ff;--hf-ink:#141925;--hf-line:#dfe5ef}
html body{--p4m-sidebar-width:256px}
html body .hf-sidebar,html body .native-shell-refresh .native-sidebar.hf-sidebar{box-sizing:border-box;position:fixed;inset:0 auto 0 0;width:256px;height:100dvh;max-height:none;margin:0;border:0;border-right:1px solid #dfe5ef;border-radius:0;padding:24px 14px 18px;background:#fcfdff;box-shadow:none;z-index:40;display:flex;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#151821;font-size:17px;line-height:1.5}
html body .hf-sidebar *,html body .hf-mobile-header *{box-sizing:border-box}
html body .hf-sidebar a,html body .hf-mobile-header a{text-decoration:none}
html body .hf-sidebar :is(button,input),html body .hf-mobile-header button{font-family:inherit}
html body :is(.hf-sidebar,.hf-mobile-header) svg{display:block;flex:none;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
html body .hf-brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 8px 25px;min-height:67px;flex:none}
html body .hf-brand{display:inline-flex;align-items:center;gap:9px;min-width:0;color:#0b145d;font-size:31px;line-height:1;font-weight:780;letter-spacing:-1.2px;white-space:nowrap}
html body .hf-brand>span{color:inherit}
html body .hf-brand img.hf-brand-mark{display:block;flex:none;width:42px;height:42px;object-fit:contain;border:0;border-radius:0}
html body .hf-search{box-sizing:border-box;display:flex;align-items:center;gap:10px;flex:none;height:44px;min-width:0;margin:0 3px 20px;padding:0 11px;border:1px solid #cfd5df;border-radius:10px;background:#f5f6f9;color:#737b89}
html body .hf-search svg{width:22px;height:22px}
html body .hf-sidebar form.hf-search input{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:0;height:auto;margin:0;padding:0;box-shadow:none;border:0;border-radius:0;outline:0;background:transparent;color:#202637;font-size:16px;line-height:24px}
html body .hf-nav{display:grid;gap:5px;flex:none;margin:0;padding:0;border:0;background:transparent}
html body .hf-nav>a{display:flex;align-items:center;gap:15px;min-width:0;min-height:49px;margin:0;padding:10px 16px;border:0;border-radius:10px;background:transparent;color:#171b25;font-size:17px;font-weight:500;line-height:26px;text-align:left;box-shadow:none}
html body .hf-nav>a>span:first-child{display:inline-flex;flex:none;align-items:center;justify-content:center;width:27px;height:27px}
html body .hf-nav>a>span:nth-child(2){flex:1;min-width:0;white-space:nowrap}
html body .hf-nav svg{width:27px;height:27px}
html body .hf-nav>a:hover{background:#edf3ff}
html body .hf-nav>a[aria-current=page],html body .hf-nav>a[data-route-selected=true]{color:#fff;background:#0753ff;font-weight:650}
html body .hf-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:22px;height:22px;padding:0 5px;border:0;border-radius:20px;color:#fff;background:#ed3d50;font-size:12px;font-weight:650;line-height:22px}
html body .hf-saved-count{font-size:12px;font-weight:600}
html body .hf-create.hf-primary{display:flex;align-items:center;justify-content:center;gap:11px;flex:none;min-height:49px;margin:24px 0 0;padding:10px 14px;background:#0753ff;color:#fff;border:1px solid #0753ff;border-radius:10px;font-size:17px;font-weight:600;line-height:26px;box-shadow:none}
html body .hf-create svg{width:27px;height:27px}
html body .hf-create.hf-primary:hover{background:#0047e0}
html body :is(.hf-sidebar,.hf-mobile-header) .hf-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;min-height:0;padding:6px;margin:0;border:0;border-radius:9px;background:transparent;color:#344058;box-shadow:none;cursor:pointer}
html body :is(.hf-sidebar,.hf-mobile-header) .hf-icon-button:hover{background:#edf3ff}
html body .hf-sidebar .hf-account{display:flex;align-items:center;gap:4px;flex:none;margin-top:auto;padding:30px 5px 0;border:0}
html body .hf-account>a:first-child{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#17203a}
html body .hf-account strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:650;line-height:20px}
html body .hf-account .hf-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;width:34px;height:34px;border-radius:50%;background:#e8efff;color:#0753ff;font-size:12px;font-weight:700}
html body .hf-account .hf-avatar img{width:100%;height:100%;object-fit:cover}
html body .hf-account .hf-avatar-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
html body .hf-account .hf-icon-button{width:28px;height:34px;padding:4px}
html body .hf-account .hf-icon-button svg{width:18px;height:18px}
html body .hf-sidebar-error{font-size:12px;color:#b72b43;line-height:1.5;padding:8px 5px;margin:0}
html body :is(.hf-sidebar,.hf-mobile-header) :is(button,a,input):focus-visible{outline:3px solid #93b8ff;outline-offset:3px}
html body .hf-sidebar button:disabled{opacity:.55;cursor:default}
html body :is(.hf-sidebar,.hf-mobile-header) [hidden]{display:none!important}
html body #hf-shell>.hf-sidebar #sidebar-close{display:none}
html body .hf-mobile-header{display:none}
html body .hf-navigation-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(310px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:0;background:#fcfdff;overflow:hidden}
html body .hf-navigation-drawer::backdrop{background:#19243a66}
html body .hf-navigation-drawer .hf-sidebar{position:relative;inset:auto;display:flex;width:100%;height:100%;border:0}
html body .hf-navigation-drawer #sidebar-close{display:inline-flex}
html body .hf-navigation-drawer .hf-brand-row{padding-left:8px;padding-right:0}
@media(min-width:768px){
 html body .app-grid.native-shell-refresh,html body .app-grid.native-shell-refresh:is(.without-right,:not(:has(.right-column))){grid-template-columns:256px minmax(0,1fr)!important}
 html body.hf-home .hf-layout{margin-left:256px}
 html body.hf-loop-page>.hf-loop-content{box-sizing:border-box;width:auto;max-width:none;margin:0 0 0 256px;padding:24px;min-width:0}
 html body.hf-loop-page>.hf-loop-content>main{width:100%;max-width:900px;margin:0 auto;padding:0}
}
@media(max-width:767px){
 html body #hf-shell>.hf-sidebar,html body .native-shell-refresh>aside.native-sidebar.hf-sidebar,html body.hf-loop-page>aside.hf-sidebar{display:none}
 html body .hf-mobile-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:59px;min-height:59px;padding:7px 12px;border:0;border-bottom:1px solid #e3e8f1;background:#fcfdfff5;backdrop-filter:blur(12px);z-index:35;color:#202637}
 html body .hf-mobile-header .hf-brand{font-size:25px;letter-spacing:-.8px;gap:7px}
 html body .hf-mobile-header .hf-brand img.hf-brand-mark{width:32px;height:32px}
 html body .hf-native-mobile{position:fixed;inset:0 0 auto 0}
 html body .app-grid.native-shell-refresh .native-shell-content{padding-top:75px;padding-bottom:24px}
 html body.hf-loop-page>.hf-mobile-header{position:sticky;top:0}
 html body.hf-loop-page>.hf-loop-content{margin:0;padding:16px 12px}
 html body.hf-loop-page>.hf-loop-content>main{width:100%;margin:0;padding:0}
 html body .hf-home .hf-layout{margin-left:0}
}

/* The fixed sidebar is outside grid flow; reserve the content column explicitly. */
@media(min-width:768px){html body .app-grid.native-shell-refresh>.native-shell-content{grid-column:2}}
@media(max-width:767px){html body .app-grid.native-shell-refresh>.native-shell-content{grid-column:1}}