:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--error: #f87171;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:var(--error);font-size:.9rem}.spacer{flex:1}.center-screen{min-height:100%;display:grid;place-items:center;padding:1.5rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.75rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:.5rem}.card h1{margin:0;font-size:1.4rem}.card label{font-size:.85rem;color:var(--muted);margin-top:.5rem}.card input{padding:.7rem;border-radius:8px;border:1px solid var(--surface-2);background:var(--bg);color:var(--text);font-size:1rem}button{margin-top:1rem;padding:.7rem 1rem;border:none;border-radius:8px;background:var(--accent);color:#04202e;font-weight:600;font-size:1rem;cursor:pointer}button:disabled{opacity:.6;cursor:default}button.link{margin:0;background:none;color:var(--accent);font-weight:500;padding:.3rem .5rem}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.5rem;padding:.9rem 1rem;background:var(--surface);position:sticky;top:0}.content{padding:1.25rem;padding-bottom:calc(4.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem;max-width:720px;width:100%;margin:0 auto}h1{margin:0;font-size:1.45rem}h2{margin:0;font-size:1.05rem}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--surface-2);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));z-index:10}.tab{margin:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:.1rem;background:none;color:var(--muted);font-weight:500;padding:.25rem 0}.tab-active{color:var(--accent)}.tab-icon{font-size:1.25rem;line-height:1}.tab-label{font-size:.65rem;letter-spacing:.02em}.home-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.card{background:var(--surface);border-radius:var(--radius);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.6rem}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-head .link{padding:0}.att{display:flex;flex-direction:column;gap:.4rem}.att-item{margin:0;text-align:left;font-weight:500;font-size:.92rem;border-radius:var(--radius);padding:.6rem .8rem;background:var(--surface);color:var(--text);border-left:3px solid var(--surface-2)}.att-ok{border-left-color:#34d399;cursor:default}.att-warn{border-left-color:#fbbf24}.att-alert{border-left-color:var(--error)}.care-status{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.care-status>div{display:flex;flex-direction:column;gap:.1rem;background:var(--surface-2);border-radius:8px;padding:.5rem .65rem}.care-status strong{font-size:1.05rem}.pill{display:inline-block;font-weight:600;font-size:.9rem;border-radius:999px;padding:.15rem .6rem;background:var(--surface-2);width:fit-content}.pill-good{background:#34d3992e;color:#34d399}.pill-fair{background:#fbbf242e;color:#fbbf24}.pill-poor{background:#f8717133;color:var(--error)}.now-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.now-metric{display:flex;flex-direction:column;gap:.25rem}.screen-now{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.screen-now strong{font-size:1.3rem}.screen-devices{display:flex;gap:.75rem;flex-wrap:wrap}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.stat{background:var(--surface);border-radius:var(--radius);padding:.6rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.1rem}.stat strong{font-size:1.15rem}.pipe-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.pipe-list li{display:flex;align-items:center;gap:.5rem}.pipe-name{flex:1;font-size:.92rem}.pipe-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.pipe-ok{background:#34d399}.pipe-err{background:var(--error)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.tile{background:var(--surface);border-radius:var(--radius);padding:1rem;min-height:96px;display:flex;flex-direction:column;gap:.35rem}.tile-label{font-weight:600}.tile-empty{flex:1;color:var(--muted);display:flex;align-items:center}.subjects{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.subjects li{background:var(--surface);border-radius:8px;padding:.5rem .75rem}.badge{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;background:var(--surface-2);color:var(--muted);border-radius:6px;padding:.1rem .4rem;margin-right:.4rem}.wp{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem}.wp-btn{margin:0;padding:.35rem .8rem;font-size:.85rem;font-weight:500;background:var(--surface);color:var(--muted)}.wp-active{background:var(--accent);color:#04202e}.wp-range{display:inline-flex;align-items:center;gap:.35rem}.wp-range input{padding:.3rem .4rem;border-radius:8px;border:1px solid var(--surface-2);background:var(--bg);color:var(--text);font-size:.85rem}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-top:.75rem}.chart-card{background:var(--surface);border-radius:var(--radius);padding:.75rem .9rem}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.rank-list li{display:flex;justify-content:space-between;gap:.5rem;font-size:.9rem}.raster{max-height:60vh;overflow-y:auto}.raster-row{display:flex;align-items:center;gap:.5rem;height:22px}.raster-label{flex:0 0 3.2rem;text-align:right;white-space:nowrap}.raster-track{position:relative;flex:1;height:100%;border-radius:6px;background-image:repeating-linear-gradient(to right,var(--surface-2) 0 1px,transparent 1px 25%)}.raster-axis{position:sticky;top:0;z-index:1;height:16px;margin-bottom:.15rem;background:var(--surface)}.raster-axis .raster-track{background-image:none}.raster-tick{position:absolute;top:0;transform:translate(-50%);font-size:.65rem;color:var(--muted);white-space:nowrap}.raster-tick:first-child{transform:translate(0)}.raster-tick:last-child{transform:translate(-100%)}.raster-dot{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:#38bdf8;transform:translate(-50%,-50%)}.raster-dot--diaper{width:8px;height:8px;background:transparent;border:2px solid #fbbf24}.raster-legend{display:inline-flex;align-items:center;gap:.3rem}.raster-legend .raster-dot{position:static;transform:none;display:inline-block}.notif-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;background:var(--surface);border-radius:var(--radius);padding:.5rem .75rem}.summary-card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:.9rem 1rem}.summary-text{margin:.25rem 0 0;line-height:1.5;white-space:pre-wrap}.ask-row{display:flex;gap:.5rem;margin-top:.5rem;align-items:center}.ask-row input{flex:1;min-width:0}.ask-row button{margin-top:0;flex:0 0 auto}.ask-mic.listening{animation:ask-pulse 1.2s ease-in-out infinite}@keyframes ask-pulse{50%{opacity:.35}}.ask-item{margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--surface-2)}.ql-last{margin:.25rem 0 .5rem}.ql-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.ql-buttons button{margin-top:0;flex:1 1 auto;min-width:96px;padding:.8rem .6rem}.ql-buttons button.link,.ql-buttons button.ql-danger{flex:0 0 auto;min-width:0}.ql-form{margin-top:.75rem;background:var(--surface);border-radius:var(--radius);padding:.75rem .9rem;display:flex;flex-direction:column;gap:.5rem}.ql-form input{padding:.7rem;border-radius:8px;border:1px solid var(--surface-2);background:var(--bg);color:var(--text);font-size:1rem}.ql-scroll{max-height:60vh;overflow-y:auto}.ql-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ql-more{width:100%;margin:.5rem 0 0;background:var(--surface);color:var(--accent);font-size:.9rem}.ql-entry{margin:0;width:100%;display:flex;align-items:center;gap:.6rem;background:var(--surface);color:var(--text);font-weight:400;font-size:.95rem;text-align:left;padding:.6rem .75rem}.ql-entry-label{flex:1;min-width:0}.ql-edit{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:.75rem .9rem;display:flex;flex-direction:column;gap:.5rem}.ql-edit label{display:flex;flex-direction:column;gap:.25rem}.ql-edit input,.ql-edit select{padding:.55rem;border-radius:8px;border:1px solid var(--surface-2);background:var(--bg);color:var(--text);font-size:1rem}.ql-danger{background:var(--error);color:#2d0b0b}.a2hs{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));background:var(--surface-2);border:1px solid var(--accent);border-radius:var(--radius);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;box-shadow:0 8px 24px #00000059}.a2hs .link{margin-left:auto}