:root{--bg: linear-gradient(135deg, rgb(255, 255, 255), rgb(209, 249, 250));--card: #ffffff;--card-soft: #f8fafc;--border: #e5e7eb;--text: #18181b;--muted: #71717a;--accent: #167374;--danger-soft: #fff7ed;--danger-border: #fed7aa;--best: #167374;--good: #74b816;--poor: #d97706;--empty: #f3f4f6;--shadow: 0 8px 26px rgba(15, 23, 42, .06);--radius: 16px;--font: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--timeline-meta-width: 200px;--timeline-min-width: 1024px;--timeline-cell-height: 70px}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);min-height:100vh;overflow-x:hidden}.page{width:min(100%,1560px);margin:0 auto;padding:calc(var(--nav-height, 72px) + 32px) clamp(20px,2.5vw,40px) 48px}.header{margin:0 0 20px}.header h1{margin:0 0 6px;font-size:2rem;line-height:1.1;font-weight:700;color:#0f172a;letter-spacing:-.02em}.header p{margin:0;color:#52525b;font-size:1rem}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:clamp(18px,2vw,24px);align-items:start}.layout>*{min-width:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.panel{padding:20px}.panel h2{margin:0 0 16px;font-size:1.05rem;font-weight:700;color:#111827}.field{display:grid;gap:8px;margin-bottom:14px}.field label{font-size:.92rem;font-weight:600;color:#3f3f46}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,button{font:inherit}input[type=time],input[type=text],select{width:100%;border:1px solid #d4d4d8;border-radius:10px;background:#fff;padding:10px 12px;color:var(--text);outline:none}input:focus,select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.participant-add{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:stretch}.time-input-wrap{position:relative}.time-input-wrap input{padding-right:44px}.time-picker-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#52525b}.time-picker-btn:hover{background:#f8fafc;color:#111827}.time-picker-btn:focus-visible{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.time-picker-btn svg{width:18px;height:18px}.participant-search{position:relative}.participant-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;display:none;max-height:280px;overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 16px 32px #0f172a1f}.participant-search-results.is-open{display:block}.participant-search-option{width:100%;display:grid;gap:2px;padding:10px 12px;border:0;border-bottom:1px solid #f1f5f9;border-radius:0;background:transparent;text-align:left}.participant-search-option:last-child{border-bottom:0}.participant-search-option:hover,.participant-search-option.is-active{background:#f8fafc}.participant-search-option-zone{display:block;font-weight:600;color:#111827}.participant-search-option-meta{display:block;font-size:.82rem;color:var(--muted)}button{border:0;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;transition:.15s ease}.btn-primary{background:var(--accent);color:#fff}.participant-add .btn-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{filter:brightness(1.04)}.btn-ghost{background:#fff;border:1px solid var(--border);color:#3f3f46}.btn-ghost:hover{background:#f9fafb}.participants{display:grid;gap:10px;margin-top:12px}.participant{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px}.participant .zone{font-weight:600;color:#111827;word-break:break-word}.participant .meta{font-size:.84rem;color:var(--muted);margin-top:4px}.warning{display:none;margin-top:12px;border:1px solid var(--danger-border);background:var(--danger-soft);color:#9a3412;border-radius:12px;padding:12px 14px;font-size:.92rem;line-height:1.45}.content{display:grid;gap:16px;min-width:0}.toolbar{padding:16px 16px 0;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between}.legend{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:#52525b}.swatch{width:12px;height:12px;border-radius:999px}.timeline-card{border:1px solid var(--border);border-radius:14px;background:#fff;overflow-x:auto;margin:16px 16px 0;max-width:100%}.timeline-inner{min-width:var(--timeline-min-width)}.hours-row{display:grid;grid-template-columns:var(--timeline-meta-width) repeat(24,1fr);gap:4px;padding:16px 16px 0;color:#71717a;font-size:.8rem}.hours-row .blank{color:transparent}.hour{text-align:center;white-space:nowrap}.person-row{display:grid;grid-template-columns:var(--timeline-meta-width) 1fr;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid #f1f5f9}.person-meta{border:1px solid var(--border);background:var(--card-soft);border-radius:12px;padding:10px 12px;display:grid;gap:4px;min-height:64px;align-content:center}.person-meta strong{font-size:.95rem;color:#111827}.person-meta span{font-size:.84rem;color:var(--muted)}.row-grid{display:grid;grid-template-columns:repeat(48,1fr);gap:3px;min-height:var(--timeline-cell-height)}.cell{min-height:var(--timeline-cell-height);border-radius:4px;background:var(--empty);position:relative}.cell.best{background:var(--best)}.cell.good{background:var(--good)}.cell.poor{background:var(--poor)}.cell.anchor{outline:2px solid rgba(22,115,116,.9);outline-offset:-2px}.cell:hover:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);background:#111827f5;color:#fff;font-size:12px;line-height:1.35;white-space:nowrap;padding:8px 10px;border-radius:8px;z-index:20;pointer-events:none}.summary-card{padding:18px 20px}.summary-card strong{display:block;font-size:1rem;color:#111827;margin-bottom:6px}.summary-card span{display:block;color:#52525b;font-size:.95rem;line-height:1.55}.footer-note{padding:0 20px 20px;color:#52525b;font-size:.92rem;line-height:1.5}.footer-note strong{color:#111827}@media (max-width: 980px){:root{--timeline-meta-width: 180px;--timeline-min-width: 900px;--timeline-cell-height: 60px}.layout{grid-template-columns:1fr}.page{padding:calc(var(--nav-height, 72px) + 24px) 16px 40px}.header h1{font-size:1.75rem}.panel,.summary-card{padding:18px}.toolbar{padding:16px 16px 0}.timeline-card{margin:16px 16px 0}.hours-row,.person-row{padding-left:16px;padding-right:16px}.footer-note{padding:0 16px 16px}}@media (max-width: 720px){:root{--timeline-meta-width: 156px;--timeline-min-width: 760px;--timeline-cell-height: 54px}.page{padding:calc(var(--nav-height, 72px) + 20px) 12px 32px}.header{margin-bottom:16px}.header h1{font-size:1.5rem}.header p,.summary-card span,.footer-note{font-size:.9rem}.panel,.summary-card{padding:16px}.participant-add{grid-template-columns:1fr}.participant-add .btn-primary,.participant .btn-ghost{width:100%}.participant{grid-template-columns:1fr}.toolbar{padding:14px 14px 0}.legend{gap:10px 12px}.legend-item{font-size:.84rem}.timeline-card{margin:14px 14px 0}.hours-row,.person-row{gap:10px;padding-left:14px;padding-right:14px}.person-meta{min-height:58px;padding:9px 10px}.person-meta strong{font-size:.88rem}.person-meta span{font-size:.78rem}.hour{font-size:.72rem}.row-grid{gap:2px}.footer-note{padding:0 14px 14px}}@media (max-width: 560px){:root{--timeline-meta-width: 136px;--timeline-min-width: 680px;--timeline-cell-height: 48px}.page{padding-left:10px;padding-right:10px}.panel h2{font-size:1rem}.field label{font-size:.88rem}input[type=time],input[type=text],select,button{font-size:.95rem}.timeline-card{margin:12px 10px 0}.hours-row,.person-row{padding-left:10px;padding-right:10px}.footer-note{padding:0 10px 12px}.cell:hover:after{display:none}}