:root{--green: #0f5132;--green-2: #198754;--gold: #b8860b;--bg: #f6f4ee;--card: #ffffff;--ink: #1d2521;--muted: #6b7280;--line: #e6e2d8;--red: #b91c1c;--amber: #b45309;--shadow: 0 2px 10px rgba(15, 81, 50, .08)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}a{color:var(--green-2)}.app{max-width:760px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{padding:14px 16px;background:var(--green);color:#fff;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.account{flex-shrink:0}.acct-box{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.acct-name{font-size:12px;font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.4);color:#fff;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.acct-btn.login{background:var(--gold);border-color:var(--gold);padding:8px 16px;font-size:14px}.logo{font-size:30px;line-height:1}.brand-title{font-size:20px;font-weight:800;letter-spacing:.3px}.brand-sub{font-size:12px;opacity:.85}.tabs{display:flex;background:#0c3f27;position:sticky;top:60px;z-index:4;overflow-x:auto}.tabs button{flex:1 0 auto;white-space:nowrap;padding:12px 14px;background:none;border:none;color:#cfe8db;font-size:14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent}.tabs button.on{color:#fff;border-bottom-color:var(--gold);background:#ffffff0f}.tabs button.tab-admin{color:var(--gold);flex:0 0 auto}.content{flex:1;padding:18px 16px 28px}.btn{border:1px solid var(--green);background:#fff;color:var(--green);padding:10px 18px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer}.btn.primary{background:var(--green);color:#fff}.btn.wide{width:100%;margin-top:12px}.btn:disabled{opacity:.6;cursor:default}.link{background:none;border:none;color:var(--green-2);font-weight:700;cursor:pointer;padding:0}.hero{background:linear-gradient(135deg,var(--green),var(--green-2));color:#fff;border-radius:16px;padding:26px 22px;box-shadow:var(--shadow)}.hero h1{margin:0 0 8px;font-size:24px}.hero p{margin:0 0 16px;opacity:.95}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .btn{border-color:#fff}.hero-actions .btn:not(.primary){background:#ffffff1f;color:#fff}.hero-actions .btn.primary{background:#fff;color:var(--green)}.cards{display:grid;gap:12px;margin-top:18px}.card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;cursor:pointer;box-shadow:var(--shadow)}.card-icon{font-size:26px}.card-title{font-weight:800;font-size:17px;margin:6px 0 4px}.card-desc{color:var(--muted);font-size:14px}.principle{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.principle h2{margin:0 0 8px;color:var(--green);font-size:18px}.principle p{margin:0;font-size:15px}.searchbar{display:flex;gap:8px}.searchbar input{flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;color:var(--green);font-weight:600}.chip:hover{border-color:var(--green-2)}.status{padding:12px 0;color:var(--muted)}.status.error{color:var(--red)}.status.muted{font-size:13px}.muted{color:var(--muted)}.post-list{display:grid;gap:12px}.post{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;box-shadow:var(--shadow)}.post-title{font-weight:700;color:var(--green);font-size:16px;margin-bottom:4px}.post-meta{font-size:12px;color:var(--muted);margin-bottom:6px}.post-excerpt{font-size:14px;color:#3a423d}.keybox{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px}.keyrow{display:flex;justify-content:space-between;align-items:center}.keyrow label{font-weight:700}.keyedit{margin-top:10px;display:grid;gap:8px}.keyedit input,.keyedit select{padding:10px;border:1px solid var(--line);border-radius:8px;font-size:14px}.hint{font-size:12px;color:var(--muted);margin:0}.keystatus{font-size:13px;color:var(--muted);margin-top:6px}.ask-input{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;resize:vertical}.answer{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.answer-body h2{color:var(--green);font-size:18px;margin:16px 0 6px}.answer-body h3{color:var(--green-2);font-size:16px;margin:14px 0 6px}.answer-body h2:first-child{margin-top:0}.answer-body ul,.answer-body ol{padding-left:22px;margin:6px 0}.answer-body p{margin:8px 0}.answer-body code{background:#eef2ee;padding:1px 5px;border-radius:4px;font-size:90%}.sources{margin-top:16px;border-top:1px dashed var(--line);padding-top:12px}.sources h3{margin:0 0 8px;font-size:15px;color:var(--green)}.source{display:block;text-align:left;width:100%;background:#f3f6f3;border:1px solid var(--line);border-radius:8px;padding:9px 11px;margin-bottom:7px;cursor:pointer;font-size:14px;color:var(--green-2)}.src-num{font-weight:800;color:var(--gold);margin-right:4px}.examples{margin-top:22px}.ex-title{font-weight:700;margin-bottom:8px;color:var(--muted)}.ex{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin-bottom:8px;cursor:pointer;font-size:14px}.disclaimer{color:var(--amber);font-size:13px}.disclaimer.small{font-size:12px;margin:12px 0 0}.check h2{color:var(--green);margin:0 0 6px}.field{display:block;margin:12px 0}.field span{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.field input,.field select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;font-size:15px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 460px){.grid2{grid-template-columns:1fr}}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.arm{background:#f3f6f3;border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.arm-title{font-weight:800;color:var(--green);margin-bottom:6px}.arm .field{margin:4px 0}.arm .field span{font-size:12px}.side-block{margin-top:14px}.side-label{font-weight:800;color:var(--green);margin-bottom:6px}.result{margin-top:18px}.result-summary{background:#eef6f0;border:1px solid var(--line);border-radius:12px;padding:13px;font-weight:600}.metabolic{margin-top:10px;background:#fff7e6;border:1px solid #f0d98a;border-radius:12px;padding:13px;font-size:14px}.result-items{display:grid;gap:10px;margin-top:12px}.ritem{background:#fff;border:1px solid var(--line);border-left-width:5px;border-radius:10px;padding:12px}.ritem.ok{border-left-color:var(--green-2)}.ritem.low{border-left-color:#2563eb}.ritem.high{border-left-color:var(--red)}.ritem-head{display:flex;justify-content:space-between;align-items:center}.ritem-name{font-weight:700}.badge{font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px}.badge.ok{background:#d1f0dd;color:var(--green)}.badge.low{background:#dbeafe;color:#1e40af}.badge.high{background:#fee2e2;color:var(--red)}.ritem-vals{font-size:14px;margin:5px 0}.ritem-note{font-size:13px;color:var(--muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-body{background:#fff;width:100%;max-width:760px;max-height:92vh;overflow-y:auto;border-radius:16px 16px 0 0;padding:18px 16px 28px}@media (min-width: 600px){.modal{align-items:center}.modal-body{border-radius:16px}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;position:sticky;top:0;background:#fff}.modal-head h2{margin:0;font-size:19px;color:var(--green)}.close{background:#eee;border:none;width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;flex-shrink:0}.modal-meta{font-size:12px;color:var(--muted);margin:6px 0 12px}.article{font-size:15px}.article img{max-width:100%;height:auto;border-radius:8px}.article a{word-break:break-word}.article table{max-width:100%}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:18px;font-weight:700}.gate-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(160deg,var(--green) 0%,var(--green-2) 45%,var(--bg) 45.1%)}.gate-card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 20px;box-shadow:0 10px 30px #0f51322e}.gate-brand{text-align:center}.gate-logo{font-size:46px;line-height:1;display:block}.gate-brand h1{margin:6px 0 2px;font-size:24px;color:var(--green)}.gate-tagline{margin:0;font-size:13px;color:var(--muted)}.gate-lead{margin:14px 0 4px;font-size:14px;color:var(--ink);text-align:center}.gate-foot{margin:14px 0 0;font-size:12px;color:var(--muted);text-align:center}.gate-card .disclaimer.small{text-align:center}.auth-modal{max-width:460px}.auth-switch{display:flex;gap:8px;margin:8px 0 12px}.auth-switch button{flex:1;padding:10px;border:1px solid var(--line);background:#fff;border-radius:9px;font-weight:700;cursor:pointer;color:var(--muted)}.auth-switch button.on{background:var(--green);color:#fff;border-color:var(--green)}.giaoluu .gl-head h2{color:var(--green);margin:0 0 4px}.gl-composer{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin:12px 0}.gl-composer textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;font-family:inherit;font-size:15px;resize:vertical}.gl-composer-row{display:flex;align-items:center;gap:8px;margin-top:8px}.gl-img-prev{position:relative;margin-top:8px}.gl-img-prev img{max-width:100%;border-radius:8px;display:block}.gl-login-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#eef6f0;border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;font-size:14px}.gl-mini{background:#f0f3f0;border:1px solid var(--line);border-radius:8px;padding:6px 11px;font-size:13px;cursor:pointer;font-weight:600;color:var(--ink)}.gl-mini.danger{color:var(--red)}.gl-mini.liked{background:#fde8e8}.gl-hint{font-size:12px;color:var(--muted)}.gl-feed{display:grid;gap:12px;margin-top:12px}.gl-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.gl-item-head{display:flex;align-items:center;gap:10px}.gl-avatar{width:38px;height:38px;border-radius:50%;background:var(--green-2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.gl-avatar.sm{width:30px;height:30px;font-size:13px}.gl-item-name{font-weight:700}.gl-item-time{font-size:12px;color:var(--muted)}.gl-item-text{margin:10px 0;white-space:pre-wrap}.gl-item-img{max-width:100%;border-radius:8px;cursor:pointer}.gl-actions{display:flex;gap:8px;margin-top:10px}.gl-comment-box{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}.gl-comment{display:flex;gap:8px;margin-bottom:8px}.gl-comment-meta{font-size:13px}.gl-comment-text{font-size:14px}.gl-comment-input{display:flex;gap:6px;margin-top:8px}.gl-comment-input input{flex:1;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px}.content-tab .ct-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.content-tab .ct-head h2{color:var(--green);margin:0;font-size:19px}.ct-videos{display:grid;gap:16px}.ct-articles{display:grid;gap:12px}.vcard{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.vframe{position:relative;width:100%;padding-top:56.25%;background:#000}.vframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vframe-link{display:block;padding:16px;background:#000;color:#fff;text-align:center;font-weight:700}.vcard-body{padding:12px 14px}.vcard-title{font-weight:700;color:var(--green)}.vcard-desc{font-size:14px;color:#3a423d;margin-top:4px;white-space:pre-wrap}.acard-img{width:100%;border-radius:10px 10px 0 0;display:block}.acard-main{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:0}.admin-row{display:flex;gap:8px;margin-top:10px}.mt-list{margin-top:14px;display:grid;gap:8px}.mt-row{display:flex;align-items:center;gap:8px;background:#f7f9f7;border:1px solid var(--line);border-radius:10px;padding:10px}.mt-icon{font-size:20px}.mt-info{flex:1;min-width:0}.mt-title{font-weight:700}.mt-title em{color:var(--muted);font-weight:400;font-size:12px}.mt-kind{font-size:12px;color:var(--muted)}.foot{padding:18px 16px 26px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.foot p{margin:4px 0}