:root{--gap:16px;--radius:12px;--free:#6e8f00;--free-border:#5c7700;--occupied:#e5e7eb;--occupied-border:#c7ccd4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1c2430;-webkit-text-size-adjust:100%;background:#f4f6fa}.app{max-width:1200px;padding:var(--gap);flex-direction:column;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.header{text-align:center;flex:none;padding:4px 4px 10px;position:relative}.header-title{margin:0;font-size:1.7rem}.header-hint{font-size:inherit;font-weight:inherit;color:inherit}.settings-button{cursor:pointer;background:#fff;border:1px solid #d0d6e0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:flex;position:absolute;top:0;right:0}.columns{gap:var(--gap);flex:1;grid-template-columns:repeat(3,1fr);min-height:0;display:grid}.column{flex-direction:column;min-height:0;display:flex}.column-title{text-align:center;flex:none;margin:0 0 8px;font-size:1.2rem}.column-slots{flex-direction:column;flex:1;gap:5px;min-height:0;display:flex}.slot{border-radius:var(--radius);border:2px solid var(--free-border);background:var(--free);color:#fff;cursor:pointer;flex-direction:row;flex:1 1 0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:0;padding:2px 10px;font-size:clamp(.62rem,1.45vh,1.05rem);line-height:1.1;display:flex;overflow:hidden}.slot--occupied{background:var(--occupied);border-color:var(--occupied-border);color:#374151}.slot-range{font-variant-numeric:tabular-nums;flex:none;font-weight:600}.slot-name{color:inherit;opacity:.9;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.slot--occupied .slot-name{opacity:1;font-weight:700}.modal-overlay{z-index:10;background:#141c2873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:24px;box-shadow:0 12px 40px #00000040}.modal-title{margin:0 0 16px;font-size:1.4rem}.modal-text{font-size:1.1rem}.modal-subtitle{font-variant-numeric:tabular-nums;color:#6b7280;margin:-8px 0 16px;font-size:1rem}.modal-note{color:#6b7280;text-align:center;margin-top:12px;font-size:12px;line-height:1.35}.field{flex-direction:column;gap:6px;margin-bottom:14px;font-size:1rem;display:flex}.text-input{border:2px solid #c7cfdb;border-radius:10px;width:100%;padding:14px;font-size:1.2rem}.error-text{color:#c0392b;margin:6px 0 0}.modal-buttons{gap:12px;margin-top:8px;display:flex}.modal-buttons--stacked{flex-direction:column}.btn{cursor:pointer;border:none;border-radius:10px;flex:1;min-height:52px;padding:0 16px;font-size:1.15rem}.btn--primary{color:#fff;background:#2f6bff}.btn--primary:disabled{cursor:not-allowed;background:#9bb4ef}.btn--secondary{color:#1c2430;background:#e6e9ef}.btn--danger{color:#fff;background:#e0412f}@media (width<=640px){.columns{grid-template-columns:1fr}}