@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@600;700&display=swap";:root{color:#1d2521;font-synthesis:none;--green:#19372d;--green-soft:#e5ece8;--cream:#f6f1e7;--gold:#b08a52;--line:#d9dfda;--red:#a23d3d;background:#f1f3ef;font-family:Noto Sans JP,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.hero{background:var(--green);color:#fff;padding:38px max(20px, env(safe-area-inset-left)) 82px}.hero-inner{justify-content:space-between;align-items:end;gap:32px;max-width:1040px;margin:0 auto;display:flex}.eyebrow{color:#d0b384;letter-spacing:.22em;margin:0 0 10px;font-size:11px}.hero h1{letter-spacing:.08em;margin:0;font-family:Noto Serif JP,serif;font-size:clamp(32px,5vw,48px)}.hero-copy{color:#d6dfdb;margin:10px 0 0;font-size:14px}.month-badge{text-align:right;border-left:1px solid #5a7268;flex:none;padding-left:28px}.month-badge span{color:#c8d4cf;font-size:13px;display:block}.month-badge strong{font-family:Noto Serif JP,serif;font-size:32px;display:block}.editor{max-width:1040px;margin:-48px auto 0;padding:0 24px 72px;position:relative}.panel{background:#fff;border:1px solid #e2e5e1;margin-bottom:22px;box-shadow:0 12px 30px #202f280f}.setup-panel,.seal-panel{padding:28px 32px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-heading>div{align-items:center;gap:12px;display:flex}.section-heading h2{letter-spacing:.06em;margin:0;font-family:Noto Serif JP,serif;font-size:20px}.step{color:var(--gold);letter-spacing:.1em;border-right:1px solid #ddd5c9;padding-right:12px;font:600 12px/1 Noto Sans JP,sans-serif}.autosave,.entry-count{color:#617069;background:var(--green-soft);border-radius:20px;padding:5px 10px;font-size:11px}.form-grid{grid-template-columns:1.5fr 1.3fr .7fr .7fr;gap:16px;display:grid}.form-grid label{color:#56615c;font-size:12px;font-weight:600}.form-grid input,.form-grid select{color:#1d2521;background:#fbfcfb;border:1px solid #cdd5d0;border-radius:4px;width:100%;min-height:44px;margin-top:7px;padding:9px 11px}.input-unit{align-items:center;display:flex;position:relative}.input-unit span{color:#66736c;position:absolute;bottom:12px;right:10px}.input-unit input{padding-right:34px}.month-nav{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;display:flex}.month-nav>div{text-align:center}.month-nav strong{font-family:Noto Serif JP,serif;font-size:18px;display:block}.month-nav small{color:#7a847f}.saved-data-box{background:#f7f9f7;border:1px solid #dfe5e1;border-radius:5px;margin-top:20px;padding:18px}.saved-data-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.saved-data-heading strong{font-family:Noto Serif JP,serif;font-size:14px}.saved-data-heading span{color:#748078;font-size:11px}.saved-data-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.saved-data-controls select{background:#fff;border:1px solid #bec9c3;border-radius:4px;min-width:0;min-height:42px;padding:0 10px}.saved-data-controls button:disabled,.backup-actions button:disabled{opacity:.45;cursor:default}.backup-actions{flex-wrap:wrap;gap:8px 20px;margin-top:13px;display:flex}.text-action{color:#315d4d;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.import-action input{display:none}.saved-data-box>p{color:#78837d;margin:9px 0 0;font-size:10px;line-height:1.6}.transfer-box{border-top:1px solid #dce3df;margin-top:13px;padding-top:13px}.transfer-box label{color:#59675f;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.transfer-box textarea{resize:vertical;background:#fff;border:1px solid #bdc8c2;border-radius:4px;width:100%;min-height:90px;padding:8px;font:10px/1.45 monospace}.transfer-box>div{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.transfer-box button{min-height:38px;padding:0 11px;font-size:11px}.entries-panel{padding:28px 0 0;overflow:hidden}.entries-panel .section-heading,.entries-panel .section-help{margin-left:32px;margin-right:32px}.section-help{color:#718079;margin-top:-12px;margin-bottom:20px;font-size:13px}.entry-list{border-top:1px solid var(--line)}.day-row{border-bottom:1px solid #e8ebe9;grid-template-columns:82px 112px 1fr;align-items:center;min-height:62px;display:grid}.day-row:last-child{border-bottom:0}.day-row.saturday{background:#f3f7fa}.day-row.sunday{background:#fbf3f1}.date-cell{border-right:1px solid #e1e5e2;justify-content:center;align-items:baseline;gap:7px;height:100%;padding-top:18px;display:flex}.date-cell strong{font-family:Noto Serif JP,serif;font-size:21px}.date-cell span{color:#67736d;font-size:12px}.saturday .date-cell{color:#275c86}.sunday .date-cell{color:#9a3f3f}.symbol-control{padding:0 14px}.symbol-control select{color:#192e27;text-align:center;background:#fff;border:1px solid #bac6c0;border-radius:4px;width:100%;min-height:38px;font-weight:700}.mobile-label{display:none}.rule-preview{grid-template-columns:repeat(4,1fr);min-width:0;display:grid}.rule-preview>span,.day-note-field{text-align:center;border-left:1px solid #e2e6e3;flex-direction:column;justify-content:center;min-height:38px;font-size:14px;font-weight:600;display:flex}.rule-preview small{color:#84908a;margin-bottom:2px;font-size:9px;font-weight:500}.day-note-field{padding:3px 7px}.day-note-field input{color:#5f4727;background:#fff;border:1px solid #c8d0cb;border-radius:3px;width:100%;min-width:0;height:30px;padding:0 7px;font-size:12px}.day-note-field input::placeholder{color:#9a8871}.memo-panel{padding:28px 32px 30px}.memo-panel textarea{resize:vertical;color:#192e27;background:#fff;border:1px solid #bac6c0;border-radius:4px;width:100%;min-height:100px;padding:12px;font:14px/1.7 Yu Gothic,Noto Sans JP,sans-serif}.summary{background:var(--green);color:#fff;margin:26px 0 22px;padding:28px 32px 30px;box-shadow:0 12px 28px #19372d24}.summary-title{align-items:center;gap:14px;margin-bottom:22px;display:flex}.summary-title>span{color:#d0b384;border-right:1px solid #557067;padding-right:14px;font-size:12px}.summary-title small{color:#aebdb7;letter-spacing:.16em;font-size:8px}.summary-title h2{margin:1px 0 0;font-family:Noto Serif JP,serif;font-size:19px}.summary-grid{grid-template-columns:repeat(5,1fr);display:grid}.summary-grid>div{border-left:1px solid #49645a;padding:2px 20px}.summary-grid>div:first-child{border-left:0;padding-left:0}.summary-grid span{color:#c4d0cc;font-size:11px;display:block}.summary-grid strong{margin-top:4px;font-family:Noto Serif JP,serif;font-size:30px;display:block}.summary-grid strong small{color:#d2dcd8;margin-left:4px;font-family:Noto Sans JP,sans-serif;font-size:11px}.seal-content{align-items:center;gap:24px;display:flex}.seal-preview{color:#9aa49f;text-align:center;background:#fafbf9;border:1px dashed #c5cec9;border-radius:4px;flex:none;place-items:center;width:76px;height:76px;font-size:11px;display:grid}.seal-preview img{object-fit:contain;max-width:64px;max-height:64px}.seal-actions{flex-wrap:wrap;flex:1;align-items:center;gap:12px 16px;display:flex}.file-button{cursor:pointer;border:1px solid #aebcb5;border-radius:4px;align-items:center;min-height:38px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.file-button input{display:none}.text-button{color:var(--red);background:0 0;border:0;font-size:12px;text-decoration:underline}.switch-row{cursor:pointer;align-items:center;gap:9px;width:100%;font-size:13px;display:flex}.switch-row input{opacity:0;position:absolute}.switch{background:#bdc6c1;border-radius:20px;width:36px;height:20px;transition:all .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #667}.switch-row input:checked+.switch{background:var(--green)}.switch-row input:checked+.switch:after{transform:translate(16px)}.switch-row input:disabled+.switch{opacity:.45}.seal-actions p{color:#7d8882;width:100%;margin:0;font-size:11px}.action-bar{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:6px;display:flex}button.primary,button.secondary,.preview-toolbar button{border-radius:4px;min-height:44px;padding:0 18px;font-size:13px;font-weight:600}button.primary{color:#fff;background:var(--green);border:1px solid var(--green)}button.primary:disabled{opacity:.65;cursor:wait}button.secondary,.preview-toolbar button{color:#263d34;background:#fff;border:1px solid #bdc8c2}button.danger{color:#984141;border-color:#d9baba;margin-right:auto}.toast{color:#fff;z-index:20;background:#162d25;border-radius:4px;padding:11px 18px;font-size:13px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0004}.preview-overlay{z-index:50;background:#d8dcd9;position:fixed;inset:0;overflow:auto}.preview-toolbar{z-index:2;background:#fff;border-bottom:1px solid #cbd1cd;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 14px #0001}.preview-toolbar>div{gap:8px;display:flex}.preview-stage{place-items:start center;padding:28px;display:grid}.attendance-sheet{color:#111;background:#fff;width:210mm;height:297mm;padding:21mm 18mm 7mm;font-family:Yu Gothic,Noto Sans JP,sans-serif;overflow:hidden;box-shadow:0 3px 20px #0003}.sheet-header-grid{border:.48mm solid #111;grid-template-rows:6.5mm 6.5mm 6.5mm;grid-template-columns:24mm 1fr 36mm;height:19.5mm;margin-bottom:2mm;display:grid}.sheet-title{letter-spacing:.28em;border-bottom:.18mm solid #111;grid-column:1/-1;place-items:center;margin:0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:12.2pt;font-weight:700;line-height:1;display:grid}.sheet-label,.sheet-value{place-items:center;font-size:9.5pt;line-height:1;display:grid}.sheet-label{border-right:.18mm solid #111;font-weight:700}.workplace-label,.workplace-value{border-bottom:.18mm solid #111}.sheet-value{letter-spacing:.08em;font-weight:700}.meta-month{white-space:nowrap;border-left:.18mm solid #111;grid-area:2/3/4;place-items:center;font-size:10.4pt;font-weight:700;display:grid}.attendance-sheet table{border-collapse:collapse;table-layout:fixed;border:.55mm solid #111;width:100%}.attendance-sheet th,.attendance-sheet td{text-align:center;vertical-align:middle;border:.18mm solid #111;height:6.25mm;padding:0;font-size:9.5pt;line-height:1}.attendance-sheet thead th{white-space:nowrap;background:0 0;border-top-width:.18mm;border-bottom-width:.18mm;height:6.5mm;font-size:9.2pt;font-weight:700}.attendance-sheet .col-day{width:6%}.attendance-sheet .col-weekday{width:7%}.attendance-sheet .col-start,.attendance-sheet .col-end{width:21%}.attendance-sheet .col-hours{width:15%}.attendance-sheet .col-seal{width:11%}.attendance-sheet .col-note{width:19%}.attendance-sheet tfoot th,.attendance-sheet tfoot td{white-space:nowrap;border-top:.18mm solid #111;height:7mm;font-size:9.4pt;font-weight:700}.attendance-sheet .print-note{overflow-wrap:anywhere;padding:0 .7mm;font-size:8.3pt;line-height:1.15}.seal-image{object-fit:contain;width:5mm;height:5mm;margin:auto;display:block}.sheet-footer{justify-content:space-between;align-items:flex-end;margin-top:4mm;display:flex}.sheet-footer-left{flex-direction:column;flex:1;justify-content:space-between;min-width:0;height:20mm;padding-right:4mm;display:flex}.sheet-memo{white-space:pre-wrap;overflow-wrap:anywhere;border:0;flex-shrink:0;height:10.5mm;padding:0 1mm;font-size:8.2pt;line-height:1.15;overflow:hidden}.notes p{margin:.5mm 0;font-size:9pt;font-weight:600;line-height:1.15}.inspection{border:.5mm solid #444;grid-template-rows:6.5mm 1fr;width:20mm;height:20mm;display:grid}.inspection span{border-bottom:.18mm solid #555;place-items:center;font-size:10pt;display:grid}.print-only{display:none}.pdf-source{pointer-events:none;z-index:-1;width:210mm;height:297mm;position:fixed;top:0;left:-230mm}.pdf-source .attendance-sheet{box-shadow:none;margin:0!important;transform:none!important}@media (width<=720px){.hero{padding:26px 20px 70px}.hero-copy{max-width:240px;line-height:1.7}.month-badge{padding-left:14px}.month-badge strong{font-size:25px}.editor{margin-top:-42px;padding:0 12px 48px}.setup-panel,.seal-panel{padding:22px 18px}.form-grid{grid-template-columns:1fr 1fr}.form-grid label:nth-child(-n+2){grid-column:1/-1}.month-nav button{padding:0 11px;font-size:12px}.saved-data-controls{grid-template-columns:1fr auto}.saved-data-controls .compact-clear{grid-column:1/-1;width:100%}.transfer-box>div button{flex:1}.entries-panel{padding-top:22px}.entries-panel .section-heading,.entries-panel .section-help{margin-left:18px;margin-right:18px}.day-row{grid-template-columns:52px 82px 1fr;min-height:70px}.date-cell{flex-direction:column;align-items:center;gap:0;padding-top:11px}.symbol-control{padding:0 7px}.symbol-control select{padding:0 2px}.rule-preview{grid-template-columns:repeat(3,1fr)}.day-note-field{border-top:1px solid #e2e6e3;grid-column:1/-1;min-height:48px}.memo-panel{padding:22px 18px}.rule-preview>span{font-size:12px}.summary{padding:24px 18px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:20px 0}.summary-grid>div{padding-left:16px}.summary-grid>div:nth-child(3),.summary-grid>div:nth-child(5){border-left:0;padding-left:0}.seal-content{align-items:flex-start}.action-bar{grid-template-columns:1fr 1fr;display:grid}.action-bar button{width:100%;margin:0}.action-bar .primary{grid-column:1/-1}.preview-toolbar{padding:0 12px}.preview-toolbar span{display:none}.preview-toolbar>div{width:100%}.preview-toolbar button{flex:1;padding:0 8px}.preview-stage{justify-content:start;padding:14px;overflow:auto}.attendance-sheet{transform-origin:0 0;margin-bottom:-142mm;margin-right:-100mm;transform:scale(.52)}}@page{size:A4 portrait;margin:0}@media print{html,body{background:#fff;width:210mm;height:276mm;margin:0;padding:0;overflow:hidden;min-height:0!important}.no-print{display:none!important}.print-only{display:block!important}.pdf-source{display:none!important}.attendance-sheet{width:210mm;height:297mm;min-height:0;box-shadow:none;break-inside:avoid;page-break-inside:avoid;page-break-after:avoid;padding:21mm 18mm 7mm;overflow:hidden;margin:0!important;transform:none!important}.attendance-sheet th,.attendance-sheet td{-webkit-print-color-adjust:exact;print-color-adjust:exact}}