/* Fallback-only previews. No layout, ownership or storage controller is imported. */
:root{
  --field:#fffefb;--soft:#edf1e7;--button:#e4ecdc;--button-hover:#d5e2ca;
  --primary-text:#ffffff;--primary-hover:#244535;--field-border:#708064;
  --emphasis:#526c49;--focus:#526c35;--warning-text:#74471b;--warning-surface:#fff0d1;
  --placeholder:#667367;--selection-bg:#c9dcc0;--selection-text:#20372c;--card-shadow:none;
}
body[data-room-theme="greenhouse"]{
  --ink:#303d2a;--muted:#505c46;--paper:#f1f1e5;--line:#cbd0bc;
  --green:#e6e7d8;--accent:#3d5431;--white:#fffdf7;--field:#fffdf7;
  --soft:#e8ead9;--button:#e6e7d8;--button-hover:#d7dec5;
  --primary-text:#ffffff;--primary-hover:#2e4223;--field-border:#687653;
  --emphasis:#50613c;--focus:#445d34;--warning-text:#70421b;--warning-surface:#fff0cd;
  --placeholder:#626c54;--selection-bg:#c1d5a6;--selection-text:#303d2a;
  --card-shadow:0 8px 25px #34482c12;
}
body[data-room-theme="midnight"]{
  color-scheme:dark;--ink:#f0e5d0;--muted:#c6c4bd;--paper:#111d2c;--line:#667484;
  --green:#283d4c;--accent:#dbc18b;--white:#192938;--field:#111f2d;
  --soft:#203443;--button:#293f50;--button-hover:#354f62;
  --primary-text:#172331;--primary-hover:#efd6a4;--field-border:#8391a0;
  --emphasis:#e2c995;--focus:#f1cf85;--warning-text:#ffe0a3;--warning-surface:#49351d;
  --placeholder:#a9b6c3;--selection-bg:#dbc18b;--selection-text:#172331;
  --card-shadow:0 10px 30px #050b123d;
}
body{background:var(--paper);isolation:isolate}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-repeat:no-repeat}
body[data-room-theme="greenhouse"][data-room-art="on"]::before{
  background-image:url("assets/sage-boho-pothos-corner-flat.png");background-position:left bottom;
  background-size:min(39vw,470px) auto;opacity:.12;
}
body[data-room-theme="midnight"][data-room-art="on"]::before{
  background-image:linear-gradient(#111d2ccc,#111d2ce8),url("assets/midnight-observatory-room.png");
  background-size:cover;background-position:center top;
}
body[data-room-art="off"]::before{background-image:none}
input,textarea,select{background:var(--field);color:var(--ink);border-color:var(--field-border)}
input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}
button,.file-button{background:var(--button);color:var(--ink);border-color:var(--field-border)}
button:hover,.file-button:hover{background:var(--button-hover)}
button.primary{background:var(--accent);border-color:var(--accent);color:var(--primary-text)}
button.primary:hover:enabled{background:var(--primary-hover)}
button:disabled{opacity:1;color:var(--muted);background:var(--soft);border-color:var(--line)}
.card{background:var(--white);box-shadow:var(--card-shadow)}
.timer,.practice-picker{background:var(--soft)}
#draft{background:var(--field)}
h1 em{color:var(--emphasis)}
.status[data-kind="warning"],.notice{color:var(--warning-text);background:var(--warning-surface)}
:focus-visible,.file-button:focus-within{outline-color:var(--focus)}
.skip-link{background:var(--accent);color:var(--primary-text)}
::selection{background:var(--selection-bg);color:var(--selection-text)}
.appearance-options{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.appearance-options p{margin:12px 0 0}
@media(max-width:620px){
  body[data-room-theme="greenhouse"][data-room-art="on"]::before{background-size:62vw auto;opacity:.08}
  body[data-room-theme="midnight"][data-room-art="on"]::before{background-position:center top}
}
@media(forced-colors:active){body::before{display:none}.card{box-shadow:none}button,input,select,textarea{border-color:ButtonText}:focus-visible{outline-color:Highlight}}