:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#332616;background:#f0d49a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cream: #fff0cf;--cream-2: #ffd995;--ink: #332616;--muted: #806b4f;--green: #1f765c;--green-soft: #d7f2d1;--wood: #df8e38;--line: rgba(91, 64, 33, .14);--shadow: 0 24px 60px rgba(67, 44, 20, .2)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,a{font:inherit}.app-shell{min-height:100svh;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.52),transparent 30%),linear-gradient(135deg,#f4d28e,#e7b96d)}.phone-frame{position:relative;width:min(100%,430px);min-height:min(920px,calc(100svh - 22px));display:flex;flex-direction:column;gap:12px;overflow:hidden;border:1px solid rgba(83,59,31,.12);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.54),transparent 22%),var(--cream);box-shadow:var(--shadow);padding:18px 14px 12px}.phone-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(101,75,41,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(101,75,41,.035) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000 0%,transparent 38%)}.top-bar,.scene-card,.room-stats,.status-card,.mini-grid,.quiet-note,.bottom-nav{position:relative;z-index:1}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:4px 2px 0}.brand-row{display:flex;align-items:center;gap:9px}.brand-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#f9f0d8;background:#17624f;box-shadow:inset 0 -3px #0000001f;font-weight:900}h1{margin:0;font-size:26px;letter-spacing:-.035em;line-height:1}.top-bar p{margin:5px 0 0 39px;color:var(--muted);font-size:12px}.live-pill{min-width:86px;display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border:1px solid rgba(47,115,95,.18);border-radius:999px;color:#285c4d;background:#dff5d7;box-shadow:0 8px 18px #2f735f1a;font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#4fa865;box-shadow:0 0 0 5px #4fa8651f}.scene-card{overflow:hidden;border:1px solid rgba(83,59,31,.12);border-radius:26px;background:linear-gradient(180deg,#fff3cf,#ffd995);box-shadow:0 15px 34px #563a1a24}.scene-topline{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(83,59,31,.1);color:#6f5a3f;font-size:12px}.scene-topline strong{display:inline-flex;align-items:center;min-width:74px;justify-content:center;padding:4px 8px;border-radius:999px;color:#f7f1dc;background:#17624f;font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.canvas-wrap{height:clamp(335px,48svh,455px);min-height:335px;background:radial-gradient(circle at 50% 15%,#fff5d6,#f5cf82 62%,#e7a94f);touch-action:none}.canvas-wrap canvas{display:block;width:100%!important;height:100%!important}.room-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.room-stats div,.mini-grid article{min-height:54px;display:flex;flex-direction:column;justify-content:center;padding:10px 11px;border:1px solid var(--line);border-radius:18px;background:#fff8e8d1;box-shadow:0 8px 20px #5a3f1c12}.room-stats span,.mini-grid span,.status-copy span{color:var(--muted);font-size:11px;line-height:1.1}.room-stats strong,.mini-grid strong{margin-top:4px;font-size:15px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.status-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:72px;padding:12px;border:1px solid rgba(47,115,95,.16);border-radius:24px;background:linear-gradient(135deg,#daf5ce,#ffe19b);box-shadow:0 14px 28px #3659451f}.avatar-chip{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:#f7d89d;border:1px solid rgba(92,66,30,.16);box-shadow:inset 0 -4px #68492221}.avatar-chip span{width:28px;height:28px;border-radius:11px 11px 9px 9px;background:radial-gradient(circle at 50% 18%,#5c3828 0 30%,transparent 31%),linear-gradient(#78ad77 43%,#5e9364 44% 100%);border:2px solid rgba(59,42,28,.18)}.status-copy{display:flex;flex-direction:column;gap:2px}.status-copy strong{color:#254f43;font-size:22px;letter-spacing:-.04em}.primary-button{appearance:none;border:0;border-radius:999px;padding:12px 14px;color:#fff8df;background:#1f765c;box-shadow:0 10px 20px #2f735f3d,inset 0 -3px #00000026;cursor:pointer;white-space:nowrap;transition:transform .14s ease,filter .14s ease}.primary-button:active{transform:translateY(1px) scale(.99);filter:brightness(.97)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quiet-note{display:flex;gap:10px;align-items:center;padding:12px 13px;border:1px dashed rgba(77,65,46,.22);border-radius:20px;background:#fff9e8b8;color:#6f5a3f}.quiet-note span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#ffd88c;color:#3b695a}.quiet-note p{margin:0;font-size:12px;line-height:1.55}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:auto;padding:6px;border:1px solid rgba(83,59,31,.12);border-radius:22px;background:#fffaedc7}.bottom-nav a{display:grid;place-items:center;min-height:40px;border-radius:16px;color:#8a7559;font-size:11px;text-decoration:none}.bottom-nav a.active{color:#244f42;background:var(--green-soft);font-weight:800}@media(max-width:360px){.phone-frame{padding-inline:10px;border-radius:28px;gap:9px}.canvas-wrap{height:330px;min-height:330px}.room-stats div,.mini-grid article{padding-inline:8px}.room-stats strong,.mini-grid strong{font-size:13px}.primary-button{padding-inline:11px;font-size:12px}}