/* White Tide. Original photograph supplied by the owner; no animated fish layer. */
.lagoon-atmosphere,.lagoon-vista{display:none}
.panel-appearance{margin:6px 0 14px;padding:18px 0;border-bottom:1px solid var(--line)}
.panel-appearance h2{font:400 20px var(--serif);margin:0 0 15px}
.panel-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.panel-theme-options button{display:flex;align-items:center;gap:10px;text-align:left;padding:12px;font-size:14px}
.panel-theme-options button[aria-pressed=true]{outline:1px solid var(--orange);outline-offset:2px}
.panel-theme-options small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.theme-swatch{width:34px;height:42px;border-radius:12px;flex:none;border:1px solid #ffffff80}
.theme-swatch-lagoon{background:url('/panel-assets/lagoon-white-fish-v1.jpg') center 75%/cover}
.theme-swatch-romance{background:linear-gradient(140deg,#fff8f2,#f4d9e6 55%,#ddd4ef)}
#panelThemeStatus{font-size:12px;color:var(--muted);line-height:1.7;margin:13px 0 0}

html[data-panel-theme=lagoon]{--bg:#edf3f0;--card:#f7faf8;--soft:#e6efea;--line:#b8cec64d;--text:#304c49;--muted:#536d69;--faint:#657b76;--orange:#426d64;--green:#4c7569;--gold:#8a7455;--rose:#916877;--blue:#607c83;--shadow:0 12px 34px #304e4610;--lagoon-glass:#f8fcf8cf;--lagoon-glass-light:#f9fcf880;--lagoon-edge:#ffffffc9;--lagoon-photo-opacity:1;--lagoon-veil:#f2f7f01a;--lagoon-ambient:.32;color-scheme:light;background:var(--bg)}
html[data-panel-theme=lagoon].night{--bg:#122522;--card:#203631;--soft:#293e38;--line:#99bdb833;--text:#e1efe8;--muted:#b0c6bd;--faint:#a4beb5;--orange:#b6d9cc;--green:#a4c4af;--gold:#d7c4a6;--rose:#d5adb9;--blue:#afcad0;--shadow:0 12px 34px #00000030;--lagoon-glass:#1a312bea;--lagoon-glass-light:#203c34a3;--lagoon-edge:#a6c6b829;--lagoon-photo-opacity:.23;--lagoon-veil:#0f241f85;--lagoon-ambient:.1;color-scheme:dark}
html[data-panel-theme=lagoon] body{background:var(--bg);color:var(--text)}
html[data-panel-theme=lagoon] body::before,html[data-panel-theme=lagoon] body::after{content:none}
html[data-panel-theme=lagoon] .lagoon-atmosphere{display:block;position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg);isolation:isolate}
.lagoon-atmosphere::before{content:'';position:absolute;inset:0;background:url('/panel-assets/lagoon-white-fish-v1.jpg') center 63%/cover no-repeat;opacity:var(--lagoon-photo-opacity);transition:opacity .5s ease}
.lagoon-atmosphere::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#f8faf23d,transparent 40%,#f4faf629),var(--lagoon-veil)}
.lagoon-light{position:absolute;width:115%;height:75%;left:-8%;top:28%;border-radius:48%;opacity:var(--lagoon-ambient);background:radial-gradient(ellipse at 23% 45%,#fff9 0,transparent 27%),radial-gradient(ellipse at 72% 64%,#ecfffbbb 0,transparent 35%);animation:lagoon-drift 24s ease-in-out infinite alternate;will-change:transform}
.lagoon-light-b{top:50%;left:-16%;animation-duration:31s;animation-delay:-12s;opacity:calc(var(--lagoon-ambient) * .55);transform:rotate(-9deg)}
@keyframes lagoon-drift{from{transform:translate3d(-2%,-1%,0) scale(.96) rotate(-4deg)}to{transform:translate3d(3%,3%,0) scale(1.05) rotate(3deg)}}
html[data-panel-theme=lagoon] .app{width:min(540px,100%);z-index:1;padding-bottom:calc(110px + env(safe-area-inset-bottom))}
html[data-panel-theme=lagoon] .romance-header{padding:24px 28px 10px;padding-top:max(24px,env(safe-area-inset-top));gap:12px}
html[data-panel-theme=lagoon] .brand{font-size:22px;letter-spacing:.12em;margin-right:auto}
html[data-panel-theme=lagoon] .brand .icon{color:var(--orange);filter:none;width:25px;height:25px}
html[data-panel-theme=lagoon] .page{padding:12px 28px 0;gap:18px}
html[data-panel-theme=lagoon] .page.on{animation:lagoon-arrive .65s cubic-bezier(.22,1,.36,1) both}
@keyframes lagoon-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
html[data-panel-theme=lagoon] .love-intro{min-height:106px;grid-template-columns:1fr 113px}
html[data-panel-theme=lagoon] .love-intro h1{font-family:var(--serif);color:var(--text);font-weight:400;font-size:clamp(25px,7.3vw,33px);letter-spacing:.07em;line-height:1.4}
html[data-panel-theme=lagoon] .love-intro p{font-size:12px;letter-spacing:.08em;color:var(--muted)}
html[data-panel-theme=lagoon] .together .orb{width:61px;height:61px;border-color:var(--lagoon-edge);background:radial-gradient(circle at 25% 18%,#ffffffb0,transparent 68%),var(--lagoon-glass-light);box-shadow:inset 0 0 0 3px #ffffff16,0 4px 14px #30564b0a;color:var(--text)}
html[data-panel-theme=lagoon] .together .orb+.orb{background:radial-gradient(circle at 65% 24%,#ffffff85,transparent 65%),var(--lagoon-glass-light);border-color:var(--lagoon-edge)}
html[data-panel-theme=lagoon] .union-heart{color:var(--orange);fill:var(--lagoon-glass-light);filter:none;top:23px}
html[data-panel-theme=lagoon] .connection-state::before{background:var(--muted);box-shadow:0 0 0 3px #ffffff30}
html[data-panel-theme=lagoon] .connection-state[data-state=ok]::before{background:var(--green)}
html[data-panel-theme=lagoon] .connection-state[data-state=bad]::before{background:var(--rose)}
html[data-panel-theme=lagoon] .lagoon-vista{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:9px;height:clamp(145px,24vh,205px);padding:0 4px 14px}
.lagoon-vista span:first-child{font:400 13px var(--serif);letter-spacing:.3em;color:var(--text);padding-bottom:10px;border-bottom:1px solid var(--line)}
.lagoon-vista span:last-child{font-size:11px;letter-spacing:.12em;color:var(--muted)}
html[data-panel-theme=lagoon] .love-book{aspect-ratio:auto;margin:0;display:grid;grid-template-columns:1.2fr 1fr;gap:12px;min-height:139px}
/* Only the decorative book picture changes; both original navigation controls remain. */
html[data-panel-theme=lagoon] .book-art{visibility:hidden}
html[data-panel-theme=lagoon] .book-control{position:relative;inset:auto;align-items:flex-start;justify-content:center;gap:8px;padding:17px 18px;border:1px solid var(--lagoon-edge);border-radius:22px;background:linear-gradient(140deg,#ffffff3d,transparent),var(--lagoon-glass-light);box-shadow:inset 0 1px 0 var(--lagoon-edge),0 10px 30px #294e4510;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:left}
html[data-panel-theme=lagoon] .book-control>.icon{width:21px;height:21px;color:var(--orange);margin:0;filter:none}
html[data-panel-theme=lagoon] .book-name{font-size:23px;letter-spacing:.08em;font-weight:400;line-height:1.35}
html[data-panel-theme=lagoon] .memory-control .book-name br{display:none}
html[data-panel-theme=lagoon] .book-caption{color:var(--muted);font-size:11px;letter-spacing:.04em}
html[data-panel-theme=lagoon] .book-open{min-height:24px;min-width:0;padding:0;margin:0;font-size:11px;background:none;border:0;box-shadow:none;gap:7px;color:var(--orange)}
html[data-panel-theme=lagoon] .memory-control .book-open{width:auto;height:auto;min-width:0;background:none;border:0}
html[data-panel-theme=lagoon] .now-control{min-height:58px;border-radius:18px;background:var(--lagoon-glass-light);border:1px solid var(--lagoon-edge);box-shadow:inset 0 1px 0 var(--lagoon-edge),var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-panel-theme=lagoon] .now-label{font-size:16px}
html[data-panel-theme=lagoon] .now-label .icon{color:var(--orange)}
html[data-panel-theme=lagoon] .now-value{background:var(--soft);border-color:var(--lagoon-edge);color:var(--text)}
html[data-panel-theme=lagoon] .now-value::before{background:var(--green)}
html[data-panel-theme=lagoon] .home-shortcuts{gap:16px;margin-top:0}
html[data-panel-theme=lagoon] .home-shortcuts button{background:var(--lagoon-glass-light);border-color:var(--lagoon-edge);border-radius:14px;padding:10px;font-size:11px;box-shadow:none;color:var(--text)}
html[data-panel-theme=lagoon] .home-shortcuts button:first-child{border:0;border-radius:14px}
html[data-panel-theme=lagoon] .home-shortcuts button>.icon{color:var(--orange)}
html[data-panel-theme=lagoon] button{background:var(--lagoon-glass);border-color:var(--line);box-shadow:inset 0 1px 0 var(--lagoon-edge);color:var(--text)}
html[data-panel-theme=lagoon] button.primary,html[data-panel-theme=lagoon] .primary{background:var(--soft);border-color:var(--line);color:var(--orange);box-shadow:inset 0 1px 0 var(--lagoon-edge)}
html[data-panel-theme=lagoon] .danger{color:var(--rose);background:var(--card);border-color:var(--rose)}
html[data-panel-theme=lagoon] .round-button{background:var(--lagoon-glass-light);color:var(--orange);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-panel-theme=lagoon] .tabs{width:min(488px,calc(100% - 32px));inset:auto 16px calc(12px + env(safe-area-inset-bottom));border-radius:24px;background:var(--lagoon-glass);border-color:var(--lagoon-edge);box-shadow:inset 0 1px 0 var(--lagoon-edge),0 12px 35px #264b4221;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:7px 5px}
html[data-panel-theme=lagoon] .tab{background:none;border:0;box-shadow:none;color:var(--muted)}
html[data-panel-theme=lagoon] .tab.on{color:var(--orange)}
html[data-panel-theme=lagoon] .tab.on .nav-icon{background:var(--soft);box-shadow:inset 0 1px 0 var(--lagoon-edge)}
html[data-panel-theme=lagoon] .tab:hover:not(:disabled){background:var(--soft)}
html[data-panel-theme=lagoon] :is(button,summary,a,[role=button]):focus-visible{outline:2px solid var(--orange);outline-offset:4px}
html[data-panel-theme=lagoon] .themed-heading{padding:12px 0 4px}
html[data-panel-theme=lagoon] .page-title{font-size:29px;letter-spacing:.05em;font-weight:400}
html[data-panel-theme=lagoon] .page .themed-heading h1{font-family:var(--serif);color:var(--text);font-size:28px;font-weight:400;letter-spacing:.04em}
html[data-panel-theme=lagoon] .page .themed-heading .page-note{color:var(--muted)}
html[data-panel-theme=lagoon] .page .themed-heading>.chapter-art::before{background:linear-gradient(90deg,transparent,var(--line),transparent)}
html[data-panel-theme=lagoon] .chapter-art{color:var(--orange);background:var(--lagoon-glass-light);border-color:var(--lagoon-edge);box-shadow:inset 0 1px 0 var(--lagoon-edge)}
html[data-panel-theme=lagoon] .card{background:var(--lagoon-glass);border-color:var(--lagoon-edge);box-shadow:inset 0 1px 0 var(--lagoon-edge),var(--shadow);border-radius:20px}
html[data-panel-theme=lagoon] :is(.settings-group,.settings-rows,.provider-card,.memory-health,.emotion-chart,.state,.long-stat,.preview,.schedule-event-row,.manage-row,.query-toolbar,.stationery-letter.open .item-body){background:var(--lagoon-glass);border-color:var(--line);color:var(--text)}
html[data-panel-theme=lagoon] :is(.settings-row,.page-jump,.item-head,.item-chevron,.provider-chevron,.connect-heading,.memory-badge,.pill,.inspector-pill){color:var(--text)}
html[data-panel-theme=lagoon] :is(.settings-row,.page-jump,.item-head){background:transparent;box-shadow:none}
html[data-panel-theme=lagoon] :is(.settings-heading,.section-title h2){color:var(--text)}
html[data-panel-theme=lagoon] .icon-well,html[data-panel-theme=lagoon] .icon-well.rose{background:var(--soft);color:var(--orange);box-shadow:inset 0 1px 0 var(--lagoon-edge)}
html[data-panel-theme=lagoon] .settings-row .icon-well,html[data-panel-theme=lagoon] .settings-row:nth-child(even) .icon-well{background:var(--soft);color:var(--orange)}
html[data-panel-theme=lagoon] .tool-menu .settings-row>.icon:last-child{color:var(--muted)}
html[data-panel-theme=lagoon] .settings-group{background:transparent;border:0;box-shadow:none}
html[data-panel-theme=lagoon] .settings-rows{border-radius:20px;background:var(--lagoon-glass)}
html[data-panel-theme=lagoon] :is(input:not([type=checkbox]),select,textarea){background:var(--card)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none}
html[data-panel-theme=lagoon] :is(input,select,textarea):focus-visible{outline:2px solid var(--orange);outline-offset:2px}
html[data-panel-theme=lagoon] :is(.filters,.filter,.filter.on,.stat,.stat:nth-child(2n),.memory-badge,.pill,.inspector-pill){background:var(--soft)!important;border-color:var(--line);color:var(--text);box-shadow:none}
html[data-panel-theme=lagoon] .stat .num{color:var(--orange)!important}
html[data-panel-theme=lagoon] .track{background:var(--soft)}
html[data-panel-theme=lagoon] .fill,html[data-panel-theme=lagoon] .trend-bar{background:linear-gradient(90deg,#8dafa0,#628b81)}
html[data-panel-theme=lagoon] .trend-bar.zero{background:var(--line)}
html[data-panel-theme=lagoon] :is(.stationery-mark,.stationery-letter .stationery-mark,.stationery-handbook .stationery-mark,.stationery-keepsake .stationery-mark){background:var(--soft);color:var(--orange);box-shadow:inset 2px 0 var(--line)}
html[data-panel-theme=lagoon] :is(.stationery-diary.open .item-body,.stationery-topic .stationery-mark){background:var(--lagoon-glass);color:var(--text);border-color:var(--line)}
html[data-panel-theme=lagoon] :is(.memory-dialog,.panel-dialog){background:var(--card);color:var(--text);border-color:var(--line);box-shadow:0 20px 70px #183d3633}
html[data-panel-theme=lagoon] .memory-dialog-actions{background:var(--card)}
html[data-panel-theme=lagoon] :is(.memory-modal,.panel-dialog::backdrop){background:#163f375c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
html[data-panel-theme=lagoon] .auth-overlay{background:var(--lagoon-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
html[data-panel-theme=lagoon] :is(.auth-title,.auth-sub,.auth-state){color:var(--text)}
html[data-panel-theme=lagoon] .toast{background:var(--card);color:var(--text);border-color:var(--line)}
html[data-panel-theme=lagoon] .schedule-grid>div{border-color:var(--line)}
html[data-panel-theme=lagoon] .schedule-grid :is(.sch-head,.sch-corner,.sch-period){background:var(--soft);color:var(--muted)}
html[data-panel-theme=lagoon] .schedule-grid .sch-head.today{background:var(--card);color:var(--orange);box-shadow:inset 0 -2px var(--orange)}
html[data-panel-theme=lagoon] .schedule-grid .sch-head.today small{background:var(--orange);color:var(--bg)}
html[data-panel-theme=lagoon] :is(.sch-head small,.sch-period b,.schedule-today-item .t-time,.e-date,.m-week){color:var(--muted)}
html[data-panel-theme=lagoon] .schedule-today-item .t-state{background:var(--soft);color:var(--text)}
html[data-panel-theme=lagoon] .calendar-page{--cal-rose:var(--orange);--cal-plum:var(--orange);--cal-soft:var(--soft);--cal-paper:var(--card);--cal-ink:var(--text);--cal-muted:var(--muted);--cal-line:var(--line);--cal-fill:var(--soft);--cal-action-bg:var(--soft);--cal-action-ink:var(--orange);--cal-action-border:var(--line)}
html[data-panel-theme=lagoon] :is(.cal-drawer,.cal-drawer-inner){--cal-paper:var(--card);--cal-ink:var(--text);--cal-muted:var(--muted);--cal-line:var(--line);--cal-soft:var(--soft);--cal-plum:var(--orange);background:var(--card);color:var(--text)}
html[data-panel-theme=lagoon] .calendar-page .cal-tabs button{background:var(--card);color:var(--muted)}
html[data-panel-theme=lagoon] .calendar-page .cal-tabs button[aria-pressed=true]{background:var(--soft);color:var(--orange)}
html[data-panel-theme=lagoon] :is(.cal-sheet,.cal-period-summary,.cal-day-card){background:var(--lagoon-glass);border-color:var(--line);color:var(--text)}
html[data-panel-theme=lagoon] .calendar-page .cal-date{background:var(--card);border-color:var(--line);color:var(--text)}
html[data-panel-theme=lagoon] .calendar-page .cal-round-grid .cal-date.is-period{background:var(--orange);color:var(--bg)}
html[data-panel-theme=lagoon] .calendar-page .cal-round-grid .cal-date.is-period strong{color:var(--bg)}
html[data-panel-theme=lagoon] .calendar-page .cal-round-grid .cal-date.is-estimate{background:var(--soft);border-color:var(--orange)}
html[data-panel-theme=lagoon] .calendar-page .cal-round-grid .cal-date.is-today::after{border-color:var(--orange)}
html[data-panel-theme=lagoon] .calendar-page .cal-date.is-today::after{border-color:var(--orange)}
html[data-panel-theme=lagoon] .calendar-page :is(.cal-estimate-pill,.cal-reminder-item,.cal-nested-days .cal-day-card){background:var(--soft);border-color:var(--line);color:var(--text)}
html[data-panel-theme=lagoon] .calendar-page :is(.cal-cycle-eyebrow,.cal-fold-heading>.icon){color:var(--muted)}
html[data-panel-theme=lagoon] .calendar-page :is(.cal-mood-choices,.cal-weather-choices) button[aria-pressed=true]{background:var(--soft);border-color:var(--orange)}
html[data-panel-theme=lagoon] :is(.life-modal-close,.coffee-modal-close){background:var(--card);color:var(--text);border-color:var(--line)}
html[data-panel-theme=lagoon] .life-modal{background:#dce9e55c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-panel-theme=lagoon].night .life-modal{background:#0c221d9c}
html[data-panel-theme=lagoon].night :is(.life-dialog,.life-modal[data-form=envelope] .life-dialog,.life-inside,.life-modal[data-form=envelope] .life-inside){background:var(--card);color:var(--text)}
html[data-panel-theme=lagoon] .coffee-dialog{background:var(--lagoon-glass);color:var(--text);border-color:var(--lagoon-edge)}
html[data-panel-theme=lagoon] .coffee-stage-title{color:var(--text)}
html[data-panel-paused=true] .lagoon-light{animation-play-state:paused}
@media(hover:hover){html[data-panel-theme=lagoon] .book-control:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 var(--lagoon-edge),0 15px 35px #294e451a}}
@media(min-width:760px){.lagoon-atmosphere::before{background-position:center 62%}html[data-panel-theme=lagoon] .app{min-height:100dvh;border-inline:1px solid #ffffff35;background:var(--lagoon-glass-light)}html[data-panel-theme=lagoon] .lagoon-vista{height:190px}}
@media(max-width:360px){html[data-panel-theme=lagoon] .page{padding-inline:18px}html[data-panel-theme=lagoon] .romance-header{padding-inline:18px}html[data-panel-theme=lagoon] .book-control{padding:15px 12px}html[data-panel-theme=lagoon] .book-name{font-size:21px}.panel-theme-options button{padding:10px;gap:7px}}
@media(prefers-reduced-motion:reduce){.lagoon-light{animation:none}html[data-panel-theme=lagoon] .page.on{animation:none}.lagoon-atmosphere::before{transition:none}}

/* Sculpted glass: transparent centre, convex rim, reflected underside. */
html[data-panel-theme=lagoon]{--lagoon-glass:#f3faf6a6;--lagoon-glass-light:#edf9f337;--glass-shadow:inset 0 2px 2px #fffffff2,inset 2px 0 3px #ffffffb0,inset -2px -3px 4px #3d766b38,inset 0 -8px 12px #c4eee43d,0 0 0 1px #446f6633,0 9px 18px #1f554325,0 24px 38px #2d60551a;--glass-rim:#ffffffe6;--glass-bottom:#638e7d66}
html[data-panel-theme=lagoon].night{--lagoon-glass:#1d3930c4;--lagoon-glass-light:#315c4945;--glass-shadow:inset 0 2px 2px #d9fff980,inset 2px 0 3px #d1fff540,inset -2px -3px 4px #0008,inset 0 -8px 12px #79b2a21c,0 0 0 1px #8cbcad33,0 9px 18px #0005,0 24px 38px #0003;--glass-rim:#dcfff275;--glass-bottom:#123b307a}
html[data-panel-theme=lagoon] :is(.book-control,.now-control,.round-button,.together .orb,.card,.settings-rows,.provider-card,.cal-sheet,.cal-period-summary,.cal-day-card,.coffee-dialog){
  border:1px solid var(--glass-rim);border-bottom-color:var(--glass-bottom);
  background:linear-gradient(135deg,#ffffff70 0,#ffffff0a 24%,transparent 48%,#d3efe918 76%,#ffffff50 100%),var(--lagoon-glass);
  box-shadow:var(--glass-shadow);backdrop-filter:blur(9px) saturate(1.55);-webkit-backdrop-filter:blur(9px) saturate(1.55)
}
html[data-panel-theme=lagoon] :is(.book-control,.now-control,.together .orb,.round-button){background-color:var(--lagoon-glass-light)}
html[data-panel-theme=lagoon] .book-control{border-radius:34px 34px 38px 38px;min-height:155px;padding:22px 20px;isolation:isolate;overflow:hidden;text-shadow:0 1px 8px #ffffff80}
html[data-panel-theme=lagoon].night .book-control{text-shadow:0 1px 8px #08251d80}
html[data-panel-theme=lagoon] .book-control::before{content:'';position:absolute;inset:5px;z-index:-1;border-radius:inherit;border:1px solid #ffffff75;border-bottom:3px solid #ffffff6b;box-shadow:inset 0 -2px 3px #5386783b;pointer-events:none}
html[data-panel-theme=lagoon] .book-control::after{content:'';position:absolute;inset:-60% -100%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff80 48%,#ffffff0a 53%,transparent 58%);transform:translateX(-18%) rotate(-8deg);animation:lagoon-glint 12s ease-in-out infinite alternate}
html[data-panel-theme=lagoon] .memory-control{margin-top:24px;min-height:131px;border-radius:38px 38px 32px 32px}
html[data-panel-theme=lagoon] .memory-control::after{animation-delay:-7s;animation-duration:16s}
html[data-panel-theme=lagoon] .book-control>.icon{width:26px;height:26px;filter:drop-shadow(0 1px 0 #ffffffb0)}
html[data-panel-theme=lagoon] .book-open{letter-spacing:.12em}
html[data-panel-theme=lagoon] .now-control{border-radius:28px;min-height:62px;padding-inline:20px}
html[data-panel-theme=lagoon] .now-value{background:#ffffff38;box-shadow:inset 0 1px 2px #fff9;color:var(--text)}
html[data-panel-theme=lagoon] .home-shortcuts button{background:transparent;box-shadow:none;border:0;padding:10px 2px}
html[data-panel-theme=lagoon] .together .orb{box-shadow:var(--glass-shadow);backdrop-filter:blur(3px) saturate(1.6);-webkit-backdrop-filter:blur(3px) saturate(1.6)}
html[data-panel-theme=lagoon] .together .orb+.orb{background:radial-gradient(circle at 70% 22%,#ffffffe0,transparent 38%),var(--lagoon-glass-light);box-shadow:var(--glass-shadow)}
html[data-panel-theme=lagoon] .lagoon-vista{height:clamp(125px,21vh,178px)}
html[data-panel-theme=lagoon] .lagoon-vista span:first-child{font-size:17px;letter-spacing:.38em;border:0;text-shadow:0 1px 10px #fff}
html[data-panel-theme=lagoon].night .lagoon-vista span:first-child{text-shadow:none}
/* One continuous frosted bar keeps scrolling content separate from navigation. */
html[data-panel-theme=lagoon] .tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:7px 6px;width:min(488px,calc(100% - 32px));inset:auto 16px calc(12px + env(safe-area-inset-bottom));border-radius:24px;background:#f2f7f3e8;border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #ffffffe6,0 8px 28px #284d4226;backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);overflow:hidden}
html[data-panel-theme=lagoon].night .tabs{background:#17302aeb;border-color:#b8d5c733;box-shadow:inset 0 1px 0 #d8fff529,0 8px 28px #0004}
html[data-panel-theme=lagoon] .tab{position:relative;min-height:53px;padding:3px 1px;gap:4px;border-radius:16px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--muted);transform:none;translate:none}
html[data-panel-theme=lagoon] .tab::before,html[data-panel-theme=lagoon] .tab::after{content:none}
html[data-panel-theme=lagoon] .tab:nth-child(2n){translate:none}
html[data-panel-theme=lagoon] .tab .nav-icon{background:none;box-shadow:none;width:38px;height:27px}
html[data-panel-theme=lagoon] .tab.on,html[data-panel-theme=lagoon].night .tab.on{background:transparent;color:var(--orange);box-shadow:none}
html[data-panel-theme=lagoon] .tab.on .nav-icon{background:#426d6417;box-shadow:inset 0 1px 0 #ffffff80}
html[data-panel-theme=lagoon].night .tab.on .nav-icon{background:#b6d9cc1f;box-shadow:none}
html[data-panel-theme=lagoon] .tab:hover:not(:disabled){background-color:#426d640c}
html[data-panel-theme=lagoon] .app{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
html[data-panel-theme=lagoon] .card{border-radius:26px}
/* Shallow, drifting sunlight on water: broad soft traces, no repeating grid. */
.lagoon-caustics{display:none;position:absolute;inset:-12%;width:124%;height:124%;color:#fff;opacity:.18;filter:blur(1.7px);pointer-events:none;mask-image:linear-gradient(#0009,#000 28%,#000 78%,#0009);-webkit-mask-image:linear-gradient(#0009,#000 28%,#000 78%,#0009)}
html[data-panel-theme=lagoon] .lagoon-caustics{display:block}
html[data-panel-theme=lagoon].night .lagoon-caustics{opacity:.045}
.lagoon-caustic-a,.lagoon-caustic-b{transform-box:fill-box;transform-origin:center;animation:lagoon-waterlight-a 32s ease-in-out infinite alternate}
.lagoon-caustic-b{opacity:.5;animation-name:lagoon-waterlight-b;animation-duration:43s;animation-delay:-19s}
@keyframes lagoon-waterlight-a{from{transform:translate(-2%,1%) rotate(-3deg) scale(1.04)}to{transform:translate(2%,-2%) rotate(2deg) scale(1.1,.98)}}
@keyframes lagoon-waterlight-b{from{transform:translate(4%,-3%) rotate(9deg) scale(1.15,1.07)}to{transform:translate(-3%,3%) rotate(3deg) scale(1.08,1.14)}}
@keyframes lagoon-glint{from{transform:translateX(-18%) rotate(-8deg)}to{transform:translateX(18%) rotate(8deg)}}
@keyframes lagoon-caustics{from{transform:translate3d(-2%,2%,0) scale(1,1) skewX(-7deg)}to{transform:translate3d(3%,-3%,0) scale(1.12,.9) skewX(7deg)}}
html[data-panel-theme=lagoon] .page.on{animation:lagoon-fade-in .22s ease-out both}
@keyframes lagoon-fade-in{from{opacity:0}to{opacity:1}}
@keyframes lagoon-fade-out{to{opacity:0}}
@keyframes lagoon-detail-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes lagoon-detail-back{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
html[data-panel-theme=lagoon][data-panel-motion=forward] .page.on{animation-name:lagoon-detail-in}
html[data-panel-theme=lagoon][data-panel-motion=back] .page.on{animation-name:lagoon-detail-back}
html[data-panel-theme=lagoon][data-panel-native=true] .page.on{animation:none}
/* Native snapshots keep the scene stationary while the content changes. */
html[data-panel-theme=lagoon]{view-transition-name:none}
html[data-panel-theme=lagoon]::view-transition,
html[data-panel-theme=lagoon]::view-transition-group(*),
html[data-panel-theme=lagoon]::view-transition-image-pair(*),
html[data-panel-theme=lagoon]::view-transition-old(*),
html[data-panel-theme=lagoon]::view-transition-new(*){pointer-events:none}
html[data-panel-theme=lagoon] .page.on{view-transition-name:lagoon-content}
html[data-panel-theme=lagoon] .tabs{view-transition-name:none}
html[data-panel-theme=lagoon]::view-transition-group(lagoon-content){animation-duration:.22s}
html[data-panel-theme=lagoon]::view-transition-old(lagoon-content){animation:lagoon-fade-out .16s ease both;mix-blend-mode:normal}
html[data-panel-theme=lagoon]::view-transition-new(lagoon-content){animation:lagoon-fade-in .22s ease-out both;mix-blend-mode:normal}
html[data-panel-theme=lagoon][data-panel-motion=forward]::view-transition-new(lagoon-content){animation-name:lagoon-detail-in}
html[data-panel-theme=lagoon][data-panel-motion=back]::view-transition-new(lagoon-content){animation-name:lagoon-detail-back}
html[data-panel-paused=true] :is(.lagoon-caustics,.lagoon-caustic-a,.lagoon-caustic-b,.book-control::after){animation-play-state:paused}
@media(hover:hover){html[data-panel-theme=lagoon] .book-control:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow),0 0 24px #ffffff70}}
@media(max-width:360px){html[data-panel-theme=lagoon] .tabs{gap:2px}html[data-panel-theme=lagoon] .tab{font-size:10px;min-height:53px}html[data-panel-theme=lagoon] .book-control{padding:20px 15px}}
@media(prefers-reduced-motion:reduce){html[data-panel-theme=lagoon] :is(.tab.on,.page.on,.book-control::after,.lagoon-caustics){animation:none}html[data-panel-theme=lagoon] :is(.page.on,.tabs){view-transition-name:none}html[data-panel-theme=lagoon] .book-control{transition:none}}

/* Clear water glass: the photograph stays sharp; the rim carries the material. */
html[data-panel-theme=lagoon]{--clear-water-fill:#ffffff0a;--clear-water-shadow:0 12px 28px #2840522e,0 1px 3px #28405226,inset 0 1px 0 #fff,inset 0 -8px 20px #ffffff40,inset 0 0 0 1px #ffffff59}
html[data-panel-theme=lagoon].night{--clear-water-fill:#e1fff608;--clear-water-shadow:0 12px 28px #0005,0 1px 3px #0004,inset 0 1px 0 #eafff7a6,inset 0 -8px 20px #d8fff51a,inset 0 0 0 1px #d8fff53d}
html[data-panel-theme=lagoon] :is(.book-control,.now-control,.round-button,.together .orb){
  background:var(--clear-water-fill);border:1px solid var(--glass-rim);box-shadow:var(--clear-water-shadow);
  backdrop-filter:blur(1px) saturate(1.9) brightness(1.11) url('/panel-assets/lagoon-glass.svg?v=1#clear-water');
  -webkit-backdrop-filter:blur(1px) saturate(1.9) brightness(1.11) url('/panel-assets/lagoon-glass.svg?v=1#clear-water')
}
html[data-panel-theme=lagoon] .book-control{text-shadow:0 1px 4px #ffffffb0}
html[data-panel-theme=lagoon] .book-control::before{inset:2px;border:1px solid #ffffff59;border-bottom:1px solid #ffffff85;box-shadow:none}
html[data-panel-theme=lagoon] .book-control::after{opacity:.22}
html[data-panel-theme=lagoon] .together .orb+.orb{background:var(--clear-water-fill);box-shadow:var(--clear-water-shadow);border-color:var(--glass-rim)}
html[data-panel-theme=lagoon].night :is(.book-control,.now-control,.round-button,.together .orb){backdrop-filter:blur(1px) saturate(1.6) brightness(1.04) url('/panel-assets/lagoon-glass.svg?v=1#clear-water');-webkit-backdrop-filter:blur(1px) saturate(1.6) brightness(1.04) url('/panel-assets/lagoon-glass.svg?v=1#clear-water')}
@media(hover:hover){html[data-panel-theme=lagoon] .book-control:hover{box-shadow:var(--clear-water-shadow),0 0 24px #ffffff59}}
.lagoon-water{position:absolute;inset:0;width:100%;height:100%;opacity:var(--lagoon-photo-opacity);pointer-events:none}
html[data-panel-theme=romance] .lagoon-water{display:none}
@media(prefers-reduced-motion:reduce){.lagoon-water{display:none}}

/* Shared material for every inner page; denser content gets a local reading layer. */
html[data-panel-theme=lagoon]{--lagoon-glass:#f8fcfa26;--card:#f8fcfa8a;--soft:#edf6f259;--glass-rim:#ffffffa6;--content-shadow:0 8px 24px #355d4f10,inset 0 1px 0 #ffffffc9,inset 0 -1px 0 #ffffff6b;--clear-water-shadow:0 8px 22px #2840521f,0 1px 3px #28405212,inset 0 1px 0 #ffffffeb,inset 0 -5px 14px #ffffff2e,inset 0 0 0 1px #ffffff40}
html[data-panel-theme=lagoon].night{--lagoon-glass:#d7fff012;--card:#17302ab8;--soft:#b9dac418;--glass-rim:#d8fff552;--content-shadow:0 8px 24px #0002,inset 0 1px 0 #d8fff56b,inset 0 -1px 0 #d8fff529;--clear-water-shadow:0 8px 22px #0003,0 1px 3px #0002,inset 0 1px 0 #eafff78c,inset 0 -5px 14px #d8fff514,inset 0 0 0 1px #d8fff52e}
html[data-panel-theme=lagoon] :is(.card,.settings-rows,.provider-card,.calendar-page .cal-sheet,.calendar-page .cal-period-summary,.calendar-page .cal-day-card,.coffee-dialog,.memory-dialog,.panel-dialog,.cal-drawer-inner){
  background:linear-gradient(145deg,#ffffff21,transparent 55%,#d7f2e80d),var(--lagoon-glass);border:1px solid var(--glass-rim);border-radius:22px;box-shadow:var(--content-shadow);
  backdrop-filter:blur(2px) saturate(1.35);-webkit-backdrop-filter:blur(2px) saturate(1.35)
}
html[data-panel-theme=lagoon] :is(.query-toolbar,.memory-health,.emotion-chart,.state,.long-stat,.preview,.schedule-event-row,.manage-row){background:#ffffff14;border-color:var(--line);box-shadow:none}
html[data-panel-theme=lagoon].night :is(.query-toolbar,.memory-health,.emotion-chart,.state,.long-stat,.preview,.schedule-event-row,.manage-row){background:#17302a38}
html[data-panel-theme=lagoon] :is(.item-body,.memory-dialog-content,.panel-dialog-body){background:var(--card);border-radius:14px}
html[data-panel-theme=lagoon] :is(.settings-row,.item-head,.page-jump){background:transparent}
html[data-panel-theme=lagoon] :is(.calendar-page .cal-date,.sch-head,.sch-corner,.sch-period,.schedule-today-item .t-state){box-shadow:inset 0 1px 0 #ffffff59;background:var(--soft)}
html[data-panel-theme=lagoon] .calendar-page .cal-date.is-period{background:var(--orange)}
html[data-panel-theme=lagoon] .calendar-page .cal-round-grid .cal-date.is-estimate{background:var(--soft)}
html[data-panel-theme=lagoon] .chapter-art{background:var(--clear-water-fill);border-color:var(--glass-rim);box-shadow:var(--content-shadow)}
html[data-panel-theme=lagoon] .query-toolbar .search-action{background:var(--soft);color:var(--orange);border:1px solid var(--glass-rim);box-shadow:inset 0 1px 0 #ffffff80}
html[data-panel-theme=lagoon] .query-toolbar .clear-action{background:transparent;color:var(--muted);box-shadow:none}
html[data-panel-theme=lagoon] :is(.item-date,.time,.pager-info,.schedule-note){color:var(--muted)}
html[data-panel-theme=lagoon] .settings-row .icon-well .icon{color:var(--orange)}
html[data-panel-theme=lagoon] button{transition:background .18s ease,box-shadow .18s ease,transform .15s ease}
html[data-panel-theme=lagoon] button:active:not(:disabled){transform:scale(.995)}
html[data-panel-theme=lagoon] .book-control::after{opacity:.09}
@media(hover:hover){html[data-panel-theme=lagoon] .book-control:hover{transform:translateY(-1px);box-shadow:var(--clear-water-shadow)}}
@media(prefers-reduced-motion:reduce){html[data-panel-theme=lagoon][data-panel-motion] .page.on{animation:none}html[data-panel-theme=lagoon] button{transition:none}}

@media(prefers-reduced-motion:reduce){.lagoon-caustic-a,.lagoon-caustic-b{animation:none}}