html,body{height:100%;margin:0;padding:0;overflow-x:hidden}::selection{color:#fff;background:#000}.main-content{width:100%;max-width:1000px;margin:0 auto;padding:2rem}.main-content-narrow{width:100%;max-width:480px;margin:0 auto;padding:2rem}.heading-lg{margin:0 0 4px;font-size:24px;font-weight:700}.heading-md{margin:0 0 4px;font-size:22px;font-weight:700}.heading-sm{margin:0 0 4px;font-size:18px;font-weight:700}.text-dim{color:var(--pui-text-dim);margin:0 0 24px}.text-dim-sm{color:var(--pui-text-dim);margin:0 0 16px;font-size:13px}.text-dim-xs{color:var(--pui-text-dim);margin:0;font-size:13px}.text-weight{color:var(--pui-text-dim);margin:12px 0 0;font-size:14px;font-weight:600}.text-label{margin:0 0 12px;font-size:14px;font-weight:600}.text-label-sm{color:var(--pui-text-dim);margin:0 0 12px;font-size:13px}.card-padded{padding:16px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{width:100%;max-width:400px}.auth-card-wide{width:100%;max-width:480px}.auth-logo{justify-content:center;margin-bottom:20px;display:flex}.auth-divider{align-items:center;gap:8px;margin:14px 0;display:flex}.auth-divider span{color:var(--pui-text-dim);white-space:nowrap;font-size:12px}.step-bar{gap:8px;margin-top:12px;margin-bottom:20px;display:flex}.step-item{text-align:center;flex:1}.step-track{border-radius:2px;height:3px;margin-bottom:4px}.step-track-active,.step-track-done{background:var(--pui-accent,#111)}.step-track-pending{background:var(--pui-border,#e0e0e0)}.step-label{color:var(--pui-text-dim);font-size:11px;font-weight:400}.step-label-active{color:var(--pui-text);font-size:11px;font-weight:600}.chart-skeleton{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:280px;display:flex}.skeleton-line{width:100%;height:1px}.skeleton-line-1{background:repeating-linear-gradient(90deg,#e0e0e0 0 40px,#0000 40px 48px)}.skeleton-line-2{background:repeating-linear-gradient(90deg,#e0e0e0 0 60px,#0000 60px 68px)}.skeleton-line-3{background:repeating-linear-gradient(90deg,#e0e0e0 0 35px,#0000 35px 43px)}.header-spacer{margin-left:auto}.profile-card{margin-top:16px}.profile-card-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-bmr{margin:0;font-size:28px;font-weight:700;line-height:1.2}.profile-bmr-unit{color:var(--pui-text-dim);font-size:14px;font-weight:400}.food-layout{align-items:flex-start;gap:16px;display:flex}@media (max-width:600px){.food-layout{flex-direction:column}.food-total-col{min-width:unset}}.food-total-col{flex-shrink:0;min-width:120px}.food-list-col{flex:1;min-width:0}.food-list{flex-direction:column;gap:4px;max-height:100px;margin-top:8px;display:flex;overflow-y:auto}.food-row{align-items:center;gap:8px;font-size:13px;display:flex}.food-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.food-row-kcal{color:var(--pui-text-dim);white-space:nowrap}.food-row-del{cursor:pointer;color:var(--pui-text-dim);background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:16px;line-height:1}.food-row-del:hover{color:var(--pui-danger)}.food-add-row{align-items:center;gap:6px;width:100%;display:flex}.food-add-name.pui-input,.food-add-name{flex:1 1 0;width:auto;min-width:0}.food-add-kcal.pui-input,.food-add-kcal{flex:0 0 72px;width:72px;min-width:0}.calorie-total{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.calorie-total-sum{font-size:28px;font-weight:700;line-height:1.2}.calorie-total-breakdown{color:var(--pui-text-dim);font-size:12px}.profile-meta{color:var(--pui-text-dim);margin:4px 0 0;font-size:12px}.pui-dialog{border:2px solid var(--pui-border);border-radius:var(--pui-radius);box-shadow:var(--pui-shadow-md);width:calc(100vw - 32px);max-width:420px;padding:0}.pui-dialog::backdrop{background:#00000059}.pui-dialog-inner{padding:24px}.gender-slider{border:2px solid var(--pui-border);border-radius:var(--pui-radius);display:flex;overflow:hidden}.gender-slider button{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-right:1px solid var(--pui-border);color:var(--pui-text);transition:background var(--pui-transition-fast), color var(--pui-transition-fast);background:0 0;flex:1;justify-content:center;align-items:center;padding:8px 4px;font-size:13px;font-weight:500;display:flex}.gender-slider button:last-child{border-right:none}.gender-slider button.gender-active{background:var(--pui-border);color:#fff}.info-formula{background:var(--pui-surface-muted);border:1px solid var(--pui-border);border-radius:var(--pui-radius-sm);padding:10px 14px;font-family:monospace;font-size:13px}.pui-dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.dashboard-grid{grid-template-rows:320px;grid-template-columns:240px 1fr;grid-auto-rows:auto;gap:16px;display:grid}@media (max-width:600px){.dashboard-grid{grid-template-rows:auto;grid-template-columns:1fr}.dashboard-human{justify-content:center}.dashboard-card{height:auto}.dashboard-full{grid-column:1}}.dashboard-human{justify-content:center;align-items:center;display:flex}.dashboard-card{box-sizing:border-box;height:100%}.dashboard-full{grid-column:1/-1}
:root{--pui-bg:#fff;--pui-surface:#fff;--pui-surface-muted:#f7f7f7;--pui-border:#000;--pui-accent:#a4dbff;--pui-accent-hover:#91d3ff;--pui-accent-soft:#d0e8f1;--pui-success:#30a882;--pui-success-soft:#caf5e2;--pui-warning:#b86f2a;--pui-warning-soft:#f6e7d8;--pui-danger:#d84e4e;--pui-danger-soft:#ebcbcb;--pui-nav-soft:#f4edd9;--pui-nav-text:#6a571f;--pui-text:#111;--pui-text-dim:#4a4a4a;--pui-text-strong:#000;--pui-radius:10px;--pui-radius-sm:6px;--pui-shadow-sm:0 2px 8px #00000014;--pui-shadow-md:0 6px 18px #00000030;--pui-transition-fast:.15s ease}.pui-root,.pui-root *,.pui-root :before,.pui-root :after{box-sizing:border-box}.pui-root{background:var(--pui-bg);min-height:100%;color:var(--pui-text);font-family:var(--pui-font);font-size:14px;line-height:1.5}.pui-hidden{display:none!important}.pui-stack{flex-direction:column;gap:10px;display:flex}.pui-cluster{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pui-scrollbar::-webkit-scrollbar{width:7px;height:7px}.pui-scrollbar::-webkit-scrollbar-track{background:0 0}.pui-scrollbar::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:4px}.pui-scrollbar::-webkit-scrollbar-thumb:hover{background:#8f8f8f}
.pui-app{flex-direction:column;min-height:100vh;display:flex}.pui-header{background:var(--pui-surface);border-bottom:1px solid var(--pui-border);min-height:44px;box-shadow:var(--pui-shadow-sm);flex-shrink:0;align-items:center;gap:16px;padding:0 16px;display:flex}.pui-logo{color:var(--pui-text-strong);letter-spacing:.5px;font-size:15px;font-weight:700}.pui-version{color:var(--pui-text-dim);font-size:11px}.pui-nav{gap:4px;display:flex}.pui-card{background:var(--pui-surface);border:1px solid var(--pui-border);border-radius:var(--pui-radius);box-shadow:var(--pui-shadow-sm);padding:14px 16px}.pui-section-title{color:var(--pui-text-dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:600}.pui-divider{border:0;border-top:1px solid var(--pui-border);margin:12px 0}.pui-btn,.pui-nav-btn{border:1px solid var(--pui-border);border-radius:var(--pui-radius);background:var(--pui-surface);color:var(--pui-text);font:inherit;cursor:pointer;transition:background var(--pui-transition-fast), box-shadow var(--pui-transition-fast), border-color var(--pui-transition-fast), color var(--pui-transition-fast), transform var(--pui-transition-fast);box-shadow:var(--pui-shadow-sm);justify-content:center;align-items:center;gap:6px;line-height:1.2;text-decoration:none;display:inline-flex}.pui-btn{min-height:34px;padding:6px 14px;font-size:13px}.pui-nav-btn{min-height:32px;padding:4px 16px;font-size:13px;font-weight:600}.pui-btn:hover,.pui-nav-btn:hover{border-color:var(--pui-border);background:#f2f2f2}.pui-btn:focus-visible,.pui-nav-btn:focus-visible{box-shadow:var(--pui-shadow-sm), 0 0 0 2px #007acc2e;outline:none}.pui-btn:active,.pui-nav-btn:active{transform:translateY(1px)}.pui-btn:disabled,.pui-nav-btn:disabled,.pui-btn[aria-disabled=true],.pui-nav-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;transform:none}.pui-btn-primary{background:var(--pui-accent-soft);color:#1f566a}.pui-btn-primary:hover{box-shadow:var(--pui-shadow-sm), 0 0 18px #1a8ad45c;background:#dcecf0}.pui-btn-success{background:var(--pui-success-soft);color:#0f5f46}.pui-btn-success:hover{box-shadow:var(--pui-shadow-sm), 0 0 18px #1f8f6b4d;background:#dcf0e8}.pui-btn-danger{background:var(--pui-danger-soft);color:var(--pui-danger)}.pui-btn-danger:hover{box-shadow:var(--pui-shadow-sm), 0 0 18px #f4474757;background:#ffdede}.pui-btn-warning{background:var(--pui-warning-soft);color:var(--pui-warning)}.pui-btn-warning:hover{box-shadow:var(--pui-shadow-sm), 0 0 18px #b86f2a52;background:#ffe9cf}.pui-nav-btn-active,.pui-nav-btn[aria-current=page]{background:var(--pui-nav-soft);color:var(--pui-nav-text);box-shadow:var(--pui-shadow-sm), 0 0 12px #d4861a33;cursor:default}.pui-btn-sm{min-height:28px;padding:3px 10px;font-size:12px}.pui-btn-icon{min-width:34px;padding:5px 8px}.pui-btn-group{flex-wrap:wrap;gap:4px;display:flex}.pui-badge-dot{background:var(--pui-text-dim);border-radius:50%;width:8px;height:8px}.pui-badge-dot.is-success{background:var(--pui-success)}.pui-badge-dot.is-danger{background:var(--pui-danger)}
.pui-label{color:var(--pui-text-dim);margin-bottom:4px;font-size:12px;display:block}.pui-input,.pui-select,.pui-textarea{border:1px solid var(--pui-border);border-radius:var(--pui-radius);background:var(--pui-surface);width:100%;color:var(--pui-text);font:inherit;transition:border-color var(--pui-transition-fast), box-shadow var(--pui-transition-fast);box-shadow:var(--pui-shadow-sm);outline:none;padding:5px 10px}.pui-textarea{resize:vertical;min-height:96px}.pui-range{width:100%;accent-color:var(--pui-accent);cursor:pointer}.pui-input:focus,.pui-select:focus,.pui-textarea:focus,.pui-range:focus-visible{border-color:var(--pui-accent);box-shadow:0 0 0 2px #007acc2e}.pui-field{margin-bottom:10px}.pui-field-row{align-items:flex-end;gap:8px;margin-bottom:10px;display:flex}.pui-field-row>.pui-field{flex:1;margin-bottom:0}.pui-file-row{align-items:center;gap:6px;display:flex}.pui-file-row .pui-input{font-family:var(--pui-mono);flex:1;font-size:12px}.pui-badge{border:1px solid var(--pui-border);border-radius:var(--pui-radius-sm);background:var(--pui-surface);min-height:22px;color:var(--pui-text-dim);box-shadow:var(--pui-shadow-sm);align-items:center;padding:2px 6px;font-size:10px;display:inline-flex}.pui-badge.is-success{color:var(--pui-success)}
.pui-toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.pui-toast{border:1px solid var(--pui-border);border-radius:var(--pui-radius);background:var(--pui-surface);max-width:360px;color:var(--pui-text);box-shadow:var(--pui-shadow-md);padding:10px 16px;font-size:13px;animation:.2s pui-toast-in}.pui-toast.is-error{border-left:3px solid var(--pui-danger)}.pui-toast.is-success{border-left:3px solid var(--pui-success)}.pui-toast.is-info{border-left:3px solid var(--pui-accent)}@keyframes pui-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pui-modal-backdrop{z-index:1000;background:#00000061;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pui-modal-box{border:1px solid var(--pui-border);border-radius:var(--pui-radius);background:var(--pui-surface);width:min(420px,95vw);box-shadow:var(--pui-shadow-md);padding:20px 22px 16px}.pui-modal-title{margin-bottom:14px;font-size:14px;font-weight:700}.pui-modal-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pui-modal-grid>.pui-field{margin-bottom:0}.pui-modal-grid>.pui-field.is-full{grid-column:1/-1}.pui-modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (max-width:640px){.pui-modal-grid{grid-template-columns:1fr}.pui-modal-grid>.pui-field.is-full{grid-column:auto}.pui-modal-actions{flex-direction:column}.pui-modal-actions>.pui-btn{width:100%}}