/* Chrono 24 · Day mode, hand-tuned layer. Generated from tools/day-layer.css by tools/make-day-layer.py. */
:root[data-theme=day]{
  --bg:#F4EFE8;--surface:#FFFFFF;--text:#1B120C;--muted:#5A4B41;
  --day-line:#E3D8CB;--day-line-strong:#D3C4B3;--day-paper:#FBF8F4;
  --day-accent:#E8641E;--day-accent-ink:#A8430A;--day-grad:linear-gradient(115deg,#F59A2C 0%,#EE6A2A 52%,#E2413A 100%);
  --day-shadow-1:0 1px 2px rgb(60 35 15/.07),0 1px 1px rgb(60 35 15/.04);
  --day-shadow-2:0 1px 2px rgb(60 35 15/.06),0 10px 28px -12px rgb(60 35 15/.22);
  --day-shadow-3:0 2px 4px rgb(60 35 15/.08),0 18px 40px -14px rgb(60 35 15/.30);
  --orange:#E8641E;--amber:#D98410;
  background:var(--bg);color:var(--text)
}
:root[data-theme=day] body{background:var(--bg)}
:root[data-theme=day] .appbar{background:#FFFFFF;border-bottom:1px solid var(--day-line);box-shadow:0 1px 0 rgb(255 255 255/.8),0 6px 18px -14px rgb(60 35 15/.35)}
:root[data-theme=day] .brand{color:var(--text)}
:root[data-theme=day] .brand span{color:var(--day-accent-ink)}
:root[data-theme=day] .brand small,:root[data-theme=day] .session,:root[data-theme=day] .session-note{color:var(--muted)}
:root[data-theme=day] .live-dot{background:var(--day-accent);box-shadow:none}
:root[data-theme=day] :is(.header-actions,dialog,.restore-actions,.brand-drop,.panel-body,.button-pair,.stagebar) button:not(.primary){background:#FFFFFF;border:1px solid var(--day-line-strong);color:var(--text);box-shadow:var(--day-shadow-1);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:root[data-theme=day] :is(.header-actions,dialog,.restore-actions,.brand-drop,.panel-body,.button-pair,.stagebar) button:not(.primary):hover:not(:disabled){background:#FFF8F1;border-color:#E9A46B}
:root[data-theme=day] .header-actions button:disabled{opacity:.5;box-shadow:none}
:root[data-theme=day] .primary,:root[data-theme=day] button.primary{background:var(--day-grad);border:1px solid #D9562233;color:#1A0D06;font-weight:700;box-shadow:0 1px 2px rgb(150 50 10/.18),0 8px 20px -10px rgb(226 65 58/.55)}
:root[data-theme=day] .primary:hover:not(:disabled),:root[data-theme=day] button.primary:hover:not(:disabled){background:linear-gradient(115deg,#F7A63D 0%,#F07636 52%,#E64D44 100%);border-color:#D9562255}
:root[data-theme=day] .theme-toggle{background:#FFFFFF}
:root[data-theme=day] .stage{background:var(--bg)}
:root[data-theme=day] .stagebar,:root[data-theme=day] .canvas-toolbar,:root[data-theme=day] .statusbar{background:#FFFFFF;border-color:var(--day-line);color:var(--muted)}
:root[data-theme=day] .toolrail{background:#FFFFFF;border-right:1px solid var(--day-line)}
:root[data-theme=day] .tool{color:#4A3B31;background:transparent;border-color:transparent;box-shadow:none}
:root[data-theme=day] .tool:hover:not(:disabled){background:#FBF3EA;border-color:transparent}
:root[data-theme=day] .tool.active{background:#FFF1E4;border-color:#F2C49A;color:var(--day-accent-ink);box-shadow:inset 3px 0 var(--day-accent)}
:root[data-theme=day] .inspector{background:var(--day-paper);border-left:1px solid var(--day-line);border-top-color:var(--day-line)}
:root[data-theme=day] details{border-color:var(--day-line)}
:root[data-theme=day] summary{color:var(--text)}
:root[data-theme=day] summary>span,:root[data-theme=day] .section-label,:root[data-theme=day] .eyebrow{color:var(--day-accent-ink)}
:root[data-theme=day] input[type=number],:root[data-theme=day] input[type=text],:root[data-theme=day] select,:root[data-theme=day] textarea{background:#FFFFFF;border:1px solid var(--day-line-strong);color:var(--text)}
:root[data-theme=day] input[type=range]{accent-color:var(--day-accent)}
:root[data-theme=day] dialog{background:#FFFFFF;color:var(--text);border:1px solid var(--day-line);box-shadow:var(--day-shadow-3)}
:root[data-theme=day] dialog::backdrop{background:rgb(40 25 15/.38)}

:root[data-theme=day] #empty .eyebrow{color:var(--day-accent-ink);font-weight:600}
:root[data-theme=day] #empty h2{color:var(--text)}
:root[data-theme=day] #empty>p:not(.eyebrow),:root[data-theme=day] #empty>small{color:var(--muted)}
:root[data-theme=day] #empty .welcome-options button{background:#FFFFFF;border:1px solid var(--day-line);box-shadow:var(--day-shadow-2);color:var(--text)}
:root[data-theme=day] #empty .welcome-options button:hover{background:#FFFFFF;border-color:#EBA36A;box-shadow:var(--day-shadow-3);transform:translateY(-2px)}
:root[data-theme=day] #empty .welcome-options button:active{transform:translateY(0)}
:root[data-theme=day] #empty .welcome-options span{color:var(--day-accent-ink);background:#FFF0E2;box-shadow:inset 0 0 0 1px #F6D2B2}
:root[data-theme=day] #empty .welcome-options b{color:var(--text)}
:root[data-theme=day] #empty .welcome-options small{color:var(--muted)}
:root[data-theme=day] #empty .welcome-project,:root[data-theme=day] .welcome-brand{background:#FFFFFF;border:1px solid var(--day-line);color:var(--day-accent-ink);box-shadow:var(--day-shadow-1)}
:root[data-theme=day] #empty .welcome-project:hover,:root[data-theme=day] .welcome-brand:hover{border-color:#EBA36A;background:#FFF8F1}
:root[data-theme=day] .restore-card{background:#FFFFFF;border:1px solid var(--day-line);border-left:3px solid var(--day-accent);box-shadow:var(--day-shadow-1)}
:root[data-theme=day] .empty-brand{border-color:var(--day-line);box-shadow:var(--day-shadow-2);background:#FFFFFF}
:root[data-theme=day] #empty .guided-start{background:#FFFFFF;border:1px solid var(--day-line);border-left:3px solid var(--day-accent);box-shadow:var(--day-shadow-1)}
:root[data-theme=day] #empty .guided-start:hover{border-color:#EBA36A;border-left-color:var(--day-accent);box-shadow:var(--day-shadow-2)}
:root[data-theme=day] #empty .guided-start>span:first-child{color:var(--day-accent-ink)}

:root[data-theme=day] .brand-panel{--b-line:#E3D8CB;--b-soft:#FFFFFF}
:root[data-theme=day] .brand-panel h4{color:#6B5A4E}
:root[data-theme=day] .brand-swatch,:root[data-theme=day] .brand-item{border-color:var(--day-line)}
:root[data-theme=day] .brand-drop{background:#FFFFFF;border-color:var(--day-line-strong)}
:root[data-theme=day] .brand-guide-btn{color:#1A0D06}
:root[data-theme=day] .brand-sheet-scrim{background:rgb(40 25 15/.38)}
@media (prefers-reduced-motion:reduce){:root[data-theme=day] #empty .welcome-options button:hover{transform:none}:root[data-theme=day] .header-actions button{transition:none}}
@media (prefers-color-scheme:light){:root:not([data-theme=night]):not([data-theme=day]){
  --bg:#F4EFE8;--surface:#FFFFFF;--text:#1B120C;--muted:#5A4B41;
  --day-line:#E3D8CB;--day-line-strong:#D3C4B3;--day-paper:#FBF8F4;
  --day-accent:#E8641E;--day-accent-ink:#A8430A;--day-grad:linear-gradient(115deg,#F59A2C 0%,#EE6A2A 52%,#E2413A 100%);
  --day-shadow-1:0 1px 2px rgb(60 35 15/.07),0 1px 1px rgb(60 35 15/.04);
  --day-shadow-2:0 1px 2px rgb(60 35 15/.06),0 10px 28px -12px rgb(60 35 15/.22);
  --day-shadow-3:0 2px 4px rgb(60 35 15/.08),0 18px 40px -14px rgb(60 35 15/.30);
  --orange:#E8641E;--amber:#D98410;
  background:var(--bg);color:var(--text)
}
:root:not([data-theme=night]):not([data-theme=day]) body{background:var(--bg)}
:root:not([data-theme=night]):not([data-theme=day]) .appbar{background:#FFFFFF;border-bottom:1px solid var(--day-line);box-shadow:0 1px 0 rgb(255 255 255/.8),0 6px 18px -14px rgb(60 35 15/.35)}
:root:not([data-theme=night]):not([data-theme=day]) .brand{color:var(--text)}
:root:not([data-theme=night]):not([data-theme=day]) .brand span{color:var(--day-accent-ink)}
:root:not([data-theme=night]):not([data-theme=day]) .brand small,:root:not([data-theme=night]):not([data-theme=day]) .session,:root:not([data-theme=night]):not([data-theme=day]) .session-note{color:var(--muted)}
:root:not([data-theme=night]):not([data-theme=day]) .live-dot{background:var(--day-accent);box-shadow:none}
:root:not([data-theme=night]):not([data-theme=day]) :is(.header-actions,dialog,.restore-actions,.brand-drop,.panel-body,.button-pair,.stagebar) button:not(.primary){background:#FFFFFF;border:1px solid var(--day-line-strong);color:var(--text);box-shadow:var(--day-shadow-1);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
:root:not([data-theme=night]):not([data-theme=day]) :is(.header-actions,dialog,.restore-actions,.brand-drop,.panel-body,.button-pair,.stagebar) button:not(.primary):hover:not(:disabled){background:#FFF8F1;border-color:#E9A46B}
:root:not([data-theme=night]):not([data-theme=day]) .header-actions button:disabled{opacity:.5;box-shadow:none}
:root:not([data-theme=night]):not([data-theme=day]) .primary,:root:not([data-theme=night]):not([data-theme=day]) button.primary{background:var(--day-grad);border:1px solid #D9562233;color:#1A0D06;font-weight:700;box-shadow:0 1px 2px rgb(150 50 10/.18),0 8px 20px -10px rgb(226 65 58/.55)}
:root:not([data-theme=night]):not([data-theme=day]) .primary:hover:not(:disabled),:root:not([data-theme=night]):not([data-theme=day]) button.primary:hover:not(:disabled){background:linear-gradient(115deg,#F7A63D 0%,#F07636 52%,#E64D44 100%);border-color:#D9562255}
:root:not([data-theme=night]):not([data-theme=day]) .theme-toggle{background:#FFFFFF}
:root:not([data-theme=night]):not([data-theme=day]) .stage{background:var(--bg)}
:root:not([data-theme=night]):not([data-theme=day]) .stagebar,:root:not([data-theme=night]):not([data-theme=day]) .canvas-toolbar,:root:not([data-theme=night]):not([data-theme=day]) .statusbar{background:#FFFFFF;border-color:var(--day-line);color:var(--muted)}
:root:not([data-theme=night]):not([data-theme=day]) .toolrail{background:#FFFFFF;border-right:1px solid var(--day-line)}
:root:not([data-theme=night]):not([data-theme=day]) .tool{color:#4A3B31;background:transparent;border-color:transparent;box-shadow:none}
:root:not([data-theme=night]):not([data-theme=day]) .tool:hover:not(:disabled){background:#FBF3EA;border-color:transparent}
:root:not([data-theme=night]):not([data-theme=day]) .tool.active{background:#FFF1E4;border-color:#F2C49A;color:var(--day-accent-ink);box-shadow:inset 3px 0 var(--day-accent)}
:root:not([data-theme=night]):not([data-theme=day]) .inspector{background:var(--day-paper);border-left:1px solid var(--day-line);border-top-color:var(--day-line)}
:root:not([data-theme=night]):not([data-theme=day]) details{border-color:var(--day-line)}
:root:not([data-theme=night]):not([data-theme=day]) summary{color:var(--text)}
:root:not([data-theme=night]):not([data-theme=day]) summary>span,:root:not([data-theme=night]):not([data-theme=day]) .section-label,:root:not([data-theme=night]):not([data-theme=day]) .eyebrow{color:var(--day-accent-ink)}
:root:not([data-theme=night]):not([data-theme=day]) input[type=number],:root:not([data-theme=night]):not([data-theme=day]) input[type=text],:root:not([data-theme=night]):not([data-theme=day]) select,:root:not([data-theme=night]):not([data-theme=day]) textarea{background:#FFFFFF;border:1px solid var(--day-line-strong);color:var(--text)}
:root:not([data-theme=night]):not([data-theme=day]) input[type=range]{accent-color:var(--day-accent)}
:root:not([data-theme=night]):not([data-theme=day]) dialog{background:#FFFFFF;color:var(--text);border:1px solid var(--day-line);box-shadow:var(--day-shadow-3)}
:root:not([data-theme=night]):not([data-theme=day]) dialog::backdrop{background:rgb(40 25 15/.38)}

:root:not([data-theme=night]):not([data-theme=day]) #empty .eyebrow{color:var(--day-accent-ink);font-weight:600}
:root:not([data-theme=night]):not([data-theme=day]) #empty h2{color:var(--text)}
:root:not([data-theme=night]):not([data-theme=day]) #empty>p:not(.eyebrow),:root:not([data-theme=night]):not([data-theme=day]) #empty>small{color:var(--muted)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-options button{background:#FFFFFF;border:1px solid var(--day-line);box-shadow:var(--day-shadow-2);color:var(--text)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-options button:hover{background:#FFFFFF;border-color:#EBA36A;box-shadow:var(--day-shadow-3);transform:translateY(-2px)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-options button:active{transform:translateY(0)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-options span{color:var(--day-accent-ink);background:#FFF0E2;box-shadow:inset 0 0 0 1px #F6D2B2}
:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-options b{color:var(--text)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-options small{color:var(--muted)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-project,:root:not([data-theme=night]):not([data-theme=day]) .welcome-brand{background:#FFFFFF;border:1px solid var(--day-line);color:var(--day-accent-ink);box-shadow:var(--day-shadow-1)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-project:hover,:root:not([data-theme=night]):not([data-theme=day]) .welcome-brand:hover{border-color:#EBA36A;background:#FFF8F1}
:root:not([data-theme=night]):not([data-theme=day]) .restore-card{background:#FFFFFF;border:1px solid var(--day-line);border-left:3px solid var(--day-accent);box-shadow:var(--day-shadow-1)}
:root:not([data-theme=night]):not([data-theme=day]) .empty-brand{border-color:var(--day-line);box-shadow:var(--day-shadow-2);background:#FFFFFF}
:root:not([data-theme=night]):not([data-theme=day]) #empty .guided-start{background:#FFFFFF;border:1px solid var(--day-line);border-left:3px solid var(--day-accent);box-shadow:var(--day-shadow-1)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .guided-start:hover{border-color:#EBA36A;border-left-color:var(--day-accent);box-shadow:var(--day-shadow-2)}
:root:not([data-theme=night]):not([data-theme=day]) #empty .guided-start>span:first-child{color:var(--day-accent-ink)}

:root:not([data-theme=night]):not([data-theme=day]) .brand-panel{--b-line:#E3D8CB;--b-soft:#FFFFFF}
:root:not([data-theme=night]):not([data-theme=day]) .brand-panel h4{color:#6B5A4E}
:root:not([data-theme=night]):not([data-theme=day]) .brand-swatch,:root:not([data-theme=night]):not([data-theme=day]) .brand-item{border-color:var(--day-line)}
:root:not([data-theme=night]):not([data-theme=day]) .brand-drop{background:#FFFFFF;border-color:var(--day-line-strong)}
:root:not([data-theme=night]):not([data-theme=day]) .brand-guide-btn{color:#1A0D06}
:root:not([data-theme=night]):not([data-theme=day]) .brand-sheet-scrim{background:rgb(40 25 15/.38)}
@media (prefers-reduced-motion:reduce){:root:not([data-theme=night]):not([data-theme=day]) #empty .welcome-options button:hover{transform:none}:root:not([data-theme=night]):not([data-theme=day]) .header-actions button{transition:none}}}