body{background-image:radial-gradient(ellipse 130% 45% at 10% -5%,var(--theme-color-glow),transparent 70%),linear-gradient(180deg,var(--theme-color-gradient) 0%,var(--superwb-color-bg) var(--theme-bg-height, 60vh));background-repeat:no-repeat}body[time-theme=gray]{--theme-color-glow: var(--oc-gray-0);--theme-color-gradient: var(--oc-gray-1);--theme-text-color: var(--oc-gray-9)}body[time-theme=yellow]{--theme-color-glow: var(--oc-yellow-0);--theme-color-gradient: var(--oc-yellow-1);--theme-text-color: var(--oc-yellow-9)}body[time-theme=orange]{--theme-color-glow: var(--oc-orange-0);--theme-color-gradient: var(--oc-orange-1);--theme-text-color: var(--oc-orange-9)}body[time-theme=red]{--theme-color-glow: var(--oc-red-0);--theme-color-gradient: var(--oc-red-1);--theme-text-color: var(--oc-red-9)}body[time-theme=pink]{--theme-color-glow: var(--oc-pink-0);--theme-color-gradient: var(--oc-pink-1);--theme-text-color: var(--oc-pink-9)}body[time-theme=grape]{--theme-color-glow: var(--oc-grape-0);--theme-color-gradient: var(--oc-grape-1);--theme-text-color: var(--oc-grape-9)}body[time-theme=violet]{--theme-color-glow: var(--oc-violet-0);--theme-color-gradient: var(--oc-violet-1);--theme-text-color: var(--oc-violet-9)}body[time-theme=indigo]{--theme-color-glow: var(--oc-indigo-0);--theme-color-gradient: var(--oc-indigo-1);--theme-text-color: var(--oc-indigo-9)}body[time-theme=blue]{--theme-color-glow: var(--oc-blue-0);--theme-color-gradient: var(--oc-blue-1);--theme-text-color: var(--oc-blue-9)}body[time-theme=cyan]{--theme-color-glow: var(--oc-cyan-0);--theme-color-gradient: var(--oc-cyan-1);--theme-text-color: var(--oc-cyan-9)}body[time-theme=teal]{--theme-color-glow: var(--oc-teal-0);--theme-color-gradient: var(--oc-teal-1);--theme-text-color: var(--oc-teal-9)}body[time-theme=green]{--theme-color-glow: var(--oc-green-0);--theme-color-gradient: var(--oc-green-1);--theme-text-color: var(--oc-green-9)}body[time-theme=lime]{--theme-color-glow: var(--oc-lime-0);--theme-color-gradient: var(--oc-lime-1);--theme-text-color: var(--oc-lime-9)}@media(prefers-color-scheme:dark){body{--theme-bg-height: 50vh}body[time-theme=gray]{--theme-color-glow: rgba(var(--oc-gray-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-gray-9-rgb), .12);--theme-text-color: var(--oc-gray-1)}body[time-theme=yellow]{--theme-color-glow: rgba(var(--oc-yellow-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-yellow-9-rgb), .12);--theme-text-color: var(--oc-yellow-1)}body[time-theme=orange]{--theme-color-glow: rgba(var(--oc-orange-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-orange-9-rgb), .12);--theme-text-color: var(--oc-orange-1)}body[time-theme=red]{--theme-color-glow: rgba(var(--oc-red-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-red-9-rgb), .12);--theme-text-color: var(--oc-red-1)}body[time-theme=pink]{--theme-color-glow: rgba(var(--oc-pink-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-pink-9-rgb), .12);--theme-text-color: var(--oc-pink-1)}body[time-theme=grape]{--theme-color-glow: rgba(var(--oc-grape-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-grape-9-rgb), .12);--theme-text-color: var(--oc-grape-1)}body[time-theme=violet]{--theme-color-glow: rgba(var(--oc-violet-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-violet-9-rgb), .12);--theme-text-color: var(--oc-violet-1)}body[time-theme=indigo]{--theme-color-glow: rgba(var(--oc-indigo-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-indigo-9-rgb), .12);--theme-text-color: var(--oc-indigo-1)}body[time-theme=blue]{--theme-color-glow: rgba(var(--oc-blue-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-blue-9-rgb), .12);--theme-text-color: var(--oc-blue-1)}body[time-theme=cyan]{--theme-color-glow: rgba(var(--oc-cyan-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-cyan-9-rgb), .12);--theme-text-color: var(--oc-cyan-1)}body[time-theme=teal]{--theme-color-glow: rgba(var(--oc-teal-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-teal-9-rgb), .12);--theme-text-color: var(--oc-teal-1)}body[time-theme=green]{--theme-color-glow: rgba(var(--oc-green-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-green-9-rgb), .12);--theme-text-color: var(--oc-green-1)}body[time-theme=lime]{--theme-color-glow: rgba(var(--oc-lime-9-rgb), .35);--theme-color-gradient: rgba(var(--oc-lime-9-rgb), .12);--theme-text-color: var(--oc-lime-1)}}.topbar{display:flex;flex-direction:column;width:98%;max-width:1280px}#greeting{font-size:36px;font-weight:800;color:var(--theme-text-color);transition:color .3s ease,text-shadow .3s ease;text-shadow:0 4px 16px color-mix(in srgb,var(--theme-text-color) 12%,transparent);animation:greeting-entrance .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes greeting-entrance{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 16px;margin-top:2px}.topbar-date{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.calendar-day{font-family:MiSerif,serif;font-size:26px;font-weight:500;line-height:1;color:var(--superwb-text-primary)}.calendar-weekday{font-size:14px;font-weight:500;color:var(--superwb-text-secondary)}.calendar-divider{color:var(--superwb-text-secondary);opacity:.3}.calendar-yearmonth{font-size:13px;font-weight:400;color:var(--superwb-text-secondary);opacity:.8}.topbar-academic{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.term-text{font-size:12px;font-weight:500;color:var(--superwb-text-secondary);opacity:.85}.week-number{font-size:14px;font-weight:600;color:var(--superwb-text-primary)}.type-tag{font-size:11px;color:color-mix(in srgb,var(--superwb-text-secondary) 80%,transparent);background:color-mix(in srgb,var(--superwb-text-secondary) 12%,transparent);padding:1px 8px;border-radius:999px;font-weight:500;line-height:1.4}@media(prefers-color-scheme:dark){.type-tag{color:color-mix(in srgb,var(--superwb-text-secondary) 70%,transparent);background:color-mix(in srgb,var(--superwb-text-secondary) 15%,transparent)}}.nav-btn{-webkit-user-select:none;user-select:none;border-radius:50%;padding:4px;margin:-4px;font-variation-settings:"wght" 300;cursor:pointer;transition:transform .1s ease;font-display:block}.nav-btn:active{transform:scale(.95)}.schedule-event-list{margin:8px -16px -16px;border-radius:16px;corner-shape:superellipse(1.4);background-color:rgba(var(--oc-blue-1-rgb),.1);padding-top:4px;padding-bottom:12px}.calendar-date{font-size:14px;margin:4px 24px}.schedule-event-item{-webkit-user-select:none;user-select:none;position:relative;padding:8px 8px 8px 24px;display:flex;flex-direction:row}.schedule-event-item-devi{width:4px;border-radius:2px;margin-right:12px}.schedule-event-item-devi-past{width:4px;border-radius:2px}.schedule-event-item-past{filter:opacity(.5)}.schedule-event-item-title{margin:0;font-weight:600;font-size:16px;align-items:flex-start;display:flex}.schedule-event-item-tag{background:var(--oc-blue-6);color:var(--oc-white);font-size:8px;padding:2px;border-radius:8px;font-weight:600;width:8px;height:8px;align-items:center;display:flex;justify-content:center}.schedule-event-item-des{margin:2px 0 0;font-weight:400;font-size:14px;color:var(--superwb-text-secondary);display:flex;flex-direction:row}.schedule-event-item-des-box{width:120px;display:flex;align-items:center;flex-direction:row}.schedule-event-item-icon{font-size:14px;margin-right:2px}.schedule-event-empty{display:flex;justify-content:center;align-items:center;height:100px;text-align:center;font-weight:300;font-size:15px;color:var(--superwb-text-secondary)}.calendar-header{-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;margin:8px}.today{color:var(--oc-blue-7);background:rgba(var(--oc-blue-6-rgb),.1)}.calendar-grid{-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:repeat(8,1fr);gap:8px 0;justify-items:center;align-items:center}.calendar-grid>div{width:28px;height:28px;margin:0;box-sizing:border-box}.weekday{display:flex;justify-content:center;align-items:center;height:20px;text-align:center;font-size:14px;font-weight:500;color:var(--superwb-text-secondary)}#weekdays-container{margin-bottom:8px}#dates-container{position:relative;transition:opacity .2s cubic-bezier(.45,0,.55,1),transform .2s cubic-bezier(.45,0,.55,1)}#dates-container.fade-out{opacity:0;transform:scale(.98)}#calendar-selected-pill{position:absolute;top:0;left:0;pointer-events:none;z-index:1;background:var(--oc-blue-5);border-radius:40%;corner-shape:superellipse(1.4);box-shadow:0 4px 14px rgba(var(--oc-blue-5-rgb),.35);opacity:0;will-change:transform}.date-cell{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:28px;height:28px;margin:auto;cursor:pointer;border-radius:40%;font-size:14px;corner-shape:superellipse(1.4);transition:color .2s cubic-bezier(.45,0,.55,1),transform .15s ease}.date-cell:active{transform:scale(.95)}.date-cell.selected{background:transparent!important;color:#fff;font-weight:650}.date-cell.selected.has-schedule:after{color:color-mix(in srgb,var(--superwb-text-secondary-dark) 74%,transparent);font-weight:400}.date-cell.empty{cursor:default}.date-cell.empty:hover{background-color:transparent}.date-cell.has-schedule:after{content:"•";position:absolute;bottom:-3px;color:color-mix(in srgb,var(--superwb-text-secondary) 54%,transparent);font-size:12px}.week-number-cell{color:var(--superwb-text-secondary);font-weight:300;font-size:11px}.week-number-th{margin-left:1px;font-size:9px}.life-container{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;margin:0 -4px}.service-item{flex:1;margin:0 4px;padding:4px 0;display:flex;flex-direction:column;align-items:center}.service-item-title{font-size:13px;font-weight:500;color:var(--superwb-text-secondary);margin:0}.service-item-icon{corner-shape:superellipse(1.6);border-radius:16px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-size:20px;margin:4px 0;font-variation-settings:"FILL" 0,"wght" 300}.service-item-box-lite-title{font-size:12px;font-weight:400;color:var(--superwb-text-secondary)}.service-item-box{display:flex;align-items:baseline;justify-content:center}.service-item-box-data{font-size:20px;font-weight:600}.service-item-box-unit{margin-left:4px;font-size:11px;font-weight:400;color:var(--superwb-text-secondary)}#service-item-icon-1{color:var(--oc-blue-6);background:rgba(var(--oc-blue-6-rgb),.15)}#service-item-icon-2{color:var(--oc-green-6);background:rgba(var(--oc-green-6-rgb),.15)}#service-item-icon-3{color:var(--oc-yellow-6);background:rgba(var(--oc-yellow-6-rgb),.15)}.service-action{flex:1;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;margin:0 8px;justify-content:center;align-items:center;flex-direction:column;background:color-mix(in srgb,var(--superwb-color-bg) 74%,transparent);corner-shape:superellipse(1.6);border-radius:20px;padding:8px 0;transition:transform .15s ease}.service-action:active{transform:scale(.95)}.service-action:hover .material-symbols-outlined{color:var(--oc-yellow-5)!important}.service-action:hover .service-item-box-lite-title{color:var(--superwb-text-primary)}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;left:-200%;width:200%;height:100%;background:linear-gradient(to right,#fff0,rgba(var(--oc-yellow-6-rgb),.1),#fff0);transform:skew(-25deg);animation:shine-sweep 2s ease-in-out infinite;pointer-events:none}@keyframes shine-sweep{0%{left:-200%}40%{left:100%}to{left:200%}}.task-list{list-style:none}.info-list{margin:0;padding:0;-webkit-user-select:none;user-select:none}.info-list-item{padding:8px 12px;transition:transform .15s ease}.info-list-item:active{transform:scale(.98)}.info-list-title{font-size:15.5px;text-align:justify;word-break:break-all}.info-list-des{font-size:14px;color:var(--superwb-text-secondary);margin-top:2px}.progress-list{display:flex;flex-direction:column;margin-top:4px}.progress-item{display:block;padding:9px 8px;transition:transform .15s ease}.progress-item:active{transform:scale(.98)}.progress-item-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px}.progress-item-title{overflow:hidden;font-size:14px;font-weight:500;color:var(--superwb-text-primary);text-overflow:ellipsis;white-space:nowrap}.progress-item-percentage{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--superwb-text-secondary)}.progress-item-percentage .material-symbols-outlined{font-size:16px}.progress-item-percentage.done{color:var(--oc-green-7)}.progress-bar-container{width:100%;height:5px;background:color-mix(in srgb,var(--superwb-text-secondary) 14%,transparent);border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:var(--oc-green-6);border-radius:99px;transition:width .5s cubic-bezier(.32,.72,0,1)}.progress-summary{margin-top:6px;padding:8px 8px 0;font-size:12px;color:var(--superwb-text-secondary);text-align:center}.progress-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:100px;text-align:center;font-weight:400;font-size:13px;color:var(--superwb-text-secondary)}.progress-empty .material-symbols-outlined{font-size:26px;opacity:.5}.milestone-track-wrap{display:flex;align-items:flex-start;gap:0;margin-top:8px;position:relative}.milestone-track-wrap:after{content:none}.milestone-node{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;padding-top:0;z-index:1}.milestone-dot{width:10px;height:10px;border-radius:3px;background:var(--oc-indigo-2);border:none;flex-shrink:0;transition:all .3s ease;margin-bottom:10px;position:relative;z-index:2}.milestone-dot.active{background:var(--oc-indigo-5)}.milestone-node+.milestone-node:before{content:"";position:absolute;top:4px;left:-35%;width:70%;height:3px;background:var(--oc-indigo-3);border-radius:1.5px;z-index:0}.milestone-node-name{font-size:13px;font-weight:500;color:var(--superwb-text-primary);white-space:nowrap;margin-bottom:2px}.milestone-node-date{font-size:11px;font-weight:400;color:var(--superwb-text-secondary);white-space:nowrap}.milestone-node-remain{font-size:12px;font-weight:500;color:var(--oc-indigo-5);white-space:nowrap;margin-top:4px}@media(prefers-color-scheme:dark){.milestone-track-wrap:after{content:none}.milestone-node+.milestone-node:before{background:#ffffff1f}.milestone-dot{background:#ffffff1f}.milestone-dot.active{background:var(--oc-indigo-4)}.milestone-node-remain{color:var(--oc-indigo-3)}}