*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg: #f9f9f9;--color-text: #0d1a2b;--color-text-secondary: #666;--color-surface: #fff;--color-border: #ccc;--color-panel-hover-bg: #fcfcfc;--color-chip-bg: #f0f0f0;--color-chip-text: #0d1a2b;--color-soon-bg: #f0f0f0;--color-soon-text: #000;--color-btn-bg: #0000e8;--color-btn-bg-hover: #0000c8;--color-device-accent: #fafafa;--color-device-field-bg: #fff;--color-device-divider: #ccc;--gradient: radial-gradient(circle at top center, #1458cd 0%, #b9c6dd 4px, #cbcbcbe6 60%)}body{margin:0;background:var(--color-bg);color:var(--color-text)}a{font-weight:500;text-decoration:inherit;color:inherit}h1,h2,h3{margin:0}h1{font-size:3.2em;font-weight:500;line-height:1.1}h2{font-size:2.8em;line-height:1.1;font-weight:500;color:var(--color-text-secondary)}.gradient{background:var(--gradient);width:100%;height:800px;position:absolute;top:-400px;z-index:1}#app{max-width:1280px;margin:0 auto;padding:2rem;z-index:100;position:relative}#app header{padding-top:100px;padding-bottom:120px}#app header h3{font-size:30px;line-height:40px;font-weight:400;margin:80px 0 0;text-align:center}#app header h3 div{margin-bottom:20px}#app footer{text-align:center;padding-top:300px;font-size:14px}#app section{margin-top:20px}#app h4{font-size:26px;line-height:26px;font-weight:400;margin:0}#app h5{font-size:20px;font-weight:400;margin:0}#app .panel{display:flex;gap:20px;width:100%}#app .panel>div{background:var(--color-surface);flex:1;border:1px solid var(--color-border);padding:16px;border-radius:4px;min-height:330px;transition:background-color .3s ease;display:flex;flex-direction:column}#app .panel>div:hover{background-color:var(--color-panel-hover-bg)}#app .panel>div h3{font-weight:500}#app .panel>div p{margin:10px 0}#app .panel>div .chips{display:flex;gap:10px}#app .panel>div .chips span{margin-top:10px;display:inline-block;padding:4px 8px;background-color:var(--color-chip-bg);border-radius:4px;color:var(--color-chip-text)}.attrs{margin-top:10px}.attrs span{border:1px solid var(--color-border);padding:4px 10px;overflow:hidden;border-radius:50px;margin-right:1px;font-size:14px;line-height:36px;color:var(--color-text-secondary)}.soon{margin-top:10px;display:inline-block;padding:6px 12px;background-color:var(--color-soon-bg);border-radius:4px;font-weight:500;text-decoration:none;text-align:center;color:var(--color-soon-text)}#app .panel>div>*:last-child{margin-top:auto;align-self:flex-end}.btn{display:inline-block;padding:8px 18px;background-color:var(--color-btn-bg);border-radius:4px;font-weight:500;text-decoration:none;color:#fff;transition:background-color .3s ease;transition:border-radius .3s ease}.btn:hover{background-color:var(--color-btn-bg-hover)}#app .devices{display:flex;gap:10px;margin-top:20px}#app .devices>div{border:1px solid var(--color-border);border-radius:4px;overflow:hidden}#app .devices div{flex:1;background-color:var(--color-surface);min-height:30px}.device-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.device-name{grid-column:1 / -1;padding:6px 8px;border-bottom:1px solid var(--color-device-divider);background:var(--color-device-accent);font-weight:500}.device-field{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:var(--color-device-field-bg)}.device-field.first{border-right:1px solid var(--color-device-divider)}.device-field span{color:var(--color-text-secondary);font-size:12px}.device-field strong{font-size:14px}@media (max-width: 640px){#app{padding:1rem}#app .panel,#app .devices{flex-direction:column}}@media (prefers-color-scheme: dark){:root{--color-bg: #0b1220;--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-surface: #141c2c;--color-border: rgba(148, 163, 184, .35);--color-panel-hover-bg: rgba(148, 163, 184, .12);--color-chip-bg: rgba(148, 163, 184, .18);--color-chip-text: #e2e8f0;--color-soon-bg: rgba(59, 130, 246, .22);--color-soon-text: #e2e8f0;--color-btn-bg: #3b82f6;--color-btn-bg-hover: #2563eb;--color-device-accent: rgba(148, 163, 184, .16);--color-device-field-bg: rgba(15, 23, 42, .9);--color-device-divider: rgba(148, 163, 184, .25);--gradient: radial-gradient(circle at top center, rgba(46, 134, 222, .4) 0%, rgba(15, 23, 42, .95) 65%)}}