:root{color:#1f2937;background:radial-gradient(circle at top left,rgba(251,191,36,.25),transparent 30%),radial-gradient(circle at top right,rgba(96,165,250,.24),transparent 28%),linear-gradient(180deg,#fffdf7,#f5f7fb);font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.hero{display:grid;gap:16px;margin-bottom:24px}.hero h1{margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:.95;letter-spacing:-.04em}.hero p{margin:0;max-width:720px;font-size:1.05rem;color:#4b5563}.layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:20px;align-items:start}.panel{background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(209,213,219,.9);border-radius:24px;box-shadow:0 24px 60px #0f172a14;padding:22px}.panel h2,.panel h3{margin:0 0 12px}.panel p{margin:0 0 14px;color:#6b7280}.summary-panel{margin-bottom:20px}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.summary-card{border:1px solid #e5e7eb;border-radius:18px;background:#ffffffd9;padding:16px}.summary-card h3{margin-bottom:10px}.summary-card p{margin-bottom:0}.summary-tags{display:flex;flex-wrap:wrap;gap:8px}.summary-tag{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700;background:#eef2ff;color:#334155}.success-tag{background:#dcfce7;color:#166534}.danger-tag{background:#fee2e2;color:#991b1b}.neutral-tag{background:#f3f4f6;color:#6b7280}.form-grid{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-size:.92rem;font-weight:600}.field input{width:100%;border:1px solid #d1d5db;border-radius:14px;padding:12px 14px;background:#fff}.field input:focus{outline:2px solid rgba(59,130,246,.2);border-color:#60a5fa}.avatars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.avatar-button{border:1px solid #d1d5db;border-radius:16px;background:#fff;padding:10px 8px;display:grid;place-items:center;gap:4px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.avatar-button strong{font-size:1.5rem}.avatar-button span{font-size:.78rem;color:#6b7280}.avatar-button.is-active{border-color:#1f2937;box-shadow:inset 0 0 0 1px #1f2937;transform:translateY(-1px)}.primary-button{border:0;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;font-weight:700}.primary-button:disabled{opacity:.6;cursor:not-allowed}.status-row{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:600;color:#111827;background:#f3f4f6}.pill-dot{width:12px;height:12px;border-radius:999px;display:inline-block}.error{color:#b91c1c;font-weight:600}.success{color:#047857;font-weight:600}.weekend-list,.people-list{display:grid;gap:12px}.weekend-row{border:1px solid #e5e7eb;border-radius:18px;padding:14px;background:#ffffffd9;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.weekend-row h3{margin:0 0 4px;font-size:1rem}.weekend-row p{margin:0;font-size:.9rem}.weekend-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.choice-group{display:inline-flex;background:#eef2ff;border-radius:14px;padding:4px;gap:4px}.choice-group button{border:0;background:transparent;border-radius:10px;padding:10px 14px;font-weight:700;color:#374151}.choice-group button.is-selected{background:#fff;color:#111827;box-shadow:0 1px 3px #0f172a1f}.choice-group button.free.is-selected{background:#dcfce7;color:#166534}.choice-group button.busy.is-selected{background:#fee2e2;color:#991b1b}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.person-card{border:2px solid transparent;border-radius:22px;padding:18px;background:#fff;display:grid;gap:14px}.person-header{display:flex;align-items:center;gap:12px}.person-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:1.6rem}.person-header h3{margin:0;font-size:1rem}.person-header p{margin:2px 0 0;font-size:.88rem}.person-weekends{display:grid;gap:8px}.person-weekend{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.92rem}.status-badge{border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.status-badge.free{background:#dcfce7;color:#166534}.status-badge.busy{background:#fee2e2;color:#991b1b}.status-badge.empty{background:#f3f4f6;color:#6b7280}@media(max-width:920px){.layout,.summary-grid{grid-template-columns:1fr}}@media(max-width:640px){.page{width:min(100% - 20px,1120px);padding:20px 0 32px}.panel{padding:18px;border-radius:20px}.avatars{grid-template-columns:repeat(3,minmax(0,1fr))}.weekend-row{grid-template-columns:1fr}.choice-group{width:100%}.choice-group button{flex:1}}