*{box-sizing:border-box}:root{color:#1d2433;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 12% 12%,#1a73e826,#0000 28rem),radial-gradient(circle at 86% 18%,#16806a21,#0000 24rem),linear-gradient(140deg,#f8fafc 0%,#eef2f7 55%,#f6f7f3 100%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1a73e840}#root{min-height:100vh}.app-shell{grid-template-columns:260px minmax(0,1fr);gap:clamp(22px,3vw,40px);min-height:100vh;padding:24px clamp(16px,4vw,44px) 36px 24px;display:grid}.sidebar-toggle,.sidebar-close,.sidebar-overlay{display:none}.sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #0f172a1a;border-radius:8px;flex-direction:column;align-self:start;min-height:calc(100vh - 48px);padding:18px;display:flex;position:sticky;top:24px;box-shadow:0 18px 50px #1f2a441a}.sidebar-brand{border-bottom:1px solid #e1e7ef;align-items:center;gap:12px;padding-bottom:18px;display:flex}.sidebar-close{color:#526071;background:#eef2f7;border-radius:8px;width:36px;height:36px;margin-left:auto;font-size:1rem;font-weight:900}.sidebar-brand div{gap:2px;display:grid}.sidebar-brand strong{color:#121926;font-size:1rem;line-height:1.2}.sidebar-brand span:last-child{color:#697586;font-size:.86rem;font-weight:700}.sidebar-mark{color:#fff;background:#1a73e8;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 10px 22px #1a73e83d}.sidebar-nav{gap:8px;margin-top:20px;display:grid}.sidebar-mobile-section,.sidebar-settings-link{display:none}.sidebar-link{color:#526071;text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;font-weight:850;transition:color .15s,background .15s,box-shadow .15s;display:flex}.sidebar-link:hover{color:#121926;background:#fff;box-shadow:0 8px 20px #0f172a14}.sidebar-link.active{color:#fff;background:#1a73e8;box-shadow:0 10px 22px #1a73e838}.sidebar-link strong{min-width:30px;height:28px;color:inherit;background:#0f172a12;border-radius:999px;place-items:center;padding:0 8px;display:grid}.sidebar-link.active strong{background:#ffffff38}.workspace-section{border-top:1px solid #e1e7ef;gap:10px;margin-top:24px;padding-top:18px;display:grid}.workspace-section-main{background:0 0;border:0;margin:0 0 18px;padding:0}.workspace-create-card{background:#fff;border:1px solid #dbe3ec;border-radius:8px;padding:12px;box-shadow:0 10px 24px #0f172a0f}.sidebar-section-title{color:#697586;text-transform:uppercase;font-size:.78rem;font-weight:900}.workspace-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.workspace-form input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-width:0;min-height:48px;padding:0 14px}.workspace-form input::placeholder{color:#8a95a5}.workspace-form input:focus{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81f}.workspace-form button{color:#fff;background:#16806a;border-radius:8px;min-height:48px;padding:0 18px;font-size:.9rem;font-weight:850}.workspace-list{gap:6px;display:grid}.workspace-section-main .workspace-list{grid-template-columns:repeat(auto-fill,minmax(190px,220px));justify-content:start;gap:14px}.workspace-row{aspect-ratio:1;cursor:pointer;background:#fff;border:1px solid #dbe3ec;border-radius:8px;grid-template-rows:auto 1fr;grid-template-columns:1fr;align-items:stretch;gap:16px;width:100%;min-height:190px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 10px 24px #0f172a0f}.workspace-row:hover{border-color:#1a73e847;transform:translateY(-1px);box-shadow:0 14px 30px #0f172a1a}.workspace-row:focus-visible{outline-offset:2px;outline:3px solid #1a73e840}.workspace-row.active{background:#f3f8ff;border-color:#1a73e857}.workspace-card-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.workspace-button{color:#526071;text-align:left;background:0 0;border-radius:8px;width:100%;min-height:44px;padding:0;font-weight:800;display:block}.workspace-button:hover{color:#121926;background:0 0}.workspace-button.active{color:#155fc2;background:0 0}.workspace-button span{text-overflow:ellipsis;white-space:normal;min-width:0;line-height:1.25;overflow:hidden}.workspace-menu-wrap{position:relative}.workspace-menu-button{color:#526071;letter-spacing:0;background:#eef2f7;border-radius:8px;place-items:center;width:42px;height:42px;font-size:1.15rem;font-weight:900;display:grid}.workspace-menu-button:hover{color:#121926;background:#e1e7ef}.workspace-menu{z-index:5;background:#fff;border:1px solid #dbe3ec;border-radius:8px;gap:4px;min-width:126px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 34px #0f172a29}.workspace-menu button{color:#526071;text-align:left;background:0 0;border-radius:7px;min-height:34px;padding:0 10px;font-size:.86rem;font-weight:850}.workspace-menu button:hover{color:#121926;background:#f1f5f9}.workspace-menu button:last-child{color:#d14343}.workspace-progress{align-self:end;gap:8px;display:grid}.workspace-progress-meta{color:#697586;gap:12px;font-size:.84rem;font-weight:800;display:grid}.workspace-progress-meta strong{color:#121926}.workspace-progress-track{background:#e1e7ef;border-radius:999px;height:10px;overflow:hidden}.workspace-progress-track div{border-radius:inherit;background:#16806a;height:100%}.workspace-rename-row{background:#fff;border:1px solid #dbe3ec;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px;display:grid}.workspace-section-main .workspace-rename-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.workspace-rename-row input{color:#111827;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-width:0;min-height:38px;padding:0 10px}.workspace-rename-row button{color:#fff;background:#1a73e8;border-radius:8px;min-height:34px;font-size:.82rem;font-weight:850}.workspace-rename-row button:last-child{color:#526071;background:#eef2f7}.sidebar-summary{color:#526071;border-top:1px solid #e1e7ef;gap:10px;margin-top:auto;padding-top:18px;font-size:.9rem;font-weight:800;display:grid}.sidebar-summary strong{color:#121926;font-size:1.7rem;line-height:1}.progress-track{background:#e1e7ef;border-radius:999px;height:9px;overflow:hidden}.progress-track div{border-radius:inherit;background:#16806a;height:100%}.to-do-list{width:100%;min-width:0;padding-top:6px}.back-button{color:#526071;background:#eef2f7;border-radius:8px;min-height:40px;margin-bottom:18px;padding:0 14px;font-size:.9rem;font-weight:850}.back-button:hover{color:#121926;background:#e1e7ef}.navbar{border-bottom:1px solid #0f172a1f;justify-content:space-between;align-items:center;gap:18px;min-height:64px;margin-bottom:34px;padding:0 0 18px;display:flex}.navbar-main{align-items:center;gap:14px;min-width:0;display:flex}.navbar-title{gap:3px;min-width:0;display:grid}.navbar-title span{color:#697586;font-size:.82rem;font-weight:800}.navbar-title strong{color:#121926;overflow-wrap:anywhere;font-size:1.1rem;line-height:1.2}.navbar-actions{align-items:center;gap:10px;display:flex}.navbar-actions button{color:#fff;background:#1a73e8;border-radius:8px;min-height:42px;padding:0 16px;font-size:.92rem;font-weight:850;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 10px 22px #1a73e838}.navbar-actions button:hover{background:#155fc2;transform:translateY(-1px);box-shadow:0 12px 26px #1a73e842}.navbar-actions .settings-icon-button{place-items:center;width:42px;min-width:42px;padding:0;display:grid}.settings-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.settings-page{gap:22px;max-width:980px;display:grid}.settings-page h1{margin-bottom:0}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.settings-profile{background:#fff;border:1px solid #dbe3ec;border-radius:8px;gap:18px;padding:20px;display:grid;box-shadow:0 10px 24px #0f172a0f}.settings-profile span{color:#697586;text-transform:uppercase;font-size:.82rem;font-weight:900}.settings-profile h2{color:#121926;overflow-wrap:anywhere;margin:6px 0 0;font-size:clamp(1.35rem,4vw,2rem);line-height:1.15}.profile-details{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.profile-details div{background:#f8fafc;border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.profile-details strong,.profile-details code{color:#121926;overflow-wrap:anywhere;min-width:0;font-size:.95rem;font-weight:850;line-height:1.35}.profile-details code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.logout-button{color:#fff;background:#d14343;border-radius:8px;justify-self:start;min-height:42px;padding:0 16px;font-weight:900;transition:filter .14s,transform .14s}.logout-button:hover{filter:brightness(.96);transform:translateY(-1px)}.settings-card{background:#fff;border:1px solid #dbe3ec;border-radius:8px;gap:12px;min-height:150px;padding:20px;display:grid;box-shadow:0 10px 24px #0f172a0f}.settings-card span{color:#697586;text-transform:uppercase;font-size:.86rem;font-weight:850}.settings-card strong{color:#121926;align-self:end;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1}.settings-card>div{gap:12px;display:grid}.theme-switch{background:#d7dde6;border-radius:999px;align-self:end;align-items:center;width:64px;height:34px;padding:4px;transition:background .16s,box-shadow .16s;display:flex}.theme-switch span{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .16s;box-shadow:0 4px 10px #0f172a38}.theme-switch.active{background:#315b86;box-shadow:0 12px 28px #315b863d}.theme-switch.active span{transform:translate(30px)}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #0f172a1a;border-radius:8px;gap:24px;width:min(100%,440px);padding:24px;display:grid;box-shadow:0 24px 60px #1f2a4424}.login-brand{align-items:center;gap:12px;display:flex}.login-brand div{gap:2px;display:grid}.login-brand strong{color:#121926;font-size:1rem;line-height:1.2}.login-brand span:last-child{color:#697586;font-size:.86rem;font-weight:700}.login-mark{color:#fff;background:#1a73e8;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 10px 22px #1a73e83d}.login-copy{gap:8px;display:grid}.login-copy h1{color:#121926;letter-spacing:0;margin:0;font-size:clamp(2rem,7vw,2.7rem);line-height:1.05}.login-copy p{color:#697586;margin:0;font-size:1rem;font-weight:700;line-height:1.4}.login-tabs{background:#eef2f7;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;display:grid}.login-tabs button{color:#526071;background:0 0;border-radius:7px;min-height:40px;font-weight:850}.login-tabs button.active{color:#fff;background:#1a73e8;box-shadow:0 10px 22px #1a73e833}.login-form{gap:14px;display:grid}.login-field{gap:8px;display:grid}.login-field span{color:#526071;font-size:.9rem;font-weight:850}.login-field input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:48px;padding:0 14px}.login-field input::placeholder{color:#8a95a5}.login-field input:focus{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81f}.login-message{border-radius:8px;margin:0;padding:12px;font-size:.9rem;font-weight:800}.login-message.error{color:#b42318;background:#fff1f0}.login-message.success{color:#087443;background:#ecfdf3}.login-submit{color:#fff;background:#16806a;border-radius:8px;min-height:50px;font-weight:900;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 12px 24px #16806a38}.login-submit:hover{background:#126f5c;transform:translateY(-1px);box-shadow:0 14px 28px #16806a42}.login-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.to-do-list h1{color:#121926;letter-spacing:0;text-align:left;margin:0 0 24px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.to-do-list>div:first-of-type{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:18px;display:grid}.to-do-list input[type=text],.status-select{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:52px;padding:0 16px;transition:border-color .16s,box-shadow .16s;box-shadow:inset 0 1px #0f172a08}.status-select{cursor:pointer;min-width:140px}.to-do-list input[type=text]::placeholder{color:#8a95a5}.to-do-list input[type=text]:focus,.status-select:focus{border-color:#1a73e8;box-shadow:inset 0 1px #0f172a08,0 0 0 4px #1a73e81f}.add-button{color:#fff;background:#1a73e8;border-radius:8px;min-height:52px;padding:0 24px;font-weight:800;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 12px 24px #1a73e83d}.add-button:hover{background:#155fc2;transform:translateY(-1px);box-shadow:0 14px 28px #1a73e847}.task-columns{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.task-section{background:#ffffffc7;border:1px solid #0f172a1a;border-radius:8px;min-width:0;margin-top:22px;padding:18px}.timetable-section{color:#1d2433;background:#ffffffc7;border:1px solid #0f172a1a;border-radius:8px;width:min(100%,1080px);min-width:0;margin-top:22px;padding:22px;box-shadow:0 10px 24px #0f172a0f}.timetable-section-popup{max-height:calc(100vh - 40px);margin-top:0;overflow:auto}.workspace-tool-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.task-section h2{color:#354154;letter-spacing:0;margin:0 0 12px;font-size:1rem;line-height:1.2}.timetable-section h2{color:#121926;letter-spacing:0;margin:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.1}.timetable-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.timetable-header p{color:#697586;margin:6px 0 0;font-size:clamp(1rem,2vw,1.25rem);font-weight:650;line-height:1.25}.timetable-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.timetable-open-button,.timed-task-open-button{color:#fff;background:#1a73e8;border-radius:8px;min-height:46px;padding:0 18px;font-weight:850;box-shadow:0 12px 24px #1a73e83d}.timetable-open-button:hover,.timed-task-open-button:hover{background:#155fc2}.timed-task-open-button{background:#1a73e8;box-shadow:0 12px 24px #1a73e83d}.timed-task-open-button:hover{background:#155fc2}.timetable-add-trigger{color:#fff;background:#1a73e8;border-radius:8px;min-height:38px;padding:0 12px;font-weight:850}.timetable-add-trigger:hover{background:#155fc2}.timetable-reset{color:#155fc2;background:#e8f1ff;border-radius:8px;min-height:38px;padding:0 12px;font-weight:850}.timetable-reset:hover{color:#0f4da0;background:#d8e8ff}.timetable-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.timetable-days button{color:#526071;background:#eef2f7;border-radius:8px;place-items:center;min-height:48px;font-size:1.05rem;font-weight:900;display:grid}.timetable-days button.active{color:#fff;background:#1a73e8}.timetable-form{background:#fff;border:1px solid #dbe3ec;border-radius:8px;grid-template-columns:132px minmax(0,1fr) auto;gap:8px;margin-bottom:22px;padding:10px;display:grid}.timetable-form input{color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.timetable-form input::placeholder{color:#8a95a5}.timetable-form input:focus{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81f}.timetable-form button{color:#fff;background:#1a73e8;border-radius:8px;min-height:42px;padding:0 16px;font-weight:850}.timetable-modal{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.timetable-modal-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.timetable-modal-header h3{color:#121926;margin:0;font-size:1.2rem;line-height:1.2}.timetable-modal-header p{color:#697586;margin:4px 0 0;font-size:.9rem;font-weight:750}.timetable-close{color:#526071;background:#eef2f7;border-radius:8px;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:grid}.timetable-close:hover{color:#121926;background:#e1e7ef}.timetable-modal .timetable-form{margin-bottom:0}.timed-task-modal{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.timed-task-panel{background:#fff;border:1px solid #dbe3ec;border-radius:8px;gap:16px;width:min(560px,100%);padding:20px;display:grid;box-shadow:0 24px 70px #0f172a38}.timed-task-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.timed-task-header h2{color:#121926;margin:0;font-size:1.35rem;line-height:1.2}.timed-task-header p{color:#697586;margin:4px 0 0;font-size:.9rem;font-weight:750}.timed-task-close{color:#526071;background:#eef2f7;border-radius:8px;place-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:grid}.timed-task-close:hover{color:#121926;background:#e1e7ef}.timed-task-form{background:#fff;border:1px solid #dbe3ec;border-radius:8px;grid-template-columns:minmax(0,1fr) 110px 110px auto;gap:8px;padding:10px;display:grid}.timed-task-form input{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.timed-task-form input::placeholder{color:#8a95a5}.timed-task-form input:focus{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81f}.timed-task-form button{color:#fff;background:#16806a;border-radius:8px;min-height:42px;padding:0 16px;font-weight:850}.timetable-list{gap:18px;display:grid;position:relative}.timetable-list:before{content:"";background:#1a73e8;border-radius:999px;width:2px;position:absolute;top:22px;bottom:22px;left:11px}.timetable-item{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:18px;display:grid;position:relative}.timetable-time{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:12px;min-height:36px;display:grid}.timetable-dot{z-index:1;background:#fff;border:7px solid #1a73e8;border-radius:50%;width:24px;height:24px;display:block;position:relative}.timetable-time time{color:#354154;white-space:nowrap;font-size:1.18rem;font-weight:750}.timetable-card{background:#f8fafc;border:1px solid #e1e7ef;border-radius:8px;gap:10px;padding:16px;display:grid}.timetable-card strong{color:#202938;overflow-wrap:anywhere;min-width:0;font-size:clamp(1.08rem,2vw,1.35rem);font-weight:800;line-height:1.3}.timetable-card span{color:#155fc2;text-transform:uppercase;font-size:.88rem;font-weight:750;line-height:1.35}.timetable-card button{color:#526071;background:#eef2f7;border-radius:7px;justify-self:start;min-height:32px;padding:0 12px;font-size:.86rem;font-weight:850}.timetable-card button:hover{color:#121926;background:#e1e7ef}.timetable-section .empty{color:#64748b;background:#f8fafcb8;border-color:#cbd5e1}.task-section+.task-section{border-top:0;padding-top:0}.empty{color:#64748b;text-align:center;background:#f8fafcb8;border:1px dashed #cbd5e1;border-radius:8px;margin:8px 0 18px;padding:18px;font-weight:700}.to-do-list ol{counter-reset:tasks;gap:12px;margin:0;padding:0;list-style:none;display:grid}.to-do-list li{background:#fff;border:1px solid #e1e7ef;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:64px;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;box-shadow:0 10px 28px #0f172a12}.to-do-list li:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 14px 34px #0f172a1a}.to-do-list li:before{counter-increment:tasks;content:counter(tasks);color:#155fc2;background:#e8f1ff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.9rem;font-weight:900;display:grid}.task-copy{gap:4px;min-width:0;display:grid}.text{color:#202938;overflow-wrap:anywhere;min-width:0;font-size:1rem;font-weight:750;line-height:1.4}.time-left{color:#155fc2;background:#e8f1ff;border-radius:999px;justify-self:start;min-width:0;padding:3px 8px;font-size:.78rem;font-weight:850;line-height:1.3}.done .text{color:#697586;text-decoration:line-through}.done .time-left{color:#697586;background:#eef2f7}.delete-task,.completed-button{color:#fff;border-radius:7px;place-items:center;min-width:42px;min-height:38px;padding:0 13px;font-size:.9rem;font-weight:800;transition:filter .14s,transform .14s;display:inline-grid}.to-do-list li .delete-task,.to-do-list li .completed-button,.to-do-list li .status-select{grid-column:span 1}.to-do-list li .status-select{min-width:132px;min-height:38px;padding:0 10px;font-size:.9rem;font-weight:800}.delete-task:hover,.completed-button:hover{filter:brightness(.96);transform:translateY(-1px)}.delete-task{background:#d14343}.completed-button{background:#16806a}.done .completed-button{background:#475467}.moveup-task,.movedown-task{color:#fff;border-radius:7px;min-height:38px;padding:0 12px;font-size:.9rem;font-weight:800;transition:transform .14s,filter .14s}.moveup-task:hover,.movedown-task:hover{filter:brightness(.96);transform:translateY(-1px)}.moveup-task{background:#16806a}.movedown-task{background:#b88700}:root[data-theme=dark]{color:#e8edf7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f141b}:root[data-theme=dark] body{background:radial-gradient(circle at 12% 12%,#315b8647,#0000 30rem),radial-gradient(circle at 88% 18%,#16806a33,#0000 26rem),linear-gradient(145deg,#0f141b 0%,#151b24 54%,#111820 100%)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .task-section,:root[data-theme=dark] .workspace-create-card,:root[data-theme=dark] .workspace-row,:root[data-theme=dark] .workspace-rename-row,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .settings-profile,:root[data-theme=dark] .login-panel{background:#141b24db;border-color:#94a3b829;box-shadow:0 18px 50px #0000003d}:root[data-theme=dark] .sidebar-brand,:root[data-theme=dark] .workspace-section,:root[data-theme=dark] .sidebar-summary,:root[data-theme=dark] .navbar{border-color:#94a3b829}:root[data-theme=dark] .sidebar-brand strong,:root[data-theme=dark] .navbar-title strong,:root[data-theme=dark] .to-do-list h1,:root[data-theme=dark] .workspace-progress-meta strong,:root[data-theme=dark] .sidebar-summary strong,:root[data-theme=dark] .text,:root[data-theme=dark] .task-section h2,:root[data-theme=dark] .settings-card strong,:root[data-theme=dark] .settings-profile h2,:root[data-theme=dark] .profile-details strong,:root[data-theme=dark] .profile-details code,:root[data-theme=dark] .login-brand strong,:root[data-theme=dark] .login-copy h1{color:#eef3fb}:root[data-theme=dark] .sidebar-brand span:last-child,:root[data-theme=dark] .navbar-title span,:root[data-theme=dark] .sidebar-section-title,:root[data-theme=dark] .workspace-progress-meta,:root[data-theme=dark] .sidebar-summary,:root[data-theme=dark] .empty,:root[data-theme=dark] .settings-card span,:root[data-theme=dark] .settings-profile span,:root[data-theme=dark] .login-brand span:last-child,:root[data-theme=dark] .login-copy p,:root[data-theme=dark] .login-field span{color:#aeb8c9}:root[data-theme=dark] .profile-details div{background:#10151c}:root[data-theme=dark] .sidebar-link{color:#aeb8c9}:root[data-theme=dark] .sidebar-link:hover{color:#eef3fb;box-shadow:none;background:#182231}:root[data-theme=dark] .sidebar-link.active,:root[data-theme=dark] .navbar-actions button,:root[data-theme=dark] .add-button{background:#315b86;box-shadow:0 12px 28px #315b8647}:root[data-theme=dark] .navbar-actions .settings-icon-button{color:#d9eaff;box-shadow:none;background:#1c2633}:root[data-theme=dark] .sidebar-link.active:hover,:root[data-theme=dark] .navbar-actions button:hover,:root[data-theme=dark] .add-button:hover{background:#3d6d9e}:root[data-theme=dark] .navbar-actions .settings-icon-button:hover{color:#fff;box-shadow:none;background:#263446}:root[data-theme=dark] .sidebar-link strong,:root[data-theme=dark] .workspace-button strong{background:#ffffff14}:root[data-theme=dark] .workspace-row:hover{border-color:#9dc8ff5c;box-shadow:0 18px 44px #00000047}:root[data-theme=dark] .workspace-row.active{background:#1b2838eb;border-color:#9dc8ff70}:root[data-theme=dark] .workspace-button,:root[data-theme=dark] .workspace-button.active,:root[data-theme=dark] .workspace-menu-button,:root[data-theme=dark] .sidebar-close,:root[data-theme=dark] .back-button{color:#e8edf7}:root[data-theme=dark] .workspace-button:hover,:root[data-theme=dark] .back-button:hover{color:#fff}:root[data-theme=dark] .workspace-menu-button,:root[data-theme=dark] .back-button,:root[data-theme=dark] .sidebar-close,:root[data-theme=dark] .workspace-rename-row button:last-child{background:#1c2633}:root[data-theme=dark] .workspace-menu-button:hover,:root[data-theme=dark] .back-button:hover,:root[data-theme=dark] .sidebar-close:hover,:root[data-theme=dark] .workspace-rename-row button:last-child:hover{background:#263446}:root[data-theme=dark] .workspace-menu{background:#151c25;border-color:#94a3b82e;box-shadow:0 18px 38px #0000005c}:root[data-theme=dark] .workspace-menu button{color:#c6d0de}:root[data-theme=dark] .sidebar-workspace-link,:root[data-theme=dark] .sidebar-settings-link{color:#c6d0de;background:#151c25}:root[data-theme=dark] .sidebar-workspace-link:hover,:root[data-theme=dark] .sidebar-settings-link:hover{color:#fff;background:#1f2b3a}:root[data-theme=dark] .sidebar-workspace-link.active{color:#d9eaff;background:#315b86}:root[data-theme=dark] .workspace-menu button:hover{color:#fff;background:#1f2b3a}:root[data-theme=dark] .workspace-form input,:root[data-theme=dark] .workspace-rename-row input,:root[data-theme=dark] .to-do-list input[type=text],:root[data-theme=dark] .status-select,:root[data-theme=dark] .login-field input{color:#e8edf7;box-shadow:none;background:#10151c;border-color:#263446}:root[data-theme=dark] .workspace-form input::placeholder,:root[data-theme=dark] .to-do-list input[type=text]::placeholder,:root[data-theme=dark] .login-field input::placeholder{color:#6f7d90}:root[data-theme=dark] .workspace-form input:focus,:root[data-theme=dark] .workspace-rename-row input:focus,:root[data-theme=dark] .to-do-list input[type=text]:focus,:root[data-theme=dark] .status-select:focus,:root[data-theme=dark] .login-field input:focus{border-color:#79b7ff;box-shadow:0 0 0 4px #79b7ff29}:root[data-theme=dark] .login-tabs{background:#1c2633}:root[data-theme=dark] .login-tabs button{color:#aeb8c9}:root[data-theme=dark] .login-tabs button.active{color:#fff;background:#315b86;box-shadow:0 12px 28px #315b8647}:root[data-theme=dark] .login-message.error{color:#ffb4ab;background:#b4231829}:root[data-theme=dark] .login-message.success{color:#87e0b5;background:#0874432e}:root[data-theme=dark] .workspace-form button,:root[data-theme=dark] .completed-button,:root[data-theme=dark] .progress-track div,:root[data-theme=dark] .workspace-progress-track div{background:#16806a}:root[data-theme=dark] .workspace-progress-track,:root[data-theme=dark] .progress-track{background:#263446}:root[data-theme=dark] .to-do-list li{background:#151c25;border-color:#94a3b829;box-shadow:0 12px 28px #0003}:root[data-theme=dark] .to-do-list li:hover{border-color:#9dc8ff47;box-shadow:0 16px 34px #00000042}:root[data-theme=dark] .to-do-list li:before{color:#9dc8ff;background:#1e2a3a}:root[data-theme=dark] .done .text{color:#7f8da3}:root[data-theme=dark] .time-left{color:#9dc8ff;background:#172231}:root[data-theme=dark] .done .time-left{color:#7f8da3;background:#1c2633}:root[data-theme=dark] .empty{background:#141b24b8;border-color:#263446}:root[data-theme=dark] .timetable-section{color:#e8edf7;background:#10151c;border-color:#94a3b81f;box-shadow:0 24px 60px #0f172a2e}:root[data-theme=dark] .timetable-section h2{color:#eef3fb}:root[data-theme=dark] .timetable-header p{color:#aeb8c9}:root[data-theme=dark] .timetable-open-button,:root[data-theme=dark] .timetable-add-trigger{color:#d9eaff;background:#315b86}:root[data-theme=dark] .timetable-open-button:hover,:root[data-theme=dark] .timetable-add-trigger:hover{background:#3c6fa1}:root[data-theme=dark] .timed-task-open-button{color:#d9eaff;background:#315b86}:root[data-theme=dark] .timed-task-open-button:hover{background:#3c6fa1}:root[data-theme=dark] .timetable-reset{color:#9dc8ff;background:#172231}:root[data-theme=dark] .timetable-reset:hover{color:#d9eaff;background:#213149}:root[data-theme=dark] .timetable-days button{color:#a9c9ef;background:#152131}:root[data-theme=dark] .timetable-days button.active{color:#c8e2ff;background:#315b86}:root[data-theme=dark] .timetable-form{background:#141b24;border-color:#9dc8ff29}:root[data-theme=dark] .timetable-form input{color:#e8edf7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10151c;border-color:#263446}:root[data-theme=dark] .timetable-form input::placeholder{color:#6f7d90}:root[data-theme=dark] .timetable-form input:focus{border-color:#79b7ff;box-shadow:0 0 0 4px #79b7ff29}:root[data-theme=dark] .timetable-form button{background:#315b86}:root[data-theme=dark] .timetable-modal,:root[data-theme=dark] .timed-task-modal{background:#0307129e}:root[data-theme=dark] .timed-task-panel,:root[data-theme=dark] .timed-task-form{background:#10151c;border-color:#9dc8ff29}:root[data-theme=dark] .timed-task-header h2{color:#eef3fb}:root[data-theme=dark] .timed-task-header p{color:#aeb8c9}:root[data-theme=dark] .timed-task-close{color:#d9eaff;background:#172231}:root[data-theme=dark] .timed-task-close:hover{background:#213149}:root[data-theme=dark] .timed-task-form input{color:#e8edf7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10151c;border-color:#263446}:root[data-theme=dark] .timed-task-form input::placeholder{color:#6f7d90}:root[data-theme=dark] .timed-task-form input:focus{border-color:#79b7ff;box-shadow:0 0 0 4px #79b7ff29}:root[data-theme=dark] .timed-task-form button{background:#315b86}:root[data-theme=dark] .timetable-modal-header h3{color:#eef3fb}:root[data-theme=dark] .timetable-modal-header p{color:#aeb8c9}:root[data-theme=dark] .timetable-close{color:#d9eaff;background:#172231}:root[data-theme=dark] .timetable-close:hover{background:#213149}:root[data-theme=dark] .timetable-list:before{background:#315b86}:root[data-theme=dark] .timetable-dot{background:#10151c;border-color:#9dc8ff}:root[data-theme=dark] .timetable-time time{color:#e4e9f3}:root[data-theme=dark] .timetable-card{background:#181f27;border-color:#0000}:root[data-theme=dark] .timetable-card strong{color:#f1f5fb}:root[data-theme=dark] .timetable-card span{color:#9dc8ff}:root[data-theme=dark] .timetable-card button{color:#fff;background:#273445}:root[data-theme=dark] .timetable-card button:hover{background:#38485d}:root[data-theme=dark] .timetable-section .empty{color:#aeb8c9;background:#141b24;border-color:#263446}:root[data-theme=light] .timetable-section{color:#1d2433;background:#ffffffc7;border-color:#0f172a1a;box-shadow:0 10px 24px #0f172a0f}:root[data-theme=light] .timetable-section h2{color:#121926}:root[data-theme=light] .timetable-header p{color:#697586}:root[data-theme=light] .timetable-open-button,:root[data-theme=light] .timetable-add-trigger{color:#fff;background:#1a73e8}:root[data-theme=light] .timetable-open-button:hover,:root[data-theme=light] .timetable-add-trigger:hover{background:#155fc2}:root[data-theme=light] .timed-task-open-button{color:#fff;background:#1a73e8}:root[data-theme=light] .timed-task-open-button:hover{background:#155fc2}:root[data-theme=light] .timetable-reset{color:#155fc2;background:#e8f1ff}:root[data-theme=light] .timetable-reset:hover{color:#0f4da0;background:#d8e8ff}:root[data-theme=light] .timetable-days button{color:#526071;background:#eef2f7}:root[data-theme=light] .timetable-days button.active{color:#fff;background:#1a73e8}:root[data-theme=light] .timetable-form{background:#fff;border-color:#dbe3ec}:root[data-theme=light] .timetable-form input{color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-color:#cbd5e1}:root[data-theme=light] .timetable-form input::placeholder{color:#8a95a5}:root[data-theme=light] .timetable-form input:focus{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81f}:root[data-theme=light] .timetable-form button{background:#1a73e8}:root[data-theme=light] .timetable-modal,:root[data-theme=light] .timed-task-modal{background:#0f172a6b}:root[data-theme=light] .timed-task-panel,:root[data-theme=light] .timed-task-form{background:#fff;border-color:#dbe3ec}:root[data-theme=light] .timed-task-header h2{color:#121926}:root[data-theme=light] .timed-task-header p{color:#697586}:root[data-theme=light] .timed-task-close{color:#526071;background:#eef2f7}:root[data-theme=light] .timed-task-close:hover{color:#121926;background:#e1e7ef}:root[data-theme=light] .timed-task-form input{color:#111827;background:#fff;border-color:#cbd5e1}:root[data-theme=light] .timed-task-form input::placeholder{color:#8a95a5}:root[data-theme=light] .timed-task-form input:focus{border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81f}:root[data-theme=light] .timed-task-form button{background:#1a73e8}:root[data-theme=light] .timetable-modal-header h3{color:#121926}:root[data-theme=light] .timetable-modal-header p{color:#697586}:root[data-theme=light] .timetable-close{color:#526071;background:#eef2f7}:root[data-theme=light] .timetable-close:hover{color:#121926;background:#e1e7ef}:root[data-theme=light] .timetable-list:before{background:#1a73e8}:root[data-theme=light] .timetable-dot{background:#fff;border-color:#1a73e8}:root[data-theme=light] .timetable-time time{color:#354154}:root[data-theme=light] .timetable-card{background:#f8fafc;border:1px solid #e1e7ef}:root[data-theme=light] .timetable-card strong{color:#202938}:root[data-theme=light] .timetable-card span{color:#155fc2}:root[data-theme=light] .timetable-card button{color:#526071;background:#eef2f7}:root[data-theme=light] .timetable-card button:hover{color:#121926;background:#e1e7ef}:root[data-theme=light] .timetable-section .empty{color:#64748b;background:#f8fafcb8;border-color:#cbd5e1}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}.sidebar-summary{margin-top:16px}}@media (width<=640px){#root{padding:0}body{background:radial-gradient(circle at 10% 0,#1a73e824,#0000 18rem),linear-gradient(160deg,#f8fafc 0%,#eef2f7 100%)}.app-shell{grid-template-columns:1fr;gap:18px;padding:18px 16px 28px}.sidebar-toggle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141b24e6;border:1px solid #94a3b82e;border-radius:8px;flex:0 0 44px;place-content:center;gap:5px;width:44px;height:44px;display:grid;position:static;box-shadow:0 14px 34px #0000003d}.sidebar-toggle span{background:#e8edf7;border-radius:999px;width:20px;height:2px;display:block}.sidebar-overlay{z-index:38;background:#03071285;width:100%;height:100%;display:block;position:fixed;inset:0}.sidebar{z-index:39;border-radius:0 8px 8px 0;width:min(86vw,330px);height:100dvh;min-height:0;padding:14px;transition:transform .18s,box-shadow .18s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(calc(-100% - 18px))}.sidebar.open{transform:translate(0);box-shadow:24px 0 54px #00000057}.sidebar-close{place-items:center;display:grid}.sidebar-brand{padding-bottom:12px}.sidebar-nav{grid-template-columns:1fr;gap:8px;margin-top:14px}.sidebar-link{min-height:42px;padding:0 10px;font-size:.88rem}.sidebar-mobile-section{border-top:1px solid #e1e7ef;gap:10px;margin-top:16px;padding-top:14px;display:grid}.sidebar-workspace-list{gap:8px;display:grid}.sidebar-workspace-link,.sidebar-settings-link{color:#526071;text-align:left;background:#eef2f7;border-radius:8px;align-items:center;width:100%;min-height:42px;padding:0 12px;font-size:.9rem;font-weight:850;display:flex}.sidebar-workspace-link.active{color:#fff;background:#1a73e8}.sidebar-settings-link{margin-top:10px}.sidebar-summary{grid-template-columns:auto auto;align-items:center;margin-top:14px;padding-top:12px}.sidebar-summary strong{justify-self:end;font-size:1.35rem}.sidebar-summary .progress-track{grid-column:1/-1}.to-do-list{width:100%;padding-top:0}.to-do-list h1{margin-bottom:14px;font-size:clamp(1.7rem,9vw,2.25rem)}.navbar{flex-direction:row;align-items:center;gap:12px;min-height:auto;margin-bottom:34px;padding-bottom:22px}.navbar-main{width:100%}.navbar-actions{display:none}.login-shell{padding:14px 12px}.login-panel{padding:18px}.workspace-create-card,.task-section,.timetable-section{padding:16px}.workspace-section-main{gap:24px;margin-bottom:22px;display:grid}.workspace-section-main h1{margin-bottom:0}.workspace-create-card{max-width:780px;box-shadow:0 10px 24px #0f172a0d}.workspace-form{grid-template-columns:minmax(0,1fr) 132px;gap:10px}.workspace-form button{width:100%}.workspace-section-main .workspace-list{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:14px}.workspace-row{aspect-ratio:1;grid-template-rows:auto 1fr auto;height:auto;min-height:0;padding:14px}.workspace-button{min-height:auto;font-size:1rem}.workspace-menu-button{width:36px;height:36px}.workspace-progress{gap:6px}.workspace-progress-meta{font-size:.72rem}.workspace-rename-row{grid-template-columns:1fr;padding:10px}.workspace-rename-row button{min-height:40px}.to-do-list>div:first-of-type{grid-template-columns:1fr;gap:8px;margin-bottom:22px}.to-do-list input[type=text]{min-height:48px}.timetable-header{flex-direction:column;gap:12px;margin-bottom:14px}.timetable-actions,.workspace-tool-actions{width:100%}.timetable-actions button,.workspace-tool-actions button{flex:150px}.timetable-days{gap:6px;margin-bottom:18px}.timetable-days button{min-height:40px;font-size:.92rem}.timetable-modal,.timed-task-modal{align-items:start;padding:12px;overflow-y:auto}.timetable-section-popup,.timed-task-panel{width:100%;max-height:none}.timed-task-panel{padding:14px}.timed-task-header{gap:10px}.timed-task-header h2{font-size:1.2rem}.timetable-list{gap:16px}.timetable-list:before{left:10px}.timetable-item{gap:8px}.timetable-card{margin-left:34px;padding:14px}.timetable-time time{font-size:1rem}.task-columns{grid-template-columns:1fr;gap:0}.task-section,.timetable-section,.workspace-row,.workspace-create-card{margin-top:0}.workspace-section-main .workspace-rename-row,.workspace-card-header{grid-template-columns:1fr}.task-section+.task-section{border-top:1px solid #e1e7ef;padding-top:20px}.to-do-list li,.timetable-form,.timed-task-form,.timetable-item{grid-template-columns:1fr}.to-do-list li{align-items:stretch;gap:8px;min-height:auto}.to-do-list li:before{display:none}.delete-task,.completed-button,.moveup-task,.movedown-task,.add-button,.timetable-open-button,.timed-task-open-button,.status-select{width:100%}.delete-task,.completed-button,.add-button,.timetable-form button,.timed-task-form button{min-height:44px}}@media (width<=430px){.app-shell{padding-inline:12px}.workspace-form{grid-template-columns:1fr}.workspace-section-main .workspace-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workspace-row{aspect-ratio:1;min-height:0;padding:12px}}@media (width<=350px){.workspace-section-main .workspace-list{grid-template-columns:1fr}.workspace-row{justify-self:center;width:min(100%,220px)}}