:root{--accent:#10b981;--accent-dark:#0d9268;--accent-soft:#ecfdf5;--ink:#1f2937;--ink-soft:#6b7280;--paper:#f7faf8;--surface:#fff;--border:#e6ebe8;--border-strong:#d3dad6;--danger:#ef4444;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1018280a, 0 8px 24px #1018280f;--shadow-soft:0 1px 2px #1018280d;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper)}button{cursor:pointer;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{max-width:1180px;margin:0 auto;padding:20px 20px 64px}.loading{min-height:60vh;color:var(--ink-soft);place-items:center;display:grid}.workspace{align-items:flex-start;gap:20px;display:flex}.workspace__timeline{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow);flex:auto;padding:16px 16px 16px 8px;overflow:hidden}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:14px 18px}.header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;margin-bottom:14px;padding-bottom:12px;display:flex}.header__brand{align-items:center;gap:11px;min-width:0;display:flex}.header__logo{color:var(--accent);font-size:24px;line-height:1}.header__titles{flex-direction:column;gap:1px;min-width:0;display:flex}.header__title{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:20px;font-weight:750;line-height:1.1}.header__subtitle{color:var(--accent-dark);font-size:12.5px;font-weight:600;text-decoration:none}.header__subtitle:hover{text-decoration:underline}.header__meta{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.header__clock{align-items:baseline;gap:7px;display:flex}.header__date{color:var(--ink-soft);font-size:13px}.header__time{color:var(--ink);font-size:15px;font-weight:700}.header__updated{color:var(--ink-soft);font-size:12.5px}.header__updated-time{color:var(--ink);font-weight:600}.header__weather{border:1px solid var(--border);background:var(--accent-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;display:inline-flex}.header__weather-emoji{font-size:15px;line-height:1}.header__weather-temp{color:var(--ink);font-weight:700}.header__weather-city{color:var(--ink-soft)}.toolbar__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar__group{align-items:center;gap:8px;display:flex}.toolbar__group--actions{margin-left:auto}.toolbar__name{flex:200px;min-width:160px;font-weight:600}.toolbar__range{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;display:flex}.toolbar__status{color:var(--ink-soft);align-items:center;gap:7px;margin-top:12px;font-size:12.5px;display:flex}.dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.dot--saving{background:#f59e0b}.dot--saved{background:var(--accent)}.quick-add{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:8px 10px;margin-top:12px;padding-top:12px;display:flex}.quick-add__label{color:var(--ink-soft);font-size:12.5px;font-weight:600}.quick-add__bubbles{flex-wrap:wrap;gap:7px;display:flex}.bubble{border:1.5px solid var(--border-strong);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:600;line-height:1;transition:transform 50ms,filter .15s;display:inline-flex}.bubble:hover{filter:brightness(.97)}.bubble:active{transform:translateY(1px)}.bubble__dot{border-radius:50%;flex:none;width:7px;height:7px}.bubble__mins{font-variant-numeric:tabular-nums;opacity:.7;font-weight:600}.menu{position:relative}.menu__summary{cursor:pointer;align-items:center;list-style:none;display:inline-flex}.menu__summary::-webkit-details-marker{display:none}.menu__panel{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:280px;box-shadow:var(--shadow);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.menu__item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:2px;padding:9px 10px;transition:background .12s;display:flex}.menu__item:hover{background:var(--paper)}.menu__item-name{color:var(--ink);font-size:13.5px;font-weight:650}.menu__item-desc{color:var(--ink-soft);font-size:12px}.input,.select{appearance:none;border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--radius-sm);color:var(--ink);padding:9px 11px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input--time{padding:7px 8px}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:150px;padding-right:28px}.btn{border-radius:var(--radius-sm);border:1px solid #0000;padding:9px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s,transform 50ms}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-dark)}.btn--outline{background:var(--surface);border-color:var(--accent);color:var(--accent-dark)}.btn--outline:hover{background:var(--accent-soft)}.btn--ghost{border-color:var(--border-strong);color:var(--ink);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--paper)}.btn--danger{background:var(--surface);border-color:var(--danger);color:var(--danger);width:100%;margin-top:6px}.btn--danger:hover{background:#fef2f2}.icon-btn{color:var(--ink-soft);background:0 0;border:none;border-radius:8px;padding:6px;font-size:15px;line-height:1}.icon-btn:hover{background:var(--paper);color:var(--ink)}.timeline{margin-left:64px;position:relative}.timeline__grid{position:absolute;inset:0}.timeline__hour{height:0;position:absolute;left:-64px;right:0}.timeline__hour-label{text-align:right;font-variant-numeric:tabular-nums;width:54px;color:var(--ink-soft);font-size:11.5px;position:absolute;top:-7px;left:0}.timeline__hour-line{border-top:1px dashed var(--border);position:absolute;top:0;left:64px;right:0}.timeline__blocks{position:absolute;inset:0}.timeline__empty{color:var(--ink-soft);font-size:14px;position:absolute;top:24px;left:16px;right:16px}.block{border:1px solid var(--border);border-left:4px solid var(--border-strong);box-shadow:var(--shadow-soft);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;transition:box-shadow .15s;position:absolute;left:8px;right:8px;overflow:hidden}.block:hover{box-shadow:0 2px 6px #1018281a}.block--selected{outline:2px solid var(--accent);outline-offset:1px}.block--dragging{cursor:grabbing;opacity:.95;box-shadow:0 12px 28px #1018282e}.block__body{align-items:center;gap:9px;height:100%;padding:7px 10px;display:flex}.block__thumb{object-fit:cover;background:var(--paper);border-radius:7px;flex:none;width:34px;height:34px}.block__text{flex:auto;min-width:0}.block__title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:650;overflow:hidden}.block__meta{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:11.5px}.block__dot{margin:0 5px}.block__link{color:var(--accent-dark);border-radius:6px;flex:none;padding:2px 5px;font-size:15px;text-decoration:none}.block__link:hover{background:var(--accent-soft)}.block__resize{cursor:ns-resize;z-index:2;height:9px;position:absolute;left:0;right:0}.block__resize--top{top:0}.block__resize--bottom{bottom:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:320px;box-shadow:var(--shadow);flex:0 0 320px;padding:18px;position:sticky;top:20px}.panel--empty{place-items:center;min-height:140px;display:grid}.panel__hint{color:var(--ink-soft);text-align:center;margin:0;font-size:14px}.panel__header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel__title{margin:0;font-size:16px}.panel__preview{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;max-height:150px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field__label{color:var(--ink-soft);font-size:12.5px;font-weight:600}.field-row{gap:10px;display:flex}.field-row .field{flex:1}.chips{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1.5px solid var(--border-strong);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:transform 50ms}.chip:active{transform:translateY(1px)}.modal-backdrop{z-index:50;background:#10182873;place-items:start center;padding:40px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;padding:20px}.macro-modal{max-width:560px}.macro-section{margin-top:18px}.macro-section:first-of-type{margin-top:4px}.macro-section__title{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin:0 0 10px;font-size:13px;font-weight:700}.macro-section__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.macro-section__head .macro-section__title{margin:0}.macro-daily{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.macro-daily .field{margin-bottom:0}.macro-calories{border-radius:var(--radius-sm);background:var(--accent-soft);height:38px;color:var(--accent-dark);font-variant-numeric:tabular-nums;align-items:center;padding:0 11px;font-weight:700;display:flex}.macro-table{flex-direction:column;gap:6px;display:flex}.macro-row{grid-template-columns:1.4fr 1fr 1fr 1fr .7fr;align-items:center;gap:8px;display:grid}.macro-row--head{color:var(--ink-soft);padding:0 2px;font-size:11.5px;font-weight:600}.macro-row--head>span{text-align:center}.macro-row--head>span:first-child{text-align:left}.macro-col--kcal{text-align:center}.macro-row__name{color:var(--ink);align-items:baseline;gap:6px;font-size:13.5px;font-weight:650;display:flex}.macro-row__name small{color:var(--ink-soft);font-size:11px;font-weight:600}.input--macro{text-align:center;font-variant-numeric:tabular-nums;padding:7px 8px}.macro-row__kcal{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:12.5px}.macro-row--foot{border-top:1px solid var(--border);margin-top:4px;padding-top:10px}.macro-delta{text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;padding:4px 0;font-size:12px;font-weight:700}.macro-delta--ok{color:var(--accent-dark);background:var(--accent-soft)}.macro-delta--under{color:#b45309;background:#fffbeb}.macro-delta--over{color:var(--danger);background:#fef2f2}.macro-hint{color:var(--ink-soft);margin:12px 0 0;font-size:12px;line-height:1.5}.btn--sm{padding:6px 10px;font-size:12.5px}@media (width<=820px){.workspace{flex-direction:column}.panel{flex-basis:auto;width:100%;position:static}.toolbar__group--actions{margin-left:0}.toolbar__name{flex-basis:100%;order:-1}.macro-daily{grid-template-columns:repeat(2,1fr)}}.print-only{display:none}@media print{.no-print{display:none!important}.app{max-width:none;padding:0}body{background:#fff}.print-only{display:block}.print-doc{color:#111;font-size:12pt}.print-doc__header{border-bottom:2px solid var(--accent);margin-bottom:14pt;padding-bottom:8pt}.print-doc__title{margin:0;font-size:22pt}.print-doc__date{color:#555;margin:4pt 0 0;font-size:11pt}.print-doc__list{margin:0;padding:0;list-style:none}.print-block{break-inside:avoid;border-bottom:1px solid #ddd;gap:14pt;padding:9pt 0;display:flex}.print-block__time{font-variant-numeric:tabular-nums;text-align:right;flex:0 0 70pt;font-weight:700;line-height:1.35}.print-block__body{flex:1}.print-block__heading{align-items:baseline;gap:8pt;display:flex}.print-block__tag{text-transform:uppercase;letter-spacing:.04em;border:1.5pt solid #999;border-radius:999px;padding:1pt 7pt;font-size:8.5pt;font-weight:700}.print-block__title{font-size:13pt;font-weight:700}.print-block__link{color:#0d6b4f;word-break:break-all;margin-top:3pt;font-size:10pt}.print-block__image{object-fit:cover;border-radius:5pt;max-width:220pt;max-height:150pt;margin-top:6pt}.print-doc__footer{color:#777;text-align:center;border-top:1px solid #ddd;margin-top:16pt;padding-top:8pt;font-size:9.5pt}@page{margin:1.4cm}}