:root{--bg:#1c1c1c;--panel:#1c1c1c;--cell:#e9e9e9;--muted:#dcdcdc;--text:#fff;--text-dark:#111;--accent:#ffcc00;--weekbar-h: 50px;--monthbar-h: 35px;--yearbar-h: 44px;--scalesbar-h: 60px}*{box-sizing:border-box}button{font-family:Verdana,Geneva,sans-serif}html,body,#root,.app{height:100%;margin:0;font-family:Verdana,Geneva,sans-serif;font-size:20px;background:var(--bg);color:var(--text)}.content{min-height:100%;padding-bottom:calc(var(--yearbar-h) + var(--scalesbar-h))}.week-header{position:sticky;top:0;z-index:100;height:var(--weekbar-h);display:grid;grid-template-columns:repeat(7,1fr);align-items:center;background:#1c1c1c;color:#fff;font-weight:900;padding:0 6px;border-bottom:1px solid #222;box-shadow:0 6px 41px -15px #000}.week-header .dow{text-align:center}.month-title{position:sticky;top:var(--weekbar-h);z-index:90;height:var(--monthbar-h);display:flex;align-items:center;justify-content:center;background:#1c1c1c;color:#fff;font-size:.6em;letter-spacing:2px;font-weight:900}.month{margin:0;background:transparent}.weeks{display:flex;flex-direction:column;background:transparent;padding:0 6px}.week{display:grid;grid-template-columns:repeat(7,1fr)}.day{font-weight:700;background:var(--cell);color:#000;border:1px solid #1c1c1c;text-align:center;padding:10px 0;transition:background .25s ease,color .25s ease,opacity .2s ease}.day.off{background:#cfcfcf;color:#777!important}.day.domingo{color:#c21e1e}.day.diaoffSome{opacity:.25}.day.highlightT{background:#efd25d;color:#000}.day.highlightN{background:#39aaca;color:#000}.day.highlightF{background:#badbc6;color:#fff}.footer{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#1c1c1c;color:#fff;border-top:1px solid #2a2a2a;box-shadow:0 -2px 10px #0003}.year-row{height:var(--yearbar-h);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px;border-bottom:1px solid #2a2a2a}.year-row button{background:#1c1c1c;color:#fff;border:none;padding:6px 10px;cursor:pointer;font-weight:700}.year-label{font-weight:800}.scales-row{height:var(--scalesbar-h);display:grid;grid-template-columns:repeat(7,1fr);padding:6px;gap:0}.scale-btn{border:1px solid #333;border-left:none;background:#f7f7f7;color:#111;font-weight:800;font-size:1.1rem;cursor:pointer}.scale-btn.active{background:#1c1c1c;color:#fc0;border-color:#1c1c1c}@media (prefers-reduced-motion: reduce){.day{transition:none}}