:root{--color-primary: #FDC800;--color-secondary: #432DD7;--color-success: #16A34A;--color-warning: #D97706;--color-danger: #DC2626;--color-surface: #FBFBF9;--color-text: #1C293C;--color-border: #1C293C;--color-muted: #6B7280;--color-white: #FFFFFF;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--text-xs: 13px;--text-sm: 15px;--text-base: 17px;--text-lg: 21px;--text-xl: 27px;--text-2xl: 35px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--border: 2px solid var(--color-border);--shadow: 4px 4px 0 var(--color-border);--shadow-sm: 2px 2px 0 var(--color-border);--radius: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);line-height:1.5;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2;color:var(--color-text)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}p{line-height:1.6}button{font-family:var(--font-primary);cursor:pointer}input,textarea,select{font-family:var(--font-primary)}.nb-card{border:var(--border);box-shadow:var(--shadow);background:var(--color-surface);padding:var(--space-4)}.nb-card-white{border:var(--border);box-shadow:var(--shadow);background:var(--color-white);padding:var(--space-4)}.nb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border);box-shadow:var(--shadow);font-size:var(--text-sm);font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:transform .05s ease,box-shadow .05s ease;text-decoration:none;white-space:nowrap;border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}.nb-btn:hover{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.nb-btn:active{transform:translate(4px,4px);box-shadow:none}.nb-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}.nb-btn-primary{background:var(--color-primary);color:var(--color-text)}.nb-btn-secondary{background:var(--color-secondary);color:var(--color-white)}.nb-btn-danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-border)}.nb-btn-success{background:var(--color-success);color:var(--color-white)}.nb-btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.nb-btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.nb-input{width:100%;border:var(--border);background:var(--color-white);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-primary);color:var(--color-text);border-radius:var(--radius);outline:none;transition:box-shadow .1s ease}.nb-input:focus{box-shadow:var(--shadow)}.nb-input::placeholder{color:var(--color-muted)}.nb-textarea{width:100%;border:var(--border);background:var(--color-white);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-primary);color:var(--color-text);border-radius:var(--radius);outline:none;resize:vertical;min-height:80px;transition:box-shadow .1s ease;line-height:1.5}.nb-textarea:focus{box-shadow:var(--shadow)}.nb-textarea::placeholder{color:var(--color-muted)}.nb-label{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.nb-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border:var(--border);font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono)}.nb-badge-primary{background:var(--color-primary);color:var(--color-text)}.nb-badge-success{background:var(--color-success);color:var(--color-white)}.nb-badge-danger{background:var(--color-danger);color:var(--color-white)}.nb-badge-warning{background:var(--color-warning);color:var(--color-white)}.app-header{background:var(--color-primary);border-bottom:var(--border);padding:0 var(--space-6);display:flex;align-items:stretch;gap:var(--space-6);position:sticky;top:0;z-index:100}.app-header__logo{font-size:var(--text-xl);font-weight:900;color:var(--color-text);padding:var(--space-4) 0;letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center}.app-header__logo span{color:var(--color-secondary)}.app-nav{display:flex;align-items:stretch;gap:0;margin-left:auto}.app-nav__tab{display:flex;align-items:center;padding:0 var(--space-4);border:none;border-left:var(--border);background:transparent;font-size:var(--text-sm);font-weight:600;color:var(--color-text);cursor:pointer;transition:background .1s ease;font-family:var(--font-primary)}.app-nav__tab:first-child{border-left:var(--border)}.app-nav__tab:hover{background:#00000014}.app-nav__tab--active{background:var(--color-text);color:var(--color-primary)}.app-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:var(--space-6)}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-8);font-size:var(--text-sm);color:var(--color-muted);font-weight:600}.error-state{padding:var(--space-4);border:var(--border);background:#fee2e2;color:var(--color-danger);font-size:var(--text-sm);font-weight:600}.empty-state{padding:var(--space-6);text-align:center;color:var(--color-muted);font-size:var(--text-sm);font-weight:500;border:2px dashed var(--color-border)}.meal-card{border:var(--border);background:var(--color-white);margin-bottom:var(--space-3)}.meal-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:var(--border);background:var(--color-surface);gap:var(--space-3)}.meal-card__description{font-weight:600;font-size:var(--text-sm);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meal-card__calories{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;background:var(--color-primary);border:var(--border);padding:2px var(--space-2);white-space:nowrap}.meal-card__items{padding:var(--space-3) var(--space-4)}.meal-item{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:var(--text-xs);color:var(--color-muted);border-bottom:1px solid var(--color-gray-200)}.meal-item:last-child{border-bottom:none}.meal-item__calories{font-family:var(--font-mono);font-weight:600;color:var(--color-text)}.stats-bar{height:12px;border:var(--border);background:var(--color-gray-200);overflow:hidden;position:relative}.stats-bar__fill{height:100%;background:var(--color-primary);transition:width .3s ease}.stats-bar__fill--over{background:var(--color-danger)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-box{border:var(--border);padding:var(--space-3);background:var(--color-white)}.stat-box__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:var(--space-1)}.stat-box__value{font-size:var(--text-lg);font-weight:800;font-family:var(--font-mono);color:var(--color-text)}.stat-box__unit{font-size:var(--text-xs);font-weight:600;color:var(--color-muted);margin-left:2px}.day-view__date-header{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border)}.period-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.period-nav__title{font-size:var(--text-lg);font-weight:800}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border:var(--border)}.calendar-header-cell{padding:var(--space-2);text-align:center;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-text);color:var(--color-primary);border-right:1px solid rgba(255,255,255,.2)}.calendar-header-cell:last-child{border-right:none}.calendar-day{border-top:var(--border);border-right:1px solid var(--color-border);padding:var(--space-2);min-height:72px;background:var(--color-white);cursor:default}.calendar-day:nth-child(7n){border-right:none}.calendar-day--empty{background:var(--color-surface)}.calendar-day--today{background:#fffbeb}.calendar-day__number{font-size:var(--text-xs);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.calendar-day--today .calendar-day__number{background:var(--color-primary);border:1px solid var(--color-border);display:inline-block;padding:0 4px}.calendar-day__calories{font-family:var(--font-mono);font-size:11px;font-weight:700}.calendar-day__bar{height:4px;margin-top:var(--space-1);background:var(--color-gray-200)}.calendar-day__bar-fill{height:100%}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2);margin-bottom:var(--space-6)}.week-day-card{border:var(--border);padding:var(--space-2);background:var(--color-white);text-align:center}.week-day-card--today{background:#fffbeb;box-shadow:var(--shadow-sm)}.week-day-card__name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.week-day-card__date{font-size:var(--text-sm);font-weight:800;margin:var(--space-1) 0}.week-day-card__kcal{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.settings-form{max-width:480px}.settings-form__group{margin-bottom:var(--space-4)}.settings-form__hint{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-2);font-style:italic}.settings-note{border:var(--border);background:#fffbeb;padding:var(--space-4);margin-top:var(--space-6)}.settings-note__title{font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.settings-note__code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-text);color:var(--color-primary);padding:var(--space-2) var(--space-3);display:block;margin-top:var(--space-2)}.meal-input{border:var(--border);box-shadow:var(--shadow);background:var(--color-white);padding:var(--space-4);margin-top:var(--space-4)}.meal-input__title{font-size:var(--text-base);font-weight:800;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border)}.meal-input__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);align-items:center}.meal-result{border:var(--border);background:#f0fdf4;margin-top:var(--space-3);padding:var(--space-3) var(--space-4)}.meal-result__title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-success);margin-bottom:var(--space-2)}.chart-container{border:var(--border);box-shadow:var(--shadow);background:var(--color-white);padding:var(--space-4);display:flex;flex-direction:column;align-items:center}.chart-container__title{font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);align-self:flex-start}@media (max-width: 640px){.app-main{padding:var(--space-3)}.app-header{padding:0 var(--space-3);flex-wrap:wrap}.app-nav__tab{padding:0 var(--space-3);font-size:var(--text-xs)}.week-strip{grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.week-day-card{padding:var(--space-1)}.stats-grid{grid-template-columns:repeat(2,1fr)}}