:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1f2933;background:#fffdf7}.app{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;padding:24px 16px 96px;display:flex}.app-title{margin:0;font-size:2.5rem}.app-subtitle{color:#52606d;margin:0;font-size:1rem}.screen{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;display:flex}.screen-head{align-items:baseline;gap:8px;display:flex}.screen-id{color:#52606d;background:#e4e7eb;border-radius:999px;padding:2px 10px;font-size:.875rem;font-weight:700}.screen-name{margin:0;font-size:1.25rem}.screen-note{color:#52606d;margin:0;font-size:.875rem}.tiles{grid-template-columns:repeat(2,150px);gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tile{color:#1f2933;background:#fff;border:3px solid #cbd2d9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:150px;height:150px;font-size:1rem;display:flex}.tile[data-highlighted]{border-color:#1b7f4b;box-shadow:0 0 0 4px #b7e4c7}.tile:disabled{color:#9aa5b1;border-style:dashed}.tile-index{font-weight:700}.settings{color:#52606d;margin:0;padding:0;font-size:1rem;list-style:none}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.ring{border:8px solid #e4e7eb;border-top-color:#1b7f4b;border-radius:50%;width:96px;height:96px;animation:1.2s linear infinite spin}.ring[data-ready=true]{border-color:#1b7f4b;animation:none}@keyframes spin{to{transform:rotate(360deg)}}.toast{color:#fff;background:#1f2933;border-radius:12px;padding:12px 16px;font-size:1rem;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.sheet{background:#fff;border:2px solid #cbd2d9;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:16px 24px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.clickthrough{background:#f5f7fa;border-top:1px solid #e4e7eb;flex-wrap:wrap;justify-content:center;gap:4px;padding:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.clickthrough-button{color:#52606d;background:#fff;border:1px solid #cbd2d9;border-radius:8px;min-width:44px;min-height:44px;font-size:.75rem}.clickthrough-button[aria-current=page]{color:#fff;background:#1b7f4b;border-color:#1b7f4b}