@layer components{.sm-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:16px}.sm-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.sm-card__title{margin:0;font-size:22px;line-height:1.1;letter-spacing:.04em}.sm-card__kcal{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--accent);text-transform:uppercase}.sm-arena__mac{display:grid;gap:16px;align-content:start}.sm-card__head--wrap{flex-wrap:wrap}.sm-day__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.sm-day__summary{margin:0;font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:.02em}.sm-day__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.sm-day__field{display:grid;gap:6px;min-width:0}.sm-day__name{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--text-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sm-day__box{display:flex;align-items:baseline;gap:6px}.sm-day__input{width:100%;min-width:0;min-height:44px;background:transparent;border:0;border-bottom:2px solid var(--control);color:var(--ink);font-family:var(--font-display);font-weight:900;font-size:32px;line-height:1;text-align:center;padding:0}.sm-day__input:focus{color:var(--accent);border-bottom-color:var(--accent);outline:none}.sm-day__input:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.sm-left__bar{display:flex;justify-content:space-between;gap:8px 12px;margin-bottom:4px}.sm-left__bar,.sm-left__share{align-items:center;flex-wrap:wrap}.sm-left__share{display:inline-flex;gap:4px}.sm-left__label{color:var(--muted);font-size:var(--text-label);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sm-toggle{min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-weight:800;margin-inline-start:auto;cursor:pointer;touch-action:manipulation}.sm-toggle:hover{border-color:var(--accent)}.sm-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sm-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sm-toggle[aria-pressed=true]:focus-visible{outline-color:var(--focus-on-accent)}.sm-cross{margin:0}.sm-cross__link{display:inline-flex;align-items:center;text-transform:none;letter-spacing:.02em;font-weight:800;font-size:14px;color:var(--muted);text-decoration-line:underline}.sm-cross__link:hover{color:var(--accent)}.sm-macro{padding-block:12px;border-top:1px solid var(--line)}.sm-macro__head{display:flex;align-items:center;gap:8px}.sm-macro__dot{width:10px;height:10px;border-radius:999px;background:var(--macro)}.sm-macro__name{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:14px;color:var(--muted)}.sm-macro__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block:8px}.sm-macro__num{display:flex;align-items:baseline;gap:6px}.sm-macro__input{width:3.2ch;min-width:96px;background:transparent;border:0;border-bottom:2px solid var(--control);color:var(--ink);font-family:var(--font-display);font-weight:900;font-size:56px;line-height:1;text-align:center;padding:0;min-height:44px}.sm-macro__input:focus{color:var(--accent);border-bottom-color:var(--accent);outline:none}.sm-macro__input:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.sm-macro__unit{font-family:var(--font-display);font-weight:900;font-size:18px;color:var(--muted)}.sm-macro__nudge{width:44px;height:44px;border-radius:999px;background:transparent;border:1.5px solid var(--control);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;touch-action:manipulation}.sm-macro__nudge:hover{border-color:var(--accent)}.sm-macro__nudge:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sm-macro__track{touch-action:pan-y;min-height:44px;display:flex;align-items:center}.sm-macro__range{-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:0;background:transparent;touch-action:pan-y;cursor:pointer}.sm-macro__range::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(to right,var(--macro) var(--fill),var(--slider-track) var(--fill))}.sm-macro__range::-moz-range-track{height:12px;border-radius:999px;background:linear-gradient(to right,var(--macro) var(--fill),var(--slider-track) var(--fill))}.sm-macro__range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-7px;border-radius:999px;background:var(--ink);border:3px solid var(--bg)}.sm-macro__range::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:var(--ink);border:3px solid var(--bg)}.sm-macro__range:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sm-slots{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.sm-slot{display:flex;align-items:center;gap:12px;min-height:56px;background:var(--surface-2);border-radius:12px;border-left:6px solid var(--bar,var(--control));padding:8px 8px 8px 12px}.sm-slot__body{flex:1;min-width:0}.sm-slot__name{display:block;color:var(--ink);font-weight:700;overflow-wrap:anywhere}.sm-slot__kind{display:block;color:var(--muted);font-size:13px}.sm-slot__tag{letter-spacing:.08em;font-size:11px;color:var(--muted);border:1px solid var(--line);padding:2px 8px}.sm-slot__tag,.sm-slot__toggle{text-transform:uppercase;border-radius:999px}.sm-slot__toggle{min-height:44px;min-width:44px;padding-inline:12px;background:transparent;border:1.5px solid var(--control);color:var(--ink);letter-spacing:.1em;font-weight:900;font-size:12px;cursor:pointer}.sm-slot__toggle[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.sm-slot__remove{width:44px;height:44px;border-radius:999px;background:transparent;border:0;color:var(--muted);font-size:22px;cursor:pointer}.sm-slot__remove:hover{color:var(--miss)}.sm-slot--open{background:transparent;border-left-width:1.5px;border:1.5px dashed var(--control);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:13px}.sm-search{position:relative}.sm-search__input{width:100%;min-height:44px;background:var(--bg);border:1.5px solid var(--control);border-radius:12px;color:var(--ink);padding:0 14px;font:inherit}.sm-search__input::placeholder{color:var(--placeholder)}.sm-search__input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sm-search__list{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:5;list-style:none;margin:0;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.7);max-height:280px;overflow-y:auto}.sm-search__opt{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 10px;border-radius:8px;color:var(--ink);cursor:pointer}.sm-search__opt:hover,.sm-search__opt[aria-selected=true]{background:var(--surface)}.sm-search__note{min-height:44px;display:flex;align-items:center;padding:6px 10px;color:var(--muted)}.sm-quick{margin-top:16px;display:grid;gap:10px}.sm-quick__label{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:12px;color:var(--muted);margin-bottom:6px}.sm-quick__pills{display:flex;flex-wrap:wrap;gap:8px}.sm-pill{min-height:44px;padding-inline:16px;border-radius:999px;background:transparent;border:1.5px solid var(--control);color:var(--ink);font:inherit;cursor:pointer}.sm-pill[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.sm-pill:disabled{opacity:.45;cursor:not-allowed}.sm-pill:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sm-quick__note{margin:0;color:var(--muted);font-size:14px}.sm-links{display:flex;gap:8px;margin-top:12px}.sm-link{min-height:44px;padding-inline:8px;background:transparent;border:0;color:var(--ink);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.sm-link:hover{color:var(--accent)}.sm-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sm-link,.sm-macro__nudge,.sm-pill,.sm-slot__toggle,.sm-toggle{transition:none}}.sm-link[aria-busy=true]{cursor:progress;animation:sm-busy 1.2s ease-in-out infinite}@keyframes sm-busy{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.sm-link[aria-busy=true]{animation:none;opacity:.6}}}