:root{--bg:#0d0d1a;--surface:#161628;--surface-2:#1e1e36;--border:#272744;--accent:#4f8ef7;--accent-dim:#4f8ef726;--success:#30d158;--success-dim:#30d15826;--error:#ff453a;--error-dim:#ff453a26;--info-dim:#4f8ef71f;--text:#e8e8f5;--text-2:#88a;--text-3:#55557a;--blue:#4f8ef7;--blue-dim:#4f8ef72e;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100svh}#root{justify-content:center;min-height:100svh;display:flex}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input{font:inherit;color:inherit}em{font-style:normal}.app{background:var(--bg);flex-direction:column;width:100%;max-width:480px;min-height:100svh;display:flex}.scan-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:2rem 1.5rem;display:flex}.scan-hero{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.scan-icon-wrap{width:96px;height:96px;color:var(--accent);justify-content:center;align-items:center;display:flex}.scan-icon-wrap.scanning{animation:1.6s ease-in-out infinite pulse}.scan-icon{width:80px;height:80px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.96)}}.scan-title{letter-spacing:-.5px;color:var(--text);margin:0;font-size:2rem;font-weight:700}.scan-subtitle{color:var(--text-2);font-size:.875rem}.scan-hint{color:var(--text-3);font-size:.8rem;line-height:1.6}.scanning-hint{color:var(--accent);background:var(--accent-dim);border-radius:8px;padding:.625rem 1rem}.pw-row{align-items:center;gap:.5rem;display:flex}.btn-eye{color:var(--text-3);border-radius:4px;flex-shrink:0;align-items:center;padding:.25rem;transition:color .15s;display:flex}.btn-eye:hover{color:var(--text-2)}.home-screen{flex-direction:column;flex:1;display:flex}.home-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem .75rem;display:flex}.device-info{align-items:center;gap:.5rem;display:flex}.device-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 6px var(--success);border-radius:50%;flex-shrink:0}.device-name{color:var(--text);font-size:.9375rem;font-weight:600}.tab-bar{border-bottom:1px solid var(--border);padding:0 1.25rem;display:flex}.tab-btn{color:var(--text-2);border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:.75rem 0;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-content{flex:1;overflow-y:auto}.view-content{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);justify-content:space-between;align-items:center;padding:.625rem 0 .25rem;font-size:.75rem;font-weight:600;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-2);flex-shrink:0;font-size:.875rem}.info-value{color:var(--text);text-align:right;word-break:break-all;font-size:.875rem}.info-value.mono{font-family:ui-monospace,Consolas,monospace;font-size:.8125rem}.empty{color:var(--text-3);font-size:.8125rem}.badge{border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-success{color:var(--success);background:var(--success-dim)}.badge-blue{color:var(--blue);background:var(--blue-dim)}.badge-muted{color:var(--text-3);background:var(--surface-2)}.period-table-label{grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:0 1rem .25rem;display:grid}.period-col-head{color:var(--text-3);text-align:right;font-size:.75rem}.period-row{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:.5rem;padding:.75rem 1rem;display:grid}.period-row-border{border-bottom:1px solid var(--border)}.period-type-label{color:var(--text);font-size:.875rem}.period-value{color:var(--text);text-align:right;font-family:ui-monospace,Consolas,monospace;font-size:.875rem}.period-value.muted{color:var(--text-2)}.hint-text{color:var(--text-3);padding:.25rem 0;font-size:.8rem;line-height:1.6}.edit-screen{flex-direction:column;flex:1;min-height:100svh;display:flex}.edit-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.edit-title{color:var(--text);margin:0;font-size:.9375rem;font-weight:600}.form-content{flex-direction:column;gap:.5rem;padding:1rem 1.25rem 2rem;display:flex;overflow-y:auto}.form-card{flex-direction:column;display:flex}.field{border-bottom:1px solid var(--border);cursor:text;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 1rem;display:flex}.field:last-child{border-bottom:none}.field-label{color:var(--text-2);flex-shrink:0;min-width:90px;font-size:.875rem}.field-input{color:var(--text);text-align:right;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:.875rem}.field-input.mono{font-family:ui-monospace,Consolas,monospace;font-size:.8125rem}.field-input::placeholder{color:var(--text-3)}.field-input-wrap{flex:1;justify-content:flex-end;align-items:center;gap:.375rem;display:flex}.field-unit{color:var(--text-3);flex-shrink:0;font-size:.8125rem}.btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;padding:.625rem 1.25rem}.btn-ghost{color:var(--accent);padding:.375rem .5rem}.btn-sm{border-radius:8px;font-size:.875rem}.btn-lg{border-radius:14px;width:100%;max-width:280px;padding:.875rem 2rem;font-size:1rem}.btn-full{width:100%;margin-top:.5rem}.alert{border-radius:10px;margin:0 1.25rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.alert-error{background:var(--error-dim);color:var(--error);border:1px solid #ff453a40}.alert-info{background:var(--info-dim);color:var(--accent);border:1px solid #4f8ef733}.history-empty{text-align:center;padding:1.5rem 0}.history-row{border-bottom:1px solid var(--border);flex-direction:column;gap:.25rem;padding:.75rem 1rem;display:flex}.history-row:last-child{border-bottom:none}.history-row-fail{opacity:.65}.history-row-main{align-items:center;gap:.5rem;display:flex}.history-type-label{color:var(--text);flex:1;font-size:.875rem;font-weight:600}.history-topic{color:var(--text);word-break:break-all;flex:1;font-family:ui-monospace,Consolas,monospace;font-size:.8125rem}.history-datetime{color:var(--text-3);margin-top:.2rem;padding-left:.125rem;font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.history-meta-right{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.history-size{color:var(--text-3);font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.history-time{color:var(--text-3);font-size:.75rem}.btn-toggle-payload{color:var(--text-3);-webkit-tap-highlight-color:transparent;border-radius:4px;align-items:center;padding:.25rem;transition:color .15s;display:flex}.btn-toggle-payload:hover{color:var(--text-2)}.history-payload-wrap{margin-top:.5rem;overflow-x:auto}.history-payload{background:var(--bg);color:var(--text-2);white-space:pre;border-radius:8px;min-width:0;margin:0;padding:.625rem .75rem;font-family:ui-monospace,Consolas,monospace;font-size:.7rem;line-height:1.6}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}