:root,:root[data-theme=light]{--ground:#f5f5f7;--surface:#fff;--raised:#f0f0f3;--raised2:#e9e9ee;--line:#e9e9ee;--line2:#dadae1;--text:#3a3550;--textb:#46405e;--dim:#6b6482;--dimmer:#8a8598;--gold:#6e45d9;--gold2:#5836b3;--goldsoft:#efe9ff;--brand:#6e45d9;--ongold:#fff;--red:#c8405a;--redsoft:#fbe0e4;--green:#1f9d6c;--blue:#2f6fd6;--violet:#6e45d9;--teal:#1f9a9a;--pink:#c8408f;--input:#fff;--ui:"Rubik", -apple-system, "Segoe UI", sans-serif;--body:"Rubik", -apple-system, "Segoe UI", sans-serif;--radius:16px;--shadow:0 18px 40px -22px #1e1e322e;--shsm:0 10px 24px -18px #1e1e3233;--scrim:#1e1e3259;--note-text:#3a3550;--overlay:#1e1e3299;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ground:#121216;--surface:#1a1a20;--raised:#22222a;--raised2:#2a2a33;--line:#2a2a33;--line2:#383842;--text:#fff;--textb:#fff;--dim:#e6e6eb;--dimmer:#9a9aa3;--gold:#b08cff;--gold2:#8f62f5;--goldsoft:#b08cff29;--brand:#b08cff;--ongold:#fff;--red:#f07a8c;--redsoft:#f07a8c24;--green:#4dd39e;--input:#1a1a20;--shadow:0 18px 40px -22px #0009;--shsm:0 10px 24px -18px #0009;--scrim:#080a0ea8;--note-text:#ddd9ea;--overlay:#0a0c12b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .login{background:radial-gradient(1000px 500px at 70% -10%, #b08cff1a, transparent 60%), var(--ground)}:root[data-theme=dark] .k-yt{color:#e97a7a;background:#d63f3f29}:root[data-theme=dark] .k-reel{color:#b49af0;background:#8b6ad42e}:root[data-theme=dark] .k-lesson{color:#59c7ba;background:#2fa89a29}:root[data-theme=dark] .k-audio{color:#e5b871;background:#e0a44729}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;direction:rtl;margin:0;font-size:15px}button{font:inherit;font-family:var(--ui);cursor:pointer;color:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.55}input,textarea,select{font:inherit;font-family:var(--body);color:var(--text)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}svg{flex:none}::selection{background:var(--goldsoft)}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.num{font-variant-numeric:tabular-nums}.input{background:var(--raised);width:100%;color:var(--text);border:1px solid #0000;border-radius:14px;padding:10px 13px;font-size:15px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--gold);background:var(--surface);box-shadow:0 0 0 2px var(--goldsoft);outline:none}.input::placeholder{color:var(--dimmer)}textarea.input{resize:vertical;min-height:80px;line-height:1.6}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--dim) 50%), linear-gradient(135deg, var(--dim) 50%, transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding-inline-end:34px}select.input option{background:var(--surface)}input[type=date].input{text-align:right;direction:ltr}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.label{font-family:var(--ui);color:var(--dim);margin-bottom:6px;font-size:12.5px;display:block}.field{margin-bottom:14px}.hint{color:var(--dim);font-size:13.5px;line-height:1.6}.error{color:var(--red);margin-top:8px;font-size:13.5px}.btn{font-size:14px;font-weight:600;font-family:var(--ui);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn.primary{background:var(--gold);color:var(--ongold);box-shadow:0 8px 18px -8px #1e1e3266}.btn.primary:hover:not(:disabled){background:var(--gold2)}.btn.ghost{background:var(--surface);color:var(--text);box-shadow:var(--shsm);border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--raised)}.btn.quiet{color:var(--dim)}.btn.quiet:hover:not(:disabled){color:var(--text);background:var(--raised)}.btn.danger{background:var(--raised);border-color:var(--line);color:var(--dim)}.btn.danger:hover:not(:disabled){color:var(--red);border-color:var(--red)}.btn.sm{padding:6px 12px;font-size:13px}.btn.block{width:100%}.iconbtn{width:31px;height:31px;color:var(--dim);border-radius:12px;flex:none;place-items:center;transition:background .15s,color .15s;display:inline-grid}.iconbtn:hover{background:var(--raised);color:var(--text)}.iconbtn svg{width:16px;height:16px}.iconbtn.danger:hover{color:var(--red)}.av{width:34px;height:34px;font-family:var(--ui);color:#101319;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:inline-grid}.av.sm{width:25px;height:25px;font-size:11px}.av.xs{width:20px;height:20px;font-size:10px}.av.none{border:1.5px dashed var(--dimmer);color:var(--dimmer);background:0 0;font-weight:400}.tag{font-size:12px;font-family:var(--ui);white-space:nowrap;color:#fff;border-radius:999px;padding:2px 10px;font-weight:600;line-height:1.5}.dotc{border-radius:2px;flex:none;width:8px;height:8px}.prio{border-radius:50%;flex:none;width:7px;height:7px}.prio-n{color:#fff;min-width:20px;height:20px;font-family:var(--ui);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;padding:0 6px;font-size:11.5px;font-weight:600;display:inline-grid}.scale{flex-wrap:wrap;gap:3px;display:flex}.scale button{border:1px solid var(--line);background:var(--raised);width:30px;height:30px;color:var(--dim);font-family:var(--ui);font-variant-numeric:tabular-nums;box-shadow:inset 0 -3px 0 var(--c);border-radius:7px;font-size:12.5px;transition:all .12s}.scale button:hover{border-color:var(--c);color:var(--text)}.scale button.on{background:var(--c);border-color:var(--c);color:#fff;box-shadow:none;font-weight:600}.pill{background:var(--raised);color:var(--dim);font-size:12px;font-weight:600;font-family:var(--ui);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 9px}.chipbtn{background:var(--raised);border:1px solid var(--line);color:var(--text);font-size:13px;font-family:var(--body);border-radius:7px;align-items:center;gap:7px;max-width:100%;padding:5px 11px;transition:border-color .15s;display:inline-flex}.chipbtn:hover{border-color:var(--line2)}.chipbtn.is-empty{color:var(--dimmer);border-style:dashed}.chipbtn.late{color:var(--red)}.note{background:var(--raised);border:1px solid var(--line);color:var(--note-text);border-radius:9px;padding:12px;font-size:13.5px;line-height:1.6}.lab{font-family:var(--ui);letter-spacing:.09em;color:var(--dimmer);align-items:center;gap:8px;margin-bottom:9px;font-size:11px;display:flex}.lab .spacer{flex:1}.empty{color:var(--dimmer);text-align:center;border:1px dashed var(--line);border-radius:11px;padding:22px;font-size:14px}.login{background:radial-gradient(1000px 500px at 70% -10%, #e0a4471a, transparent 60%), var(--ground);place-items:center;min-height:100%;padding:40px 20px;display:grid}.login-card{background:var(--surface);width:100%;max-width:370px;box-shadow:var(--shadow);border:0;border-radius:24px;padding:34px 30px}.login-mark{background:linear-gradient(145deg, var(--gold), var(--gold2));width:52px;height:52px;font-family:var(--ui);color:var(--ongold);border-radius:14px;place-items:center;margin-bottom:20px;font-size:23px;font-weight:600;display:grid}.login h1{font-family:var(--ui);color:var(--brand);margin:0 0 4px;font-size:26px;font-weight:600}.login .sub{color:var(--dim);margin-bottom:26px;font-size:14px}.login .foot{color:var(--dimmer);text-align:center;font-size:12.5px;font-family:var(--ui);margin-top:18px}.shell{grid-template-columns:258px 1fr;min-height:100%;display:grid}.side{background:0 0;border-inline-end:0;flex-direction:column;height:100vh;padding:20px 12px 20px 20px;display:flex;position:sticky;top:0;overflow:hidden}.me{align-items:center;gap:10px;margin-bottom:8px;padding:0 8px 16px;display:flex}.me .nm{font-family:var(--ui);font-size:15px;font-weight:500}.me .rl{color:var(--dimmer);font-size:12px}.me .out{margin-inline-start:auto}.nav{flex-direction:column;flex:1;gap:2px;padding:0 0 20px;display:flex;overflow-y:auto}.nav a,.nav .navbtn{min-height:42px;color:var(--dim);font-family:var(--ui);cursor:pointer;text-align:start;border-radius:8px;align-items:center;gap:11px;width:100%;padding:8px 11px;font-size:16px;font-weight:400;transition:background .12s,color .12s;display:flex;position:relative}.nav a:hover,.nav .navbtn:hover{background:var(--surface)}.nav a.on{color:var(--gold);background:0 0;font-weight:500}.nav a.on:after{content:"";inset-inline-start:-8px;background:var(--gold);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px}.nav a svg{width:17px;height:17px}.nav .ct{color:var(--dim);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:12px;font-weight:600}.nav a.on .ct{color:var(--gold);opacity:.8}.nav .sec{font-family:var(--ui);color:var(--dimmer);align-items:center;padding:24px 12px 8px;font-size:12px;font-weight:600;display:flex}.nav .sec .iconbtn{width:24px;height:24px;margin-inline-start:auto}.nav .sec .iconbtn svg{width:14px;height:14px}.folder{color:var(--dim);font-family:var(--ui);cursor:pointer;text-align:start;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px 11px;font-size:13.5px;display:flex}.folder:hover{background:var(--raised);color:var(--text)}.folder svg{width:16px;height:16px}.folder .chev{opacity:.6;width:13px;height:13px;margin-inline-start:auto;transition:transform .15s}.folder.closed .chev{transform:rotate(90deg)}.nav .in{padding-inline-start:30px}.shared{width:15px;height:15px;color:var(--dimmer)}.nav a .shared{width:14px;height:14px}.nav a.dragover{box-shadow:inset 0 0 0 1px var(--gold)}main{min-width:0;padding:24px 28px 80px}.head{flex-wrap:wrap;align-items:center;gap:12px;min-height:38px;margin-bottom:22px;display:flex}h1.page{font-family:var(--ui);letter-spacing:-.01em;color:var(--textb);align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;display:flex}h1.page input{border:0;border-bottom:1px solid var(--line2);font:inherit;color:inherit;background:0 0;min-width:60px;padding:0 2px}h1.page input:focus{border-color:var(--gold);outline:none}.head .meta{color:var(--dim);font-size:14px}.head .tools{flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto;display:flex}.viewsw{background:var(--surface);box-shadow:var(--shsm);border:0;border-radius:999px;gap:3px;padding:4px;display:flex}.viewsw button{color:var(--dim);border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600;transition:background .12s,color .12s}.viewsw button.on{background:var(--goldsoft);color:var(--gold)}.filters{flex-wrap:wrap;gap:6px;display:flex}.filters button{color:var(--dim);background:var(--surface);box-shadow:var(--shsm);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.filters button:hover{color:var(--text)}.filters button.on{color:var(--text);border-color:#0000}.topbar{display:none}.grp{margin-bottom:26px}.grp h2{font-family:var(--ui);color:var(--dim);align-items:center;gap:9px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.grp.late h2{color:var(--red)}.grp h2 button.tog{color:inherit;font:inherit;align-items:center;gap:9px;display:inline-flex}.grp h2 .chev{opacity:.6;width:13px;height:13px;transition:transform .15s}.grp h2 .chev.closed{transform:rotate(90deg)}.rows{background:0 0;border:0;border-radius:0;flex-direction:column;gap:8px;display:flex;overflow:visible}.row{background:var(--surface);cursor:pointer;box-shadow:var(--shsm);border-radius:20px;align-items:center;gap:11px;min-height:52px;padding:12px 16px;transition:transform .15s,box-shadow .15s;display:flex}.row:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.row.dragging{opacity:.4}.row.dragover{box-shadow:inset 0 2px 0 var(--gold)}.cb{border:1.5px solid var(--line2);background:0 0;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;transition:all .15s;display:grid}.cb:hover{border-color:var(--gold)}.cb svg{opacity:0;color:#fff;width:11px;height:11px}.cb.done{background:var(--green);border-color:var(--green)}.cb.done svg{opacity:1}.row .t{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.row.done .t{color:var(--dimmer);text-decoration:line-through}.row .due{color:var(--dim);font-size:13px;font-family:var(--ui);font-variant-numeric:tabular-nums;white-space:nowrap}.row .due.late{color:var(--red)}.row .rt{flex:none;align-items:center;gap:10px;margin-inline-start:auto;display:flex}.row .listname,.sub-n{color:var(--dimmer);font-size:12.5px;font-family:var(--ui);white-space:nowrap}.row .accepted{color:var(--green);width:14px;height:14px}.row .descdot{width:14px;height:14px;color:var(--dimmer)}.addrow{background:var(--surface);box-shadow:var(--shsm);border-radius:20px;align-items:center;gap:11px;padding:10px 16px;display:flex}.addrow .plus{width:19px;height:19px;color:var(--dimmer);place-items:center;display:grid}.addrow .plus svg{width:15px;height:15px}.addrow input{color:var(--text);background:0 0;border:0;flex:1;padding:3px 0;font-size:15px}.addrow input:focus{outline:none}.addrow input::placeholder{color:var(--dimmer)}.board{scroll-snap-type:x proximity;align-items:flex-start;gap:13px;padding-bottom:14px;display:flex;overflow-x:auto}.col{background:var(--surface);box-shadow:var(--shadow);scroll-snap-align:start;border:0;border-radius:24px;flex-direction:column;flex:none;width:268px;max-height:calc(100vh - 170px);transition:border-color .12s;display:flex}.col.dragover{border-color:var(--gold)}.colh{align-items:center;gap:9px;padding:14px 16px 8px;display:flex}.colh .nm{font-family:var(--ui);font-size:14px}.colh .pill{margin-inline-start:auto}.colb{flex-direction:column;gap:10px;min-height:60px;padding:10px;display:flex;overflow-y:auto}.kcard{background:var(--raised);cursor:pointer;text-align:start;border:0;border-radius:16px;flex-direction:column;gap:9px;width:100%;padding:12px;transition:border-color .12s,opacity .12s;display:flex}.kcard:hover{background:var(--raised2)}.kcard.dragging{opacity:.4}.kcard .t{font-size:14.5px;line-height:1.45}.kcard.done .t{color:var(--dimmer);text-decoration:line-through}.kcard .ft{color:var(--dim);font-size:12.5px;font-family:var(--ui);align-items:center;gap:9px;display:flex}.kcard .ft .late{color:var(--red)}.kcard .ft .av{margin-inline-start:auto}.kcard .top{align-items:center;gap:8px;display:flex}.kcard .top .prio{margin-inline-start:auto}.coladd{padding:0 10px 10px}.coladd button{text-align:start;width:100%;color:var(--dimmer);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.coladd button:hover{background:var(--raised);color:var(--text)}.coladd button svg{width:14px;height:14px}.colinput{background:var(--surface);box-shadow:0 0 0 2px var(--goldsoft), var(--shsm);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.colinput svg{width:14px;height:14px;color:var(--gold);flex:none}.colinput input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;padding:4px 0;font-size:14px}.colinput input:focus{outline:none}.colinput input::placeholder{color:var(--dimmer)}.scrim{background:var(--scrim);opacity:0;pointer-events:none;z-index:60;transition:opacity .18s;position:fixed;inset:0}.scrim.on{opacity:1;pointer-events:auto}.drawer{background:var(--surface);width:min(480px,100%);box-shadow:var(--shadow);z-index:70;overscroll-behavior:contain;border-inline-start:0;flex-direction:column;transition:transform .22s;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;transform:translate(-101%)}.drawer.on{transform:translate(0)}.dhead{align-items:center;gap:8px;padding:18px 22px 0;display:flex}.dhead .spacer{flex:1}.dclose{background:var(--raised);border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.dclose svg{width:14px;height:14px}.dbody{flex-direction:column;flex:1;gap:20px;padding:16px 22px 40px;display:flex}.dtitle{font-size:20px;font-weight:500;line-height:1.4;font-family:var(--body);width:100%;color:var(--text);resize:none;background:0 0;border:0;margin:0;padding:0;overflow:hidden}.dtitle:focus{outline:none}.dtitle.done{color:var(--dimmer);text-decoration:line-through}.titlerow{align-items:flex-start;gap:12px;display:flex}.titlerow .cb{margin-top:5px}.fieldrow{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:46px;padding:9px 0;font-size:14px;display:flex}.fieldrow .k{color:var(--dim);font-family:var(--ui);flex:none;width:88px;font-size:13.5px}.fieldrow .v{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.segs{flex-wrap:wrap;gap:5px;display:flex}.segs button{background:var(--raised);border:1px solid var(--line);color:var(--dim);border-radius:7px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;transition:all .12s;display:inline-flex}.segs button:hover{border-color:var(--line2);color:var(--text)}.segs button.on{color:#101319;border-color:#0000;font-weight:500}.segs button.on.plain{background:var(--raised2);color:var(--text)}.subs{flex-direction:column;gap:4px;display:flex}.subrow{background:var(--raised);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.subrow input{color:var(--text);background:0 0;border:0;flex:1;padding:0;font-size:14px}.subrow input:focus{outline:none}.subrow.done input{color:var(--dimmer);text-decoration:line-through}.subrow .iconbtn{opacity:0;width:24px;height:24px}.subrow:hover .iconbtn,.subrow .iconbtn:focus-visible{opacity:1}.subrow .iconbtn svg{width:13px;height:13px}.cbs{border:2px solid var(--dim);border-radius:4px;flex:none;place-items:center;width:16px;height:16px;transition:all .15s;display:grid}.cbs svg{opacity:0;color:#fff;width:10px;height:10px}.cbs.done{background:var(--green);border-color:var(--green)}.cbs.done svg{opacity:1}.subadd{border:1px dashed var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.subadd input{color:var(--text);background:0 0;border:0;flex:1;font-size:14px}.subadd input:focus{outline:none}.subadd svg{width:14px;height:14px;color:var(--dimmer)}.bar{background:var(--raised);border-radius:20px;height:5px;margin-top:9px;overflow:hidden}.bar i{background:var(--gold);transform-origin:100%;border-radius:20px;width:100%;height:100%;transition:transform .2s;display:block}.people{flex-wrap:wrap;gap:7px;display:flex}.person{background:var(--raised);border:1px solid var(--line);border-radius:20px;align-items:center;gap:7px;padding:4px 11px 4px 5px;font-size:13px;display:flex}.dfoot{border-top:1px solid var(--line);color:var(--dimmer);font-size:12.5px;font-family:var(--ui);flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.dfoot .spacer{flex:1}.notes{flex-direction:column;gap:8px;display:flex}.qnote{background:var(--raised);border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:8px;padding:10px 12px;font-size:13.5px;line-height:1.55}.qnote .who{color:var(--dimmer);font-size:12px;font-family:var(--ui);margin-bottom:3px}.desc{background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14.5px;line-height:1.7;transition:border-color .15s;position:relative}.desc:focus-within{border-color:var(--gold)}.desc.dragover{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.desc .tiptap{outline:none;min-height:60px}.desc .tiptap p{margin:0 0 6px}.desc .tiptap p:last-child{margin-bottom:0}.desc .tiptap ul,.desc .tiptap ol{margin:4px 0 8px;padding-inline-start:22px}.desc .tiptap h1,.desc .tiptap h2,.desc .tiptap h3{font-family:var(--ui);margin:10px 0 6px;font-weight:500;line-height:1.3}.desc .tiptap h1{font-size:20px}.desc .tiptap h2{font-size:17px}.desc .tiptap h3{font-size:15.5px}.desc .tiptap blockquote{border-inline-start:3px solid var(--gold);color:var(--dim);margin:6px 0;padding:2px 12px}.desc .tiptap code{background:var(--input);direction:ltr;unicode-bidi:isolate;border-radius:4px;padding:1px 6px;font-size:13px}.desc .tiptap pre{background:var(--input);text-align:left;direction:ltr;border-radius:8px;padding:10px 12px;overflow-x:auto}.desc .tiptap pre code{background:0 0;padding:0}.desc .tiptap a{color:var(--gold);text-decoration:underline}.desc .tiptap img{border:1px solid var(--line);cursor:zoom-in;border-radius:8px;max-width:100%;height:auto;margin:10px 0;display:block}.desc .tiptap img.ProseMirror-selectednode{outline:2px solid var(--gold)}.desc .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--dimmer);float:right;pointer-events:none;height:0}.desc .uploading{color:var(--gold);font-size:12px;font-family:var(--ui);background:var(--surface);border-radius:5px;padding:2px 8px;position:absolute;inset-block-start:8px;inset-inline-start:10px}.lightbox{z-index:100;cursor:zoom-out;background:#06080ceb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox img{max-width:100%;max-height:100%;box-shadow:var(--shadow);border-radius:8px}.pop-anchor{max-width:100%;display:inline-block;position:relative}.pop{z-index:90;background:var(--surface);box-shadow:var(--shadow);border:0;border-radius:16px;min-width:220px;max-width:min(320px,90vw);max-height:320px;padding:6px;animation:.12s popin;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;overflow-y:auto}.pop.end{inset-inline:auto 0}@keyframes popin{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.pop .opt{text-align:start;width:100%;font-size:14px;font-family:var(--body);color:var(--text);border-radius:7px;align-items:center;gap:10px;padding:8px 10px;transition:background .1s;display:flex}.pop .opt:hover{background:var(--raised)}.pop .opt.on{background:var(--goldsoft)}.pop .opt .tick{width:14px;height:14px;color:var(--gold);margin-inline-start:auto}.pop .sep{background:var(--line);height:1px;margin:5px 4px}.pop .opt.muted{color:var(--dim)}.pop .head{font-family:var(--ui);letter-spacing:.09em;color:var(--dimmer);padding:6px 10px 8px;font-size:11px}.pop .quick{grid-template-columns:1fr 1fr;gap:5px;padding:4px;display:grid}.pop .quick button{background:var(--raised);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:7px 8px;font-size:13px}.pop .quick button:hover{border-color:var(--line2)}.pop .datein{padding:6px 4px 2px}.pop-scrim{z-index:85;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);z-index:80;opacity:0;pointer-events:none;width:min(440px,100% - 32px);max-height:86vh;box-shadow:var(--shadow);border:0;border-radius:24px;transition:opacity .18s,transform .18s;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow-y:auto;transform:translate(50%,-50%)scale(.97)}.modal.on{opacity:1;pointer-events:auto;transform:translate(50%,-50%)scale(1)}.mhead{padding:22px 22px 0}.mhead .badge{background:var(--goldsoft);color:var(--gold);font-family:var(--ui);border-radius:20px;align-items:center;gap:7px;margin-bottom:14px;padding:4px 12px;font-size:12.5px;display:inline-flex}.mhead .badge svg{width:14px;height:14px}.mhead h3{font-size:18px;font-weight:500;font-family:var(--ui);margin:0}.mbody{flex-direction:column;gap:14px;padding:16px 22px 22px;display:flex}.mbtns{gap:8px;display:flex}.mbtns .btn{flex:1;padding:11px}.mtask{background:var(--raised);border:1px solid var(--line);border-radius:11px;padding:14px}.mtask .tt{margin-bottom:7px;font-size:15.5px;line-height:1.45}.mtask .mm{color:var(--dim);font-size:13px;font-family:var(--ui);flex-wrap:wrap;align-items:center;gap:9px;display:flex}.shareopt{background:var(--raised);border:1px solid var(--line);text-align:start;width:100%;font-size:14.5px;font-family:var(--body);border-radius:10px;align-items:center;gap:11px;margin-bottom:7px;padding:10px 13px;transition:border-color .12s;display:flex}.shareopt .tick{border:2px solid var(--dim);border-radius:6px;place-items:center;width:20px;height:20px;margin-inline-start:auto;display:grid}.shareopt .tick svg{opacity:0;width:12px;height:12px;color:var(--ongold)}.shareopt.sel{border-color:var(--gold)}.shareopt.sel .tick{background:var(--gold);border-color:var(--gold)}.shareopt.sel .tick svg{opacity:1}.card{background:var(--surface);max-width:560px;box-shadow:var(--shadow);border:0;border-radius:24px;margin-bottom:16px;padding:20px 22px}.card h3{font-family:var(--ui);margin:0 0 5px;font-size:16px;font-weight:600}.card .hint{margin-bottom:16px}.toggle{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.sw{background:var(--raised2);border:0;border-radius:20px;flex:none;width:44px;height:25px;transition:background .15s;position:relative}.sw:after{content:"";background:var(--dim);border-radius:50%;width:19px;height:19px;transition:transform .15s,background .15s;position:absolute;inset-block-start:2px;inset-inline-start:2px}.sw.on{background:var(--gold);border-color:var(--gold)}.sw.on:after{background:#fff;transform:translate(-19px)}.trow{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 0;font-size:14px;display:flex}.trow .actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}main{overflow-x:hidden}.trow:last-child{border-bottom:0}.trow .grow{flex:1;min-width:0}.trow input[type=color]{cursor:pointer;background:0 0;border:0;width:30px;height:26px;padding:0}.ok{color:var(--green);margin-top:8px;font-size:13.5px}.toasts{z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;inset-block-end:18px;inset-inline-start:50%;transform:translate(50%)}.toast{background:var(--surface);color:var(--text);box-shadow:var(--shadow);pointer-events:auto;border:0;border-radius:16px;padding:10px 16px;font-size:14px;animation:.15s popin}.toast.err{border-color:var(--red)}.center{min-height:60vh;color:var(--dimmer);place-items:center;display:grid}.spinner{border:2px solid var(--line2);border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.placeholder{border:1px dashed var(--line);text-align:center;color:var(--dim);border-radius:14px;max-width:520px;padding:40px;line-height:1.7}@media (width<=860px){.shell{grid-template-columns:1fr}.side{z-index:75;background:var(--ground);width:min(300px,86vw);box-shadow:var(--shadow);padding-top:calc(16px + env(safe-area-inset-top));border-inline-end:0;transition:transform .22s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(101%)}.side.open{transform:translate(0)}.topbar{padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--surface);box-shadow:var(--shsm);z-index:50;font-family:var(--ui);border-bottom:0;align-items:center;gap:10px;font-size:15px;display:flex;position:sticky;top:0}.topbar .brand{color:var(--brand);letter-spacing:.01em;font-size:20px;font-weight:600}main{padding:16px 14px 60px}h1.page{font-size:21px}.col{width:240px;max-height:none}.fieldrow .k{width:78px}.row .listname{display:none}.trow .actions{flex-basis:100%;justify-content:flex-end}}.ccard{background:var(--raised);cursor:pointer;text-align:start;width:100%;font-family:var(--body);border:0;border-radius:16px;padding:0;transition:background .12s,opacity .12s;overflow:hidden}.ccard:hover{background:var(--raised2)}.ccard.dragging{opacity:.4}.thumb{background-position:50%;background-size:cover;place-items:center;height:104px;display:grid;position:relative}.thumb .dur{font-size:11px;font-family:var(--ui);font-variant-numeric:tabular-nums;color:#fff;direction:ltr;background:#080a0fd1;border-radius:4px;padding:2px 7px;position:absolute;inset-block-end:7px;inset-inline-start:7px}.thumb .pl{background:#0a0c128c;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.thumb .pl svg{width:12px;height:12px;margin-inline-start:2px}.cbody{flex-direction:column;gap:8px;padding:11px 12px;display:flex}.cbody .t{color:var(--text);font-size:14.5px;line-height:1.45}.cbody .ft{color:var(--dim);font-size:12.5px;font-family:var(--ui);align-items:center;gap:10px;display:flex}.cbody .ft .av{margin-inline-start:auto}.kind{font-size:11.5px;font-weight:600;font-family:var(--ui);white-space:nowrap;border-radius:999px;align-self:flex-start;padding:2px 9px}.k-yt{color:#a8334a;background:#fbe0e4}.k-reel{color:#5836b3;background:#efe9ff}.k-lesson{color:#1f7f74;background:#d8f1f1}.k-audio{color:#8f5e12;background:#fbefd2}.cover{background-position:50%;background-size:cover;flex:none;justify-content:flex-start;align-items:flex-end;height:170px;padding:12px;display:flex;position:relative}.cover .dclose{background:var(--overlay);color:#fff;position:absolute;inset-block-start:14px;inset-inline-end:14px}.cover .coverbtn{background:var(--overlay);color:#fff;cursor:pointer;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;display:inline-flex}.cover .coverbtn svg{width:14px;height:14px}.linkrow{background:var(--raised);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;margin-bottom:7px;padding:9px 12px;font-size:13.5px;display:flex}.linkrow>svg{width:15px;height:15px;color:var(--gold);flex:none}.linkrow a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;text-decoration:none;overflow:hidden}.linkrow a:hover{color:var(--gold);text-decoration:underline}.linkrow em{color:var(--dimmer);font-size:12px;font-style:normal;font-family:var(--ui);white-space:nowrap;margin-inline-start:auto}.linkrow .iconbtn{opacity:0;width:24px;height:24px}.linkrow:hover .iconbtn{opacity:1}.linkrow .iconbtn svg{width:13px;height:13px}.clip{background:var(--raised);border:1px solid var(--line);border-inline-start:3px solid var(--gold);border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:7px;padding:9px 12px;font-size:13.5px;line-height:1.55;display:flex}.clip b{color:var(--gold);font-weight:500;font-family:var(--ui);direction:ltr;flex:none;padding-top:2px;font-size:12.5px;display:inline-block}.clip span{flex:1}.clip .iconbtn{opacity:0;width:24px;height:24px}.clip:hover .iconbtn{opacity:1}.clip .iconbtn svg{width:13px;height:13px}.addform{grid-template-columns:1fr;gap:7px;margin-top:4px;display:grid}.addform.cols{grid-template-columns:1fr 1fr}.addform .input{padding:8px 11px;font-size:13.5px}.addform .full{grid-column:1/-1}.stagepick{flex-wrap:wrap;gap:6px;display:flex}.stagepick button{background:var(--raised);border:1px solid var(--line);color:var(--dim);border-radius:7px;padding:6px 11px;font-size:13px;transition:all .12s}.stagepick button:hover{border-color:var(--line2);color:var(--text)}.stagepick button.on{color:#101319;border-color:#0000;font-weight:500}.dangerrow{gap:8px;margin-top:4px;display:flex}.reltask{background:var(--raised);border:1px solid var(--line);cursor:pointer;text-align:start;width:100%;font-size:13.5px;font-family:var(--body);color:var(--text);border-radius:8px;align-items:center;gap:10px;margin-bottom:7px;padding:9px 12px;display:flex}.reltask:hover{border-color:var(--line2)}.reltask.done span.t{color:var(--dimmer);text-decoration:line-through}.reltask .t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reltask small{color:var(--dimmer);font-family:var(--ui);font-size:12px}.archbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.archbar .input{max-width:320px}.drawer.top{z-index:72}.scrim.top{z-index:71}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}