@import "https://fonts.googleapis.com/css2?family=Gaegu:wght@300;400;700&display=swap";
:root{--background:#f9f8ff;--foreground:#333;--card-bg:#fff;--border-color:#eee;--tab-inactive:#888;--tab-active:#5c4ee5;--input-bg:#fff;--scrollbar-track:#f5f5f5;--scrollbar-thumb:#ddd}@media (prefers-color-scheme:dark){:root{--background:#121212;--foreground:#e0e0e0;--card-bg:#1e1e1e;--border-color:#333;--tab-inactive:#aaa;--tab-active:#9a8fff;--input-bg:#2a2a2a;--scrollbar-track:#1e1e1e;--scrollbar-thumb:#444}}*,:before,:after{box-sizing:border-box}body{background:var(--background);color:var(--foreground);margin:0;padding:0;transition:background-color .3s,color .3s}button{font-family:inherit}input,select,textarea{background-color:var(--input-bg);color:var(--foreground);border:1px solid var(--border-color);font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}@media (prefers-color-scheme:dark){#clock-export-area{color:#444!important;background-color:#fff!important}#clock-export-area text{fill:#444!important}.modal-content,.card,.config-panel{background-color:var(--card-bg)!important;color:var(--foreground)!important;border-color:var(--border-color)!important}}#clock-export-area{background-color:#fff}@media (max-width:768px){.work-area{grid-template-columns:1fr!important;gap:16px!important}.clock-preview{padding:12px 8px!important}main{padding:16px 12px!important}}@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}}