:root{--bg:#f4f6f8;--bg-elev:#ffffff;--bg-sunken:#eef1f4;--border:#dfe4ea;--text:#18222b;--text-muted:#5b6770;--brand:#0f766e;--brand-strong:#0b5d56;--brand-soft:#d7f0ec;--working:#0f766e;--break:#b45309;--meal:#6d28d9;--custom:#2563eb;--done:#475569;--danger:#b91c1c;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px rgba(16,24,32,0.06),0 8px 24px rgba(16,24,32,0.06);--max:560px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Apple SD Gothic Neo","Malgun Gothic","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand-strong)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--brand);color:#fff;padding:10px 16px;border-radius:0 0 var(--radius-sm) 0;z-index:100}.skip-link:focus{left:0}.page{max-width:var(--max);margin:0 auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}.site-header{justify-content:space-between;gap:12px;padding:8px 2px 16px}.brand,.site-header{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none}.brand svg{width:28px;height:28px;flex:none}.lang-dd{position:relative;flex:none}.lang-dd-btn{display:inline-flex;align-items:center;gap:7px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:7px 12px;font:inherit;font-size:.85rem;font-weight:600;color:var(--text);cursor:pointer;line-height:1}.lang-dd-btn:hover{background:var(--bg-sunken)}.lang-dd-btn svg:first-child{color:var(--text-muted)}.lang-dd-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;list-style:none;margin:0;padding:6px;min-width:168px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);animation:lang-pop .13s ease}@keyframes lang-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-dd-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:8px;font-size:.9rem;font-weight:600;color:var(--text);text-decoration:none}.lang-dd-item:hover{background:var(--bg-sunken)}.lang-dd-item[aria-current=true]{color:var(--brand-strong)}.lang-dd-check{color:var(--brand);flex:none}main{flex:1 1}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.status-card{text-align:center;padding:24px 18px}.status-pill{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;letter-spacing:.01em;padding:6px 14px;border-radius:999px;background:var(--bg-sunken);color:var(--text-muted)}.status-pill .dot{width:9px;height:9px;border-radius:50%;background:currentColor}.status-pill[data-status=working]{color:var(--working);background:var(--brand-soft)}.status-pill[data-status=break]{color:var(--break)}.status-pill[data-status=meal]{color:var(--meal)}.status-pill[data-status=done]{color:var(--done)}.status-pill[data-status=working] .dot{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(2.6rem,14vw,3.6rem);letter-spacing:-.02em;margin:14px 0 4px;line-height:1}.timer-label{font-size:.85rem}.in-out,.timer-label{color:var(--text-muted)}.in-out{display:flex;justify-content:center;gap:22px;margin-top:16px;font-size:.82rem}.in-out b{display:block;color:var(--text);font-size:.95rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.subtotals{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px;margin-top:4px}.subtotal{background:var(--bg-sunken);border-radius:var(--radius-sm);padding:10px;text-align:center}.subtotal span{display:block;font-size:.72rem;color:var(--text-muted)}.subtotal b{font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.subtotal[data-kind=break] b{color:var(--break)}.subtotal[data-kind=meal] b{color:var(--meal)}.actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font:inherit;font-weight:700;font-size:1.05rem;padding:18px 12px;border-radius:var(--radius);cursor:pointer;transition:transform .06s ease,background .15s ease,opacity .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand)}.btn-danger,.btn-primary{color:#fff;grid-column:span 2}.btn-danger{background:var(--danger);border-color:var(--danger)}.btn-break{border-color:var(--break);color:var(--break)}.btn-meal{border-color:var(--meal);color:var(--meal)}.btn-ghost{background:transparent;font-size:.85rem;font-weight:600;padding:10px;min-height:0}.section-title{font-size:.95rem;font-weight:700;margin:4px 2px 10px;display:flex;justify-content:space-between;align-items:baseline}.section-title small{color:var(--text-muted);font-weight:500}.log-list{list-style:none;margin:0;padding:0}.log-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--border)}.log-row:last-child{border-bottom:none}.log-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;width:64px;flex:none}.log-type{flex:1 1;font-size:.95rem}.tag-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}.log-del{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:6px;border-radius:8px}.log-del:hover{color:var(--danger);background:var(--bg-sunken)}.empty-note{color:var(--text-muted);text-align:center;padding:18px 8px;font-size:.92rem}.history-day{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid var(--border);gap:12px}.history-day:last-child{border-bottom:none}.history-date{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.history-sub{font-size:.78rem;color:var(--text-muted)}.history-work{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--brand-strong)}.notice{font-size:.8rem;color:var(--text-muted);background:var(--bg-sunken);border-radius:var(--radius-sm);padding:10px 12px;margin-top:2px}.manage-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.manage-row .btn-ghost{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1 1;min-width:120px}.manage-row .btn-ghost.danger{color:var(--danger);border-color:var(--danger)}.site-footer{margin-top:28px;padding-top:18px;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-muted);text-align:center}.site-footer nav{display:flex;gap:16px;justify-content:center;margin-bottom:8px;flex-wrap:wrap}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--text)}.legal{line-height:1.7}.legal h1{font-size:1.5rem;margin-bottom:4px}.legal .updated{color:var(--text-muted);font-size:.85rem;margin-top:0}.legal h2{font-size:1.05rem;margin:24px 0 6px}.legal p{margin:0 0 10px}.back-link{display:inline-block;margin-bottom:16px;font-size:.88rem;font-weight:600;text-decoration:none}.guide-steps{list-style:none;margin:20px 0 8px;padding:0;counter-reset:none}.guide-step{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:10px}.guide-step h2{font-size:1rem;margin:0 0 4px}.guide-step p{margin:0;color:var(--text-muted);font-size:.92rem}.guide-about{margin-top:28px;padding-top:8px}.guide-about h2{font-size:1.15rem;margin:0 0 10px}.guide-about p{margin:0 0 12px}.kkachi-cta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:12px 18px;background:var(--brand);color:#fff;font-weight:700;text-decoration:none;border-radius:var(--radius);box-shadow:var(--shadow)}.kkachi-cta:hover{background:var(--brand-strong)}.hidden-input{display:none}.tabbar{display:flex;gap:4px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:4px;margin-bottom:14px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;font-size:.9rem;padding:9px 8px;border-radius:var(--radius-sm);cursor:pointer;flex:1 1;transition:background .15s ease,color .15s ease}.tab[aria-current=page]{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow)}.btn-custom{border-color:var(--custom);color:var(--custom);grid-column:span 2;font-size:.98rem;min-height:52px}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--brand-strong);font:inherit;font-weight:600;font-size:.85rem;cursor:pointer;padding:2px 4px}.link-btn:hover{text-decoration:underline}.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.inline-form input[type=text],.inline-form input[type=time],.inline-form select{font:inherit;font-size:.95rem;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text)}.inline-form input[type=text]{flex:1 1;min-width:140px}.btn-mini{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font:inherit;font-weight:600;font-size:.85rem;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.btn-mini.primary{background:var(--brand);border-color:var(--brand);color:#fff}.chip-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:999px;padding:6px 8px 6px 14px;font-size:.9rem;font-weight:600}.chip button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.05rem;line-height:1;padding:2px 6px;border-radius:50%}.chip button:hover{color:var(--danger);background:var(--bg-elev)}.log-edit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.95rem;line-height:1;padding:6px;border-radius:8px}.log-edit:hover{color:var(--brand-strong);background:var(--bg-sunken)}.log-time-edit{font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--text);width:108px;flex:none}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-title{font-size:1.05rem;font-weight:700;margin:0}.cal-nav{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:1.2rem;line-height:1;width:38px;height:38px;border-radius:var(--radius-sm);cursor:pointer}.cal-nav:hover{background:var(--bg-sunken)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.cal-weekdays{margin-bottom:6px}.cal-weekday{text-align:center;font-size:.72rem;font-weight:600;color:var(--text-muted);padding:2px 0}.cal-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--bg-sunken);border-radius:var(--radius-sm);cursor:pointer;aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;font:inherit;color:var(--text);transition:border-color .12s ease,background .12s ease}.cal-cell[data-outside]{opacity:.35}.cal-cell[data-worked]{background:var(--brand-soft)}.cal-cell[data-today]{border-color:var(--brand)}.cal-cell[data-selected]{outline:2px solid var(--brand);outline-offset:-2px}.cal-daynum{font-size:.85rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal-hours{font-size:.62rem;font-weight:700;color:var(--brand-strong);line-height:1}.cal-monthtotal{display:flex;align-items:baseline;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.cal-monthtotal b{font-size:1.1rem;color:var(--brand-strong);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal-log{margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.stat{background:var(--bg-sunken);border-radius:var(--radius-sm);padding:12px 8px;text-align:center}.stat-label{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:4px}.stat-value{font-size:1.15rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--brand-strong)}.chart{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:8px}.bar-col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;gap:6px}.bar-track{flex:1 1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-fill{width:70%;min-height:2px;background:var(--brand);border-radius:4px 4px 0 0;transition:height .2s ease}.bar-fill.week{background:var(--meal)}.bar-label{font-size:.62rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}