:root{--ink: #171b21;--ink-2: #1e242c;--ink-3: #262e38;--bone: #ede7dd;--muted: #8c96a1;--accent: #e0a33a;--glow: rgba(224, 163, 58, .32);--rule: rgba(237, 231, 221, .1);--display: "Archivo", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--bone);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{max-width:460px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative;transition:background .4s ease}.stat{font-family:var(--display);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:.88}h1{font-family:var(--display);font-weight:900;font-size:2.1rem;letter-spacing:-.035em;line-height:.95}h2{font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.sub{color:var(--muted);font-size:.9rem;line-height:1.45}.screen{flex:1;padding:26px 22px 120px;display:flex;flex-direction:column;gap:22px}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.chip{border:1px solid var(--rule);border-radius:999px;padding:6px 13px;font-size:.78rem;color:var(--muted);background:none;font-family:var(--body);cursor:pointer}.chip:hover{color:var(--bone);border-color:var(--accent)}.jsays{border-left:3px solid var(--accent);padding:4px 0 4px 16px;font-size:1.02rem;line-height:1.5;min-height:28px}.jsays.thinking{color:var(--muted);font-style:italic}.viz{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:62px}.viz i{display:block;width:4px;border-radius:2px;background:var(--accent);height:3px;transition:height 70ms linear,opacity .2s ease;opacity:.9}.viz.idle i{opacity:.18}.rings{display:flex;gap:10px}.ring{flex:1;background:var(--ink-2);border-radius:14px;padding:16px 14px 14px;border:1px solid var(--rule)}.ring .label{font-size:.72rem;color:var(--muted);margin-bottom:8px}.ring .stat{font-size:1.85rem}.ring .of{font-size:.78rem;color:var(--muted);margin-top:5px}.bar{height:4px;background:var(--ink-3);border-radius:2px;margin-top:11px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.btn{font-family:var(--body);font-weight:600;font-size:.95rem;padding:15px 20px;border-radius:12px;border:1px solid var(--rule);background:var(--ink-2);color:var(--bone);cursor:pointer;width:100%;text-align:left;transition:border-color .16s ease,background .16s ease}.btn:hover{border-color:var(--accent)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.solid{background:var(--accent);color:#14181d;border-color:var(--accent);text-align:center;font-weight:600}.btn.solid:hover{filter:brightness(1.08)}.btn .hint{display:block;color:var(--muted);font-size:.8rem;margin-top:3px;font-weight:400}.btn.solid .hint{color:#14181db3}.row{display:flex;gap:10px}.micwrap{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:460px;padding:16px 22px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--ink) 60%,rgba(23,27,33,0));display:flex;align-items:center;gap:14px}.mic{width:66px;height:66px;flex:0 0 66px;border-radius:50%;border:none;background:var(--accent);color:#14181d;cursor:pointer;display:grid;place-items:center;box-shadow:0 0 0 0 var(--glow);transition:box-shadow .2s ease,transform .12s ease}.mic:active{transform:scale(.94)}.mic.live{animation:listening 1.5s ease-out infinite}.mic:focus-visible{outline:3px solid var(--bone);outline-offset:3px}@keyframes listening{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 18px #0000}to{box-shadow:0 0 #0000}}.transcript{flex:1;color:var(--muted);font-size:.92rem;line-height:1.4;min-height:1.4em}.transcript strong{color:var(--bone);font-weight:500}.slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:34px;background:none;cursor:pointer}.slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#e8442b,#e0a33a,#5fa8a0)}.slider::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(to right,#e8442b,#e0a33a,#5fa8a0)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--bone);border:4px solid var(--accent);margin-top:-10px;transition:border-color .3s ease}.slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--bone);border:4px solid var(--accent)}.slider:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:6px}.items{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink-2);border:1px solid var(--rule);border-radius:10px;padding:12px 14px;font-size:.92rem}.item .macro{color:var(--accent);font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums}.item .kcal{color:var(--muted);font-size:.8rem}.timer{text-align:center;padding:28px 0 18px}.timer .stat{font-size:5.2rem}.timer .phase{color:var(--muted);font-size:.9rem;margin-top:10px}.setcount{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:6px}.setcount b{width:11px;height:11px;border-radius:3px;background:var(--accent);display:block}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:.82rem;color:var(--muted)}.field input[type=text],.field input[type=number]{background:var(--ink-2);border:1px solid var(--rule);border-radius:10px;padding:13px 14px;color:var(--bone);font-family:var(--body);font-size:1rem;width:100%}.field input:focus{outline:none;border-color:var(--accent)}.note{font-size:.82rem;color:var(--muted);border-top:1px solid var(--rule);padding-top:14px;line-height:1.5}.spacer{flex:1}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition-duration:1ms!important}}