*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1a1a1a;--color-surface: #2a2a2a;--color-surface-hover: #333;--color-border: #404040;--color-text: #e0e0e0;--color-text-secondary: #888;--color-text-dim: #555;--color-primary: #2196f3;--color-primary-hover: #1976d2;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-scale-stable: #4caf50;--color-scale-unstable: #ff9800;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--radius: 8px;--radius-sm: 4px}@media(prefers-color-scheme:light){:root{--color-bg: #f0f0f0;--color-surface: #ffffff;--color-surface-hover: #e8e8e8;--color-border: #ccc;--color-text: #222;--color-text-secondary: #666;--color-text-dim: #999}}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100vh}.app{max-width:960px;margin:0 auto;padding:16px;min-height:100vh;display:flex;flex-direction:column}.app__header{padding-bottom:16px;border-bottom:1px solid var(--color-border);margin-bottom:24px}.app__title{font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.app__main{flex:1;display:flex;flex-direction:column;gap:24px}.app__controls{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}@media(max-width:640px){.app__controls{grid-template-columns:1fr}}.scale-display{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:8px;min-height:180px}.scale-display__header{display:flex;justify-content:space-between;align-items:center}.scale-display__title{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.scale-display__status{font-size:.75rem;display:flex;align-items:center;gap:6px}.scale-display__status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.scale-display__value-wrapper{display:flex;align-items:baseline;gap:8px;padding:16px 0}.scale-display__value{font-family:var(--font-mono);font-size:3.5rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--color-scale-stable);transition:color .2s}.scale-display__value--unstable{color:var(--color-scale-unstable)}.scale-display__value--empty{color:var(--color-text-dim);font-size:3rem}.scale-display__unit{font-size:1.25rem;color:var(--color-text-secondary);font-weight:500}.scale-display__stability{font-size:.75rem;color:var(--color-scale-unstable);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.scale-display__stability--stable{color:var(--color-scale-stable)}.scale-display__error{font-size:.8rem;color:var(--color-error);padding:8px;background:color-mix(in srgb,var(--color-error) 10%,transparent);border-radius:var(--radius-sm)}.capture-button-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:200px}.capture-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:64px;padding:16px 32px;font-size:1.25rem;font-weight:700;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s,opacity .15s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.capture-button:hover:not(:disabled){background:var(--color-primary-hover)}.capture-button:active:not(:disabled){opacity:.85}.capture-button:disabled{opacity:.4;cursor:not-allowed}.capture-button__spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.capture-button__hint{font-size:.8rem;color:var(--color-text-secondary);text-align:center}.capture-button__feedback{font-size:.85rem;padding:10px 16px;border-radius:var(--radius-sm);text-align:center;width:100%}.capture-button__feedback--success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.capture-button__feedback--error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.readings-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px}.readings-list__title{font-size:1rem;font-weight:600;margin-bottom:16px}.readings-list__state{text-align:center;padding:32px 16px;color:var(--color-text-secondary);font-size:.9rem}.readings-list__state--error{color:var(--color-error)}.readings-list__table-wrapper{overflow-x:auto}.readings-list__table{width:100%;border-collapse:collapse;font-size:.9rem}.readings-list__table th,.readings-list__table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border)}.readings-list__table th{font-weight:600;color:var(--color-text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.readings-list__table tbody tr:hover{background:var(--color-surface-hover)}.readings-list__weight{font-family:var(--font-mono);font-weight:600}.readings-list__pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px}.readings-list__page-btn{min-width:80px;min-height:44px;padding:8px 16px;font-size:.85rem;font-weight:500;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.readings-list__page-btn:hover:not(:disabled){background:var(--color-surface-hover)}.readings-list__page-btn:disabled{opacity:.3;cursor:not-allowed}.readings-list__page-info{font-size:.85rem;color:var(--color-text-secondary);min-width:60px;text-align:center}