.planner-screen{max-width:960px;margin:auto}.planner-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.planner-title h1{margin-bottom:8px}.planner-title .intro{margin-bottom:20px}.planner-title>.primary{display:flex;align-items:center;gap:7px;flex-shrink:0}.planner-title>.primary svg{width:18px;height:18px}.planner-tabs{display:flex;gap:4px;padding:5px;border:1px solid #ffffffc9;border-radius:22px;background:#ffffff57;box-shadow:inset 0 1px 1px #fff,0 5px 20px #708bb410;backdrop-filter:blur(14px);margin:6px 0 24px}.planner-tabs button{flex:1;border:0;border-radius:17px;padding:12px 8px;background:none;color:#68758d;min-height:44px;font:inherit;font-size:14px;cursor:pointer}.planner-tabs button.selected{background:#ffffffc9;color:#485cc4;box-shadow:0 2px 8px #8192bf20}.planner-tabs button:active{transform:scale(.97)}.announcement-card{padding:24px!important}.announcement-card h3{font-size:1.2rem;line-height:1.4;margin:15px 0 7px}.announcement-meta,.planner-note{font-size:.8rem;color:#7a879e;line-height:1.6}.announcement-card p{line-height:1.65}.announcement-card .announcement-meta{font-size:.78rem;margin-bottom:13px}.planner-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.planner-actions .text-button{display:flex;align-items:center;gap:4px}.planner-actions svg{width:16px;height:16px}.unread-dot{width:8px;height:8px;border-radius:50%;background:#5870dc;flex:none}.planner-event{display:flex;width:100%;align-items:center;gap:14px;border:1px solid #ffffffc9;background:#ffffffbd;border-radius:22px;padding:18px;text-align:left;margin:12px 0;color:#283852;cursor:pointer;box-shadow:0 3px 18px #6c82a808}.planner-event>span:nth-child(2){min-width:0;flex:1;display:grid;gap:6px}.planner-event strong{font-size:1rem;overflow-wrap:anywhere}.planner-event small{color:#8c97ac}.planner-event span span{font-size:.8rem;color:#758198}.planner-event>svg{width:18px;height:18px;flex:none}.planner-event-icon{display:grid;place-items:center;background:#e8edff;border-radius:14px;width:42px;height:42px;flex:none;color:#6478ca}.personal .planner-event-icon{background:#fff0e5;color:#c49071}.planner-event-icon svg{width:22px;height:22px}.month-card{padding:20px!important}.month-heading{display:flex;align-items:center;justify-content:space-between}.month-heading h3{text-transform:capitalize;margin:0;font-size:1.1rem}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.calendar-week{margin:22px 0 10px;color:#8a96aa;font-size:.8rem}.calendar-day{min-width:0;min-height:60px;border:0;background:none;border-radius:16px;color:#3e4e67;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:inherit}.calendar-day.today{box-shadow:inset 0 0 0 1px #9eaee7}.calendar-day.chosen{background:#e1e8ff;color:#405dcc}.calendar-dots{height:5px;display:flex;gap:3px}.calendar-dots i,.calendar-legend i{display:inline-block;width:5px;height:5px;border-radius:50%}.calendar-dots .school,.calendar-legend .school{background:#6d83d4}.calendar-dots .personal,.calendar-legend .personal{background:#e5a179}.calendar-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#8a96aa;font-size:.75rem;margin-top:14px}.calendar-legend .text-button{margin-left:auto}.day-heading{font-size:1rem;margin:26px 0 14px}.planner-list-heading h3{font-size:1rem}.planner-detail-time{line-height:1.8;color:#6f7e96}.planner-detail-actions{display:grid;gap:10px}.planner-detail-actions .secondary{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.planner-detail-actions svg{width:18px;height:18px}.planner-form-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.planner-form-times input{min-width:0;max-width:100%}.planner-detail-body{white-space:pre-wrap;overflow-wrap:anywhere}.planner-note{margin:12px 0 18px}.planner-tabs button:focus-visible,.calendar-day:focus-visible,.planner-event:focus-visible{outline:2px solid #6c85d7;outline-offset:3px}@media(max-width:760px){.planner-title{align-items:flex-start;gap:8px}.planner-title>.primary{padding:12px;font-size:12px;margin-top:4px}.planner-title h1{font-size:1.8rem}.planner-title .intro{font-size:.8rem;line-height:1.5}.planner-tabs{margin-bottom:18px}.planner-tabs button{font-size:12px}.announcement-card{padding:20px!important}.calendar-day{min-height:44px;border-radius:12px}.month-card{padding:15px!important}.planner-form-times{grid-template-columns:1fr}.planner-event{padding:16px;gap:10px}.planner-actions>.primary,.planner-actions>.secondary{width:100%}.planner-list-heading .text-button{font-size:.75rem}.planner-title .new-count{font-size:.7rem;white-space:nowrap}.announcement-card .event-card{flex-wrap:wrap}.announcement-card .event-info{min-width:0}.planner-detail-actions .secondary{white-space:normal}}

.school-event-create{display:flex;align-items:center;gap:8px;margin:0 0 22px;min-height:44px}.school-event-create svg{width:18px;height:18px}

.announcement-card>p:not(.announcement-meta){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.planner-screen{scrollbar-width:none}
.planner-screen::-webkit-scrollbar{display:none}