:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--ink:#1d2a2a;--muted:#5d6b6b;--card:#ffffffd1;--accent:#0f8b8d;--accent-deep:#0b5f61;--warm:#f4a261;--danger:#c0392b;--ok:#2a9d8f;--shadow:0 16px 40px #1d2a2a1f;--radius:28px;font-family:Avenir Next,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at top left, #f4a26147, transparent 36%), radial-gradient(circle at bottom right, #0f8b8d2e, transparent 40%), var(--bg);min-height:100%;color:var(--ink);margin:0}body{min-height:100dvh}button,input,select{font:inherit}a{color:inherit}.play-shell,.parent-shell{width:min(100%,430px);min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));flex-direction:column;gap:16px;margin:0 auto;display:flex}.parent-shell{width:min(100%,720px)}.play-top,.parent-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.parent-header{align-items:center;gap:14px}.parent-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(1.55rem,5.2vw,2.1rem);overflow:hidden}.play-top{align-items:center}.parent-settings-link,.parent-home-link{width:44px;height:44px;color:var(--accent-deep);background:#ffffff8c;border:1px solid #1d2a2a14;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.parent-home-link{margin-top:0}.parent-settings-link:hover,.parent-home-link:hover{background:#ffffffd9}.parent-settings-icon,.parent-home-icon{display:block}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 4px;font-size:.72rem}.brand{letter-spacing:.12em;align-self:center;margin:0;font-size:1.7rem;font-weight:800}h1,h2{margin:0;line-height:1.15}.pill,.chip{background:#ffffffbf;border:1px solid #1d2a2a14;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.ojo-device{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex}.ojo-body{filter:drop-shadow(0 22px 36px #1d2a2a24);flex-direction:column;align-items:center;width:min(100%,390px);display:flex}.camera-stage{aspect-ratio:1;z-index:1;flex:none;width:100%;position:relative}.camera-ring{background:radial-gradient(circle at 32% 28%,#ffffffb8,#0000 42%),linear-gradient(165deg,#f8f3eb 0%,#ebe3d6 48%,#ddd2c2 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 3px 6px #ffffffb3,inset 0 -6px 14px #1d2a2a14;-webkit-mask-image:radial-gradient(circle closest-side,#0000 calc(100% - 26px),#000 calc(100% - 25px));mask-image:radial-gradient(circle closest-side,#0000 calc(100% - 26px),#000 calc(100% - 25px))}.camera-ring:before{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:20px;box-shadow:inset 0 0 0 1px #1d2a2a0f,inset 0 8px 16px #1d2a2a14}.ring-sensor{z-index:2;background:#1d2a2a2e;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 1px 1px #ffffff59}.ring-sensor-top{top:12px;left:50%;transform:translate(-50%)}.ring-sensor-left{top:50%;left:12px;transform:translateY(-50%);box-shadow:0 1px 1px #ffffff59,0 11px #1d2a2a24,0 -11px #1d2a2a24}.ring-sensor-right{top:50%;right:12px;transform:translateY(-50%);box-shadow:0 1px 1px #ffffff59,0 11px #1d2a2a24,0 -11px #1d2a2a24}.camera-aperture{background:0 0;border-radius:50%;position:absolute;inset:26px;overflow:hidden;box-shadow:inset 0 0 0 1px #1d2a2a29,0 0 0 1px #fff3}.camera-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-preview.mirror{transform:scaleX(-1)}.ojo-handle{z-index:0;background:linear-gradient(#ebe3d6 0%,#e7dfd1 42%,#ddd2c2 100%);border-radius:0 0 32px 32px;flex-direction:column;align-items:center;width:112px;height:350px;margin-top:-12px;padding-top:28px;display:flex;position:relative;box-shadow:inset 3px 0 #ffffff47,inset -3px 0 #1d2a2a0d,inset 0 -10px 18px #1d2a2a0d}.handle-status-dot{background:#1d2a2a29;border-radius:50%;width:10px;height:10px;margin-bottom:10px;box-shadow:inset 0 1px 1px #ffffff59}.handle-status-dot.is-connecting{background:#f4a261;animation:1.1s ease-in-out infinite status-dot-blink}.handle-status-dot.is-listening{background:#2a9d8f;animation:.9s ease-in-out infinite status-dot-blink}@keyframes status-dot-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}.ojo-device .error-banner{width:min(100%,390px)}.primary-button,.handle-button,.ghost-button{appearance:none;cursor:pointer;border:0;border-radius:999px;transition:transform .14s,background .14s,box-shadow .14s,opacity .14s,color .14s}.primary-button{background:var(--accent);color:#fff;width:100%;min-height:56px;padding:0 20px;font-weight:700}.primary-button:disabled,.handle-button:disabled{opacity:.55;cursor:not-allowed}.handle-button{color:#5d6b6b;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 34% 28%,#faf6ef 0%,#f1ebe0 48%,#e4dbcd 100%);border-radius:50%;place-items:center;width:88px;height:88px;display:grid;box-shadow:inset 0 12px 18px #1d2a2a1a,inset 0 -6px 12px #ffffff73,inset 0 0 0 1px #1d2a2a0f}.handle-button-icon{width:34px;height:34px;display:block}.handle-button.holding{color:var(--accent-deep);background:radial-gradient(circle at 40% 36%,#efe8db 0%,#e4dbcd 55%,#d8cebf 100%);transform:scale(.94);box-shadow:inset 0 16px 24px #1d2a2a29,inset 0 -4px 8px #ffffff47}.ghost-button{background:0 0;border:1px solid #1d2a2a24;padding:10px 14px}.text-link{color:var(--accent-deep);font-weight:600;text-decoration:none}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #1d2a2a0f;padding:18px}.pin-card,.settings-card{gap:12px;display:grid}.pin-card input,.settings-card input:not([type=checkbox]),.settings-card select{background:#fff;border:1px solid #1d2a2a24;border-radius:16px;width:100%;min-height:48px;padding:0 14px}.chip-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.usage-average{color:var(--muted);margin:6px 0 0;font-size:1.15rem;font-weight:400;line-height:1.2}.usage-chart-wrap{grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;gap:6px;margin-top:16px;display:grid}.usage-chart,.usage-scale{flex-direction:column;min-height:168px;display:flex}.usage-plot,.usage-scale-plot{flex:1;min-height:0;position:relative}.usage-day-labels,.usage-scale-spacer{grid-template-columns:repeat(7,minmax(0,1fr));height:20px;margin-top:6px;display:grid}.usage-scale-spacer{display:block}.usage-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.usage-grid span{border-top:1px solid #1d2a2a1a;display:block}.usage-avg-line{border-top:1.5px dashed var(--accent-deep);pointer-events:none;z-index:2;position:absolute;left:0;right:0;transform:translateY(50%)}.usage-bars{z-index:1;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;display:grid;position:absolute;inset:0}.usage-bar-col{border-left:1px dashed #1d2a2a14;justify-content:center;align-items:flex-end;min-width:0;height:100%;display:flex}.usage-bar-col:first-child{border-left:none}.usage-bar{background:#0f8b8d73;border-radius:6px 6px 2px 2px;width:54%;max-width:26px;min-height:0;transition:height .22s}.usage-bar-col.is-today .usage-bar{background:var(--accent-deep)}.usage-bar-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:center;align-items:center;font-size:.78rem;line-height:1;display:flex}.usage-bar-label.is-today{color:var(--ink);font-weight:600}.usage-scale-plot{color:var(--muted);flex-direction:column;justify-content:space-between;align-items:flex-start;font-size:.78rem;line-height:1;display:flex}.usage-avg-label{color:var(--accent-deep);font-weight:600;position:absolute;left:0;transform:translateY(50%)}.discovery-list{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.discovery-list li{border-bottom:1px solid #1d2a2a14;gap:4px;padding-bottom:12px;display:grid}.discovery-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.discovery-top time{color:var(--muted);white-space:nowrap;text-align:right;flex-shrink:0;margin-left:auto;font-size:.88rem}.discovery-list p{margin:0}.show-more-button{width:100%;margin-top:12px}.checkbox-row{align-items:center;gap:10px;display:flex}.checkbox-row input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--accent-deep);flex-shrink:0}.hint{color:var(--muted);font-size:.92rem}.error-banner,.success-banner{border-radius:16px;margin:0;padding:12px 14px}.error-banner{color:var(--danger);background:#c0392b1f}.success-banner{color:var(--ok);background:#2a9d8f24}@media (width>=900px){.play-shell{width:min(100%,520px);padding-top:32px}.parent-shell{padding-top:32px}}