#tp-settings-open {color:#ddd6fe;background:#25223b;border:1px solid #625084;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:14px}
#tp-settings {position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #39324d;padding:0;background:#171724;color:#e6e1f1;box-shadow:-16px 0 50px #0005;user-select:text}
#tp-settings[open]{display:flex;flex-direction:column;animation:tp-slide-in .22s ease-out}
#tp-settings::backdrop{background:#0008}
@keyframes tp-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#tp-settings[open]{animation:none}}
#tp-settings header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #39324d;flex-shrink:0}
#tp-settings h2{font-size:20px;margin:0}#tp-settings h3{font-size:16px;color:#c4b5fd;margin-bottom:12px}
#tp-settings-close{background:transparent;border:0;color:white;font-size:30px;line-height:1;cursor:pointer}
.tp-settings-content{padding:20px;overflow:auto;min-height:0}.tp-settings-content section{border:1px solid #363045;background:#1f1e2d;padding:16px;border-radius:12px;margin-bottom:18px}
.tp-settings-content p,.tp-settings-content details{font-size:13px;line-height:1.7;color:#aaa5bb}
.tp-settings-content label{display:block;font-size:13px;margin:12px 0 6px}
.tp-settings-content input,.tp-settings-content select,.tp-settings-content textarea,#tp-schedule-list{max-width:100%;background:#11111d;color:#e5e2ed;border:1px solid #4a405e;border-radius:6px;padding:7px;font-size:14px}
.tp-settings-content label input,.tp-settings-content textarea{width:100%;display:block;user-select:text}.tp-settings-content textarea{resize:vertical}
#tp-settings button:not(#tp-settings-close),#tp-schedule-edit{background:#302746;color:#e5ddf7;border:1px solid #66527f;border-radius:6px;padding:7px 10px;font-size:13px;cursor:pointer}
#tp-settings .ql-modern-controls{display:grid;gap:12px}#tp-settings .ql-modern-controls label{margin:0;display:flex;justify-content:space-between;align-items:center}
#tp-settings .ql-modern-controls input[type=range]{width:160px;padding:0}.tp-editor-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0;padding:10px;border:1px solid #41344e;border-radius:8px}.tp-editor-row textarea{grid-column:1/-1}
.tp-mode-switch{display:flex;gap:6px;margin-bottom:12px}.tp-mode-switch button{flex:1;white-space:nowrap;background:#1e1c30;border:1px solid #3e3554;color:#aaa4ba;border-radius:8px;font-size:13px;padding:9px 4px;cursor:pointer}.tp-mode-switch button[aria-pressed=true]{background:#483177;color:#fff;border-color:#8960c7}
#tp-todo-view[hidden],#tp-schedule-view[hidden]{display:none!important}#tp-todo-view{min-height:0;overflow:auto}#tp-schedule-view{min-height:0;overflow:auto;font-size:14px}
#tp-schedule-list{width:100%;margin:8px 0}#tp-workspace-status,#tp-schedule-tip,#tp-current-task{font-size:12px;color:#d5bfdc;overflow-wrap:anywhere;white-space:pre-wrap}
#tp-current-task{max-height:68px;overflow:auto;max-width:100%}.tp-schedule-task{display:flex;flex-direction:column;gap:8px;text-align:left;width:100%;margin:8px 0;background:#1f1c2e;color:#e0dbe9;border:1px solid #43394e;border-radius:8px;padding:12px;cursor:pointer;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px}.tp-schedule-task span{font-size:12px;color:#aaa0b6}.tp-schedule-task[aria-pressed=true]{border-color:#ad88f0;background:#352849}#tp-schedule-edit{margin-top:12px}
@media(max-width:700px) and (orientation:portrait){
  #topbar{height:88px;flex-wrap:wrap;align-content:center;gap:7px;padding:6px 10px}
  #topbar .topbar-left,#topbar .topbar-right{width:100%;min-width:0;gap:6px}
  #topbar .topbar-left{height:32px;padding-right:80px}#topbar .title{font-size:14px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #topbar .topbar-right{height:30px;justify-content:space-between}#topbar .topbar-right a,#online-count-bar,#checkin-count-text{font-size:11px}
  #btn-checkin{font-size:12px;padding:5px 9px}#tp-settings-open{position:absolute;right:10px;top:8px;white-space:nowrap;font-size:13px;padding:6px 10px}
  #main{top:88px}#panel-todo{display:none;position:fixed;top:88px;bottom:0;left:0;z-index:30;background:#171724;width:min(360px,94vw);box-shadow:12px 0 30px #0008}
  #panel-todo.tp-mobile-open{display:flex}#tp-schedule-view{padding-bottom:20px}
}