.things-page{max-width:1250px;margin:auto}.things-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:6px 0 26px}.things-heading h1{font-size:38px;letter-spacing:-1.5px;margin:9px 0 12px;line-height:1.15}.things-heading-dot{color:#b9a178}.things-heading p{font-size:13px;line-height:1.8;color:#728198;max-width:580px}.things-head-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}.things-head-actions .btn{background:white}.things-summary{display:flex;align-items:center;gap:28px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px;color:#728198;font-size:11px}.things-summary strong{font-size:17px;color:var(--ink);margin-right:5px;font-weight:650}.things-summary-note{margin-left:auto;font-size:11px;font-style:italic}.things-capture{padding:22px 24px;border:1px solid #dce4f0;border-radius:13px;background:linear-gradient(115deg,#f2f6ff,#fff);margin-bottom:26px}.things-capture-label{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.things-capture label{font-size:13px;font-weight:650;color:#334966}.things-capture-label>span{font-size:11px;color:#748399}.things-capture-label b{font-weight:600;overflow-wrap:anywhere}.things-capture-line{display:flex;gap:10px}.things-capture-line input{border:1px solid #d8e0ed;background:white;border-radius:8px;padding:13px 15px;flex:1;min-width:0;color:var(--ink);font:inherit;font-size:13px}.things-capture p{font-size:10px;color:#8693a6;margin:12px 0 0;line-height:1.6}.things-capture p b{font-weight:500;color:#627591}.things-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:21px}.things-tabs{display:flex;gap:4px;background:#e9edf4;padding:4px;border-radius:9px}.things-tabs .btn{border:0;background:transparent;color:#78869b;box-shadow:none;font-weight:500}.things-tabs .btn[aria-pressed=true]{background:white;color:#28456b;box-shadow:0 1px 4px #20395910}.things-toolbar input{margin-left:auto;border:1px solid var(--line);padding:10px 12px;border-radius:8px;font-size:11px;width:210px;background:white}.things-expand{display:flex;gap:5px}.things-expand .btn{border:0;background:transparent;color:#687b99}.things-list-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;color:#8a97aa;font-size:10px;line-height:1.5}.things-list-caption span:first-child{font-size:9px;letter-spacing:1.4px;font-weight:650}.things-list{border-top:1px solid var(--line)}.thing-row{--depth:0;display:flex;gap:9px;align-items:center;position:relative;padding:17px 13px 17px calc(7px + var(--depth)*22px);border-bottom:1px solid #e6ebf2;min-height:90px;background:#fff;transition:background .12s}.thing-row:hover{background:#fbfcff}.thing-row.is-branch{background:#f8fafd}.thing-row.is-dragging{opacity:.4}.thing-grip{font-size:23px;line-height:1;color:#a8b4c5;padding:7px 3px;cursor:grab;flex:none;touch-action:none}.thing-grip:active{cursor:grabbing}.thing-grip:disabled{cursor:default;opacity:.3}.thing-expand{width:22px;min-width:22px;padding:8px 0;font-size:18px;color:#7285a3}.thing-expand:disabled{color:#d1d9e4}.thing-check{width:19px;height:19px;border:1.5px solid #c8d3e2;border-radius:5px;flex:none;color:white;font-size:12px;margin:0 3px}.thing-check[aria-pressed=true]{background:#5c9485;border-color:#5c9485}.thing-branch-progress{font-size:10px;color:#526e93;font-weight:650;min-width:30px;text-align:center}.thing-main{flex:1;min-width:0;padding-right:6px}.thing-title-line{display:flex;align-items:baseline;gap:9px}.thing-number{color:#9ba9bd;font-size:10px;min-width:14px;font-variant-numeric:tabular-nums}.thing-title{text-align:left;font-size:14px;font-weight:550;color:#30445f;line-height:1.55;overflow-wrap:anywhere}.thing-title:hover{color:#426fc5}.thing-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:#8c99ab;margin:7px 0 0}.thing-meta .btn{font-size:10px;border:0;padding:0;color:#758aaa;background:transparent}.thing-stage{display:inline-flex;align-items:center;gap:5px}.thing-stage:before{content:'';height:5px;width:5px;border-radius:50%;background:#b7c2d0}.stage-active{color:#5b7fb3}.stage-active:before{background:#789ad1}.stage-done{color:#689887}.stage-done:before{background:#77a794}.thing-priority{border-radius:4px;padding:3px 6px;background:#f3ebdb;color:#9b7b42;font-size:9px}.priority-top{background:#f7e8e8;color:#ac696d}.thing-meter{height:3px;max-width:220px;background:#e6ebf3;border-radius:3px;margin:11px 0 1px;overflow:hidden}.thing-meter span{display:block;background:#7e9cbe;height:100%}.is-done .thing-title{color:#82978e;text-decoration:line-through;text-decoration-color:#bdcdc5}.is-done .thing-meter span{background:#7ca393}.thing-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.thing-actions .btn{padding:6px 8px;border-color:#e4eaf3;background:white;font-size:10px;color:#6a7e9c}.thing-actions .btn:hover{border-color:#a7bbd8;background:#f1f5fd}.thing-row[data-drop-position=before]:before,.thing-row[data-drop-position=after]:after{content:'';position:absolute;left:calc(7px + var(--depth)*22px);right:4px;height:3px;background:#668dd1;border-radius:3px;z-index:2}.thing-row[data-drop-position=before]:before{top:-2px}.thing-row[data-drop-position=after]:after{bottom:-2px}.thing-row[data-drop-position=inside]{background:#eaf1fe;outline:2px solid #89a8df;outline-offset:-2px}.thing-row[data-drop-position=inside] .thing-main:after{content:'Drop to add as a subtask';font-size:10px;display:block;margin-top:6px;color:#486ca6}.things-empty{text-align:center;padding:55px 24px;background:white;border-bottom:1px solid var(--line);color:#8795a8;font-size:12px;line-height:1.9}.things-empty h2{font-size:21px;letter-spacing:-.5px;color:#4f6582;margin:8px 0}.things-empty-mark{font-size:36px;color:#96abc7}.things-empty .btn{margin-top:15px}.things-footnote{font-size:10px;color:#8e9aae;line-height:1.8;margin-top:19px}.things-dialog .field textarea{min-height:110px}.things-dialog p{line-height:1.8}.things-move-steps{display:flex;gap:7px;margin-top:20px;flex-wrap:wrap}.things-import-list{max-height:310px;overflow:auto;margin:15px 0}.things-import-list label{display:flex;align-items:flex-start;gap:10px;padding:12px 3px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.things-import-list input{margin-top:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.things-page button:focus-visible,.things-page input:focus-visible,.things-dialog button:focus-visible{outline:2px solid #668dd1;outline-offset:3px}.thing-parent-hint{display:none}.things-page button:disabled{cursor:default}.things-page input:disabled{opacity:.65}
@media(max-width:1100px){.things-heading{flex-wrap:wrap;gap:12px}.things-head-actions{padding:0}.things-summary{gap:18px;flex-wrap:wrap}.things-summary-note{margin-left:0}.thing-actions{max-width:145px}.things-expand{display:none}.thing-row{padding-left:calc(5px + var(--depth)*14px)}.thing-title{font-size:13px}}
@media(max-width:680px){.things-heading h1{font-size:32px}.things-heading p{font-size:12px}.things-summary{gap:12px}.things-summary strong{font-size:15px}.things-summary-note{flex-basis:100%}.things-capture{padding:17px}.things-capture-label{align-items:flex-start;flex-direction:column;gap:6px}.things-capture-line{flex-wrap:wrap}.things-capture-line input{flex-basis:100%;font-size:16px}.things-capture-line .btn{width:100%}.things-toolbar{gap:10px}.things-tabs{flex:1;justify-content:space-between}.things-tabs .btn{font-size:10px;padding:8px}.things-toolbar input{width:100%;margin:0;font-size:14px}.things-list-caption{align-items:flex-start;flex-direction:column;gap:5px}.thing-row{padding:14px 8px 14px calc(2px + min(var(--depth),3)*10px);gap:6px;flex-wrap:wrap}.thing-grip{font-size:21px;padding:5px 0}.thing-expand{min-width:18px;width:18px}.thing-main{flex:1;min-width:150px}.thing-title{font-size:13px}.thing-actions{flex-basis:100%;max-width:none;justify-content:flex-start;padding-left:57px;gap:8px}.thing-actions .btn{padding:8px 10px}.thing-meta{font-size:9px;gap:7px}.thing-parent-hint{display:inline}.thing-row[data-drop-position=before]:before,.thing-row[data-drop-position=after]:after{left:0}.things-footnote{font-size:10px}.thing-number{font-size:9px}.things-head-actions .btn{font-size:11px}}
