#excirca-board{
background:#000;color:#fff;font-family:monospace;
max-width:100%;padding:16px;border-radius:14px;
display:grid;gap:12px
}
.header,.date-line,.footer{display:flex;justify-content:space-between;align-items:center}
.center{font-size:22px;letter-spacing:2px}
.dow-line{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.grid div{padding:12px;border:1px solid #222;text-align:center;cursor:pointer}
.grid div.today{outline:2px solid cyan}
.clickable{cursor:pointer}
#ex-popup{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;z-index:9999}
.popup-inner{background:#111;color:#fff;max-width:400px;margin:10% auto;padding:20px;border-radius:12px}
#ex-close{float:right;cursor:pointer;font-size:20px}
@media(max-width:600px){
.center{font-size:16px}
.grid div{padding:8px}
}