:root{--action: #4696a7;--action-hover: #3d8493;--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--danger: #f87171;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);line-height:1.45}#root{min-height:100dvh}.app-shell{position:relative;display:flex;flex-direction:column;width:100%;max-width:28rem;min-height:100dvh;margin:0 auto;background:var(--bg)}.app-shell__header{flex-shrink:0;padding:max(1rem,env(safe-area-inset-top)) 1rem .85rem;background:var(--surface);border-bottom:1px solid #334155}.app-shell__content{flex:1;overflow-y:auto;padding:1rem}.app-shell__footer{position:sticky;bottom:0;z-index:40;flex-shrink:0;background:var(--surface);border-top:1px solid #334155}.shell-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.shell-header h1{margin:0;font-size:1.35rem;color:var(--action)}.shell-header__sub{margin:.15rem 0 0;font-size:.85rem;color:var(--muted)}.settings-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:10px;border:2px solid #475569;background:#0f172a;color:var(--text);cursor:pointer}.settings-btn:active{transform:scale(.96)}.settings-icon{width:22px;height:22px}.inicio{display:flex;flex-direction:column;gap:1rem}.modo-list{display:flex;flex-direction:column;gap:.75rem}.modo-card{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;text-align:left;padding:1.15rem 1.1rem;border-radius:var(--radius);border:2px solid #334155;background:var(--surface);color:var(--text);cursor:pointer}.modo-card:active{transform:scale(.99)}.modo-card--ativo{border-color:var(--action);background:color-mix(in srgb,var(--action) 16%,var(--surface))}.modo-card__title{font-size:1.05rem;font-weight:700;line-height:1.3}.modo-card__hint{font-size:.88rem;color:var(--muted)}.modo-card__badge{margin-top:.35rem;font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--action)}.inicio-note{margin:0;font-size:.88rem;color:var(--muted)}.bottom-nav{display:grid;grid-template-columns:1fr;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom))}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:52px;border:2px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:700;cursor:pointer}.bottom-nav-item--active{background:color-mix(in srgb,var(--action) 14%,var(--surface));border-color:color-mix(in srgb,var(--action) 35%,#334155);color:var(--action)}.bottom-nav-icon svg{width:1.35rem;height:1.35rem;display:block}.config-panel{position:fixed;z-index:30;top:0;bottom:0;left:50%;width:100%;max-width:28rem;transform:translate(-50%);overflow-y:auto;background:var(--bg);padding:max(.75rem,env(safe-area-inset-top)) 1rem calc(5.75rem + env(safe-area-inset-bottom))}.config-panel__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.config-panel__bar h1{margin:0;font-size:1.25rem;color:var(--action)}.page{max-width:28rem;margin:0 auto;padding:1.25rem 1rem 2.5rem;padding-top:max(1.25rem,env(safe-area-inset-top));padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}.page-header h1{margin:0 0 .25rem;font-size:1.5rem;color:var(--action)}.subtitle{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem}.card{background:var(--surface);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem;border:1px solid #334155}.card h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.status-row{display:flex;gap:.65rem;align-items:flex-start;margin-bottom:.65rem}.status-dot{width:10px;height:10px;border-radius:50%;margin-top:.35rem;flex-shrink:0;background:#475569}.status-dot.ok{background:#4ade80}.status-detail{font-size:.85rem;color:var(--muted);margin-top:.15rem;word-break:break-word}.meta-list{margin:0}.meta-list>div{margin-bottom:.5rem}.meta-list dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.meta-list dd{margin:.1rem 0 0;font-size:.9rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;padding:.55rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:.5rem}.btn-primary{background:var(--action);color:#fff}.btn-primary:hover{background:var(--action-hover)}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-secondary{background:transparent;color:var(--text);border:1px solid #64748b}.install-banner{position:sticky;top:0;z-index:10;background:#134e4a;color:#ecfdf5;padding:.75rem 1rem;font-size:.9rem;border-bottom:1px solid #0f766e}.install-actions{display:flex;gap:.5rem;margin-top:.5rem}.install-hint{color:#fecaca;margin:0 0 .5rem;font-size:.85rem}.install-warn{color:#fecaca;margin:0 0 .5rem}.footer-note{font-size:.8rem;color:var(--muted);text-align:center;margin-top:1.5rem}code{font-size:.85em;background:#0f172a;padding:.1em .35em;border-radius:4px}