:root{--ink-black:#001524;--stormy-teal:#15616d;--papaya-whip:#ffecd1;--text:var(--ink-black);--text-h:var(--ink-black);--bg:var(--papaya-whip);--border:var(--stormy-teal);--icon:var(--ink-black)}@media (prefers-color-scheme:dark){:root{--text:var(--papaya-whip);--text-h:var(--papaya-whip);--bg:var(--stormy-teal);--border:var(--ink-black);--icon:var(--papaya-whip)}}#root{background-color:#f5f5f5;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex}body{margin:0}main{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}h2#outer-card-header{font-size:1rem}div#card{border:5px solid var(--border);background-color:var(--bg);border-radius:10px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);width:200px;height:150px;padding:5px;display:grid}div#card>h2{color:var(--text-h);grid-area:1/1/auto/span 4;margin:0;padding:10px;font-size:1rem}div#card>#main-device-time{color:var(--text);grid-area:3/1/auto/span 2;justify-content:center;align-items:center;display:flex}div#card>#main-device-percentage{color:var(--text);grid-area:2/1;justify-content:center;align-items:center;font-size:2.5rem;display:flex}div#card>#main-device-battery-icon{color:var(--icon);grid-area:2/2;justify-content:center;align-items:center;display:flex}#unsupported-message{text-align:center;color:var(--ink-black);font-size:.9rem}