:root{--color-vacation: #15803d;--color-wfh: #2563eb;--color-sick: #7e22ce;--color-volunteer: #c2410c;--color-holiday: #78350f;--color-weekend: #4b5563;--color-on-color: #ffffff;--color-bg: #f5f7fa;--color-surface: #ffffff;--color-open-day: #ffffff;--color-text: #111827;--color-muted: #6b7280;--color-border: #d1d5db;--color-accent: #1f2937;--color-accent-text: #ffffff;--color-danger: #b91c1c;--shadow: 0 4px 16px rgba(0, 0, 0, .15)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #0f172a;--color-surface: #1e293b;--color-open-day: #1e293b;--color-text: #e5e7eb;--color-muted: #94a3b8;--color-border: #334155;--color-accent: #e5e7eb;--color-accent-text: #0f172a;--color-danger: #f87171;--shadow: 0 4px 16px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-open-day: #1e293b;--color-text: #e5e7eb;--color-muted: #94a3b8;--color-border: #334155;--color-accent: #e5e7eb;--color-accent-text: #0f172a;--color-danger: #f87171;--shadow: 0 4px 16px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-wrap:break-word}h1{font-size:1.4rem;margin:0}h2{font-size:1.1rem;margin:0 0 8px}h3{font-size:1rem;margin:0}.status{padding:16px;color:var(--color-muted)}.error{color:var(--color-danger);margin:8px 0 0}.notice{color:var(--color-muted);font-size:.9rem}.btn{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.btn:disabled{opacity:.6;cursor:default}button,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){opacity:.75}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);border-color:transparent}input[type=number],input[type=email],input[type=password]{font:inherit;width:100%;max-width:100%;padding:8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:var(--color-surface);border-bottom:1px solid var(--color-border)}.page{display:grid;gap:16px;max-width:1100px;margin:0 auto;padding:16px}.panel,.calendar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;min-width:0}.login{display:grid;gap:16px;max-width:360px;margin:12vh auto 0;margin-top:12dvh;padding:0 16px}.login-form{display:grid;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px}.login-form label{display:grid;gap:4px;font-weight:600;font-size:.9rem}.login-form input{font-size:16px}.login-form .btn{width:100%}.budget-panel summary{cursor:pointer}.budget-panel summary h2{margin:0}.budget-panel[open] summary h2{margin-bottom:8px}.budget-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.budget-year{display:grid;gap:8px}.budget-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}.budget-row{display:grid;grid-template-columns:1fr 5rem;align-items:center;gap:2px 8px}.budget-row label{font-weight:600}.budget-stats{grid-column:1 / -1;font-size:.85rem;color:var(--color-muted)}.budget-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.calendar{container-type:inline-size}.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-bottom:12px;font-size:.9rem}.legend-year h3{margin-bottom:4px}.legend-year ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.legend-year li{display:flex;align-items:center;gap:6px}.legend-count{margin-left:auto;color:var(--color-muted)}@container (min-width: 872px){.legend-year{grid-column:span var(--months, 1)}}.legend-holiday{grid-column:1 / -1;display:flex;align-items:center;gap:6px;margin:0}.swatch{display:inline-block;width:14px;height:14px;border-radius:4px}.tone-open{background:var(--color-open-day);color:var(--color-text)}.tone-vacation{background:var(--color-vacation);color:var(--color-on-color)}.tone-wfh{background:var(--color-wfh);color:var(--color-on-color)}.tone-sick{background:var(--color-sick);color:var(--color-on-color)}.tone-volunteer{background:var(--color-volunteer);color:var(--color-on-color)}.tone-holiday{background:var(--color-holiday);color:var(--color-on-color)}.tone-weekend{background:var(--color-weekend);color:var(--color-on-color)}.months{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.month h2{text-align:center}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{text-align:center;font-size:.75rem;color:var(--color-muted);padding-bottom:2px}.blank{min-height:36px}.day-cell{position:relative}.day-cell.is-open{z-index:20}.day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;min-height:36px;margin:0;padding:0;border:1px solid var(--color-border);border-radius:6px;font:inherit;font-size:.9rem;cursor:pointer}.day[aria-disabled=true]{cursor:default}.day:focus-visible,.day[aria-expanded=true]{outline:2px solid var(--color-accent);outline-offset:1px}.day:active{opacity:.75}.day-picker{position:absolute;top:calc(100% + 6px);z-index:30;min-width:9.5rem;display:grid;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow)}.day-picker.align-start{left:0}.day-picker.align-end{right:0}.day-picker-item{font:inherit;text-align:left;white-space:nowrap;padding:8px 10px;border:0;border-radius:6px;background:none;color:var(--color-text);cursor:pointer}.day-picker-item:focus-visible,.day-picker-item:active{background:var(--color-bg);outline:none}@media (hover: hover){.day-picker-item:hover{background:var(--color-bg)}}.day-picker-item.is-current{font-weight:700}@media (max-width: 640px){.page{gap:12px;padding:12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}.panel,.calendar{padding:12px}.login-form{padding:16px}input[type=number],input[type=email],input[type=password],select,textarea{font-size:16px;min-height:44px}.btn{min-height:44px;padding:10px 16px}.budget-panel summary{padding:10px 0}.budget-actions .btn{width:100%}.months,.legend{gap:12px}.month-grid{gap:3px}.day{min-height:40px}.day-picker{min-width:10rem;max-height:60vh;max-height:min(60dvh,320px);overflow-y:auto}.day-picker-item{min-height:44px;padding:10px 12px}}