:root{--bg:#1a1a1e;--bg-surface:#242428;--bg-user:#2d2d32;--bg-system:#27272b;--bg-input:#2d2d32;--border:#ffffff0f;--border-strong:#ffffff1f;--text:#e8e8ed;--text-muted:#8e8e93;--text-dim:#636366;--color-cal:#ff007a;--color-pro:#00e5ff;--color-fat:#ffae00;--color-carb:#b5179e;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--radius:16px;--radius-sm:10px;--transition:.18s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow:hidden}.app-layout{flex-direction:column;max-width:720px;height:100dvh;margin:0 auto;display:flex}.header{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;padding:1.25rem 1.5rem 1rem}.title-bar{justify-content:space-between;align-items:baseline;margin-bottom:.85rem;display:flex}.title-bar h1{letter-spacing:-.02em;color:var(--text);font-size:1.1rem;font-weight:700}.title-bar .meta{color:var(--text-muted);font-size:.8rem}.summary-dashboard{-webkit-overflow-scrolling:touch;gap:.75rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.summary-dashboard::-webkit-scrollbar{display:none}.metric{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex:1 1 0;min-width:70px;padding:.75rem .85rem;display:flex;position:relative;overflow:hidden}.metric:before{content:"";opacity:.8;background:currentColor;height:2px;position:absolute;top:0;left:0;right:0}.metric.cal{color:var(--color-cal)}.metric.pro{color:var(--color-pro)}.metric.fat{color:var(--color-fat)}.metric.carb{color:var(--color-carb)}.metric .label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:.2rem;font-size:.65rem;font-weight:600}.metric .value{color:var(--text);font-size:1.15rem;font-weight:700;font-family:var(--font-mono)}.chat-area{scroll-behavior:smooth;flex-direction:column;flex-grow:1;padding:1.25rem 1.5rem 1.5rem;display:flex;overflow-y:auto}.chat-thread{flex-direction:column;gap:1rem;display:flex}.chat-intro{text-align:center;color:var(--text-dim);margin-top:.5rem;margin-bottom:.75rem;font-size:.75rem}.chat-bubble{max-width:85%;animation:bubble-in .25s var(--transition) both}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble.user{background:var(--bg-user);color:var(--text);border-radius:var(--radius) var(--radius) 4px var(--radius);border:1px solid var(--border-strong);align-self:flex-end;padding:.75rem 1.15rem;font-size:.95rem}.chat-bubble.system{background:var(--bg-system);border-radius:4px var(--radius) var(--radius) var(--radius);border:1px solid var(--border);align-self:flex-start;width:100%;padding:1rem 1.15rem;box-shadow:0 2px 12px #00000026}.reply-header{color:var(--text);margin-bottom:.85rem;font-size:.9rem;line-height:1.4}.reply-total{color:var(--text-muted);border-top:1px dashed var(--border);margin-top:.85rem;padding-top:.75rem;font-size:.75rem;font-weight:500}.chat-table{border-collapse:collapse;width:100%;font-size:.88rem}.chat-table th,.chat-table td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .3rem}.chat-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom-color:var(--border-strong);font-size:.7rem;font-weight:600}.chat-table td{color:var(--text)}.chat-table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:.85rem}.chat-table tr:last-child td{border-bottom:none}.system-actions{justify-content:flex-end;margin-top:.5rem;display:flex}.text-btn{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;border:none;padding:.3rem .6rem;font-size:.72rem;font-weight:600}.text-btn:hover{color:var(--color-cal);background:#ff007a1a}.input-section{background:var(--bg);border-top:1px solid var(--border);flex-shrink:0;padding:.75rem 1.5rem 1.25rem}.input-row{background:var(--bg-input);border:1px solid var(--border-strong);transition:border-color var(--transition);border-radius:2rem;align-items:center;gap:.75rem;padding:.4rem .4rem .4rem 1.15rem;display:flex}.input-row:focus-within{border-color:#fff3}.input-row input{color:var(--text);font-size:1rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.input-row input::placeholder{color:var(--text-dim)}.input-row button{background:var(--text);color:var(--bg);cursor:pointer;transition:opacity var(--transition);border:none;border-radius:2rem;padding:.6rem 1.15rem;font-size:.85rem;font-weight:600}.input-row button:disabled{opacity:.25;cursor:not-allowed}.status{text-align:center;border-radius:var(--radius-sm);margin-bottom:.65rem;padding:.45rem .75rem;font-size:.82rem;font-weight:500}.status.error{color:var(--color-cal);background:#ff007a1a}.status.loading{color:var(--text-muted)}.empty{text-align:center;color:var(--text-muted);margin:auto;padding:3rem 1rem}.empty div:first-child{color:var(--text);margin-bottom:.4rem;font-size:1.05rem;font-weight:600}.empty .hint{color:var(--text-dim);font-size:.85rem}@media (width<=600px){.header,.chat-area{padding:1rem}.input-section{padding:.5rem 1rem 1rem}.summary-dashboard{gap:.5rem}.metric{min-width:60px;padding:.5rem}.metric .value{font-size:1rem}}@media (pointer:coarse){.text-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}}