@import "https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&display=swap";
*,:before,:after{box-sizing:border-box}body{background:#f9f8ff;margin:0;padding:0}button,input,select{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}@media (max-width:768px){.work-area{grid-template-columns:1fr!important;gap:16px!important}.clock-preview{padding:12px!important}.main-container{padding:16px!important}.name-input-row{margin-bottom:4px}}@page{margin:.5cm}@media print{header,.header,footer,nav,.no-print,.action-bar,aside{display:none!important}html,body{background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}main,.work-area,.clock-preview{width:100%!important;max-width:none!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;display:block!important}body *{visibility:hidden}#clock-export-area,#clock-export-area *{visibility:visible}#clock-export-area{transform-origin:top;height:auto;position:absolute;top:20px;left:50%;transform:translate(-50%)scale(1.3);width:750px!important;display:block!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}