:root{--primary-color:#1677ff;--background-color:#f5f6fa;--text-color:#222;--app-font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", system-ui, sans-serif;--app-font-family:var(--app-font-system);font-family:var(--app-font-family);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;font-weight:400;line-height:1.5;--ant-menu-item-border-radius:8px!important}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{background:var(--ant-color-bg-layout);background-color:var(--ant-color-bg-layout);margin:0;padding:0}html[lang^=ja]{--app-font-family:"Noto Sans JP", var(--app-font-system);font-weight:500}html[lang^=ja] .ant-btn{font-weight:500}body{color:var(--text-color);font-family:var(--app-font-family);padding-bottom:env(safe-area-inset-bottom)}body:after{content:"";height:env(safe-area-inset-bottom);background:var(--safe-area-bg,var(--ant-color-bg-layout));pointer-events:none;z-index:999;position:fixed;bottom:0;left:0;right:0}body.dark{--background-color:#18191a;--text-color:#f5f6fa}body.dark .brand-logo{filter:brightness(0)invert(.933)}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}@media (prefers-color-scheme:light){a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{text-align:center;background:var(--ant-color-bg-layout);width:100vw;min-height:100dvh;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.main-content-wrapper{flex-direction:row;min-height:100%;padding:16px;display:flex}.home-layout{flex-direction:column;gap:16px;width:100%;display:flex}.home-hero-col,.home-heatmap-col{box-sizing:border-box;width:100%}@media (width>=901px){.home-layout{flex-direction:row;align-items:flex-start}.home-hero-col{flex:0 0 360px}.home-heatmap-col{flex:auto;min-width:0}}.ant-menu,.ant-menu-item,.ant-menu-submenu-title{text-align:left!important}.calendar-compact .ant-card-body{padding:12px 12px 8px}.calendar-compact .ant-picker-content tr{height:32px}.calendar-compact .ant-picker-cell .ant-picker-cell-inner{line-height:28px}.calendar-compact .ant-picker-content th,.calendar-compact .ant-picker-content td{padding:2px 0!important}.ant-form,.ant-form-item,.ant-form-item-control,.ant-form-item-explain,.ant-form-item-explain-error,.ant-form-item-explain-connected{text-align:left!important}.break-times-row .ant-form-item-explain-error{white-space:nowrap;position:absolute;bottom:-20px;left:0}.break-times-row .ant-form-item{position:relative}.ant-picker-now{display:inline-block;transform:translate(-10px)}.clock-hero{background:linear-gradient(135deg, var(--primary-color,#1677ff) 0%, #3b5bdb 100%);color:#fff;text-align:center;border-radius:16px;padding:24px}.clock-hero-top{opacity:.9;min-height:18px;font-size:13px}.clock-hero-date{opacity:.92;margin-top:8px;font-size:14px}.clock-hero-time{letter-spacing:2px;margin-top:4px;font-size:44px;font-weight:700;line-height:1.1}.clock-hero-meta{opacity:.92;flex-wrap:wrap;justify-content:center;gap:32px;margin-top:16px;display:flex}.clock-hero .hero-stat{text-align:center}.clock-hero .hero-stat-label{opacity:.85;font-size:12px}.clock-hero .hero-stat-value{margin-top:2px;font-size:16px;font-weight:600}.checkin-rings{justify-content:center;align-items:center;padding:24px 0;display:flex}.checkin-rings .ring{border-radius:50%;justify-content:center;align-items:center;display:flex}.checkin-rings .ring-outer{background:color-mix(in srgb, var(--primary-color,#1677ff) 8%, transparent);width:240px;height:240px}.checkin-rings .ring-mid{background:color-mix(in srgb, var(--primary-color,#1677ff) 14%, transparent);width:180px;height:180px}.checkin-rings .ring-btn{cursor:pointer;background:var(--primary-color,#1677ff);color:#fff;border:none;border-radius:50%;width:130px;height:130px;font-size:18px;font-weight:600;box-shadow:0 8px 24px #1677ff59}.checkin-rings .ring-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes checkin-pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:.25;transform:scale(1.06)}to{opacity:.7;transform:scale(1)}}.checkin-rings .ring-outer.pulsing{animation:2.4s ease-in-out infinite checkin-pulse}.heatmap-card .ant-card-body{padding:16px}.cal-card{flex-direction:column;height:100%;display:flex}.cal-card .ant-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.cal-daygrid{flex:1;grid-template-rows:repeat(6,1fr);min-height:0}.cal-header{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:12px;display:grid}.cal-title{flex-direction:column;align-items:center;line-height:1.2;display:flex}.cal-title-main{font-size:18px;font-weight:600}.cal-title-sub{font-size:13px}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-weekhead{text-align:center;border-radius:8px;margin-bottom:4px;padding:12px 0;font-size:14px}.cal-cell{text-align:left;min-height:70px;padding:4px 4px 2px;overflow:hidden}.cal-date{font-size:15px;font-weight:600}.cal-holiday{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;line-height:1.2;overflow:hidden}.cal-att{align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}.cal-att-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}@media (width>=901px){.cal-cell{min-height:0}}
