:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body,#root{height:100%}body{margin:0}:root{--bg:#fff;--fg:#222;--muted:#999;--line:#e3e3e3;--hover:#f0f0f0;--accent:#2f6fed;--star:#f2a900;--gutter:clamp(24px, 4vw, 56px);--w-reading:760px;--w-content:1100px;--w-wide:1680px}body{background:var(--bg);color:var(--fg)}*{scrollbar-width:none}::-webkit-scrollbar{display:none}button,input{font:inherit;color:inherit}.page{height:100%;overflow:hidden auto}.page-inner{box-sizing:border-box;width:100%;max-width:calc(var(--page-max,var(--w-content)) + var(--gutter) * 2);padding:24px var(--gutter) 56px;margin-inline:auto;container-type:inline-size}.w-reading{--page-max:var(--w-reading)}.w-content{--page-max:var(--w-content)}.w-wide{--page-max:var(--w-wide)}.w-detail{--page-max:1000px}.w-todo{--page-max:1280px}.shell{flex-direction:column;height:100%;display:flex}.topnav{gap:22px;padding:14px 32px 0;display:flex}.topnav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:4px 0;font-size:15px}.topnav button:hover{color:var(--fg)}.topnav button.on{color:var(--fg);border-bottom-color:var(--fg);font-weight:600}.view{flex:1;min-height:0}.split{height:100%;display:flex;overflow:hidden}.pane-main{opacity:0;flex:0 0 0;min-width:0;transition:flex-grow .35s,opacity .35s;overflow:hidden auto}.split.open .pane-main{opacity:1;flex:1 1 0}.pane-side{flex:none;margin:auto;transition:width .35s}.pane-side.cal{width:min(560px,100% - 48px)}.split.open .pane-side.cal{align-self:flex-start;width:300px;margin:0;padding:20px 24px 0 0}.calendar{width:100%}.cal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cal-head>button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:36px;height:36px;font-size:24px}.cal-head>button:hover{background:var(--hover)}.cal-title{white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 12px;font-size:20px;font-weight:600}.cal-title:hover{background:var(--hover)}.split.open .cal-title{font-size:15px}.month-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.month{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:22px 0;font-size:17px}.month:hover{background:var(--hover)}.month.current{box-shadow:inset 0 0 0 2px var(--fg)}.split.open .month{padding:14px 0;font-size:14px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dow-head{text-align:center;color:var(--muted);padding:6px 0;font-size:13px}.day{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:17px;position:relative}.split.open .day{border-radius:8px;font-size:13px}.day:hover{background:var(--hover)}.day.future{color:var(--muted)}.dow-head.weekend{color:#c2543f}.day.weekend{color:#a5432f}.day.weekend.future{color:#c9958a}.day.today{box-shadow:inset 0 0 0 2px var(--fg)}.day.written:after{content:"";background:var(--fg);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;bottom:18%;left:50%}.day.active,.day.weekend.active{background:var(--fg);color:#fff}.day.active:after{background:#fff}.cal-foot{color:var(--muted);margin-top:14px;font-size:14px;display:flex}.link{cursor:pointer;color:var(--accent);text-align:left;background:0 0;border:0;padding:4px 0;font-size:14px;text-decoration:none}.link:hover{text-decoration:underline}.movie-detail header .status{margin-right:auto}.editor{box-sizing:border-box;width:100%;min-height:100%;max-width:calc(var(--w-reading) + var(--gutter) * 2);padding:16px var(--gutter) 32px;flex-direction:column;margin-inline:auto;display:flex}header{justify-content:flex-end;align-items:center;gap:4px;min-height:32px;margin-bottom:12px;display:flex}.status{color:var(--muted);margin-right:8px;font-size:13px}.editor-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-right:auto;font-size:13px;font-weight:600}.status.error{color:#c00}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--hover);color:var(--fg)}.icon-btn.danger:hover{color:#c62828;background:#fdecec}.paras{cursor:text;flex:1;padding-bottom:30dvh}.para{margin:0 0 22px;position:relative}.paras textarea{box-sizing:border-box;resize:none;width:100%;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:17px;line-height:1.65;display:block;overflow:hidden}.para-view{white-space:pre-wrap;overflow-wrap:break-word;cursor:text;font-size:17px;line-height:1.65}.mention{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.mention:hover{text-decoration:underline}.popup{z-index:20;background:var(--bg);border:1px solid var(--line);border-radius:10px;width:min(380px,100%);margin-top:2px;padding:6px;position:absolute;top:100%;left:0;box-shadow:0 6px 24px #0000001f}.pop-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px 8px;font-size:15px;display:flex}.pop-item.sel,.pop-item:hover{background:var(--hover)}.pop-item img,.pop-noimg{object-fit:cover;background:var(--hover);border-radius:3px;flex-shrink:0;width:30px;height:45px}.pop-main{flex:1;min-width:0}.pop-sub{color:var(--muted);font-size:13px}.pop-item.add{color:var(--accent)}.pop-empty{color:var(--muted);padding:8px;font-size:14px}.addbox{padding:4px}.addbox input{box-sizing:border-box;border:1px solid var(--line);border-radius:8px;outline:0;width:100%;padding:9px 12px;font-size:15px}.addbox input:focus{border-color:var(--fg)}.err{color:#c00;font-size:13px}.muted{color:var(--muted);font-size:15px}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 18px;display:grid}.poster-wrap img,.noposter{aspect-ratio:2/3;object-fit:cover;background:var(--hover);border-radius:6px;width:100%;display:block}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stars{align-items:center;gap:2px;display:inline-flex}.star{display:inline-block;position:relative}.star svg{display:block}.star-empty path{fill:#ececf0;stroke:#a9a9b3;stroke-width:1.2px;stroke-linejoin:round}.star-fill{height:100%;position:absolute;top:0;left:0;overflow:hidden}.star-fill path{fill:var(--star)}.stars.input{gap:4px}.star-slot{display:inline-block;position:relative}.star-hit{cursor:pointer;background:0 0;border:0;width:50%;height:100%;padding:0;position:absolute;top:0}.star-hit.left{left:0}.star-hit.right{right:0}.rating-num{min-width:28px;color:var(--muted);margin-left:8px;font-size:15px}.poster-wrap{position:relative}.s-to_watch{--sc:#6b7280}.s-watching{--sc:#f03e3e}.s-watched{--sc:#1f9d55}.btn{background:var(--fg);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:#000}.btn:disabled{opacity:.4;cursor:default}.hint{color:var(--muted);margin:8px 2px 0;font-size:13px}.empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:70px 0;display:flex}.card{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:3px;padding:0;display:flex}.badge-kind{color:#fff;letter-spacing:.06em;background:#000000b3;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.noposter{box-sizing:border-box;text-align:center;color:var(--muted);place-items:center;padding:10px;font-size:13px;display:grid}.movie-detail h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:30px 0 12px;font-size:13px;font-weight:600}.poster-wrap{border-radius:6px;transition:transform .18s,box-shadow .18s}.card:hover .poster-wrap,.card:focus-visible .poster-wrap{transform:translateY(-4px);box-shadow:0 10px 22px #00000047}.card:active .poster-wrap{transform:translateY(-1px)}.card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.movie-detail{position:relative}.mention-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mention-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:12px 14px;display:flex}.mention-item:hover{background:var(--hover)}.mi-date{color:var(--accent);font-size:13px;font-weight:600}.mi-text{color:var(--fg);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.searchbar{margin-bottom:26px;position:relative}.searchbar input{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);border-radius:12px;outline:0;width:100%;padding:11px 42px 11px 44px;font-size:15px}.searchbar input:focus{border-color:var(--fg)}.searchbar .si{color:var(--muted);pointer-events:none;display:flex;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.searchbar .clear{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.poster-wrap{isolation:isolate;position:relative;overflow:hidden}.hue{mix-blend-mode:color;pointer-events:none;border-radius:6px;transition:opacity .2s;position:absolute;inset:0}.card:hover .hue{opacity:0!important}.shelf{margin-bottom:30px}.shelf-bar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.shelf-head{color:var(--fg);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 6px 4px 0;font-size:16px;font-weight:600;display:flex}.shelf-head .count{color:var(--muted);font-size:14px;font-weight:400}.shelf-head .chev{color:var(--muted);transition:transform .18s,color .15s;display:flex}.shelf-head:hover .chev{color:var(--fg)}.shelf.collapsed .chev{transform:rotate(-90deg)}.shelf.collapsed{margin-bottom:14px}.shelf.collapsed .shelf-bar{margin-bottom:0}.searchbar input:disabled{background:var(--hover);color:var(--muted)}.searchbar input.busy{opacity:.75}.searchbar+.hint,.searchbar~.err{margin:-16px 4px 22px}.movie-detail .paras{padding-bottom:8px;overflow:visible}.md-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:44px;padding-top:4px;display:grid}.md-side{position:sticky;top:8px}.md-poster{aspect-ratio:2/3;object-fit:cover;background:var(--hover);border-radius:10px;width:100%;display:block;box-shadow:0 4px 18px #0000002e}.md-main h1{letter-spacing:-.015em;margin:4px 0 8px;font-size:32px;font-weight:700;line-height:1.15}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:15px;display:flex}.type-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.type-chip:hover{background:var(--hover);color:var(--fg);border-color:#cfcfd6}.md-main h2{margin-top:34px}.steps{align-items:flex-start;margin-top:26px;display:flex}.step-wrap{flex:1;align-items:flex-start;display:flex}.step-wrap:first-child{flex:none}.step{flex-direction:column;align-items:center;gap:4px;display:flex}.step-btn{width:64px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.step-dot{box-sizing:border-box;color:#fff;background:#fff;border:2px solid #c6c6ce;border-radius:50%;place-items:center;width:22px;height:22px;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.step-btn:hover .step-dot{border-color:var(--sc)}.step.reached .step-dot{background:var(--sc);border-color:var(--sc)}.step.current .step-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--sc) 22%, transparent)}.step.current .step-btn{color:var(--fg);font-weight:600}.step-line{background:#dcdce2;flex:1;min-width:6px;height:2px;margin-top:10px;transition:background .15s}.step-line.filled{background:var(--sc)}.step-date{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 6px;font-size:12px}.step-date:hover{background:var(--hover);color:var(--fg)}.date-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.side-rating{margin-top:22px}@container (width<=720px){.md-layout{grid-template-columns:1fr;gap:24px}.md-side{max-width:260px;position:static}}.watch-bar{background:#96969bd9;height:6px;position:absolute;bottom:0;left:0;right:0}.watch-bar span{background:#f03e3e;height:100%;display:block}.progress-control{margin-top:22px}.progress-control input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0;display:block}.progress-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, #f03e3e var(--p), #d9d9df var(--p));border-radius:3px;height:5px}.progress-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f03e3e;border:0;border-radius:50%;width:15px;height:15px;margin-top:-5px;transition:transform .12s;box-shadow:0 0 0 4px #f03e3e2e}.progress-control input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}.progress-control input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.2)}.progress-control input[type=range]::-moz-range-track{background:#d9d9df;border-radius:3px;height:5px}.progress-control input[type=range]::-moz-range-progress{background:#f03e3e;border-radius:3px;height:5px}.progress-control input[type=range]::-moz-range-thumb{background:#f03e3e;border:0;border-radius:50%;width:15px;height:15px}.progress-label{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:13px}.step-date-wrap{align-items:center;display:inline-flex;position:relative}.step-date.empty{text-underline-offset:3px;font-style:italic;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.date-clear{background:var(--hover);width:16px;height:16px;color:var(--muted);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;margin-left:1px;padding:0;transition:opacity .12s,background .12s,color .12s;display:grid;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.step-date-wrap:hover .date-clear,.date-clear:focus-visible{opacity:1}.date-clear:hover{color:#c62828;background:#fdecec}.sort{background:var(--hover);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.sort-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.sort-btn:hover{color:var(--fg)}.sort-btn.on{color:var(--fg);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.sort-arrow{transition:transform .18s;display:inline-flex}.sort-arrow.up{transform:rotate(180deg)}.dot{border-radius:50%;flex:none;width:8px;height:8px}.field-input{border:1px solid var(--line);background:var(--bg);border-radius:8px;outline:0;padding:7px 10px;font-size:14px}.field-input:focus{border-color:var(--fg)}.field-input.num{width:64px}.field-input.cat-input{width:150px}.todo-page{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;display:grid}.todo-main{min-width:0;position:sticky;top:16px}.todo-rail-scroll{max-height:calc(100dvh - 260px);padding-right:2px;overflow-y:auto}.qa{margin-bottom:18px}.qa-box{position:relative}.qa-box input{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);border-radius:12px;outline:0;width:100%;padding:12px 16px 12px 44px;font-size:15px}.qa-box input:focus{border-color:var(--fg)}.qa-box input:disabled{background:var(--hover)}.qa-plus{color:var(--muted);pointer-events:none;display:flex;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.qa-chips{flex-wrap:wrap;gap:6px;margin:10px 2px 0;display:flex}.chip{color:var(--fg);background:#f1f1f4;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:13px;display:inline-flex}.hint-chip{color:var(--muted);background:0 0;padding-left:4px}.cat-filter{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.cat-chips{flex-wrap:wrap;gap:4px;display:flex}.cchip{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.cchip:hover{background:var(--hover);color:var(--fg)}.cchip.on{background:var(--fg);color:#fff}.cat-manager{background:#f7f7f9;border-radius:12px;flex-direction:column;gap:6px;margin:8px 0 6px;padding:12px;display:flex}.cat-row{align-items:center;gap:10px;display:flex}.swatch{cursor:pointer;border:0;border-radius:50%;flex:none;width:22px;height:22px}.tsec{margin-top:22px}.tsec-head{color:var(--fg);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-size:15px;font-weight:600;display:flex}.tsec.danger .tsec-head{color:#c62828}.tsec-head .count{color:var(--muted);font-size:13px;font-weight:400}.tsec-head .chev{color:var(--muted);transition:transform .18s;display:flex}.tsec.collapsed .chev{transform:rotate(-90deg)}.tbar{background:#ececf0;border-radius:2px;width:90px;height:4px;margin-left:4px;overflow:hidden}.tbar span{background:#1f9d55;height:100%;transition:width .3s;display:block}.tlist{margin-top:6px}.task{border-bottom:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:10px 6px;transition:background .12s;display:flex}.task:last-child{border-bottom:0}.task:hover{background:#f7f7f9}.ring{box-sizing:border-box;border:2px solid var(--pc);color:#0000;cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;padding:0;transition:background .15s,color .15s,border-color .15s;display:grid}.ring:hover{background:color-mix(in srgb, var(--pc) 16%, transparent);color:var(--pc)}.ring.done{color:#fff;background:#1f9d55;border-color:#1f9d55}.ring.big{width:28px;height:28px}.task-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.task.done .task-title{color:var(--muted);text-decoration:line-through}.task-meta{color:var(--muted);flex:none;align-items:center;gap:12px;font-size:13px;display:flex}.task-meta>span{align-items:center;gap:5px;display:inline-flex}.task-meta .late{color:#c62828;font-weight:500}.muted.small{padding:8px 6px;font-size:13px}.week-view{min-width:0}.wk-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.wk-title{letter-spacing:-.01em;font-size:20px;font-weight:700}.tl-nav{align-items:center;gap:2px;display:flex}.tl-nav .icon-btn{font-size:20px}.wk-cols{grid-template-columns:62px repeat(7,minmax(0,1fr));display:grid}.wk-col-labels{border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:8px}.wk-gutter{min-width:0}.wk-collabel{border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:4px 0;display:flex}.wk-collabel.today{background:color-mix(in srgb, var(--fg) 6%, transparent)}.wk-wd{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.wk-num{font-size:15px;font-weight:700}.wk-collabel.today .wk-num{color:#e24b4a}.wk-scroll{border-top:1px solid var(--line);height:calc(100dvh - 260px);min-height:420px;position:relative;overflow-y:auto}.wk-hours{position:relative}.wk-hour-label{color:var(--muted);text-align:right;font-size:11px;position:absolute;top:-6px;left:0;right:6px}.wk-col{border-left:1px solid #efeff2;position:relative}.wk-col.weekend{background:#faf8f7}.wk-collabel.weekend .wk-wd{color:#c2543f}.wk-col.today{background:color-mix(in srgb, var(--fg) 3%, transparent)}.wk-hourline{border-top:1px solid #efeff2;position:absolute;left:0;right:0}.wk-block{box-sizing:border-box;border-left:3px solid var(--bc);background:color-mix(in srgb, var(--bc) 16%, #fff);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;transition:background .12s,opacity .12s;position:absolute}.wk-block:hover{background:color-mix(in srgb, var(--bc) 26%, #fff);z-index:30}.wk-block-body{border-radius:6px;align-items:flex-start;gap:5px;height:100%;padding:3px 6px 3px 4px;display:flex;overflow:hidden}.wk-block.compact .wk-block-body{align-items:center;padding-block:0}.wk-block-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.wk-block-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.wk-inline-time{color:var(--muted);font-weight:400}.wk-block-time{color:var(--muted);font-size:11px}.wk-cat{vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.wk-ring{box-sizing:border-box;border:1.5px solid var(--bc);color:#0000;cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;width:13px;height:13px;margin-top:1px;padding:0;display:grid}.wk-ring:hover{background:color-mix(in srgb, var(--bc) 25%, #fff);color:var(--bc)}.wk-block.done{opacity:.55}.wk-block.done .wk-ring{color:#fff;background:#1f9d55;border-color:#1f9d55}.wk-block.done .wk-block-title{text-decoration:line-through}.wk-block.dim{opacity:.55}.wk-block.selected{z-index:20;box-shadow:0 0 0 2px var(--bc), 0 4px 12px #00000024;background:color-mix(in srgb, var(--bc) 24%, #fff)}.wk-block.dragging{opacity:.35;outline:1.5px dashed var(--bc)}.wk-resize{cursor:ns-resize;z-index:2;height:12px;position:absolute;bottom:-5px;left:0;right:0}.wk-resize:after{content:"";background:var(--bc);opacity:0;border-radius:2px;width:18px;height:3px;margin-left:-9px;transition:opacity .12s;position:absolute;bottom:4px;left:50%}.wk-block:hover .wk-resize:after{opacity:.55}.wk-peek{z-index:40;background:var(--fg);color:#fff;pointer-events:none;border-radius:8px;min-width:190px;max-width:260px;padding:8px 10px;font-size:12px;line-height:1.4;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 20px #00000040}.wk-block.peek-left .wk-peek{left:auto;right:0}.wk-block.compact:hover .wk-peek{display:block}body.grid-dragging .wk-peek{display:none!important}.wk-peek-title{white-space:normal;font-weight:600}.wk-peek-meta{color:#d6d6dc;align-items:center;gap:5px;display:flex}.wk-peek-dot{border-radius:50%;width:8px;height:8px}.wk-ghost{box-sizing:border-box;border:2px solid var(--bc);background:color-mix(in srgb, var(--bc) 22%, transparent);z-index:25;pointer-events:none;border-radius:6px;position:absolute;left:2px;right:3px}.wk-ghost.resize{background:0 0;border-style:dashed}.wk-ghost-label{background:var(--fg);color:#fff;white-space:nowrap;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600;position:absolute;top:3px;right:3px}.wk-ghost.resize .wk-ghost-label{top:auto;bottom:-24px}.wk-slot{box-sizing:border-box;border:2px dashed var(--fg);background:color-mix(in srgb, var(--fg) 7%, transparent);z-index:12;pointer-events:none;border-radius:6px;position:absolute;left:2px;right:3px}.wk-slot span{color:var(--fg);white-space:nowrap;font-size:11px;font-weight:600;position:absolute;top:2px;left:6px}.wk-col.target{background:color-mix(in srgb, var(--fg) 4%, transparent)}.wk-collabel.target{background:var(--fg)}.wk-collabel.target .wk-wd,.wk-collabel.target .wk-num{color:#fff}.wk-gutter-mark{z-index:6;background:var(--fg);color:#fff;white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600;position:absolute;right:4px;transform:translateY(-50%)}.wk-chip{z-index:1000;background:var(--fg);color:#fff;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border-radius:8px;max-width:220px;padding:5px 10px;font-size:13px;position:fixed;overflow:hidden;box-shadow:0 4px 14px #00000040}.wk-now{z-index:5;pointer-events:none;border-top:2px solid #e24b4a;height:0;position:absolute;left:0;right:0}body.grid-dragging,body.grid-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.wk-tools{align-items:center;gap:12px;display:flex}.seg{background:#f1f1f4;border-radius:8px;padding:2px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:12px}.seg button.on{color:var(--fg);background:#fff;font-weight:600;box-shadow:0 1px 2px #0000001f}.task{-webkit-user-select:none;user-select:none}.task.selected{background:#f1f1f4}.back-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-right:auto;padding:6px 4px;font-size:14px}.back-btn:hover{text-decoration:underline}.todo-main.side-panel{max-height:calc(100dvh - 90px);overflow-y:auto}.todo-main .td-form{grid-template-columns:68px minmax(0,1fr);gap:14px 10px}.todo-main .td-title{font-size:21px}.todo-main .td-titlebar{margin:4px 0 18px}.todo-main .todo-detail h2{margin:24px 0 10px}.new-task .nt-when{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:6px 0 4px;font-size:13px;font-weight:600}.new-task .nt-title{box-sizing:border-box;border-bottom:1px solid var(--line);width:100%;margin-bottom:16px;padding:4px 0 8px}.nt-actions{align-items:center;gap:16px;margin-top:20px;display:flex}.nt-err{margin-top:12px}.todo-detail{position:relative}.todo-detail .paras{padding-bottom:8px;overflow:visible}.todo-detail h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:34px 0 12px;font-size:13px;font-weight:600}.td-titlebar{align-items:center;gap:14px;margin:8px 0 26px;display:flex}.td-title{min-width:0;font:inherit;letter-spacing:-.015em;color:var(--fg);background:0 0;border:0;outline:0;flex:1;padding:4px 0;font-size:28px;font-weight:700}.td-title.done{color:var(--muted);text-decoration:line-through}.td-form{grid-template-columns:90px minmax(0,1fr);align-items:start;gap:18px 12px;display:grid}.td-form .label{color:var(--muted);padding-top:8px;font-size:14px}.td-cell{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:14px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pill.small{padding:5px 12px;font-size:13px}.pill:hover{background:var(--hover);color:var(--fg)}.pill.on{background:var(--fg);border-color:var(--fg);color:#fff}.pill.dashed{border-style:dashed}.pill .pdot{border-radius:50%;width:8px;height:8px}.pill .pring{box-sizing:border-box;border:2px solid;border-radius:50%;width:12px;height:12px}.custom-repeat{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}@container (width<=760px){.todo-page{grid-template-columns:minmax(0,1fr);gap:28px}.todo-main{position:static}.todo-rail-scroll{max-height:none;overflow:visible}.wk-scroll{height:420px}}.weekday-picker{gap:6px;display:flex}.wd{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.wd:hover{background:var(--hover);color:var(--fg)}.wd.on{background:var(--fg);border-color:var(--fg);color:#fff}.delete-wrap{display:inline-flex;position:relative}.delete-menu{width:250px;left:auto;right:0}.delete-menu .pop-item{flex-direction:column;align-items:flex-start;gap:2px;font-size:14px}.delete-menu .pop-sub{font-size:12px}.shop-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.shop-seg button{padding:6px 14px;font-size:14px}.shop-count{color:var(--muted);background:#e8e8ec;border-radius:999px;margin-left:7px;padding:0 7px;font-size:12px;font-weight:600}.seg button.on .shop-count{background:var(--fg);color:#fff}.shop-actions{align-items:center;gap:18px;display:flex}.shop-actions .link:disabled{color:var(--muted);cursor:default}.link.danger{color:#c62828}.shop-confirm{color:var(--muted);align-items:center;gap:12px;font-size:14px;display:inline-flex}.shop-again{margin:-4px 0 20px}.shop-again-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.shop-chips{flex-wrap:wrap;gap:6px;display:flex}.shop-chip{background:#f1f1f4;border-radius:999px;align-items:center;transition:background .15s;display:inline-flex}.shop-chip:hover{background:#e8e8ec}.shop-chip-main{color:var(--fg);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px 4px 5px 12px;font-size:14px;display:inline-flex}.shop-chip-x{color:#0000;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:4px;display:grid}.shop-chip:hover .shop-chip-x{color:var(--muted)}.shop-chip-x:hover{color:var(--fg);background:#d9d9df}.shop-chip.in-list{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.shop-chip.in-list .shop-chip-main{color:var(--muted)}.shop-list{flex-direction:column;display:flex}.shop-row{border-bottom:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;padding:10px 6px;transition:background .3s;display:flex}.shop-row:last-child{border-bottom:0}.shop-row:hover{background:#f7f7f9}.shop-row.flash{animation:1.3s shop-flash}@keyframes shop-flash{0%,60%{background:#fff4c9}to{background:0 0}}.shop-name{min-width:0;font:inherit;text-align:left;color:var(--fg);cursor:text;background:0 0;border:0;flex:1;align-items:baseline;gap:10px;padding:0;font-size:16px;display:flex}.shop-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-qty{color:var(--muted);background:#f1f1f4;border-radius:999px;flex:none;padding:1px 8px;font-size:13px}.shop-row.done .shop-title{color:var(--muted);text-decoration:line-through}.shop-edit{flex:1;gap:8px;min-width:0;display:flex}.shop-edit .field-input{flex:1;min-width:0}.shop-edit .field-input.qty{flex:none;width:90px}.shop-del{opacity:0}.shop-row:hover .shop-del,.shop-del:focus-visible{opacity:1}.shop-cart{margin-top:26px}.shop-cart-head{align-items:baseline;gap:8px;padding:4px 0;font-size:15px;font-weight:600;display:flex}.shop-cart-head .count{color:var(--muted);font-size:13px;font-weight:400}.login-page{box-sizing:border-box;justify-content:center;min-height:100%;padding-top:18vh;display:flex}.login{flex-direction:column;gap:14px;width:min(340px,100% - 48px);display:flex}.login h1{letter-spacing:-.02em;margin:0;font-size:34px}.login p{margin:-8px 0 10px}.login .field-input{box-sizing:border-box;width:100%;padding:11px 14px;font-size:15px}.login-wait{text-align:center;padding-top:18vh}.topnav .signout{margin-left:auto;font-size:13px}