:root{--black: #000000;--accent: #99B3C4;--grey: #D3D7D8;--white: #FFFFFF;--text-primary: #000000;--text-secondary: #555555;--text-muted: #999999;--bg-app: #D3D7D8;--bg-card: #FFFFFF;--bg-header: #000000;--border: rgba(0,0,0,.08);--radius-card: 10px;--radius-pill: 6px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;font-family:var(--font);background:var(--bg-app);color:var(--text-primary);overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto;background:var(--bg-app);position:relative;overflow:hidden}.header{background:var(--bg-header);padding:16px 16px 12px;padding-top:calc(16px + env(safe-area-inset-top,0px));flex-shrink:0}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.header-title{color:var(--white);font-size:18px;font-weight:500}.header-sub{color:#ffffff73;font-size:11px;margin-top:3px}.screen-body{flex:1;overflow-y:auto;padding:13px 13px 80px;-webkit-overflow-scrolling:touch}.class-card{background:var(--bg-card);border-radius:var(--radius-card);padding:11px 12px;margin-bottom:8px;display:flex;gap:10px;border-left:3px solid var(--grey)}.class-card.lec{border-left-color:var(--accent)}.class-card.lab{border-left-color:var(--black)}.class-card.now{border-left-color:var(--black);outline:1px solid var(--accent)}.time-col .ts{font-size:12px;font-weight:500;color:var(--text-primary)}.time-col .te{font-size:10px;color:var(--text-muted);margin-top:2px}.class-name{font-size:13px;font-weight:500;line-height:1.3}.class-meta{font-size:11px;color:var(--text-secondary);margin-top:4px;display:flex;gap:8px}.class-meta i{font-size:11px;vertical-align:-1px;margin-right:2px}.badge{font-size:10px;padding:2px 6px;border-radius:4px;margin-top:6px;display:inline-block;font-weight:500}.badge.lec{background:#eef3f6;color:#4a7a94}.badge.lab{background:var(--black);color:var(--white)}.badge.sem{background:var(--grey);color:var(--text-secondary)}.now-pill{background:var(--black);color:var(--white);font-size:9px;padding:2px 7px;border-radius:4px;font-weight:500;margin-left:6px}.changed-tag{background:var(--accent);color:var(--white);font-size:9px;padding:2px 6px;border-radius:4px;font-weight:500;margin-left:4px}.break-row{display:flex;align-items:center;gap:8px;margin:2px 0 8px}.break-line{flex:1;height:.5px;background:#bbb}.break-text{font-size:10px;color:var(--text-muted);white-space:nowrap}.section-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:9px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--white);border-top:.5px solid var(--grey);display:flex;padding:9px 0 max(13px,env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.nav-item i{font-size:20px;color:var(--grey);transition:color .15s}.nav-item span{font-size:10px;color:var(--grey);transition:color .15s}.nav-item.active i,.nav-item.active span{color:var(--black)}.nav-badge{width:4px;height:4px;border-radius:50%;background:var(--accent);margin-top:1px}.days-strip{display:flex;justify-content:space-between;gap:4px;padding:8px 16px;width:100%;box-sizing:border-box}.day-pill{flex:1;text-align:center;padding:10px 4px;border-radius:12px;background:#ffffff14;transition:background .2s;cursor:pointer;-webkit-user-select:none;user-select:none}.day-pill.active{background:var(--accent)}.day-pill .dn{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:2px}.day-pill .dd{display:block;font-size:18px;font-weight:600;color:#ffffffe6}.day-pill.active .dn,.day-pill.active .dd{color:#fff}.notif-card{background:var(--bg-card);border-radius:var(--radius-card);padding:11px 12px;margin-bottom:8px}.notif-card.type-change{border-left:3px solid var(--accent);border-radius:0 var(--radius-card) var(--radius-card) 0}.notif-card.type-dean{border-left:3px solid var(--black);border-radius:0 var(--radius-card) var(--radius-card) 0}.notif-header{display:flex;justify-content:space-between;align-items:flex-start}.notif-sender{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:3px}.notif-time{font-size:11px;color:var(--text-muted)}.notif-title{font-size:13px;font-weight:500;margin-top:4px;line-height:1.3}.notif-body{font-size:11px;color:var(--text-secondary);margin-top:4px;line-height:1.5}.notif-tag{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 7px;border-radius:4px;font-weight:500;margin-top:7px}.notif-tag.change{background:#eef3f6;color:#4a7a94}.notif-tag.info{background:var(--grey);color:#444}.group-list{background:var(--bg-card);border-radius:var(--radius-card);overflow:hidden;margin-bottom:12px}.group-row{padding:11px 13px;font-size:13px;border-bottom:.5px solid var(--grey);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.group-row:last-child{border-bottom:none}.group-row.selected{font-weight:500}.group-row.selected i{color:var(--accent)}.confirm-btn{background:var(--black);color:var(--white);border:none;border-radius:var(--radius-card);padding:13px;font-size:13px;font-weight:500;cursor:pointer;width:100%;font-family:var(--font)}.confirm-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:9px}.state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;gap:10px;color:var(--text-muted);text-align:center}.state-center i{font-size:30px}.state-center p{font-size:13px;line-height:1.5;max-width:200px}.retry-btn{margin-top:6px;background:var(--black);color:var(--white);border:none;border-radius:8px;padding:8px 20px;font-size:12px;cursor:pointer;font-family:var(--font)}.bell-wrap{position:relative;cursor:pointer}.bell-dot{position:absolute;top:-1px;right:-2px;width:8px;height:8px;background:var(--accent);border-radius:50%;border:1.5px solid var(--black)}.week-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px}.week-nav-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;padding:6px 16px;font-size:16px;cursor:pointer;transition:background .2s;font-family:var(--font);line-height:1}.week-nav-btn:hover{background:#fff3}.week-nav-today{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:20px;padding:6px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;font-family:var(--font)}.week-nav-today:hover{background:#ffffff40}@media(max-width:480px){.header{padding:12px 12px 8px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.header-title{font-size:16px}.header-sub{font-size:10px}.week-nav-btn,.week-nav-today{padding:4px 8px;font-size:14px}.days-strip{gap:2px;padding:6px 8px}.day-pill{padding:6px 2px}.day-pill .dd{font-size:16px}.day-pill .dn{font-size:9px}.next-class-widget{margin:6px 8px;padding:8px 10px;font-size:13px}}