*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;background:#fafafa;line-height:1.5}h1{font-size:1.75rem;margin-bottom:16px}h2{font-size:1.4rem;margin-bottom:12px}a{color:#2563eb}a:hover{color:#1d4ed8}button{padding:8px 20px;border:none;border-radius:4px;background:#3b82f6;color:#fff;font-weight:600;cursor:pointer;font-size:14px;font-family:inherit}button:hover{background:#2563eb}button:disabled{background:#9ca3af;cursor:not-allowed}.app{max-width:1400px;margin:0 auto;padding:20px}.create-form{margin-bottom:20px}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;font-weight:600}.form-group input,.form-group textarea{width:100%;max-width:400px;padding:8px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px}.date-range{display:flex;gap:16px}.time-grid{display:flex;-webkit-user-select:none;user-select:none;overflow-x:auto;margin:8px 0}.time-grid-column{display:flex;flex-direction:column;align-items:center;padding:0 1px}.time-grid-day-header{height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px}.time-grid-day-header .weekday{font-weight:600}.time-grid-day-header .date{color:#666;font-size:11px}.time-grid-cell-label{font-size:9px;color:#00000073;pointer-events:none}.time-grid-cell{width:54px;height:28px;border:1px solid #fff;border-radius:2px;cursor:pointer;transition:opacity .1s;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.time-grid-cell:hover{opacity:.8}.time-grid-cell.inactive{background:transparent!important;cursor:default;border-color:transparent}.brush-selector{display:flex;gap:8px;margin:16px 0;align-items:center}.brush-btn{padding:6px 14px;border:2px solid transparent;border-radius:4px;cursor:pointer;font-weight:600;font-size:13px;color:#fff}.brush-btn.active{border-color:#111;box-shadow:0 0 0 2px #fff,0 0 0 4px #111}.brush-great{background:#22c55e}.brush-good{background:#65a30d}.brush-fine{background:#8b8b3b}.brush-none{background:#9ca3af;color:#1a1a1a}.view-layout{display:flex;gap:24px;align-items:flex-start}.view-sidebar{min-width:250px;max-width:300px;padding:16px;background:#f3f4f6;border-radius:8px;max-height:600px;overflow-y:auto;flex-shrink:0}.view-sidebar h3{margin-bottom:12px;font-size:15px}.voter-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #e5e7eb}.voter-toggle{cursor:pointer;flex-shrink:0}.voter-name{flex:1;cursor:pointer;font-size:14px}.voter-name:hover{color:#3b82f6}.cell-detail{padding:4px 0;font-size:14px}.red-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;line-height:0}.red-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;display:inline-block;margin:1px}.created-result{padding:24px;background:#f0fdf4;border-radius:8px;border:1px solid #86efac}.created-result a{display:block;margin:8px 0 16px;color:#2563eb;word-break:break-all}