@import"https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--app-bg: #eef3f7;--app-bg-deep: #dde6ef;--surface: rgba(255, 255, 255, .94);--surface-soft: #f8fafc;--border: #d9e1ea;--line: #dde5ee;--ink: #162234;--muted: #5e6c80;--subtle: #445b7a;--accent: #2563eb;--accent-dark: #1d4ed8;--success: #0d9488;--shadow-soft: 0 8px 24px rgba(15, 23, 42, .06);--shadow-strong: 0 18px 50px rgba(15, 23, 42, .1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Zen Kaku Gothic New,sans-serif;background:#f3f5f7}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.surface-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-soft)}.hero-card,.editor-panel,.timeline-panel,.preview-panel{padding:20px}.status-card{padding:14px 18px;border-radius:18px}.sticky-shell{position:sticky;top:12px;z-index:20}.hero-title{margin:0;color:var(--ink);font-family:"M PLUS 1p",Zen Kaku Gothic New,sans-serif;font-size:clamp(1.15rem,1.05rem + .5vw,1.45rem);font-weight:700;letter-spacing:.02em}.shell-icon,.preview-action-icon{width:14px;height:14px;flex:0 0 auto}.date-control{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center}.date-step{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:#fff;color:#718097;transition:transform .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.date-step:hover{border-color:#bfd0e2;color:var(--ink);transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.date-input-wrap{position:relative;display:flex;align-items:center}.date-input-wrap .shell-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.date-input{padding-left:36px!important}.shell-action{display:inline-flex!important;align-items:center;gap:8px;border-radius:12px!important;border:1px solid var(--border)!important;background:#fff!important;color:var(--ink)!important;box-shadow:none!important}.shell-action.primary{background:var(--accent)!important;border-color:transparent!important;color:#fff!important}.shell-action.success{background:var(--success)!important;border-color:transparent!important;color:#fff!important}.date-rail{display:flex;gap:10px;flex-wrap:wrap}.date-rail.compact{margin-top:12px;padding-top:12px;border-top:1px solid #edf2f7;overflow-x:auto;flex-wrap:nowrap}.date-chip{border:1px solid var(--border);border-radius:999px;background:#ffffffd6;color:var(--subtle);padding:10px 16px;font-size:14px;font-weight:500;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.date-chip:hover{transform:translateY(-1px);border-color:#bfd0e2}.date-chip.active{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 12px 28px #2563eb4d}.date-chip.mini{padding:8px 12px;font-size:12px;white-space:nowrap}.panel-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #edf2f7}.panel-kicker{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.04em}.panel-title{color:var(--ink);font-family:"M PLUS 1p",Zen Kaku Gothic New,sans-serif;font-size:20px;font-weight:700;line-height:1.3}.panel-title.compact{font-size:18px}.workspace-tabs{position:relative;display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;max-width:360px;padding:4px;border-radius:16px;background:#f4f7fa}.workspace-tabs button[role=tab]{position:relative;z-index:1;border-radius:12px;color:var(--muted);font-size:14px;font-weight:500;transition:color .16s ease}.workspace-tabs button[role=tab][data-state=active]{color:var(--ink)}.workspace-tabs-indicator{border-radius:12px;background:#fff;box-shadow:0 4px 14px #0f172a14}.shift-list-card,.shift-detail-card{height:100%;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft);padding:16px}.shift-list{display:grid;gap:10px}.shift-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#fff;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.shift-list-row:hover{transform:translateY(-1px);border-color:#bfd0e2;box-shadow:0 10px 24px #0f172a14}.shift-list-row.selected{border-color:#2563eb47;box-shadow:0 14px 30px #2563eb24}.shift-list-row-main,.shift-list-row-meta{display:flex;align-items:center;gap:10px}.shift-list-row-main{min-width:0;flex:1 1 auto}.shift-list-select{display:inline-flex;align-items:center;min-width:120px;border:0;background:transparent;padding:0;text-align:left}.shift-list-inputs{display:grid;grid-template-columns:repeat(2,minmax(112px,128px));gap:8px}.shift-list-name{flex:1 1 auto;min-width:0;color:var(--ink);font-size:14px;font-weight:600}.shift-list-time{color:var(--muted);font-size:13px;white-space:nowrap}.shift-list-note-dot{width:10px;height:10px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 4px #f59e0b1f}.timeline-editor{overflow-x:auto}.timeline-editor-header{display:grid;min-width:780px}.timeline-editor-corner{height:28px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.timeline-editor-staff{border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 4px 10px;color:#445164;font-size:11px;font-weight:700;text-align:center}.timeline-editor-staff.selected{color:var(--accent-dark)}.timeline-editor-body{display:grid;grid-template-columns:48px minmax(0,1fr);min-width:780px}.timeline-editor-hours{position:relative;background:var(--surface-soft);height:var(--timeline-editor-height)}.timeline-editor-hour{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:20px;color:#445164;font-size:12px;font-weight:700}.timeline-editor-columns{display:grid;height:var(--timeline-editor-height);overflow:hidden}.timeline-editor-column{position:relative;border-left:1px solid var(--line);background:linear-gradient(180deg,#f8fafccc,#fff 28%),repeating-linear-gradient(to bottom,#ffffffe6 0,#ffffffe6 calc(var(--timeline-editor-height) / var(--timeline-editor-intervals)),#f5f8fcb8 calc(var(--timeline-editor-height) / var(--timeline-editor-intervals)),#f5f8fcb8 calc((var(--timeline-editor-height) / var(--timeline-editor-intervals)) * 2));cursor:crosshair}.timeline-editor-column.selected{background:linear-gradient(180deg,#2563eb14,#2563eb05 28%),repeating-linear-gradient(to bottom,#fffffff5 0,#fffffff5 calc(var(--timeline-editor-height) / var(--timeline-editor-intervals)),#f1f5f9f0 calc(var(--timeline-editor-height) / var(--timeline-editor-intervals)),#f1f5f9f0 calc((var(--timeline-editor-height) / var(--timeline-editor-intervals)) * 2))}.timeline-editor-row{position:absolute;left:0;right:0;pointer-events:none}.timeline-editor-row.major{border-top:1px solid var(--line)}.timeline-editor-row.half{border-top:1px solid rgba(148,163,184,.38)}.timeline-editor-row.quarter{border-top:1px dashed rgba(148,163,184,.22)}.timeline-editor-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.timeline-editor-line{cursor:grab}.timeline-editor-line:active{cursor:grabbing}.timeline-editor-block-hitbox{cursor:grab}.timeline-editor-block-hitbox:active{cursor:grabbing}.timeline-editor-handle{fill:#fff;stroke:#1e293b;stroke-width:2px;cursor:ns-resize;filter:drop-shadow(0 2px 4px rgba(15,23,42,.18))}.timeline-editor-empty-indicator{position:absolute;top:12px;right:10px;color:#94a3b8;font-size:20px;line-height:1;opacity:0;transform:scale(.92);transition:opacity .16s ease,transform .16s ease}.timeline-editor-column.empty:hover .timeline-editor-empty-indicator{opacity:1;transform:scale(1)}.timeline-editor-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #eef1f5}.timeline-editor-toolbar-group{display:flex;align-items:center;gap:10px}.timeline-editor-toolbar-label{color:var(--muted);font-size:11px;font-weight:700}.timeline-editor-color{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:999px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.timeline-editor-color.selected{border-color:#475569;transform:scale(1.12);box-shadow:0 0 0 4px #94a3b829}.timeline-editor-color.armed{box-shadow:0 0 0 4px #3b82f624,0 0 0 1px #1e40af66}.timeline-editor-legend{gap:14px}.timeline-editor-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.timeline-editor-legend-swatch{width:10px;height:10px;border-radius:999px}.timeline-editor-toolbar-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}.timeline-editor-help{color:#94a3b8;font-size:10px}.timeline-editor-delete{border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--ink);padding:8px 12px;font-size:12px}.preview-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-panel-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-action{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--ink);padding:9px 13px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.preview-action:hover{transform:translateY(-1px);border-color:#bfd0e2;box-shadow:0 10px 24px #0f172a14}.preview-action.primary{background:var(--accent);border-color:transparent;color:#fff}.paper-preview-frame{padding:20px;border-radius:20px;background:linear-gradient(180deg,#f5f7fb,#eef3f8)}.preview-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;background:#f1f5f9f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preview-fullscreen-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#ffffffe0;border-bottom:1px solid var(--border)}.preview-fullscreen-canvas{display:flex;justify-content:center;padding:32px 20px 48px}.preview-fullscreen-canvas .paper-sheet{width:min(100%,920px)}.paper-sheet{aspect-ratio:1 / 1.414;width:100%;border-radius:24px;border:1px solid var(--border);background:linear-gradient(180deg,#fffdf9,#fbfaf6);box-shadow:inset 0 1px #fffc,0 20px 60px #0f172a14;padding:24px;display:grid;gap:16px}.paper-topline{display:flex;align-items:baseline;gap:16px;font-family:"M PLUS 1p",Zen Kaku Gothic New,sans-serif}.paper-year{font-size:14px;font-weight:700}.paper-topline h3{margin:0;font-size:28px;font-weight:700;line-height:1.2}.paper-note-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.paper-note-stack,.paper-note-column,.timeline-card,.memo-card,.footer-grid{border:1px solid #cfd8e3;background:#fff}.paper-note-stack{display:grid}.paper-note-row{display:grid;grid-template-columns:72px 1fr;min-height:56px}.paper-note-row+.paper-note-row{border-top:1px solid var(--line)}.paper-note-row span,.paper-note-column strong{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);background:#f6f8fb;font-size:12px;font-weight:700}.paper-note-row p,.paper-note-column p,.memo-card p{margin:0;padding:8px 12px;font-size:12px;line-height:1.5;white-space:pre-wrap}.paper-note-column{display:grid;grid-template-rows:40px 1fr}.timeline-card{padding:8px}.timeline-top-labels{display:grid;grid-template-columns:48px repeat(13,minmax(0,1fr))}.timeline-empty{display:block}.timeline-staff-label{display:block;padding:0 2px 8px;border:0;background:transparent;color:#445164;font-size:11px;font-weight:700;text-align:center}.timeline-staff-label.selected{color:var(--accent-dark)}.timeline-grid-wrap{display:grid;grid-template-columns:48px 1fr}.timeline-hours{position:relative;background:var(--surface-soft)}.timeline-hour-cell{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:20px;color:#445164;font-size:12px;font-weight:700}.timeline-grid{position:relative;display:grid;min-height:0;overflow:hidden;background:repeating-linear-gradient(to bottom,#94a3b82e 0,#94a3b82e calc(100% / 15),#fff calc(100% / 15),#fff calc((100% / 15) * 2))}.timeline-row{position:absolute;left:0;right:0;pointer-events:none}.timeline-row.major{border-top:1px solid var(--line)}.timeline-row.half{border-top:1px solid rgba(148,163,184,.34)}.timeline-row.quarter{border-top:1px dashed rgba(148,163,184,.2)}.timeline-column{min-height:100%;border-left:1px solid var(--line)}.timeline-column.selected{background:#1d4ed80f}.timeline-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.timeline-hitbox{fill:transparent;cursor:pointer}.timeline-code{font-size:11px;font-weight:700;fill:#1f2937;paint-order:stroke fill;stroke:#fffffff5;stroke-width:4px;stroke-linejoin:round}.timeline-note{font-size:10px;fill:#334155;paint-order:stroke fill;stroke:#fffffff5;stroke-width:4px;stroke-linejoin:round}.timeline-handle{fill:#fff;stroke:#1e293b;stroke-width:2px;cursor:ns-resize;filter:drop-shadow(0 2px 4px rgba(15,23,42,.18))}.memo-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:208px}.memo-card{position:relative}.memo-badge{position:absolute;top:8px;left:8px;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:999px;background:#e8eef6;color:#334155;font-size:12px;font-weight:700}.memo-card p{min-height:100%;padding-top:40px}.footer-grid{display:grid;grid-template-columns:48px repeat(13,minmax(0,1fr));font-size:10px}.footer-header-cell,.footer-body-cell,.footer-row-label,.footer-header-spacer{display:inline-flex;justify-content:center;align-items:center;min-height:36px;border-left:1px solid var(--line);border-top:1px solid var(--line);padding:4px;text-align:center}.footer-row{display:contents}.footer-row-label{color:var(--muted);font-weight:700}@media(max-width:1024px){.paper-sheet{max-width:860px;margin-inline:auto}.preview-panel-header,.preview-fullscreen-toolbar{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.hero-card,.editor-panel,.timeline-panel,.preview-panel{padding:16px}.paper-sheet{padding:16px;gap:12px}.paper-note-grid,.memo-strip{grid-template-columns:1fr}.shift-list-row{flex-direction:column;align-items:stretch}.shift-list-row-meta,.shift-list-row-main{width:100%;justify-content:space-between}.shift-list-inputs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media print{body{background:#fff}body *{visibility:hidden!important}body[data-print-mode=inline] .paper-preview-frame,body[data-print-mode=inline] .paper-preview-frame *,body[data-print-mode=fullscreen] .preview-fullscreen,body[data-print-mode=fullscreen] .preview-fullscreen *{visibility:visible!important}body[data-print-mode=inline] .paper-preview-frame,body[data-print-mode=fullscreen] .preview-fullscreen-canvas{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;background:#fff}.preview-panel-header,.preview-fullscreen-toolbar{display:none!important}.paper-sheet{box-shadow:none;border-color:#cfd8e3}}