.calm-garden{display:flex;flex-direction:column;min-height:0;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:10px 12px;box-shadow:var(--shadow-sm)}.calm-garden--hero{min-height:0;max-height:100%;padding:5px 8px 6px;overflow:hidden}.calm-garden--hero .card-head--tight{margin-bottom:2px;flex-shrink:0}.calm-garden--hero .card-head--tight h2{font-size:.875rem}.calm-garden--hero .badge{font-size:.75rem;padding:3px 8px}.calm-garden--hero .calm-garden-canvas-wrap{flex:1;min-height:0}.calm-garden--hero .calm-garden-foot{margin-top:3px;gap:6px;flex-shrink:0}.calm-garden--hero .calm-garden-bar{height:6px}.calm-garden--hero .calm-garden-meta{font-size:.6875rem}.calm-garden--live{border-color:#2cbfaf73}.calm-garden--lush{box-shadow:var(--shadow-md),0 0 24px #2cbfaf26}.calm-garden-canvas-wrap{position:relative;flex:1;min-height:120px;border-radius:10px;overflow:hidden;background:#b8dce8}.calm-garden-canvas{display:block;width:100%;height:100%}.calm-garden-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;background:#faf0dcb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.calm-garden-hint--mini{padding:4px;background:#faf0dc73}.calm-garden-hint--mini p{font-size:.75rem;font-weight:700;color:var(--muted);margin:0}.calm-garden-hint span{font-size:2.5rem}.calm-garden-hint p{font-size:1rem;font-weight:700;color:var(--ink);line-height:1.35;max-width:220px}.calm-garden-hint--warn{background:#b52a1a1f}.calm-garden-hint--warn p{color:var(--danger);font-size:.8125rem}.calm-garden-hint--soft{background:transparent;justify-content:flex-end;padding-bottom:8px}.calm-garden-hint--soft p{font-size:.75rem;font-weight:600;color:#1a0f08bf;background:#ffffff8c;padding:4px 10px;border-radius:var(--radius-pill)}.calm-garden-foot{display:flex;align-items:center;gap:10px;margin-top:8px;flex-shrink:0}.calm-garden-bar{flex:1;height:10px;border-radius:var(--radius-pill);background:var(--surface-alt);border:1px solid var(--border);overflow:hidden}.calm-garden-bar-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,#7e5232,#2cbfaf,#3d9a4a);transition:width .4s ease}.calm-garden-meta{font-size:.875rem;font-weight:700;color:var(--muted);white-space:nowrap}@media (max-width: 768px){.calm-garden--hero .calm-garden-meta{font-size:.625rem}.calm-garden--hero .card-head--tight h2{font-size:.8125rem}}@media (max-width: 480px){.calm-garden--hero .calm-garden-foot{flex-wrap:wrap}.calm-garden--hero .calm-garden-meta{flex:1 1 100%;text-align:center}}:root{--bg: #faf0dc;--surface: #fdf6e8;--surface-alt: #f4e6cc;--border: #d4bc96;--ink: #1a0f08;--ink-2: #3d2a1a;--muted: #7a5535;--primary: #6b4429;--primary-press: #5a3822;--pearl-a: #fbebc8;--pearl-b: #e8c890;--pearl-c: #f9dfac;--accent: #1fa898;--accent-dim: rgba(31, 168, 152, .2);--danger: #b52a1a;--danger-bg: rgba(181, 42, 26, .1);--radius: 20px;--radius-pill: 999px;--font: "IBM Plex Sans Thai", "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--font-serif: "IBM Plex Serif", Georgia, serif;--mono: "IBM Plex Mono", "Menlo", monospace;--shadow-sm: 0 2px 8px rgba(26, 15, 8, .08);--shadow-md: 0 10px 36px rgba(26, 15, 8, .12);--top-h: 58px;--hero-h: 128px;--ticker-h: 34px;--gap: 8px;--touch-min: 44px;--app-pad-x: 14px;--app-pad-y: 6px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}.bg-glow{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;animation:drift 12s ease-in-out infinite alternate}.bg-glow-a{width:420px;height:420px;background:radial-gradient(circle,var(--pearl-b),transparent 70%);top:-120px;right:-80px;opacity:.6}.bg-glow-b{width:360px;height:360px;background:radial-gradient(circle,rgba(44,191,175,.35),transparent 70%);bottom:60px;left:-60px;animation-delay:-4s;opacity:.5}.bg-glow-c{width:280px;height:280px;background:radial-gradient(circle,rgba(126,82,50,.2),transparent 70%);top:40%;left:45%;animation-delay:-8s;opacity:.35}.app.is-live .bg-glow-a{animation:drift 6s ease-in-out infinite alternate,hue-shift 8s linear infinite}.app.is-live .bg-glow-b{opacity:.75}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.08)}}@keyframes hue-shift{0%,to{filter:blur(90px) hue-rotate(0deg)}50%{filter:blur(90px) hue-rotate(15deg)}}.sparkles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .6s}.app.is-live .sparkles{opacity:1}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:0;animation:sparkle 3s ease-in-out infinite;animation-delay:calc(var(--i) * .5s)}.spark:nth-child(1){top:18%;left:12%}.spark:nth-child(2){top:30%;right:18%}.spark:nth-child(3){top:55%;left:8%}.spark:nth-child(4){top:70%;right:25%}.spark:nth-child(5){top:42%;left:55%}.spark:nth-child(6){top:15%;left:70%}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.4);box-shadow:0 0 12px var(--accent)}}.app{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;height:100dvh;max-width:1440px;margin:0 auto;padding:max(var(--app-pad-y),env(safe-area-inset-top,0px)) max(var(--app-pad-x),env(safe-area-inset-right,0px)) max(var(--app-pad-y),env(safe-area-inset-bottom,0px)) max(var(--app-pad-x),env(safe-area-inset-left,0px));overflow:hidden}.top-bar{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:var(--top-h);padding-bottom:6px;border-bottom:1px solid var(--border)}.top-bar-row{display:flex;align-items:center;min-width:0}.top-bar-row--primary{flex:1;gap:10px;min-width:0}.top-bar-row--secondary{flex-shrink:0;gap:8px}.top-chips,.top-buttons{display:flex;align-items:center;gap:5px;flex-shrink:0}.status-pill--mobile{display:none;flex-shrink:0}.status-pill--desktop{display:flex}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo{height:40px;width:auto;object-fit:contain;flex-shrink:0;display:block;filter:drop-shadow(0 2px 6px rgba(44,26,14,.12));transition:transform .3s}.logo-pulse{animation:logo-bounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(44,26,14,.15)) drop-shadow(0 0 12px rgba(44,191,175,.35))}@keyframes logo-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}h1{font-family:var(--font-serif);font-size:1.2rem;font-weight:400;letter-spacing:-.01em;white-space:nowrap}h1 b{font-weight:600}.headline-accent{font-style:italic;color:var(--accent);font-weight:400}.mood-banner{flex:1;display:flex;align-items:center;gap:8px;min-width:0;padding:6px 12px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-pill);overflow:hidden;transition:all .4s}.mood-live{background:linear-gradient(90deg,var(--surface),rgba(44,191,175,.12),var(--surface));background-size:200% 100%;animation:mood-shimmer 3s ease infinite;border-color:#2cbfaf66}@keyframes mood-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.mood-emoji{font-size:1.25rem;flex-shrink:0;animation:wiggle 2s ease-in-out infinite}.mood-live .mood-emoji{animation:wiggle .8s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg) scale(1.1)}}.mood-text{font-size:.9375rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{font-family:var(--font);font-size:.875rem;font-weight:600;padding:6px 11px;background:var(--surface-alt);border:2px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap}.chip--mono{font-family:var(--mono);font-size:.8125rem;letter-spacing:.02em}.status-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font);font-size:.875rem;font-weight:700;letter-spacing:.04em}.status-pill .dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.status-pill.live{background:var(--accent);color:#fff;border-color:var(--accent);animation:live-glow 1.5s ease infinite}.status-pill.live .dot{background:#fff;box-shadow:0 0 6px #fff}.status-pill.connecting .dot{background:var(--primary);animation:pulse .8s ease infinite}.status-pill.error .dot{background:var(--danger)}@keyframes live-glow{0%,to{box-shadow:0 0 #2cbfaf80}50%{box-shadow:0 0 0 6px #2cbfaf00}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn{border:none;border-radius:var(--radius-pill);font-family:var(--mono);font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-sm{min-height:var(--touch-min);padding:8px 16px;font-size:.9375rem;font-family:var(--font)}.btn-go{background:linear-gradient(135deg,var(--primary),#9a6840);color:#fff;box-shadow:0 4px 14px #7e523266;font-size:1rem;font-weight:700;min-width:88px}.btn-stop{background:var(--danger-bg);color:var(--danger);border:2px solid rgba(181,42,26,.35);padding:8px 14px;font-size:.9375rem;font-weight:700}.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--border);font-weight:600}.btn-icon{background:var(--surface);border:2px solid var(--border);padding:8px 12px;font-size:1.125rem;min-width:var(--touch-min);min-height:var(--touch-min)}.btn-go:hover:not(:disabled){transform:translateY(-1px) scale(1.03);box-shadow:0 6px 20px #7e523280}.btn-ghost:hover:not(:disabled){background:var(--surface-alt)}.opts-pop{display:flex;align-items:center;gap:14px;flex-shrink:0;padding:6px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px;animation:slide-down .2s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.opts-device{font-family:var(--mono);font-size:.6875rem;color:var(--primary);font-weight:600}.check{display:flex;gap:6px;font-size:.75rem;color:var(--ink-2);cursor:pointer;align-items:center}.check input{accent-color:var(--primary)}.alert-row{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;padding:4px 0}.btn-icon.active{background:var(--surface-alt);border-color:var(--primary)}.alert-chip{font-size:1rem;font-family:var(--font);font-weight:500;padding:8px 16px;background:#7e52321a;border:2px solid var(--border);border-radius:var(--radius-pill);color:var(--muted)}.alert-error{background:var(--danger-bg);color:var(--danger);border-color:#c0392b4d}.noise-banner{flex-shrink:0;display:flex;gap:8px;align-items:center;padding:6px 12px;margin-bottom:2px;border-radius:var(--radius-pill);border:2px solid rgba(181,42,26,.35);background:linear-gradient(90deg,#b52a1a1a,#f9dfac59);animation:noise-pulse 2s ease-in-out infinite}.noise-banner--compact{cursor:help}.noise-banner--compact .noise-banner-copy{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap;overflow:hidden}.noise-banner--compact .noise-banner-copy strong{display:inline;margin-bottom:0;flex-shrink:0;font-size:.875rem}.noise-banner--compact .noise-reasons{display:inline;font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes noise-pulse{0%,to{border-color:#b52a1a59}50%{border-color:#b52a1aa6}}.noise-banner-icon{font-size:1.125rem;line-height:1;flex-shrink:0}.noise-banner-copy{min-width:0;font-size:.875rem;line-height:1.35}.noise-banner-copy strong{display:block;font-size:.9375rem;color:var(--danger);margin-bottom:2px}.noise-reasons{display:block;color:var(--ink-2);font-weight:600}.noise-tips{margin:6px 0 0;padding-left:1.1rem;color:var(--muted);font-weight:500}.noise-tips li{margin:2px 0}.stage{flex:1;display:grid;grid-template-rows:var(--hero-h) minmax(0,1fr);gap:var(--gap);min-height:0;padding-top:6px}.hero-row{display:grid;grid-template-columns:120px 120px minmax(0,1fr);gap:var(--gap);min-height:0;max-height:var(--hero-h);align-items:stretch}.mood-visitor{background:linear-gradient(90deg,var(--surface),rgba(249,223,172,.45),var(--surface));background-size:200% 100%;animation:mood-shimmer 1.5s ease infinite;border-color:#7e523273}.camera-box{border-width:2px;transition:border-color .35s,box-shadow .35s}.camera-box--active{border-color:var(--accent);box-shadow:var(--shadow-md),0 0 0 3px var(--accent-dim),0 0 32px #2cbfaf47}.camera-spot{position:relative;flex:1;min-height:0;background:#1a1208;border-radius:10px;overflow:hidden;transition:box-shadow .45s cubic-bezier(.34,1.56,.64,1)}.camera-spot--on{box-shadow:inset 0 0 0 1px #2cbfaf40}.camera-spot--active{box-shadow:inset 0 0 0 2px var(--accent),0 0 24px #2cbfaf59}.camera-feed{width:100%;height:100%;min-height:0;object-fit:cover;display:block;transform:scaleX(-1);background:#1a1208}.camera-canvas{display:none}.camera-ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:8px;border:2px solid transparent;pointer-events:none;opacity:0;z-index:2}.camera-ring-2{animation-delay:.6s}.camera-spot--active .camera-ring{opacity:1;border-color:#ffffffd9;animation:camera-ring-pulse 1.4s ease-out infinite}@keyframes camera-ring-pulse{0%{top:8px;right:8px;bottom:8px;left:8px;opacity:.95}to{top:-6px;right:-6px;bottom:-6px;left:-6px;opacity:0}}.camera-welcome{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:3;font-family:var(--font);font-size:1.375rem;font-weight:700;padding:12px 24px;border-radius:var(--radius-pill);background:#1fa898f2;color:#fff;white-space:nowrap;box-shadow:0 6px 24px #1fa89880;animation:welcome-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes welcome-pop{0%{opacity:0;transform:translate(-50%) scale(.8) translateY(-8px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.camera-retry{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;border:none;background:#faf0dcf0;font-family:var(--font);font-size:1.125rem;font-weight:600;color:var(--primary);cursor:pointer}.app.has-visitor .sparkles{opacity:1}.app.has-visitor .spark{animation-duration:1.8s}.gauge-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:6px 8px;box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;min-height:0;overflow:hidden}.gauge-live{border-color:#2cbfaf59;box-shadow:var(--shadow-md),0 0 20px #2cbfaf1f;animation:gauge-pop .5s ease}.gauge-card--click{cursor:pointer}.gauge-card--click:hover{border-color:#7e523280;transform:translateY(-1px);box-shadow:var(--shadow-md)}.gauge-card--click:focus-visible{outline:3px solid rgba(44,191,175,.45);outline-offset:2px}.gauge-hint{font-size:.875rem;opacity:.75;margin-left:auto}@keyframes gauge-pop{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}.gauge-top{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:0;width:100%;padding:0 2px;flex-shrink:0}.gauge-emoji{font-size:1.125rem}.gauge-card h3{font-family:var(--font);font-size:.875rem;font-weight:700;color:var(--ink);letter-spacing:0;text-transform:none}.gauge-wrap{position:relative;width:96px;margin:0 auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.gauge-bg{fill:none;stroke:var(--surface-alt);stroke-width:10}.gauge-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 4px var(--gauge-color, var(--accent)))}.gauge-live .gauge-fill{animation:gauge-glow 2s ease infinite}@keyframes gauge-glow{0%,to{filter:drop-shadow(0 0 3px var(--gauge-color, var(--accent)))}50%{filter:drop-shadow(0 0 8px var(--gauge-color, var(--accent)))}}.gauge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-serif);font-size:1.375rem;font-weight:600;color:var(--ink)}.gauge{width:100%;height:auto;max-height:100%;transform:rotate(-90deg)}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-strip--side{grid-template-columns:1fr;grid-template-rows:1fr 1fr;min-height:0}.stat-strip--side .stat-val{font-size:1.125rem}.stat-chip{display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:8px 6px;transition:all .3s}.stat-chip .stat-label{font-family:var(--font);font-size:.8125rem;font-weight:600;color:var(--muted)}.stat-chip .stat-val{font-family:var(--font-serif);font-size:1.375rem;font-weight:600;color:var(--ink);line-height:1.2}.stat-live{background:linear-gradient(160deg,var(--surface),var(--surface-alt));border-color:#1fa89866}.stat-live .stat-val{color:var(--primary)}.viz-row{min-height:0;display:grid;grid-template-columns:minmax(200px,32%) 1fr;gap:var(--gap)}.viz-row .brainwave-box,.viz-row .camera-box{min-height:0}.chart-box{display:flex;flex-direction:column;min-height:0;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);padding:8px 10px;box-shadow:var(--shadow-sm);transition:border-color .3s}.card-head h2{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--ink)}.card-head--tight{margin-bottom:4px}.badge{font-family:var(--font);font-size:.8125rem;font-weight:600;letter-spacing:0;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--muted);border:2px solid var(--border)}.app.is-live .chart-box{border-color:#1fa89859}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;flex-shrink:0;gap:6px}.badge.live{background:var(--accent);color:#fff;border-color:var(--accent);animation:badge-blink 1.2s ease infinite}@keyframes badge-blink{0%,to{opacity:1}50%{opacity:.7}}.chart-area{flex:1;min-height:0;position:relative}.chart-area--bw{min-height:0}.brainwave-box{min-height:0;padding:10px 12px}.brainwave-box--live{border-color:#7e523259}.bw-top-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:.9375rem;padding:6px 12px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#f9dfaca6,#1fa89826);border:2px solid rgba(107,68,41,.35);color:var(--ink)}.bw-top-pill--compact strong{font-weight:700;font-size:1rem}.bw-top-emoji{font-size:1.25rem}.brain-chart-wrap{flex:1;min-height:0;position:relative}.bw-band-strip{flex-shrink:0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:4px}.bw-band-pill{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 2px;border-radius:8px;background:var(--surface-alt);border:1.5px solid var(--border);font-size:.9375rem;line-height:1}.bw-band-pill--hot{border-color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 18%,var(--surface));box-shadow:0 0 10px color-mix(in srgb,var(--chip-color) 28%,transparent)}.bw-band-pill-val{font-family:var(--font-serif);font-size:.75rem;font-weight:700;color:var(--primary)}.bw-mode-bar{display:flex;flex-wrap:wrap;gap:6px}.bw-mode-btn{flex:1;min-width:0;min-height:40px;padding:6px 10px;border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface-alt);color:var(--ink);font-family:var(--font);font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.bw-mode-btn:hover{border-color:#7e523273;background:#f9dfac73}.bw-mode-btn.active{border-color:var(--primary);background:linear-gradient(90deg,#f9dfacbf,#1fa8982e)}.bw-mode-btn:focus-visible{outline:3px solid rgba(44,191,175,.45);outline-offset:2px}.ticker-bar{flex-shrink:0;display:flex;align-items:center;gap:10px;height:var(--ticker-h);padding:0 4px;border-top:1px solid var(--border);overflow:hidden}.ticker-label{font-family:var(--font);font-size:.875rem;font-weight:700;letter-spacing:.08em;color:var(--muted);flex-shrink:0}.ticker-item{font-family:var(--font);font-size:.875rem;color:var(--ink-2);white-space:nowrap;animation:ticker-scroll 20s linear infinite}.ticker-track{flex:1;display:flex;gap:24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ticker-muted{color:var(--muted);animation:none}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-200%)}}.trend-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#1a0f088c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.trend-modal{width:min(640px,100%);max-height:min(88vh,560px);display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;animation:modal-pop .25s cubic-bezier(.34,1.56,.64,1)}.trend-modal--wide{width:min(780px,100%);max-height:min(90vh,620px)}.bw-trend-now{padding:8px 18px;font-size:.9375rem;font-weight:600;color:var(--ink-2);background:#f9dfac59;border-bottom:1px solid var(--border)}.bw-trend-now strong{color:var(--primary)}.trend-chart--bw{min-height:280px}.card-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn-trend{min-height:36px;padding:4px 10px;border-radius:var(--radius-pill);border:2px solid var(--border);background:var(--surface-alt);font-family:var(--font);font-size:.8125rem;font-weight:700;color:var(--primary);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.btn-trend:hover{background:#f9dfac8c;border-color:var(--primary)}.btn-trend:focus-visible{outline:3px solid rgba(44,191,175,.45);outline-offset:2px}@keyframes modal-pop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.trend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--border)}.trend-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.trend-emoji{font-size:2rem;line-height:1}.trend-head h2{font-family:var(--font-serif);font-size:1.375rem;font-weight:600;color:var(--ink);line-height:1.2}.trend-sub{font-size:.875rem;font-weight:500;color:var(--muted);margin-top:2px}.trend-close{flex-shrink:0;width:44px;height:44px;border:2px solid var(--border);border-radius:50%;background:var(--surface-alt);font-size:1.125rem;cursor:pointer;color:var(--ink)}.trend-close:hover{background:var(--pearl-a)}.trend-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 18px;background:#f9dfac40;border-bottom:1px solid var(--border)}.trend-stat{text-align:center}.trend-stat-label{display:block;font-size:.8125rem;font-weight:600;color:var(--muted)}.trend-stat-val{font-family:var(--font-serif);font-size:1.375rem;font-weight:700;color:var(--primary);line-height:1.2}.trend-chart{flex:1;min-height:220px;padding:12px 16px;position:relative}.trend-empty{display:grid;place-items:center;height:100%;min-height:200px;font-size:1.0625rem;font-weight:600;color:var(--muted);text-align:center;padding:24px}.trend-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px 16px;border-top:1px solid var(--border)}@media (max-width: 1280px){.hero-row{grid-template-columns:110px 110px minmax(0,1fr)}.gauge-wrap{width:88px}.viz-row{grid-template-columns:minmax(180px,34%) 1fr}}@media (max-width: 1024px){:root{--hero-h: 120px}.hero-row{grid-template-columns:100px 100px minmax(0,1fr)}.gauge-wrap{width:82px}.gauge-value{font-size:1.25rem}.viz-row{grid-template-columns:minmax(160px,36%) 1fr}.bw-top-pill--compact{display:none}}@media (max-width: 768px){:root{--top-h: auto;--hero-h: auto;--app-pad-x: 10px;--app-pad-y: 8px}html,body,#root{overflow:auto;height:auto;min-height:100%;min-height:100dvh}.app{height:auto;min-height:100dvh;max-height:none;overflow:visible}.top-bar{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:8px}.top-bar-row--primary{flex-wrap:wrap;gap:8px}.top-bar-row--secondary{flex-wrap:wrap;justify-content:space-between;gap:8px}.status-pill--mobile{display:flex;margin-left:auto}.status-pill--desktop{display:none}.mood-banner{flex:1 1 100%;order:3}.top-chips{flex:1;flex-wrap:wrap;min-width:0}.top-buttons{flex-wrap:wrap;justify-content:flex-end}.stage{grid-template-rows:auto auto;min-height:0}.hero-row{grid-template-columns:1fr 1fr;max-height:none;min-height:118px}.calm-garden--hero{grid-column:1 / -1;min-height:100px}.calm-garden--hero .calm-garden-canvas-wrap{min-height:72px}.viz-row{grid-template-columns:1fr;min-height:420px}.camera-box{max-height:min(36vh,280px)}.brainwave-box{min-height:280px}.bw-band-strip{grid-template-columns:repeat(3,1fr)}.trend-modal,.trend-modal--wide{width:100%;max-height:min(92dvh,640px)}.trend-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){:root{--radius: 16px;--gap: 6px;--touch-min: 44px}body{font-size:.9375rem}.logo{height:34px}.mood-text{font-size:.8125rem}.chip{font-size:.8125rem;padding:5px 9px}.chip--contact,.chip--mono{display:none}.btn-sm{padding:8px 12px;font-size:.875rem}.btn-go{min-width:72px}.btn-ghost{padding:8px 10px}.hero-row{min-height:108px}.gauge-wrap{width:76px}.gauge-value{font-size:1.0625rem}.gauge-card h3{font-size:.8125rem}.gauge-hint{display:none}.camera-box{max-height:min(32vh,220px)}.camera-welcome{font-size:.9375rem;padding:8px 14px;top:10px}.card-head h2{font-size:.9375rem}.btn-trend{font-size:.75rem;padding:4px 8px}.bw-band-strip{grid-template-columns:repeat(3,1fr);gap:3px}.bw-band-pill{font-size:.8125rem;padding:3px 2px}.bw-band-pill-val{font-size:.6875rem}.ticker-label{display:none}.alert-chip{font-size:.8125rem;padding:6px 12px}.trend-head h2{font-size:1.125rem}.trend-stats{grid-template-columns:repeat(2,1fr);padding:10px 12px}.trend-stat-val{font-size:1.125rem}}@media (max-width: 360px){.top-buttons .btn-ghost{display:none}.hero-row{grid-template-columns:1fr 1fr;gap:4px}.gauge-wrap{width:68px}.bw-band-strip{grid-template-columns:repeat(2,1fr)}}@media (max-height: 780px) and (min-width: 769px){:root{--top-h: 52px;--hero-h: 112px;--ticker-h: 30px}.logo{height:34px}.gauge-wrap{width:84px}.gauge-value{font-size:1.125rem}.camera-welcome{font-size:1rem;padding:8px 16px}}@media (max-height: 520px) and (orientation: landscape){:root{--hero-h: 96px;--ticker-h: 28px;--top-h: auto}html,body,#root{overflow:auto;height:auto;min-height:100dvh}.app{height:auto;min-height:100dvh;overflow:visible}.top-bar{flex-direction:row;flex-wrap:wrap;gap:6px}.top-bar-row--primary{flex:1 1 auto;flex-wrap:nowrap}.top-bar-row--secondary{flex:1 1 auto;justify-content:flex-end}.mood-banner{flex:1;order:unset;min-width:120px}.status-pill--mobile{display:none}.status-pill--desktop{display:flex}.stage{grid-template-rows:auto minmax(200px,1fr)}.hero-row{grid-template-columns:90px 90px minmax(0,1fr);max-height:var(--hero-h);min-height:0}.calm-garden--hero{grid-column:auto}.viz-row{grid-template-columns:minmax(140px,28%) 1fr;min-height:200px}.camera-box{max-height:none}.gauge-wrap{width:72px}}@media (min-width: 1440px){.app{padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.hero-row{grid-template-columns:130px 130px minmax(0,1fr)}.gauge-wrap{width:104px}}@media (hover: none) and (pointer: coarse){.btn,.gauge-card--click,.btn-trend,.camera-retry{-webkit-tap-highlight-color:transparent}.gauge-card--click:hover{transform:none}.btn-go:hover:not(:disabled){transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ticker-item{animation:none}}.app--fleet{font-size:.875rem}.logo--sm{height:32px}.fleet-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;min-height:48px;padding-bottom:6px;border-bottom:1px solid var(--border)}.fleet-bar-start{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.fleet-bar-title{min-width:0}.fleet-bar-title h1{font-family:var(--font-serif);font-size:1rem;font-weight:600;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-bar-meta{display:block;font-size:.6875rem;font-weight:600;color:var(--muted);margin-top:1px}.fleet-bar-end{display:flex;align-items:center;gap:8px;flex-shrink:0}.fleet-page{flex:1;display:flex;flex-direction:column;min-height:0;gap:6px;padding-top:6px}.fleet-top-calm{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:12px;background:linear-gradient(135deg,#1fa8981a,#fdf6e8d9);border:1.5px solid rgba(44,191,175,.35)}.fleet-top-calm-head{display:flex;align-items:center;gap:6px}.fleet-top-calm-icon{font-size:1rem;line-height:1}.fleet-top-calm-title{font-family:var(--font-serif);font-size:.8125rem;font-weight:700;color:var(--ink)}.fleet-top-calm-sub{font-size:.625rem;font-weight:700;color:var(--accent);padding:1px 6px;border-radius:var(--radius-pill);background:#1fa8981f}.fleet-top-calm-empty{margin:0;font-size:.6875rem;font-weight:600;color:var(--muted)}.fleet-top-calm-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.fleet-top-calm-item{flex:1 1 120px;display:flex;align-items:center;gap:6px;min-width:0;padding:6px 8px;border-radius:10px;background:var(--surface);border:1.5px solid var(--border)}.fleet-top-calm-item--1{border-color:#d4af378c;background:linear-gradient(135deg,rgba(255,248,220,.9),var(--surface))}.fleet-top-calm-item--2{border-color:#a0a0a073}.fleet-top-calm-item--3{border-color:#b4784666}.fleet-top-calm-medal{flex-shrink:0;font-size:.9375rem;line-height:1}.fleet-top-calm-name{flex:1;min-width:0;font-size:.75rem;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-top-calm-val{flex-shrink:0;font-family:var(--font-serif);font-size:1.125rem;font-weight:700;color:var(--accent);line-height:1}.fleet-hero-scores{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fleet-hero-score{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface-alt);min-height:52px}.fleet-hero-score--focus{border-color:#7e523259;background:linear-gradient(180deg,rgba(126,82,50,.08),var(--surface-alt))}.fleet-hero-score--calm{border-color:#2cbfaf59;background:linear-gradient(180deg,rgba(44,191,175,.1),var(--surface-alt))}.fleet-hero-score--rank-1{border-color:#d4af3799;box-shadow:0 0 0 1px #d4af3733}.fleet-hero-score--rank-2,.fleet-hero-score--rank-3{border-color:#2cbfaf8c}.fleet-hero-score-badge{position:absolute;top:3px;right:4px;font-size:.6875rem;line-height:1}.fleet-hero-score-label{font-size:.625rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.fleet-hero-score-val{font-family:var(--font-serif);font-size:1.375rem;font-weight:700;line-height:1}.fleet-hero-score--focus .fleet-hero-score-val{color:var(--primary)}.fleet-hero-score--calm .fleet-hero-score-val{color:var(--accent)}.fleet-grid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px;align-content:start;padding-bottom:6px}@media (min-width: 1100px){.fleet-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1400px){.fleet-grid{grid-template-columns:repeat(5,1fr)}}.fleet-card{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:8px 10px;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .15s;min-height:0}.fleet-card--streaming{border-color:#2cbfaf73}.fleet-card--clickable{cursor:pointer}.fleet-card--clickable:hover{border-color:#7e523273;box-shadow:var(--shadow-md)}.fleet-card--empty{border-style:dashed;border-width:1.5px;min-height:168px;padding:0;background:#fdf6e880}.fleet-card-top{display:flex;align-items:center;gap:6px;min-width:0}.fleet-card-name{flex:1;min-width:0;font-family:var(--font);font-size:.8125rem;font-weight:700;color:var(--ink);border:none;background:transparent;padding:2px 4px;border-radius:6px}.fleet-card-name:focus{outline:2px solid rgba(44,191,175,.4);background:var(--surface-alt)}.fleet-card-status{flex-shrink:0;font-size:.625rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--muted);border:1px solid var(--border);line-height:1.4}.fleet-card-status.live{background:var(--accent);color:#fff;border-color:var(--accent)}.fleet-card-sub{font-size:.625rem;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-mini-chart{position:relative;display:flex;flex-direction:column;gap:4px;min-height:72px;padding:6px 8px 4px;border-radius:10px;background:var(--surface-alt);border:1.5px solid var(--border);overflow:hidden}.fleet-mini-chart--live{border-color:#2cbfaf73;background:linear-gradient(180deg,rgba(44,191,175,.06),var(--surface-alt))}.fleet-mini-chart-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-shrink:0}.fleet-mini-chart-title{font-size:.625rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.fleet-mini-chart-legend{display:flex;gap:6px}.fleet-mini-chart-key{font-size:.5625rem;font-weight:700;padding:1px 5px;border-radius:4px}.fleet-mini-chart-key--focus{color:var(--primary);background:#7e52321f}.fleet-mini-chart-key--calm{color:var(--accent);background:#1fa8981f}.fleet-mini-chart-svg{display:block;width:100%;height:52px;flex:1}.fleet-mini-chart-grid{stroke:#7a553533;stroke-width:.6;vector-effect:non-scaling-stroke}.fleet-mini-chart-area{opacity:.2}.fleet-mini-chart-area--focus{fill:#7e5232}.fleet-mini-chart-area--calm{fill:#2cbfaf}.fleet-mini-chart-line{stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.fleet-mini-chart-line--focus{stroke:#7e5232}.fleet-mini-chart-line--calm{stroke:#1fa898}.fleet-mini-chart-empty{display:grid;place-items:center;flex:1;min-height:52px;font-size:.6875rem;font-weight:600;color:var(--muted);text-align:center;padding:4px}.fleet-score{flex:1;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 8px;border-radius:10px;background:var(--surface-alt);border:1px solid var(--border);min-width:0}.fleet-score-label{font-size:.6875rem;font-weight:700;color:var(--muted);white-space:nowrap}.fleet-score-val{font-family:var(--font-serif);font-size:1.0625rem;font-weight:700;line-height:1}.fleet-score-val--focus{color:var(--primary)}.fleet-score-val--calm{color:var(--accent)}.fleet-card-error{font-size:.625rem;font-weight:600;color:var(--danger);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fleet-card-actions{display:flex;gap:4px;margin-top:auto}.fleet-card-actions .btn-xs{flex:1;min-width:0}.fleet-add-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;min-height:108px;border:none;background:transparent;color:var(--muted);font-family:var(--font);font-size:.75rem;font-weight:700;cursor:pointer;border-radius:12px}.fleet-add-btn span:first-child{font-size:1.375rem;line-height:1;opacity:.7}.fleet-detail{flex:1;display:flex;flex-direction:column;min-height:0;gap:6px;padding-top:6px}.fleet-detail-stage{flex:1;display:grid;grid-template-rows:auto minmax(0,1fr);gap:var(--gap);min-height:0}.fleet-detail-hero{display:grid;grid-template-columns:108px 108px minmax(0,1fr);gap:var(--gap);max-height:var(--hero-h);min-height:0}.nav-tabs{display:flex;gap:4px;flex-shrink:0}.nav-tabs--compact .nav-tab{min-height:32px;padding:4px 10px;font-size:.75rem}.nav-tab{min-height:32px;padding:5px 12px;border-radius:var(--radius-pill);border:1.5px solid var(--border);background:var(--surface);font-family:var(--font);font-size:.75rem;font-weight:700;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}.nav-tab:disabled{opacity:.5;cursor:default}.nav-tab.active{border-color:var(--primary);background:linear-gradient(90deg,#f9dfacbf,#1fa89826)}.nav-tab:hover:not(.active):not(:disabled){background:var(--surface-alt)}.nav-tabs--inline{margin-right:2px}.nav-tabs--inline .nav-tab{min-height:32px;padding:4px 10px;font-size:.75rem}.btn-xs{min-height:32px;padding:4px 8px;font-size:.6875rem;font-weight:700;font-family:var(--font);border-radius:var(--radius-pill);border:none;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-xs:disabled{opacity:.35;cursor:not-allowed}.btn-xs.btn-go{background:linear-gradient(135deg,var(--primary),#9a6840);color:#fff}.btn-xs.btn-stop{background:var(--danger-bg);color:var(--danger);border:1.5px solid rgba(181,42,26,.3)}.btn-xs.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--border)}.btn-xs.btn-accent{background:#1fa8981f;color:var(--accent);border:1.5px solid rgba(31,168,152,.35)}@media (max-width: 768px){.fleet-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.fleet-detail-hero{grid-template-columns:1fr 1fr;max-height:none}.fleet-detail-hero .calm-garden--hero{grid-column:1 / -1}.fleet-bar-title h1{font-size:.9375rem}}@media (max-width: 480px){.fleet-grid{grid-template-columns:1fr 1fr;gap:6px}.fleet-hero-score-val{font-size:1.125rem}.fleet-top-calm-list{flex-direction:column}.fleet-card{padding:7px 8px}}