*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f4f0;justify-content:center;min-height:100vh;padding:2rem 1rem;font-family:DM Sans,sans-serif;display:flex}.phone{background:#fff;border-radius:20px;width:390px;overflow:hidden;box-shadow:0 8px 40px #00000014}.pull-indicator{color:#888;justify-content:center;align-items:center;font-size:13px;display:flex;overflow:hidden}.header{color:#fff;background:linear-gradient(135deg,#1a3a5c,#264e78);padding:24px 20px 20px;position:relative;overflow:hidden}.header-logo{opacity:.5;pointer-events:none;height:100%;position:absolute;top:10%;left:75%}.header-label{opacity:.7;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:12px}.header-title{margin-bottom:4px;font-size:22px;font-weight:600}.header-meta{opacity:.75;color:inherit;font-size:13px;text-decoration:none}.content{padding:20px}.section-label{text-transform:uppercase;letter-spacing:.8px;color:#888;margin:20px 0 10px;font-size:11px;font-weight:600}.section-label:first-child{margin-top:0}.schedule-item{border-bottom:1px solid #f0eeea;justify-content:space-between;align-items:flex-start;padding:12px 0;display:flex}.schedule-item:last-child{border-bottom:none}.schedule-place{font-size:14px;font-weight:500}.schedule-address{color:#888;margin-top:2px;font-size:12px}.schedule-time{color:#264e78;white-space:nowrap;margin-left:12px;font-size:13px;font-weight:600}.alert{background:#fff8ed;border-left:3px solid #e8a020;border-radius:8px;margin:16px 0;padding:12px 16px}.alert p{color:#7a5a10;font-size:13px;font-weight:500}.quick-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quick-link{text-align:center;cursor:pointer;color:inherit;background:#f8f7f4;border-radius:10px;padding:14px 12px;text-decoration:none;transition:background .15s}.quick-link:hover{background:#f0eeea}.quick-link-icon{margin-bottom:4px;font-size:20px}.quick-link-img{width:auto;height:48px}.quick-link-text{font-size:13px;font-weight:500}.group-avatars{flex-wrap:wrap;gap:8px;display:flex}.avatar{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:flex}.av1{color:#185fa5;background:#e6f1fb}.av2{color:#3c3489;background:#eeedfe}.av3{color:#085041;background:#e1f5ee}.av4{color:#712b13;background:#faece7}.av5{color:#72243e;background:#fbeaf0}.av6{color:#633806;background:#faeeda}.av-teacher{color:#666;background:#fff;border:1.5px solid #ddd;font-size:10px}.tomorrow{background:#f8f7f4;border-radius:10px;padding:14px 16px}.tomorrow p{font-size:14px;font-weight:500}