/* J1-E — Saules atspīdumi ūdenī. DESIGN TEST only.
   Standalone, opt-in theme. Existing K1/Z3/D3/S1 selectors are untouched.
   Layer order: water base (body), sunlight caustics (fixed ::before),
   translucent content panels (cards). No network imagery required. */
html[data-design="water-j1"]{
 --ds-page-bg:#cdeff7;--ds-surface:rgba(239,251,255,.88);
 --ds-text:#073d5d;--ds-muted:#416b81;--ds-primary:#087ba4;
 --ds-on-primary:#ffffff;--ds-accent:#10a8c6;--ds-border:#8ed7e7;
 --ds-soft-bg:rgba(231,249,254,.84);--ds-soft-border:#8ed7e7;
 --ds-focus:#075c88;--ds-caret:#075c88;
 --ds1-page:#cdeff7;--ds1-surface:rgba(239,251,255,.88);
 --ds1-surface-soft:rgba(231,249,254,.84);--ds1-text:#073d5d;
 --ds1-muted:#416b81;--ds1-primary:#087ba4;--ds1-on-primary:#fff;
 --ds1-border:#8ed7e7;--ds1-border-soft:#8ed7e7;
 --ds1-focus:#075c88;--ds1-caret:#075c88;
}
html[data-design="water-j1"][data-theme="dark"]{
 --ds-page-bg:#052e40;--ds-surface:rgba(4,57,83,.88);
 --ds-text:#effcff;--ds-muted:#b6dce9;--ds-primary:#17b4d3;
 --ds-on-primary:#052e40;--ds-accent:#65d6ed;--ds-border:#268aa9;
 --ds-soft-bg:rgba(7,82,111,.78);--ds-soft-border:#3ba7c4;
 --ds-focus:#9befff;--ds-caret:#9befff;
 --ds1-page:#052e40;--ds1-surface:rgba(4,57,83,.88);
 --ds1-surface-soft:rgba(7,82,111,.78);--ds1-text:#effcff;
 --ds1-muted:#b6dce9;--ds1-primary:#17b4d3;--ds1-on-primary:#052e40;
 --ds1-border:#268aa9;--ds1-border-soft:#3ba7c4;
 --ds1-focus:#9befff;--ds1-caret:#9befff;
}
html[data-design="water-j1"] body{
 background:radial-gradient(ellipse at 20% 6%,#f1fdff 0%,transparent 38%),
 radial-gradient(ellipse at 85% 38%,#a3e7f5 0%,transparent 48%),
 linear-gradient(165deg,#a6e9f5 0%,#d5f5fc 42%,#78cfe5 100%) fixed!important;
 color:var(--ds-text)!important;
 min-height:100vh;
}
html[data-design="water-j1"][data-theme="dark"] body{
 background:radial-gradient(ellipse at 22% 4%,#0a7eaa 0%,transparent 39%),
 radial-gradient(ellipse at 90% 42%,#0b5878 0%,transparent 50%),
 linear-gradient(160deg,#05364e 0%,#064c6b 45%,#042a3d 100%) fixed!important;
}
html[data-design="water-j1"] body::before{
 content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22420%22%20height%3D%22720%22%20viewBox%3D%220%200%20420%20720%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.68%22%3E%3Cpath%20stroke-width%3D%225%22%20d%3D%22M-35%2090Q55%2030%20126%2086T290%2091T470%2065M-30%2096Q80%20152%20142%20110T308%20139T455%20121M-30%20245Q85%20183%20151%20237T297%20220T459%20252M-20%20263Q80%20309%20153%20267T315%20302T455%20284M-30%20430Q66%20366%20139%20417T292%20405T457%20436M-20%20447Q80%20499%20154%20451T311%20488T450%20468M-35%20619Q70%20557%20143%20606T307%20592T455%20627M-30%20637Q65%20683%20148%20631T305%20669T455%20650%22%2F%3E%3Cpath%20stroke-width%3D%223%22%20d%3D%22M126%2086Q110%20163%20151%20237T139%20417T143%20606M290%2091Q263%20171%20297%20220T292%20405T307%20592M55%2030Q45%20190%2085%20183T66%20366T70%20557%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:420px 720px;
 background-repeat:repeat;opacity:.22;filter:blur(1.1px);
}
html[data-design="water-j1"][data-theme="dark"] body::before{opacity:.17}
html[data-design="water-j1"] body>*{position:relative;z-index:1}
html[data-design="water-j1"] .card,
html[data-design="water-j1"] .side-menu,
html[data-design="water-j1"] .about-content{
 background:var(--ds-surface)!important;color:var(--ds-text)!important;
 border:1px solid var(--ds-soft-border);
 box-shadow:0 8px 26px rgba(7,80,112,.11);
 backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
html[data-design="water-j1"] :is(.tomorrow,.interesting,.birthday-entry,.greeting-result,.settings-section,.about-row,.favorite-add-panel,.birthday-saved-row){
 background:var(--ds-soft-bg)!important;border-color:var(--ds-soft-border)!important;
 color:var(--ds-text)!important;
}
html[data-design="water-j1"] :is(.names,.name-link,.app-title,.menu-btn,.side-menu button,.birthday-chevron,.birthday-edit-btn,.greeting-entry-arrow,.back-btn){
 color:var(--ds-text)!important;
}
html[data-design="water-j1"] :is(.muted,.foot,.week div,#dateTitle,.appearance-choice small){
 color:var(--ds-muted)!important;
}
html[data-design="water-j1"] :is(button,.btn,input,textarea,select){
 border-color:var(--ds-border);caret-color:var(--ds-caret);
}
html[data-design="water-j1"] :is(.primary,button.primary,.day.sel){
 background:var(--ds-primary)!important;color:var(--ds-on-primary)!important;
 border-color:var(--ds-primary)!important;
}
html[data-design="water-j1"] :is(#prevDay,#nextDay,#prevMonth,#nextMonth,#nameBtn,#dateBtn,.back-btn,.greeting-options button,.birthday-sort button,.favorites-sort button){
 background:var(--ds-soft-bg)!important;color:var(--ds-text)!important;
 border-color:var(--ds-border)!important;
}
html[data-design="water-j1"] :is(.birthday-sort button.active,.favorites-sort button.active,.greeting-options button.active){
 background:var(--ds-primary)!important;color:var(--ds-on-primary)!important;
}
html[data-design="water-j1"] :is(input:not([type="radio"]):not([type="checkbox"]),textarea,select){
 background:var(--ds-surface)!important;color:var(--ds-text)!important;
}
html[data-design="water-j1"] :is(input,textarea)::placeholder{color:var(--ds-muted)!important}
html[data-design="water-j1"] :is(input[type="radio"],input[type="checkbox"]){accent-color:var(--ds-primary)}
html[data-design="water-j1"] .switch input:checked+.switch-slider{background:var(--ds-primary)!important}
html[data-design="water-j1"] :is(.settings-back-bar,.greeting-back-bar){
 background:var(--ds-surface)!important;border-color:var(--ds-border)!important;
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
html[data-design="water-j1"] :is(.side-menu button,.name-link,.birthday-edit-btn,.birthday-delete-btn,.remove-favorite){
 background:transparent!important;box-shadow:none!important;
}
html[data-design="water-j1"] :is(button,input,textarea,select,a):focus-visible{
 outline:2px solid var(--ds-focus)!important;outline-offset:2px;
}
html[data-design="water-j1"] :is(.greeting-emoji-panel,.reminder-time-control){
 --picker-bg:var(--ds-surface);--picker-border:var(--ds-border);
 --picker-text:var(--ds-text);--picker-selected:var(--ds-soft-bg);
}
@media(max-width:430px){
 html[data-design="water-j1"] body::before{background-size:320px 548px;opacity:.19}
 html[data-design="water-j1"][data-theme="dark"] body::before{opacity:.15}
 html[data-design="water-j1"] .card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
}
@media(prefers-reduced-motion:reduce){
 html[data-design="water-j1"] body::before{animation:none}
}
