:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f0ede5;--ink:#121212;--muted:#555;--panel:#fcfaf5;--panel-strong:#fff;--line:#121212;--red:#d32f2f;--blue:#1a237e;--yellow:#fbc02d;--green:#81c784;--green-dark:#2e7d32;--rose:#e57373;--rose-dark:#c62828;--sand:#fff176;--shadow:8px 8px 0 #121212;--shadow-soft:4px 4px 0 #121212;--focus:0 0 0 4px var(--yellow);--ease:.12s cubic-bezier(.4, 0, .2, 1);--overlay:#f0ede5eb}body[data-theme=dark]{--paper:#121212;--ink:#f0ede5;--muted:#a0a0a0;--panel:#1a1a1a;--panel-strong:#222;--line:#f0ede5;--shadow:8px 8px 0 #000;--shadow-soft:4px 4px 0 #000;--green:#0a4d1a;--green-dark:#073a14;--rose:#4a0000;--rose-dark:#3a0000;--sand:#5a4b00;--focus:0 0 0 4px var(--blue);--overlay:#121212eb}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:var(--paper);background-image:linear-gradient(var(--overlay), var(--overlay)), linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);color:var(--ink);-webkit-font-smoothing:antialiased;background-size:100% 100%,40px 40px,40px 40px;background-attachment:fixed;margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}[hidden]{display:none!important}button,input,select,textarea{font:inherit;border-radius:0}button{cursor:pointer;border:2px solid var(--line);background:var(--panel-strong);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;transition:all var(--ease);padding:.75rem 1.5rem;font-weight:700}button:hover{box-shadow:var(--shadow-soft);transform:translate(-2px,-2px)}button:active{box-shadow:none;transform:translate(0)}.page-shell{width:min(100% - 4rem,1280px);margin:0 auto;padding:4rem 0}.app-panel{border:4px solid var(--line);background:var(--panel);padding:0}.app-topbar{border-bottom:4px solid var(--line);grid-template-columns:1fr auto;display:grid}.app-topbar>div:first-child{border-right:4px solid var(--line);padding:2rem}.app-title{text-transform:uppercase;margin:0;font-size:2rem;font-weight:900}.app-subtitle{color:var(--muted);margin:.5rem 0 0;font-weight:500}.app-topbar-controls{justify-content:flex-end;align-items:center;padding:1.5rem;display:flex}.toggle-btn{background:var(--blue);color:#fff}.summary-strip{border-bottom:4px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.summary-item{border-right:4px solid var(--line);padding:1.5rem 2rem}.summary-item:last-child{border-right:none}.summary-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--red);margin-bottom:.5rem;font-size:.7rem;font-weight:900;display:block}.summary-item strong{text-transform:uppercase;font-size:1.25rem;font-weight:900}.tool-grid{grid-template-columns:400px 1fr;display:grid}.tool-card{border-right:4px solid var(--line);padding:2rem}.tool-card:last-child{border-right:none}.field{margin-bottom:1.5rem}.field-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.field label{text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:900;display:block}.field input[type=time],.field select{border:2px solid var(--line);background:var(--panel-strong);width:100%;height:56px;color:var(--ink);box-sizing:border-box;padding:1rem;font-weight:600}.custom-slider{appearance:none;background:var(--paper);border:2px solid var(--line);border-radius:6px;outline:none;width:100%;height:12px;padding:0;position:relative}.custom-slider::-webkit-slider-thumb{appearance:none;background:var(--yellow);border:2px solid var(--line);cursor:pointer;width:24px;height:24px;box-shadow:2px 2px 0 var(--line);transition:transform var(--ease);border-radius:50%}.custom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.custom-slider:focus{box-shadow:var(--focus)}.badge-row{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.badge-container{border:2px solid var(--line);background:var(--panel-strong);text-transform:uppercase;align-items:stretch;font-size:.7rem;font-weight:900;display:flex}.badge-select{font:inherit;text-transform:inherit;cursor:pointer;color:var(--ink);background:0 0;outline:none;padding:.25rem .5rem;font-size:.75rem;font-weight:900;border:none!important}.badge-remove{border:none;border-left:2px solid var(--line);background:var(--panel);cursor:pointer;padding:.25rem .6rem;font-weight:900}.badge-remove:hover{background:var(--rose);color:#fff;box-shadow:none;transform:none}.badge-add{border:2px dashed var(--line);text-transform:uppercase;background:0 0;padding:.25rem .75rem;font-size:.7rem;font-weight:900}.badge-add:hover{background:var(--yellow)}.legend-row{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.legend-chip{border:2px solid var(--line);text-transform:uppercase;padding:.25rem .75rem;font-size:.7rem;font-weight:900}.legend-chip--working{background:var(--green);color:var(--ink)}.legend-chip--late{background:var(--rose);color:var(--ink)}.legend-chip--off{background:var(--sand);color:var(--ink)}.time-list{border:2px solid var(--line);gap:0;display:grid}.time-row{border-bottom:2px solid var(--line);color:var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:1.5rem 2rem;display:grid}.time-row:last-child{border-bottom:none}.time-row--working{background:var(--green)}.time-row--late{background:var(--rose)}.time-row--off{background:var(--sand)}.time-row[data-theme=dark] .time-row--working{background:var(--green-dark);color:#fff}.time-row[data-theme=dark] .time-row--late{background:var(--rose-dark);color:#fff}.time-city{text-transform:uppercase;margin:0;font-size:1.25rem;font-weight:900}.time-diff{text-transform:uppercase;margin-top:.25rem;font-size:.75rem;font-weight:700}.time-status{text-transform:uppercase;border:2px solid var(--ink);background:#fff3;justify-self:center;padding:.25rem .75rem;font-size:.85rem;font-weight:900}.time-value-block{text-align:right;justify-self:end}.time-value{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:900;line-height:1}.footer-band{border:4px solid var(--line);background:var(--panel);text-transform:uppercase;justify-content:space-between;margin-top:2rem;padding:1.5rem 2rem;font-size:.75rem;font-weight:900;display:flex}@media (max-width:1024px){.tool-grid,.app-topbar{grid-template-columns:1fr}.app-topbar>div:first-child{border-right:none;border-bottom:4px solid var(--line)}.app-topbar-controls{justify-content:center}.tool-card{border-right:none;border-bottom:4px solid var(--line)}.tool-card:last-child{border-bottom:none}.summary-strip{grid-template-columns:1fr}.summary-item{border-right:none;border-bottom:4px solid var(--line)}}@media (max-width:600px){.page-shell{width:100%;padding:.5rem}.app-title{font-size:1.25rem}.app-subtitle{display:none}.app-topbar>div:first-child{border-bottom:2px solid var(--line);padding:.75rem 1rem}.app-topbar-controls{padding:.5rem}.toggle-btn{padding:.4rem 1rem;font-size:.7rem}.summary-strip{border-bottom:2px solid var(--line);grid-template-columns:1fr 1fr}.summary-item{border-right:2px solid var(--line);border-bottom:none;padding:.5rem 1rem}.summary-item:last-child{border-right:none}.summary-kicker{margin-bottom:.1rem;font-size:.6rem}.summary-item strong{font-size:.85rem}.tool-card{border-bottom:2px solid var(--line);border-right:none;padding:1rem}.tool-card>p{display:none}.field{min-width:0;margin-bottom:.5rem}.field-grid{grid-template-columns:1fr 1fr;gap:.5rem}.field input[type=time],.field select{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;height:36px;padding:.25rem .5rem;font-size:.85rem;overflow:hidden}.field label{margin-bottom:.25rem;font-size:.65rem}.custom-slider{height:8px;margin:.25rem 0}.custom-slider::-webkit-slider-thumb{border-width:1px;width:18px;height:18px}.badge-row{margin-top:.5rem}.badge-container{border-width:1px;min-width:0}.badge-select{text-overflow:ellipsis;min-width:0;max-width:140px;padding:.2rem;font-size:.65rem;overflow:hidden}.badge-remove{border-left-width:1px;padding:.2rem .4rem}.badge-add{border-width:1px;padding:.2rem .4rem;font-size:.6rem}.legend-row{margin-bottom:.5rem}.legend-chip{border-width:1px;padding:.2rem .4rem;font-size:.55rem}.time-list{border-width:1px;min-width:0}.time-row{text-align:left;border-bottom-width:1px;grid-template-columns:minmax(0,1fr) auto auto;gap:.5rem;min-width:0;padding:.5rem}.time-row-left{min-width:0;overflow:hidden}.time-city{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.time-diff{margin-top:.1rem;font-size:.6rem}.time-status{border-width:1px;padding:.15rem .3rem;font-size:.55rem}.time-value-block{text-align:right;justify-self:end}.time-value{font-size:1.15rem}.footer-band{display:none}}