:root{--black:#0a0a0a;--white:#fff;--green:#1ee66b;--green-dark:#0fb350;--yellow:#ffd400;--red:#ff4d4f;--grey:#6b6b6b;--grey-light:#ececec;--radius:14px;--shadow-hard:4px 4px 0 var(--black);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Arial Black,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}#root{background:var(--white);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}h1,h2,h3{letter-spacing:-.02em;margin:0 0 8px;font-weight:900;line-height:1.05}p{margin:0 0 12px;line-height:1.4}a{color:inherit}.page{flex-direction:column;flex:1;gap:16px;padding:20px 20px 100px;display:flex}.tagline{color:var(--grey);font-size:15px;font-weight:700}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin:0;font-size:13px;font-weight:900}.kicker .dot{color:var(--green)}.logo{text-transform:uppercase;letter-spacing:-.03em;font-size:40px;font-weight:900}.logo .dot{color:var(--green)}.card{background:var(--white);border:3px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-hard);padding:16px}.card-slide-up{animation:.35s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn{text-transform:uppercase;letter-spacing:.01em;border-radius:var(--radius);border:3px solid var(--black);background:var(--white);width:100%;color:var(--black);cursor:pointer;box-shadow:var(--shadow-hard);justify-content:center;align-items:center;gap:8px;padding:18px 20px;font-size:17px;font-weight:900;transition:transform 80ms,box-shadow 80ms;display:flex}.btn:active{box-shadow:1px 1px 0 var(--black);transform:translate(2px,2px)}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--green)}.btn-warn{background:var(--yellow)}.btn-danger{background:var(--black);color:var(--white)}.btn-ghost{background:var(--white);color:var(--black)}.btn-small{padding:10px 14px;font-size:13px}.flash-green{animation:.6s ease-out flashGreen}@keyframes flashGreen{0%{background:var(--green)}to{background:var(--white)}}.flash-yellow{animation:.6s ease-out flashYellow}@keyframes flashYellow{0%{background:var(--yellow)}to{background:var(--white)}}.pulse-success{animation:.5s ease-out pulseSuccess}@keyframes pulseSuccess{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.burst{position:relative;overflow:visible}.burst:after{content:"";border-radius:var(--radius);border:4px solid var(--black);opacity:0;pointer-events:none;animation:.6s ease-out burstOut;position:absolute;inset:-12px}@keyframes burstOut{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.badge{text-transform:uppercase;border:2px solid var(--black);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;display:inline-block}.badge-live{background:var(--green)}.badge-break{background:var(--yellow)}.badge-done{background:var(--grey-light)}.badge-danger{background:var(--red);color:var(--white)}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{border-bottom:2px dashed var(--grey-light);gap:12px;padding:10px 0;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-dot{background:var(--black);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:6px}.timeline-dot.dot-in{background:var(--green)}.timeline-dot.dot-out{background:var(--black)}.timeline-dot.dot-break{background:var(--yellow)}.timeline-dot.dot-note{background:var(--grey)}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field label{color:var(--grey);text-transform:uppercase;font-size:13px;font-weight:700}.field input,.field textarea,.field select{border:3px solid var(--black);background:var(--white);border-radius:10px;width:100%;min-width:0;padding:12px;font-family:inherit;font-size:16px}.field input[type=date]{padding:12px 6px;font-size:14px}.field input:focus,.field textarea:focus{outline:3px solid var(--green);outline-offset:0}.bottom-nav{border-top:3px solid var(--black);background:var(--white);display:flex;position:sticky;bottom:0}.bottom-nav a{text-align:center;text-transform:uppercase;color:var(--grey);flex:1;padding:12px 4px;font-size:11px;font-weight:900;text-decoration:none}.bottom-nav a.active{color:var(--black);background:var(--grey-light)}.hint{color:var(--grey);font-size:13px}.mismatch-box{border:3px solid var(--red);border-radius:var(--radius);background:#fff1f1;padding:14px}.ok-box{border:3px solid var(--green-dark);border-radius:var(--radius);background:#eafff2;padding:14px}.row{gap:8px;display:flex}.row>*{flex:1}.stack{flex-direction:column;gap:10px;display:flex}textarea{resize:vertical;min-height:70px}