.tasks-page{height:100vh;height:100dvh;overflow:hidden}.seg{display:inline-flex}.seg button:first-child{border-radius:6px 0 0 6px}.seg button:last-child{border-radius:0 6px 6px 0;margin-left:-1px}.narrow-only{display:none}.tasks-app{flex:1;grid-template-columns:15rem 1fr;min-height:0;display:grid}.side{border-right:1px solid var(--line);background:var(--panel);padding:.75rem .5rem;overflow-y:auto}.side h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1rem .6rem .3rem;font-size:.75rem;font-weight:600}.side hr{border:0;border-top:1px solid var(--line);margin:.75rem .4rem}.nav{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;display:flex}.nav .icon{color:var(--muted)}.nav[aria-current=true] .icon{color:var(--fg)}.nav .name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav .count,.column .count{color:var(--muted);margin-left:auto;font-size:.85rem}.nav:hover{background:var(--bg)}.nav[aria-current=true]{background:var(--bg);font-weight:600}.nav.drop{outline:2px dashed var(--accent)}.add-list{color:var(--muted)}.view{padding:1.25rem clamp(1rem,3vw,2.5rem) 4rem;overflow-y:auto}.view-head{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.view-head h1{flex:1;min-width:8rem;margin:0;font-size:1.5rem}.view-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.view-note{margin:0 0 .75rem}.add{gap:.5rem;max-width:46rem;margin-bottom:1rem;display:flex}.add input{flex:1;min-width:0}.check{align-items:center;gap:.35rem;display:inline-flex}.check input{margin:0}.group{margin:1.25rem 0 .4rem;font-size:.9rem;font-weight:600}.group.late,.late{color:var(--bad)}.rows{gap:.35rem;max-width:46rem;display:grid}.empty-view{padding:1rem 0}.task{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:flex-start;gap:.6rem;padding:.55rem .7rem;display:flex}.task.dragging{opacity:.4}.task.drop-before{box-shadow:0 -3px 0 var(--accent)}.task.drop-after{box-shadow:0 3px 0 var(--accent)}.task.done .title{color:var(--muted);text-decoration:line-through}.tick,.tick-space{border:1.5px solid var(--muted);background:0 0;border-radius:50%;flex:none;width:1.2rem;height:1.2rem;margin-top:.15rem;padding:0}.tick-space{border:0}.tick:hover{border-color:var(--accent)}.tick{justify-content:center;align-items:center;display:inline-flex}.tick .icon{vertical-align:0;visibility:hidden;color:var(--accent);font-size:.8rem}.tick:hover .icon{visibility:visible}.tick[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.tick[aria-pressed=true] .icon{visibility:visible;color:var(--accent-fg)}.task .body{text-align:left;white-space:normal;background:0 0;border:0;flex:1;gap:.1rem;min-width:0;padding:0;display:grid}.task .title{overflow-wrap:anywhere}.task .meta{color:var(--muted);flex-wrap:wrap;gap:0 .75rem;font-size:.82rem;display:flex}.task .meta>span{align-items:center;gap:.25em;display:inline-flex}.task .notes{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.badge{color:var(--accent)}.star{color:var(--muted);background:0 0;border:0;flex:none;padding:.1rem;font-size:1.05rem}.star:hover{color:var(--fg)}.star[aria-pressed=true],.tick[aria-pressed=true]{box-shadow:none}.star[aria-pressed=true]{color:#d9a400}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.done-head{align-items:center;gap:.75rem;margin:1.25rem 0 .5rem;display:flex}.link-button{background:0 0;border:0;gap:.25em;padding:0;font-weight:600}.board{grid-template-columns:repeat(3,minmax(15rem,1fr));align-items:start;gap:1rem;display:grid;overflow-x:auto}.column{background:color-mix(in srgb, var(--line) 35%, transparent);border-radius:10px;min-height:8rem;padding:.6rem}.column h3{margin:.1rem .25rem .6rem;font-size:.9rem;display:flex}.column.drop{outline:2px dashed var(--accent)}.column .rows{max-width:none}dialog.sheet{border:1px solid var(--line);background:var(--panel);width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--fg);border-radius:12px;padding:1.25rem}dialog.sheet.wide{width:min(40rem,100vw - 2rem);padding:0}dialog::backdrop{background:#00000073}#editForm{gap:.75rem;display:grid}#editForm label{color:var(--muted);gap:.2rem;font-size:.87rem;display:grid}#editForm label.check{color:var(--fg);font-size:1rem;display:inline-flex}#editForm input,#editForm select,#editForm textarea{width:100%;color:var(--fg)}#editForm input[type=checkbox]{width:auto}textarea{font:inherit;color:inherit;border:1px solid var(--line);background:var(--panel);resize:vertical;border-radius:6px;padding:.4rem .8rem}.big{font-size:1.15rem}.grid2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.grid3{grid-template-columns:1.4fr 1fr 1fr;gap:.75rem;display:grid}.hint{margin:-.4rem 0 0}.custom{border:1px solid var(--line);border-radius:8px;gap:.5rem;margin:0;padding:.75rem;display:grid}.custom .row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}#editForm .custom input.num,input.num{width:5rem}#editForm .custom select,#editForm .custom input[type=date]{width:auto}.weekdays .day{flex-direction:column;align-items:center;gap:.1rem;display:inline-flex!important}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.grow{flex:1;min-width:0}.error-text{color:var(--bad);margin:0;font-size:.9rem}.sheet-head{z-index:1;border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex;position:sticky;top:0}.sheet-head h2{margin:0;font-size:1.15rem}#settingsBody{padding:0 1.25rem 1.25rem}.setting{border-bottom:1px solid var(--line);padding:1rem 0}.setting:last-child{border-bottom:0}.setting h3{margin:0 0 .6rem;font-size:1rem}.setting h4{margin:1rem 0 .4rem;font-size:.9rem}.setting .row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.setting .row label.grow{align-items:center;gap:.5rem;display:flex}.setting .row label.grow input{flex:1;min-width:0}.setting .muted{margin:.4rem 0}.setting .days{margin:.4rem 0;display:block}.devices{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.devices li{border:1px solid var(--line);border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .6rem;display:flex}.pairing{border:1px solid var(--accent);border-radius:8px;flex-wrap:wrap;place-items:center start;gap:.6rem;margin:.75rem 0;padding:.75rem;display:grid}.pairing p,.pairing .row{margin:0}.qr{background:#fff;border-radius:8px;width:min(15rem,70vw);padding:.5rem;line-height:0}.qr svg{width:100%;height:auto}#scanner{gap:.6rem;display:grid}#scanner:not([open]){display:none}.scanner-title{margin:0;font-size:1.1rem}.scan-video{background:#000;border-radius:8px;width:100%;max-height:50vh}#scanner textarea{width:100%}@media (max-width:760px){.narrow-only{display:inline-block}.tasks-app{grid-template-columns:1fr}.side{z-index:3;width:min(18rem,85vw);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 2rem #0000004d}.side-open .side{transform:none}.bar .file-name,.bar .label{display:none}.board{grid-template-columns:repeat(3,minmax(16rem,85vw))}.grid3{grid-template-columns:1fr 1fr}.grid3 label:first-child{grid-column:1/-1}}.sync-nudge{color:var(--muted);font-weight:400}.sync-nudge:hover{color:var(--fg)}.devices li>.icon{color:var(--muted)}