*{box-sizing:border-box}
:root{--bg:#101225;--sidebar:#14162e;--panel:#1c203d;--panel-raised:#252a4b;--text:#f0f1ff;--muted:#a5adcc;--accent:#a79bff;--coral:#ff9aab;--mint:#85ddc4;--border:#ffffff12;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.6;color-scheme:dark}
body{margin:0;background:radial-gradient(ellipse at 90% 0,#45437540,transparent 50%),var(--bg)}button,input,textarea,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:0;color:inherit;background:none}button,a{touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:#c0b8ff;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:2.5rem;font-weight:650;letter-spacing:-.045em;line-height:1.25}h2{font-size:1.1rem;font-weight:600}h3{font-size:.95rem;font-weight:550}small,.hint{font-size:.8rem}[hidden]{display:none!important}.muted,.hint{color:var(--muted)}.hint{margin-top:10px}.eyebrow{color:var(--muted);font-size:.66rem;letter-spacing:.18em;font-weight:600}.error{color:var(--coral);font-size:.85rem;margin-top:12px}.error:empty{display:none}
.workspace{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{background:linear-gradient(170deg,#20234170,transparent 70%),var(--sidebar);border-right:1px solid var(--border);padding:36px 18px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;z-index:2}.brand{display:flex;gap:12px;align-items:center;color:var(--text);font-size:1rem;font-weight:600;padding:0 10px}.brand:hover{text-decoration:none}.brand small{display:block;font-size:.56rem;letter-spacing:.21em;color:var(--muted);font-weight:400;margin-top:2px}.brand-icon{width:38px;height:38px;border:1px solid #b6aaff4d;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#b2a3ff30,#7062d410);color:#c3b8ff;box-shadow:0 0 28px #8e7aff15;font-size:24px;flex:none}.nav-heading{padding:48px 16px 12px;font-size:.73rem;color:#7f89ae}.nav-button{width:100%;display:flex;align-items:center;gap:13px;padding:12px 16px;text-align:left;color:var(--muted);border-radius:10px;margin-bottom:6px;font-size:.9rem;transition:background .18s,color .18s}.nav-button:hover{background:#ffffff05;color:var(--text)}.nav-button.active{background:linear-gradient(90deg,#9f8cff22,#9f8cff0a);color:#d7cfff;box-shadow:inset 2px 0 var(--accent)}.count{margin-left:auto;font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}.category-mark{width:8px;height:8px;border-radius:3px;background:currentColor;transform:rotate(-8deg);opacity:.85}.cat--1{color:#b8bfff}.cat-0{color:#b6a3ff}.cat-1{color:#91baff}.cat-2{color:#f3c98a}.cat-3{color:#88daca}.cat-4{color:#efaccb}.sidebar-bottom{margin-top:auto;padding-top:36px}.sidebar-bottom .nav-button{font-size:.8rem}.focus-note{position:relative;overflow:hidden;border:1px solid #b1a1ff19;border-radius:14px;padding:19px 17px;margin:0 5px 22px;background:radial-gradient(circle at 100% 100%,#a692ff25,transparent 75%)}.focus-note .eyebrow{font-size:.5rem;color:#a49acc}.focus-note p{font-size:.93rem;line-height:1.9;margin-top:10px}.orbit{position:absolute;right:16px;bottom:17px;color:var(--accent);font-size:32px;transform:rotate(18deg)}
main{min-width:0;max-width:1800px;width:100%;margin:auto;padding:30px clamp(24px,3.2vw,56px) 64px;align-self:start}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:28px;border-bottom:1px solid var(--border)}#today{color:var(--muted);font-size:.8rem;margin-top:6px}.sync-state{font-size:.75rem;color:var(--mint);border:1px solid #85ddc421;border-radius:30px;padding:0 14px;min-height:36px;background:#85ddc406}.sync-state.failed{color:var(--coral);border-color:#ff9aab40}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:32px 0 28px}.section-kicker{font-size:.6rem;color:#938aad;margin-bottom:9px}.heading .muted{margin-top:12px;font-size:.86rem}.primary,.secondary,.danger{border-radius:10px;padding:11px 20px;white-space:nowrap;font-weight:550;font-size:.88rem}.primary{background:linear-gradient(120deg,#a696fa,#8171e0);color:#121429;box-shadow:0 5px 24px #8270ea24}.primary:hover{filter:brightness(1.09)}.secondary{background:#a79bff12;border:1px solid #a79bff30;color:#cbc4ff}.danger{background:#ff9aab18;border:1px solid #ff9aab50;color:var(--coral)}.add-control{position:relative;flex:none}.add-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:175px;padding:8px;border-radius:14px;border:1px solid #a79bff38;background:var(--panel-raised);box-shadow:0 15px 35px #0007;z-index:5}.add-menu button{display:block;width:100%;text-align:left;padding:8px 14px;border-radius:8px}.add-menu button:hover{background:#a79bff20}
.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:34px}.summary>div{position:relative;overflow:hidden;min-height:147px;padding:20px 22px;border-radius:15px;border:1px solid var(--border);background:linear-gradient(135deg,#2e325669,#20244066);box-shadow:0 8px 22px #00000008}.summary>div:first-child{background:linear-gradient(125deg,#4841749c,#302c5357);border-color:#a99afe29}.summary>div>span:first-child{display:block;font-size:.77rem;color:#c4c8df}.summary strong{display:block;font-size:2.45rem;font-weight:500;line-height:1.3;margin:10px 0 4px;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.summary small{color:#9aa3c4;font-size:.65rem}.summary>div:nth-child(3) strong{color:var(--coral)}.summary>div:nth-child(4) strong{color:var(--mint)}.stat-art{position:absolute;right:18px;bottom:19px;font-size:46px;line-height:1;color:#a89afa50;font-weight:200}.summary>div:nth-child(3) .stat-art{color:#ff9aab50}.summary>div:nth-child(4) .stat-art{color:#85ddc435}.board-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.caption-en{font-size:.6rem;color:#7b83a5;letter-spacing:.15em;font-weight:400;margin-left:10px}.board-caption>span{color:#8892b3;font-size:.72rem}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:28px 28px}.column{min-width:0;background:#14182b70;border:1px solid #ffffff07;border-radius:17px;padding:13px 12px;min-height:340px}.column-heading{display:flex;align-items:center;gap:10px;padding:3px 5px 17px;color:#cdd1e7}.line{width:7px;height:7px;border-radius:50%;background:#7c86ac;box-shadow:0 0 0 4px #7c86ac12}.doing .line{background:var(--accent);box-shadow:0 0 0 4px #a79bff15}.done .line{background:var(--mint);box-shadow:0 0 0 4px #85ddc410}.column-heading .count{border:1px solid var(--border);padding:1px 8px;border-radius:6px}.task{position:relative;border:1px solid #ffffff0d;border-radius:13px;background:linear-gradient(145deg,#252a4933,transparent),var(--panel);padding:17px 16px;margin-bottom:12px;box-shadow:0 6px 20px #00000010;transition:border-color .18s,box-shadow .18s}.task:last-child{margin-bottom:0}.task:hover,.task:focus-within{border-color:#a79bff35;box-shadow:0 8px 28px #00000020}.task-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:.67rem;margin-bottom:10px}.badge{border:1px solid currentColor;border-radius:5px;padding:0 7px;background:#a79bff08}.source-label{color:#8791b2;font-size:.65rem}.task-title{display:block;max-width:100%;padding:0;text-align:left;font-size:1.09rem;font-weight:600;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;min-height:32px}.task-title:hover{color:#c3b7ff}.course,.task-location{font-size:.75rem;color:var(--muted);overflow-wrap:anywhere;margin-top:6px}.task-location{color:#b5b0d8}.task-time{font-size:.78rem;color:#d2d5e9;margin:17px 0;line-height:1.75;font-variant-numeric:tabular-nums}.time-label{font-size:.65rem;color:#929cbd;margin-bottom:3px}.overdue,.overdue .time-label{color:var(--coral)}.task-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:12px;padding-top:10px;font-size:.67rem}.task-footer select{width:auto;max-width:100%;min-height:36px;padding:5px 26px 5px 9px;font-size:.7rem;background:#10142844;border-color:#ffffff10;border-radius:7px;margin:0}.task-footer a{font-size:.65rem;margin-left:auto}.delete-task{color:#959cbc;font-size:.65rem;min-height:36px;padding:5px 2px 5px 8px;margin-left:auto}.delete-task:hover{color:var(--coral)}.empty{padding:56px 8px 42px;text-align:center;color:#7f89aa;font-size:.73rem;border:1px dashed #ffffff08;border-radius:12px;min-height:251px}.empty b{display:block;font-size:.88rem;font-weight:400;color:#adb4d1;margin-bottom:7px}.empty button{color:#b6a8f8;font-size:.77rem;margin-top:18px}
.checklist{margin-top:12px}.checklist-count{display:block;color:#9a9fc0;font-size:.7rem;margin-bottom:7px}.todo-list{display:grid;gap:2px}.todo-row{display:flex;align-items:center;gap:3px;border-radius:7px;position:relative;min-width:0}.todo-row:hover{background:#a79bff08}.todo-row.dragging{background:#a79bff26;outline:1px solid #a79bff60;z-index:2;box-shadow:0 8px 20px #0005}.drag-handle{width:24px;min-width:24px;min-height:44px;font-size:15px;color:#8790b6;padding:0;cursor:grab;touch-action:none;user-select:none;letter-spacing:-3px}.drag-handle:active{cursor:grabbing}.todo-row input[type=checkbox]{flex:none;width:16px;height:16px;margin:0 5px 0 0;accent-color:var(--accent);cursor:pointer;min-height:0}.todo-text{font-size:.82rem;line-height:1.55;flex:1;min-width:0;text-align:left;padding:7px 2px;overflow-wrap:anywhere;color:#d8dbef}.checked .todo-text{text-decoration:line-through;color:#808baa}.todo-action{flex:none;width:28px;min-height:44px;padding:0;color:#8994b7;font-size:17px}.todo-action:hover{color:#d2caff}.todo-edit{flex:1;min-width:0;width:0!important;font-size:.82rem!important;padding:5px 6px!important;min-height:36px!important}.todo-add{display:flex;align-items:center;gap:4px;margin-top:6px}.todo-add input{flex:1;min-width:0;background:transparent;border:1px solid transparent;font-size:.76rem;padding:8px 7px;min-height:40px}.todo-add input:focus{background:#12152b60;border-color:#a79bff50}.todo-add input::placeholder{color:#8992b3}.todo-add-button{width:36px;min-height:44px;color:#bfb2ff;border-radius:8px;font-size:20px}.todo-add-button:hover{background:#a79bff16}.checklist-error{font-size:.72rem}.checklist-recovery{display:flex;gap:8px;flex-wrap:wrap}.text-button{font-size:.72rem;color:#c3b8ff;padding:5px}.field-heading{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;margin-top:20px}.field-heading .hint{margin:0}.optional{font-size:.68rem;font-weight:400;color:#939bbc;margin-left:5px}.required{color:var(--accent)}
label{display:block;margin:20px 0 8px;font-size:.84rem;font-weight:500;color:#d6daf0}input,textarea,select{width:100%;max-width:100%;border:1px solid #ffffff19;border-radius:10px;background:#12152b80;color:var(--text);padding:11px 12px;min-height:44px;outline:none;transition:border-color .18s}input:focus,textarea:focus,select:focus{border-color:#a79bff90;box-shadow:0 0 0 3px #a79bff12}input::placeholder,textarea::placeholder{color:#828caf}input[type=datetime-local]{min-width:0;font-size:.86rem}select option{background:var(--panel)}dialog{color:var(--text);background:linear-gradient(150deg,#272b4e,var(--panel) 60%);border:1px solid #a79bff30;border-radius:22px;width:570px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;box-shadow:0 35px 100px #0007;overflow-y:auto}dialog::backdrop{background:#080a19b8;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-heading h2{font-size:1.4rem;margin-top:4px}.icon-button{font-size:25px;color:#a5adcc;width:44px;border-radius:10px}.icon-button:hover{background:#ffffff07}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:12px}#task-todos{padding:6px 12px 10px;margin-top:10px;background:#10132950;border:1px solid var(--border);border-radius:12px}#task-todos .checklist{margin:0}#task-todos .checklist-count{display:none}.source-row{padding:20px 0;border-bottom:1px solid var(--border)}.source-row>div{display:flex;justify-content:space-between;gap:14px}.source-row p{font-size:.8rem;color:var(--muted);margin-top:8px}.state{font-size:.7rem;color:var(--coral)}.state.connected{color:var(--mint)}.connection-note{padding:18px;border-radius:12px;background:#a79bff0c;margin:22px 0;border:1px solid #a79bff17;font-size:.85rem}.connection-note p{color:var(--muted);font-size:.8rem;margin-top:8px}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 20px;border:1px solid #b6aaff45;border-radius:12px;background:#2b2d4a;color:var(--text);box-shadow:0 12px 30px #0005;z-index:20;font-size:.85rem}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 25% 20%,#7670b029,transparent 60%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.login-card{width:430px;max-width:100%;padding:40px;border:1px solid #b6aaff25;border-radius:24px;background:linear-gradient(150deg,#292d4daa,#191d359e);box-shadow:0 24px 80px #0003}.login-card .brand-icon{width:50px;height:50px;font-size:30px;margin-bottom:25px}.login-card .eyebrow{color:var(--accent);margin-bottom:12px}.login-card h1{font-size:1.95rem;line-height:1.55}.login-card .muted{margin-top:12px;font-size:.85rem}.login-card label{margin-top:28px}.login-card .primary{width:100%;margin-top:24px}.login-card .hint{text-align:center;margin-top:24px;font-size:.72rem}
@media(min-width:1500px){.task{padding:20px}.board{gap:24px}.column{padding:16px}.summary>div{min-height:159px}.task-title{font-size:1.15rem}}
@media(max-width:1150px){.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 12px 16px}.brand{padding:0 6px;font-size:.85rem;gap:8px}main{padding:24px}.summary{gap:10px}.summary>div{padding:16px}.summary small{font-size:.6rem}.stat-art{font-size:34px;right:12px;bottom:22px}.board{gap:10px}.column{padding:10px 8px}.task{padding:14px 12px}.caption-en{display:none}}
@media(max-width:960px){.board{grid-template-columns:1fr}.column{min-height:0;padding:14px}.empty{padding:30px;min-height:150px}.task-footer select{min-height:44px}.task-footer{font-size:.8rem}.todo-text{font-size:.9rem}.todo-action,.drag-handle{width:36px;min-width:36px}.task-title{font-size:1.15rem}.todo-add input{font-size:.86rem}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary>div{min-height:135px}.summary small{font-size:.7rem}.stat-art{font-size:44px}.task-meta{font-size:.78rem}.source-label{font-size:.7rem}.task-time{font-size:.88rem}}
@media(max-width:680px){.workspace{display:block}.sidebar{position:relative;height:auto;padding:20px 18px 0;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:1rem;padding:0}.brand-icon{width:34px;height:34px}.brand small{font-size:.5rem}.nav-heading,.focus-note{display:none}#categories{display:flex;overflow-x:auto;gap:4px;padding:18px 0 13px;margin:0 -3px;scrollbar-width:none}#categories .nav-button{width:auto;flex:none;min-height:44px;padding:9px 12px;margin:0;gap:7px;font-size:.8rem}.category-mark{width:6px;height:6px}.nav-button.active{box-shadow:inset 0 -2px var(--accent)}#categories .count{font-size:.65rem}.sidebar-bottom{position:absolute;top:21px;right:18px;display:flex;padding:0;gap:5px}.sidebar-bottom .nav-button{width:auto;font-size:18px;margin:0;padding:4px 10px;min-height:36px}.sidebar-bottom .nav-button span{display:none}main{padding:21px 18px 42px}.topbar{padding-bottom:20px}.topbar .eyebrow{font-size:.55rem}#today{font-size:.72rem}.sync-state{font-size:.65rem;padding:0 10px}.heading{margin:26px 0 24px;gap:10px}.section-kicker{font-size:.45rem;letter-spacing:.12em}h1{font-size:2rem}.heading .muted{font-size:.77rem;margin-top:9px}.primary{padding:10px 14px;font-size:.8rem}.summary{gap:10px;margin-bottom:28px}.summary>div{padding:16px 14px;min-height:130px}.summary>div>span:first-child{font-size:.7rem}.summary strong{font-size:2rem;margin-top:12px}.summary small{font-size:.6rem}.stat-art{font-size:36px;right:12px}.board-caption{align-items:flex-start;flex-direction:column;gap:4px}.board-caption h2{font-size:1rem}.board-caption>span{font-size:.65rem}.board{gap:16px}.column{padding:12px}.task{padding:16px}.task-footer a,.delete-task{font-size:.72rem}.task-location,.course{font-size:.8rem}.task-time{font-size:.84rem}.todo-row{gap:4px}.todo-action{width:32px;min-width:32px}.drag-handle{width:28px;min-width:28px}.todo-row input[type=checkbox]{width:18px;height:18px;margin-right:6px}.todo-edit,.todo-add input,dialog input,dialog select{font-size:16px!important}dialog{padding:22px 18px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:18px}.date-range{grid-template-columns:1fr;gap:0}.dialog-heading h2{font-size:1.25rem}.login-card{padding:30px 24px}.login-card h1{font-size:1.75rem}.login-card input{font-size:16px}.field-heading{font-size:.82rem}.field-heading .hint{font-size:.7rem}.summary .stat-art{opacity:.7}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}