:root{--font-sans: "Hiragino Sans", "Noto Sans JP", "Segoe UI", system-ui, sans-serif;--font-display: "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(15, 23, 20, .06);--shadow-md: 0 8px 24px rgba(15, 23, 20, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 20, .12);--tap-min: 44px;--focus-ring: 0 0 0 3px rgba(45, 106, 79, .35);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--transition: .18s ease;--gradient-accent: linear-gradient(135deg, color-mix(in srgb, var(--accent, #3d8b63) 85%, #fff), var(--accent-deep, #1f5c42));--gradient-hero: linear-gradient(160deg, color-mix(in srgb, var(--accent, #3d8b63) 12%, var(--bg, #f7f5f0)), var(--bg, #f7f5f0) 55%)}@media(prefers-reduced-motion:reduce){:root{--transition: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);line-height:1.55;color:var(--text, #1a2420);background:var(--bg, #f7f5f0);min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(72px + var(--safe-bottom))}img,svg{display:block;max-width:100%;height:auto}a{color:var(--accent-deep, #1f5c42)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh}@media(min-width:768px){.app-shell{max-width:720px;padding:0 24px 96px}}@media(min-width:1024px){.app-shell{max-width:960px}}.card{background:var(--card, #fff);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem 1.1rem}.card--hero{padding:1.25rem 1.35rem;box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge--demo{background:#fff4e5;color:#8a5a12}.badge--simulated{background:#eef3ff;color:#2f4f8f}.badge--manual{background:#edf7f0;color:#1f5c42}.badge--not-connected{background:#f3f3f3;color:#5a5a5a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap-min);padding:.65rem 1.1rem;border-radius:var(--radius-md);font-weight:600;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent, #3d8b63);color:#fff;box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--card, #fff);color:var(--text, #1a2420);border:1px solid var(--border, #e4e0d8)}.btn--ghost{background:transparent;color:var(--accent-deep, #1f5c42)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.25rem;padding:.45rem .5rem calc(.45rem + var(--safe-bottom));background:color-mix(in srgb,var(--card, #fff) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border, #e4e0d8)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:var(--tap-min);text-decoration:none;color:var(--muted, #6b756f);font-size:.68rem;border-radius:var(--radius-sm)}.bottom-nav a[aria-current=page]{color:var(--accent-deep, #1f5c42);background:color-mix(in srgb,var(--accent, #3d8b63) 12%,transparent)}.trust-strip{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.disclaimer{font-size:.78rem;color:var(--muted, #6b756f);margin-top:1rem;padding:.75rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--card, #fff) 70%,var(--bg, #f7f5f0));border:1px dashed var(--border, #e4e0d8)}.state-panel{text-align:center;padding:2.5rem 1rem}.state-panel h2{margin:0 0 .5rem}.state-panel p{color:var(--muted, #6b756f);margin:0 0 1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f0c73;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:1rem}.modal{width:min(100%,420px);background:var(--card, #fff);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);padding:1.25rem;max-height:85dvh;overflow:auto}.chart-bar{display:flex;align-items:flex-end;gap:.35rem;height:120px}.chart-bar span{flex:1;background:color-mix(in srgb,var(--accent, #3d8b63) 70%,#fff);border-radius:6px 6px 2px 2px;min-width:8px}.chart-bar span[aria-label]{position:relative}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.metric{padding:.85rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--card, #fff) 85%,var(--bg, #f7f5f0))}.metric strong{display:block;font-size:1.35rem;line-height:1.2}.metric small{color:var(--muted, #6b756f);font-size:.75rem}.plan-banner{margin:0 1rem .75rem;padding:.85rem 1rem;border-radius:var(--radius-lg);background:var(--gradient-hero);border:1px solid color-mix(in srgb,var(--accent, #3d8b63) 22%,var(--border, #e4e0d8));box-shadow:var(--shadow-sm)}.plan-banner__row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.plan-banner__tier{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep, #1f5c42)}.plan-banner__price{font-size:1.05rem;font-weight:700;font-variant-numeric:tabular-nums}.plan-banner__price small{font-size:.72rem;font-weight:600;color:var(--muted, #6b756f)}.plan-banner__copy{margin:.35rem 0 0;font-size:.78rem;color:var(--muted, #6b756f);line-height:1.45}.plan-value-strip{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.35rem}.plan-value-strip li{font-size:.82rem;padding-left:1.1rem;position:relative;color:var(--text, #1a2420)}.plan-value-strip li:before{content:"✓";position:absolute;left:0;color:var(--accent, #3d8b63);font-weight:700}.bottom-nav__icon{font-size:1rem;line-height:1;opacity:.75}.bottom-nav a[aria-current=page] .bottom-nav__icon{opacity:1}.bottom-nav__label{font-size:.62rem;font-weight:600;letter-spacing:.01em}.page-eyebrow{margin:0 0 .25rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent, #3d8b63)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--muted, #6b756f)}.empty-state strong{display:block;color:var(--text, #1a2420);margin-bottom:.35rem}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0a0f0c80;display:flex;align-items:flex-end;justify-content:center;padding:1rem;animation:fade-in .18s ease}.sheet{width:min(100%,440px);max-height:88dvh;overflow:auto;background:var(--card, #fff);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);padding:1.25rem 1.1rem 1.5rem;box-shadow:var(--shadow-lg)}.sheet h2{margin:0 0 .35rem;font-size:1.15rem}.sheet p.sheet-lead{margin:0 0 1rem;font-size:.85rem;color:var(--muted, #6b756f)}.sheet-actions{display:grid;gap:.5rem;margin-top:1rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.gallery-card{background:var(--card, #fff);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border, #e4e0d8)}.gallery-thumb{aspect-ratio:1;background:color-mix(in srgb,var(--accent, #3d8b63) 15%,var(--bg, #f7f5f0))}.gallery-meta{padding:.65rem .75rem;font-size:.82rem}.gallery-meta strong{display:block;font-size:.88rem}.gallery-meta p{margin:.25rem 0 0;color:var(--muted, #6b756f);font-size:.78rem;line-height:1.4}.checkin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.checkin-grid label{display:block;font-size:.78rem;color:var(--muted, #6b756f);margin-bottom:.3rem}.checkin-grid input,.checkin-grid select{width:100%;min-height:44px;padding:.45rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border, #e4e0d8);background:var(--card, #fff)}.crisis-box{margin-top:1rem;padding:.85rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent, #9bb8d4) 10%,var(--card, #242b3d));border:1px solid var(--border, #3a4558);font-size:.82rem;line-height:1.55}.crisis-box a{color:var(--accent-deep, #c5d8ea);font-weight:600}:root{--bg: #1a2030;--card: #242b3d;--text: #e8edf5;--muted: #9aa8bc;--accent: #9bb8d4;--accent-deep: #c5d8ea;--border: #3a4558}body{background:var(--bg);color:var(--text)}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.quick-grid button{min-height:72px;padding:.75rem;border-radius:var(--radius-md);background:var(--card);color:var(--text);text-align:left;border:1px solid var(--border);font-weight:600;font-size:.88rem}.session-player{min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem}.session-player.sleep-mode{background:#0f1218}.breath-ring{width:160px;height:160px;border-radius:50%;border:3px solid color-mix(in srgb,var(--accent) 50%,transparent);display:flex;align-items:center;justify-content:center;margin:1.5rem 0;font-size:2rem;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){.breath-ring.pulse{animation:breathe 6s ease-in-out infinite}}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}.grounding-list{text-align:left;width:100%;max-width:320px}.grounding-list li{margin:.5rem 0}.page-header,.page-content{padding:1rem}.session-label{font-size:.95rem;color:var(--muted)}.session-hint{font-size:.8rem;color:var(--muted)}.session-controls{display:flex;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.sleep-toggle{display:flex;gap:.5rem;margin-top:1rem;align-items:center;font-size:.88rem}.form-row label{display:block;font-size:.82rem;margin-bottom:.35rem;color:var(--muted)}.form-row input[type=range]{width:100%}.toolbox-item{padding:.75rem 0;border-bottom:1px solid var(--border)}