@charset "UTF-8";
:root{font-family:Inter,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#303245;background:#f6f7fb;font-synthesis:none;font-size:14px;--purple:#7361cf;--purple-dark:#5744b2;--muted:#8a8ca0;--border:#e8e9f1;--overdue:#fff0f3}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea,[contenteditable]{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit;line-height:1.4}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible,[tabindex]:focus-visible{outline:3px solid #a99ae8;outline-offset:3px}button{transition:background .16s,transform .16s,box-shadow .16s}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit}input,textarea,select{color:#383a50;border:1px solid #e1e3ed;background:white;border-radius:9px;padding:10px 12px;min-width:0}select{font-size:12px;cursor:pointer}textarea{resize:vertical;line-height:1.8}input[type=color]{padding:3px;width:43px;height:35px;cursor:pointer}input[type=checkbox]{accent-color:var(--purple);width:16px;height:16px}p{line-height:1.9}h1,h2,h3,p{margin-top:0}fieldset{border:0;margin:0;padding:0;min-width:0}.icon{display:inline-flex;font-size:18px;align-items:center;justify-content:center;line-height:1;flex:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;min-width:320px}.topbar{height:83px;display:flex;align-items:center;gap:36px;background:white;border-bottom:1px solid var(--border);padding:0 30px;flex:none}.brand{display:flex;gap:11px;align-items:center;font-weight:750;font-size:24px;text-decoration:none;letter-spacing:-.7px;min-width:187px}.brandmark{height:39px;width:39px;border-radius:12px;background:var(--purple);color:white;display:flex;align-items:center;justify-content:center;font-size:30px;position:relative;font-weight:750;letter-spacing:-4px;padding-right:5px;box-shadow:0 4px 12px #7361cf1f}.brandmark span{font-size:29px;margin-left:-2px}.brand small{display:block;font-size:7px;letter-spacing:1.8px;font-weight:600;color:#9793ad;margin-top:1px}.global-search{display:flex;align-items:center;gap:7px;border-radius:9px;background:#f6f7fb;width:320px;color:#a0a0b3;padding:0 12px}.global-search input{border:0;background:transparent;width:100%;font-size:12px;padding:12px 3px}.global-search kbd{font:10px inherit;white-space:nowrap;font-size:10px;color:#a3a4b5;border:1px solid #e7e7ef;border-radius:4px;padding:2px 5px}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto;white-space:nowrap}.save-status{font-size:10px;color:#9195a6;margin-right:8px}.save-dot{width:5px;height:5px;border-radius:50%;background:#71b296}.avatar{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#f2e9df;font-weight:700;color:#a3866b;font-size:12px;margin-left:7px}.quiet,.primary{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;padding:10px 15px;white-space:nowrap}.quiet{background:white;border:1px solid #e3e4ee}.quiet:hover{background:#f4f2fb}.primary{background:var(--purple);color:#fff;box-shadow:0 3px 8px #7361cf17;border:1px solid transparent}.primary:hover{background:var(--purple-dark);box-shadow:0 5px 15px #7361cf35}.pin-button{font-size:10px;padding:8px 10px}.pin-button .icon{font-size:17px}.pin-button.is-pinned{background:#ece6fb;color:#5843b1}.app-body{display:flex;flex:1;min-height:0}.sidebar{width:207px;flex:none;border-right:1px solid var(--border);background:white;padding:35px 18px 21px;display:flex;flex-direction:column}.nav-label{font-size:10px;color:#a3a4b3;padding:0 14px;margin-bottom:17px;letter-spacing:1px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;color:#858899;width:100%;padding:12px 15px;border-radius:8px;font-weight:500}.nav-item .icon{font-size:19px;width:20px}.nav-item:hover{background:#f8f7fb}.nav-item.selected{color:#7661c8;background:#f0edf9;font-weight:650}.sidebar-bottom{margin-top:auto;padding:30px 11px 0}.storage-icon{color:#a99ae0;font-size:23px;margin-bottom:13px}.storage-icon .icon{font-size:27px}.sidebar-bottom>strong{font-size:10px;letter-spacing:-.2px}.sidebar-bottom>p{font-size:10px;color:#a1a3b0;margin-top:8px;line-height:1.9}.backup-link{font-size:9px;color:#8d7acb;display:flex;align-items:center;gap:8px;padding:0}.backup-link .icon{font-size:13px}.plan-card{display:grid;grid-template-columns:1fr auto;align-items:center;border-top:1px solid var(--border);padding-top:22px;margin-top:27px;font-size:11px;gap:8px}.plan-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:115px}.plan-card b{font-size:8px;letter-spacing:.6px;background:#f1eef9;color:#8f7aca;padding:4px 6px;border-radius:4px}.plan-card small{grid-column:1/-1;color:#a2a3b2;font-size:9px}.sidebar-bottom>.text-button{font-size:9px;margin-top:10px;padding:3px 0;color:#aaaabd}.main{flex:1;overflow:auto;min-width:0;display:flex;flex-direction:column;padding:0 35px;background:radial-gradient(ellipse at 95% 0%,#efecf755,transparent 65%),#f7f8fb}.genre-bar{min-height:69px;border-bottom:1px solid #e7e7ef;display:flex;align-items:stretch;gap:13px;flex:none}.genre-tabs{display:flex;gap:23px;overflow:auto}.genre-tab{display:flex;align-items:center;gap:8px;position:relative;font-size:11px;color:#9a99a8;padding:3px 2px 0;white-space:nowrap}.genre-tab[aria-selected=true]{color:#6552b2;font-weight:650}.genre-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:0;background:#8570ce;height:2px;border-radius:2px}.genre-tab>span:last-child:not(.genre-dot){font-size:9px}.genre-dot{width:7px;height:7px;border-radius:2px;background:#8e7dcc}.tone-1{background:#dfac80}.tone-2{background:#7eafa2}.tone-3{background:#cc8ead}.add-genre{color:#a5a0b8;font-size:18px;padding:0 3px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:37px 0 26px}.eyebrow{font-size:8px;letter-spacing:2.2px;color:#a5a0b8;font-weight:600;margin-bottom:10px}.page-heading h1{font-size:27px;letter-spacing:-.9px;font-weight:650;line-height:1.3;margin-bottom:9px}.page-heading p{font-size:11px;color:#a2a1b1;margin:0;letter-spacing:.3px}.heading-menu{color:#a9a6bc;font-size:22px;margin-left:12px;vertical-align:middle;padding:0 6px}.heading-actions{display:flex;align-items:center;gap:10px}.heading-actions .primary{padding:12px 16px;font-size:11px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 23px}.task-total{font-size:10px;color:#9c9aaa;display:flex;align-items:center;gap:7px;white-space:nowrap}.task-total b{color:#716b88;font-weight:600;font-size:13px}.toolbar-divider{height:12px;width:1px;background:#dddbe7;margin:0 9px}.completion-dot{width:5px;height:5px;border-radius:50%;background:#a7c2b7}.filter-row{display:flex;align-items:center;gap:12px}.filter-row select{background:transparent;font-size:10px;padding:7px 9px;border-color:#e3e2ed;border-radius:6px;color:#8b879c}.filter-row .quiet{background:transparent;font-size:10px;padding:7px 10px}.filter-row .icon{font-size:14px}.board-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(210px,1fr));align-items:start;gap:19px;padding-bottom:35px;overflow-x:auto;min-height:380px}.column{border:1px solid #e9e7f2;border-radius:13px;background:#eeedf554;padding:12px 10px 7px;min-height:169px;transition:background .2s}.column-1{background:#f3efe95c;border-color:#eae5dd}.column-2{background:#eaf2ee8c;border-color:#e1eae4}.column-3{background:#f4eaf05c}.column-4{background:#eaf0f45c}.column-5{background:#f3f1e75c}.column-header{display:flex;align-items:center;gap:8px;padding:3px 3px 13px}.column-indicator{width:7px;height:7px;background:#a194ce;border-radius:50%;margin-left:4px}.column-1 .column-indicator{background:#d6af7c}.column-2 .column-indicator{background:#80b19e}.column-header h2{font-size:12px;letter-spacing:.4px;font-weight:600;margin:0;color:#736b8b;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-1 h2{color:#8b7c62}.column-2 h2{color:#628e7b}.count{font-size:9px;color:#aaa2bb;background:#e4dff059;border-radius:5px;padding:2px 6px}.column-1 .count{color:#bba482;background:#eae2d955}.column-2 .count{color:#92b5a5;background:#dceae155}.column-menu{color:#aca5be;font-size:18px;line-height:1;margin-left:auto;padding:0 5px}.card-stack{min-height:25px;display:flex;flex-direction:column;gap:10px}.task-card{background:#fff;box-shadow:0 2px 4px #25204b03;border:1px solid #e7e5ed;border-radius:9px;padding:15px 13px 13px;cursor:grab;transition:box-shadow .17s,transform .17s,border-color .17s;position:relative;min-width:0;animation:card-in .2s ease}.task-card:hover{box-shadow:0 6px 18px #3129540b;transform:translateY(-2px);border-color:#d4ccea}.task-card:active{cursor:grabbing}.card-title-row{display:flex;gap:7px;align-items:center;min-width:0}.card-title-row strong{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.label-dots{display:flex;gap:3px;margin-left:auto;flex-shrink:0}.label-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--label);flex-shrink:0}.grip{color:#c2bfce;font-size:15px;opacity:0;margin-right:-5px;flex:none;touch-action:none}.task-card:hover .grip,.task-card:focus .grip{opacity:1}.card-note{font-size:10px;line-height:1.6;color:#a2a0ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 15px}.card-due{display:flex;align-items:center;justify-content:space-between;color:#a09aad;font-size:9px;line-height:1.3;min-height:13px}.card-due>span{display:flex;align-items:center;gap:5px}.card-due .icon{font-size:12px}.card-due.no-due{color:#bebbc8}.card-due .comment-count{font-size:9px}.overdue{background:var(--overdue)!important;border-color:#f2dbe2}.overdue .card-due{color:#c38b9e}.overdue-label{font-size:8px;background:#f6dde6;border-radius:3px;padding:2px 4px}.add-card{display:flex;align-items:center;gap:6px;font-size:10px;color:#a7a0b6;text-align:left;width:100%;padding:13px 5px 7px}.add-card .icon{font-size:16px}.add-card:hover{color:#7665a4}.workspace-footer{display:flex;justify-content:space-between;color:#c3c0cf;font-size:8px;letter-spacing:1.1px;margin-top:auto;padding:20px 0 22px}.workspace-footer>span:first-child{font-size:10px;letter-spacing:.3px}.workspace-footer .dot{margin:0 6px}.save-alert{background:#fff0f2;border:1px solid #f4dce3;border-radius:8px;padding:12px;font-size:12px;color:#9d4d6a;margin-top:15px}.text-button{color:#9184b4;font-size:11px;padding:7px 6px;border-radius:5px}.text-button:hover{background:#eeeaf7}.list-toolbar{display:flex;align-items:center;gap:13px;margin-bottom:20px;flex-wrap:wrap}.list-toolbar>select{margin-left:auto}.segmented{display:inline-flex;border:1px solid #e6e3ee;background:#edebf3;padding:3px;border-radius:9px;gap:3px}.segmented button{font-size:11px;padding:8px 13px;border-radius:6px;color:#9d95b0}.segmented button.active{background:white;color:#736295;box-shadow:0 1px 3px #58497b0d}.table-wrap{background:white;border:1px solid var(--border);border-radius:13px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;min-width:630px}th{font-size:9px;color:#a9a3b6;font-weight:500;padding:18px 20px;border-bottom:1px solid #eeebf3}td{padding:16px 20px;border-bottom:1px solid #f0edf5;color:#928aa4}tbody tr:last-child td{border-bottom:0}.table-title{font-size:12px;padding:0;text-align:left;font-weight:500;color:#555267;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td small{display:block;font-size:10px;color:#a9a5b5;max-width:290px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:5px}.status-pill{display:inline-block;background:#f3f1f9;border-radius:5px;padding:5px 8px;font-size:10px;white-space:nowrap}.label-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;border:1px solid color-mix(in srgb,var(--label) 25%,white);color:color-mix(in srgb,var(--label) 85%,#222);background:color-mix(in srgb,var(--label) 9%,white);padding:3px 7px;border-radius:5px;margin:2px}.label-pill:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--label)}.nowrap{white-space:nowrap}.empty-state{text-align:center;padding:70px 20px;color:#9d96ae;font-size:13px}.empty-state small{display:block;font-size:11px;margin-top:12px;color:#b1aabc}.calendar-shell{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:25px}.calendar-toolbar{padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.calendar-toolbar h2{font-size:18px;font-weight:500;margin:0;color:#92849f}.calendar-toolbar h2 span{color:#655775}.calendar-toolbar>div{display:flex;gap:5px}.square{border:1px solid var(--border);border-radius:7px;width:32px;font-size:20px;background:white;color:#9a8ca7}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{text-align:center;font-size:10px;color:#aaa1b6;padding:11px;background:#fbfaff;border-top:1px solid var(--border)}.calendar-day{border-top:1px solid #efecf4;border-right:1px solid #efecf4;min-height:115px;padding:9px;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day.outside{background:#fbfbfd;color:#cbc6d4}.day-number{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a193ac;min-height:22px;margin-bottom:7px}.day-number>span{display:grid;place-items:center;width:24px;height:24px}.day-add{opacity:0;color:#a194ba}.calendar-day:hover .day-add,.day-add:focus-visible{opacity:1}.calendar-day.today{background:#f9f7fd}.today .day-number>span{background:#9680ce;color:white;border-radius:50%}.calendar-event{font-size:9px;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:5px;color:#8a769e;border-radius:5px;background:#f3eff9;margin-top:4px}.calendar-event:hover{background:#e8def5}.event-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#baa5d6;margin-right:4px}.settings-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:30px}.settings-card{background:white;border:1px solid var(--border);padding:27px;border-radius:13px}.section-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;margin-bottom:17px;font-size:20px}.section-icon.purple{background:#f1edfb;color:#9a83d1}.section-icon.amber{background:#fbf3e8;color:#cfb182}.settings-card h2{font-size:16px;font-weight:600;margin-bottom:11px}.settings-card h3{font-size:12px;font-weight:600;margin-bottom:12px}.settings-card p{font-size:11px;color:#a09aad;line-height:1.9}.settings-card.compact p{margin-bottom:7px}.location-box{background:#f8f7fc;border:1px solid #eeebf5;padding:15px;border-radius:8px;display:flex;flex-direction:column;gap:7px;margin:20px 0;color:#8b80a0;font-size:11px;overflow-wrap:anywhere}.location-box small{font-size:9px;color:#b1a6bf}.location-box strong{font-weight:500;margin-bottom:7px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.button-row>button{font-size:10px;padding:9px 10px}.setting-separator{height:1px;background:#eeebf3;margin:25px 0}.fine-print{font-size:10px!important;color:#aaa3b7!important;line-height:1.8}.label-manager>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid #f1eef6;padding:10px 2px}.label-manager{margin:10px 0 16px}.label-manager .label-dot{width:8px;height:8px}.label-manager strong{font-size:11px;font-weight:500}.label-manager button{margin-left:auto;font-size:10px}.color-setting{display:flex;align-items:center;gap:12px;font-size:10px;color:#9f94ac}.modal{padding:0;border:1px solid #ede8f4;border-radius:17px;max-height:90dvh;width:min(510px,calc(100vw - 32px));max-width:1100px;color:#4f465e;box-shadow:0 25px 100px #26113a33;background:#fff;animation:modal-in .2s ease;overflow:auto}.modal::backdrop{background:#22173760;backdrop-filter:blur(5px)}.modal.wide{width:min(1050px,calc(100vw - 48px))}.modal-header{padding:21px 25px;border-bottom:1px solid #f0edf5;display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:13px;font-weight:600;margin:0;color:#93829e}.modal-close{font-size:25px;color:#a79aaf;line-height:1;width:24px;height:24px}.modal-body{padding:25px}.modal-body>p{font-size:12px;color:#95849f}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 25px;border-top:1px solid #f0edf5;background:#fcfbfd}.modal-footer button{font-size:11px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;min-width:0}.field>span:first-child{font-size:11px;color:#96859f;font-weight:500}.field input,.field textarea{font-size:12px;border-color:#e7e1ed}.field select{font-size:11px;border-color:#e7e1ed}.check-line{display:flex;align-items:center;gap:8px;font-size:11px;margin:14px 0;color:#9b8aa5}.form-error{font-size:12px;color:#be657e;padding:0 25px}.form-error:not(:empty){padding-bottom:15px}.detail-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:0}.wide .modal-body{padding:0}.detail-main{padding:26px 30px}.detail-main .title-input{font-size:22px;font-weight:600;border-color:transparent;border-radius:6px;padding:4px 0;color:#54465e}.detail-main .title-input:focus{padding-left:8px}.detail-properties{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-properties .field{flex:1;min-width:130px}.detail-properties .text-button{font-size:9px;align-self:center;margin-top:4px}.label-picker{display:flex;flex-wrap:wrap;gap:6px}.label-choice{display:flex;align-items:center;gap:3px}.label-choice input{width:12px;height:12px}.rich-editor{border:1px solid #e7e1ed;border-radius:10px;overflow:hidden}.editor-tools{display:flex;align-items:center;gap:7px;padding:6px 10px;border-bottom:1px solid #f0ebf4;background:#fcfbfd}.editor-tool{height:26px;width:26px;font-size:14px;border-radius:4px;color:#9d88ac}.editor-tool:hover{background:#f0e9f7}.editor-tools>span{font-size:8px;color:#beaec8;margin-left:auto}.editor-color{height:25px;width:25px;position:relative;font-size:14px;color:#9d88ac;display:grid;place-items:center;border-bottom:2px solid #b9a2d0}.editor-color input{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.note-editor{min-height:110px;padding:15px;white-space:pre-wrap;font-size:12px;line-height:1.8;color:#82708f;overflow-wrap:anywhere}.detail-bottom{border-top:1px solid #f0eaf6;display:flex;align-items:center;gap:5px;padding-top:15px;flex-wrap:wrap}.detail-bottom>span{font-size:9px;color:#b4a6bd;margin-right:auto}.detail-bottom button{font-size:9px}.comment-panel{background:#f7f5f9;border-left:1px solid #eae4f0;padding:29px 23px}.comment-panel h3{font-size:12px;margin-bottom:6px;color:#8a7996}.comment-panel>p{font-size:10px;color:#b2a4bd;margin-bottom:24px}.comment-panel>.quiet{font-size:10px}.comment-panel>small{display:block;font-size:9px;color:#b8aabe;margin-top:12px}.comment-panel textarea{background:#fff;font-size:11px}.comment-timeline{max-height:260px;overflow:auto;margin-bottom:20px}.comment{background:white;border:1px solid #ece5f2;border-radius:9px;padding:13px;margin-bottom:12px}.comment-meta{display:flex;flex-direction:column;gap:4px}.comment-meta strong{font-size:10px;color:#947ca4;font-weight:500}.comment-meta time{font-size:8px;color:#b7a7c4}.comment p{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;color:#9f8caf}.comments-empty{font-size:10px;color:#c1b4cb;text-align:center;padding:25px 0 30px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:10000;background:#4d4362;color:white;padding:13px 22px;border-radius:10px;max-width:min(650px,90vw);font-size:12px;box-shadow:0 8px 35px #32224420;line-height:1.8;animation:toast-in .2s ease}.toast.error{background:#9e556b}.readonly-note{font-size:12px;color:#a48ab2}.drop-active{background:#e4dcf3!important;border-color:#b5a2d8}.drop-before:before,.drop-after:after{content:"";height:3px;background:#a18ace;position:absolute;left:0;right:0;border-radius:3px}.drop-before:before{top:-7px}.drop-after:after{bottom:-7px}.is-dragging{opacity:.35;transform:rotate(2deg)}.pip-placeholder,.fatal{display:grid;place-content:center;height:100vh;text-align:center;color:#9b89ad}.pip-placeholder h1{font-size:25px}.pip-placeholder button{background:#a18ace;color:white;border-radius:9px;padding:12px}.welcome{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 76% 52%,#eae5f766,transparent 60%),#f8f8fb;color:#4b415d}.welcome-header{display:flex;align-items:center;justify-content:space-between;padding:35px 6vw}.welcome-plan{font-size:10px;color:#a199b0;border:1px solid #e8e2ef;border-radius:99px;padding:8px 14px}.welcome-main{display:flex;justify-content:center;align-items:center;gap:10vw;flex:1;padding:40px 6vw 80px}.welcome-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#b0a2c2;margin-bottom:26px}.welcome-copy h1{font-size:clamp(38px,4.8vw,68px);line-height:1.5;letter-spacing:-2px;font-weight:550;margin-bottom:26px}.welcome-copy em{font-style:normal;color:#9480c4}.welcome-copy p{font-size:13px;color:#a89bb6;line-height:2.4;letter-spacing:.5px}.welcome-badges{display:flex;gap:18px;margin-top:35px;font-size:9px;color:#aea0bb}.start-card{background:#ffffffc9;border:1px solid #e9e3f1;border-radius:20px;padding:35px;width:350px;box-shadow:0 20px 70px #71519708;backdrop-filter:blur(12px)}.start-card h2{font-size:20px;font-weight:500;margin-bottom:13px}.start-card>p{font-size:11px;color:#b09cbe;white-space:pre-line;margin-bottom:25px}.full{width:100%;margin-bottom:10px;padding:13px}.start-card .full{font-size:11px}.start-note{font-size:9px;color:#b7a7c3;border-top:1px solid #f0e8f7;margin-top:22px;padding-top:18px;line-height:2.2}.welcome-footer{padding:20px 6vw 30px;color:#c2b5cf;font-size:10px;display:flex;justify-content:space-between}.welcome-footer span{font-size:8px;letter-spacing:1.3px}.setup-steps{display:flex;gap:10px;list-style:none;padding:0;margin:0 0 27px;flex-wrap:wrap;font-size:9px;color:#beadc8}.setup-steps [aria-current]{color:#9680b2}.priority-mark{color:#ce9e65;font-size:11px}.check-summary{color:#a5aa91}.checklist{border:1px solid #e9e2ee;border-radius:9px;padding:12px;margin-bottom:22px}.check-progress{height:4px;background:#f0eaf5;border-radius:3px;overflow:hidden;margin:8px 0 15px}.check-progress>span{display:block;background:#b8a2d2;height:100%;transition:width .2s}.check-item{display:flex;gap:7px;align-items:center;margin:8px 0;font-size:12px;color:#a18aac}.check-item>span{flex:1;overflow-wrap:anywhere}.check-item.complete>span{text-decoration:line-through;color:#bcb0c8}.check-item>button{color:#c6b7d1}.check-add{display:flex;gap:7px}.check-add input{width:100%;font-size:11px}.check-add button{padding:6px 10px}.due-filter{max-width:140px}.undo-button{margin-left:10px;color:#d8cee8;border-bottom:1px solid #d8cee8;padding:0 3px}.board-empty-hint{font-size:10px;color:#bfb4cb;text-align:center;padding:20px 8px;line-height:1.9}
@keyframes card-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{from{opacity:0;bottom:15px}to{opacity:1;bottom:27px}}
@media(min-width:1550px){.main{padding:0 48px}.board-grid{gap:25px}.task-card{padding:20px 17px 17px}.card-title-row strong{font-size:13px}.card-note{font-size:11px}.card-due{font-size:10px}.column{padding:15px 13px 10px}}
@media(max-width:1150px){.topbar{padding:0 22px;gap:17px}.global-search{width:240px}.save-status{display:none}.sidebar{width:175px;padding-left:12px;padding-right:12px}.brand{min-width:155px}.main{padding:0 25px}.board-grid{gap:13px;grid-template-columns:repeat(var(--columns),minmax(195px,1fr))}.settings-card{padding:23px}.filter-row{gap:7px}.column-header h2{max-width:110px}}
@media(max-width:850px){.sidebar{width:65px;padding:27px 8px}.nav-label,.sidebar-bottom{display:none}.nav-item{font-size:0;gap:0;justify-content:center;padding:14px 0}.nav-item .icon{font-size:22px}.topbar{height:70px}.brand{min-width:145px;font-size:21px}.brandmark{width:33px;height:33px;font-size:25px}.brand small{font-size:6px}.global-search{width:220px}.top-actions{gap:5px}.settings-grid{grid-template-columns:1fr}.board-grid{grid-template-columns:repeat(var(--columns),minmax(180px,1fr))}.main{padding:0 20px}.card-title-row strong{font-size:11px}.card-note{font-size:10px}.grip{opacity:.55}.modal.wide{width:calc(100vw - 24px)}.detail-main{padding:23px}.comment-panel{padding:25px 18px}.welcome-main{gap:5vw}.start-card{width:310px;padding:29px}.welcome-copy h1{font-size:44px}}
@media(max-width:700px){.topbar{padding:0 16px;gap:10px;height:65px;flex-wrap:wrap}.brand{min-width:120px;font-size:20px;gap:8px}.brand small{display:none}.global-search{width:auto;flex:1;min-width:90px}.global-search kbd{display:none}.global-search input{font-size:11px;padding:10px 0}.top-actions .avatar,.top-actions .save-dot{display:none}.pin-button span:not(.icon){display:none}.pin-button{padding:7px}.app-body{flex-direction:column}.sidebar{padding:0 12px;width:100%;height:49px;border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{flex-direction:row;height:100%;gap:7px;justify-content:space-around}.nav-item{font-size:10px;gap:6px;padding:8px 10px;width:auto;border-radius:0}.nav-item .icon{font-size:16px}.nav-item.selected{background:white;border-bottom:2px solid #a58fcd}.main{padding:0 16px}.genre-bar{min-height:53px}.genre-tabs{gap:21px}.genre-tab{font-size:10px}.page-heading{padding:26px 0 21px;align-items:flex-end}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.eyebrow{font-size:7px}.heading-actions .primary{padding:9px 10px;font-size:10px}.board-toolbar{flex-wrap:wrap;gap:14px;padding-bottom:19px}.filter-row{margin-left:auto}.filter-row .quiet{font-size:9px}.filter-row select{max-width:130px;font-size:9px;padding:7px}.board-grid{display:flex;flex-direction:column;gap:19px;min-height:0;overflow:visible}.column{width:100%;padding:13px}.column-header h2{max-width:230px;font-size:13px}.card-title-row strong{font-size:13px}.task-card{padding:17px}.card-note{font-size:11px;margin:9px 0 15px}.card-due{font-size:10px}.column-header{padding-bottom:15px}.add-card{font-size:11px;padding-top:15px}.card-stack{gap:11px}.workspace-footer{font-size:7px;padding-top:30px}.workspace-footer>span:first-child{font-size:9px}.heading-actions>select{max-width:140px}.list-toolbar{gap:10px}.segmented button{font-size:10px;padding:7px 9px}.list-toolbar>select{margin-left:0;font-size:10px}.calendar-day{min-height:91px;padding:4px}.calendar-event{font-size:8px;padding:4px 2px}.calendar-toolbar{padding:16px}.calendar-toolbar h2{font-size:17px}.weekday{font-size:9px}.day-number{font-size:9px}.day-add{opacity:1;font-size:10px;padding:0}.day-number>span{width:21px;height:21px}.settings-card{padding:23px}.settings-card p{font-size:11px}.modal{width:calc(100vw - 20px);max-height:94dvh;border-radius:13px}.modal-header{padding:17px 19px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;position:sticky;bottom:0;z-index:2}.detail-grid{display:flex;flex-direction:column}.detail-main{padding:20px}.detail-main .title-input{font-size:20px}.comment-panel{border-left:0;border-top:1px solid #eae4f0;padding:23px 20px}.comment-timeline{max-height:230px}.detail-bottom button{font-size:10px}.field>span:first-child{font-size:11px}.detail-properties{gap:8px}.detail-properties .field{min-width:130px}.welcome-header{padding:25px 7vw}.welcome-main{flex-direction:column;align-items:stretch;gap:38px;padding:25px 8vw 50px}.welcome-copy h1{font-size:44px;margin-bottom:19px}.welcome-copy p{font-size:12px}.welcome-copy .eyebrow{font-size:8px;margin-bottom:17px}.welcome-badges{margin-top:20px}.start-card{width:100%;padding:28px}.welcome-footer{padding:20px 8vw;font-size:9px}.welcome-footer span{font-size:6px}.toast{bottom:20px;max-width:90vw;width:max-content;font-size:11px;padding:12px 17px}}
@media(max-width:380px){.pin-button{display:none}.brand{min-width:105px}.topbar{padding:0 12px}.main{padding:0 12px}.nav-item{padding:8px 4px}.page-heading{gap:7px}.page-heading h1{font-size:22px}.heading-actions .primary{font-size:9px;padding:8px}.filter-row{width:100%;justify-content:space-between}.calendar-day{min-height:84px}.day-add{display:none}.detail-main{padding:17px}.welcome-copy h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep dialog actions visible while the content scrolls. */
.modal{overflow:hidden}.modal>form{display:flex;flex-direction:column;max-height:89dvh}.modal-header,.modal-footer,.form-error{flex:none}.modal-body{overflow:auto;min-height:0}.modal-footer{position:relative}
/* Essential text stays readable across the quiet color palette. */
.card-note{color:#797487;font-size:12px}.card-due{color:#82798d;font-size:11px}.card-due.no-due{color:#8c8596}.card-title-row strong{font-size:14px}.column-header h2{font-size:13px}.genre-tab{font-size:12px}.nav-item{font-size:13px}.page-heading p{color:#80788e;font-size:12px}.task-total{font-size:11px;color:#7f748c}.filter-row select,.filter-row .quiet{font-size:11px;color:#7d708e}.add-card{font-size:12px;color:#82738f}.field>span:first-child{color:#84718e;font-size:12px}.comment-panel>p,.comment-panel>small,.comments-empty{color:#8d7a9b}.comment-panel textarea,.comment p{font-size:12px}.settings-card p,.fine-print{color:#84758f!important}.label-manager strong{font-size:12px}.location-box{font-size:12px}.sidebar-bottom>p{color:#877f94}.save-status{color:#82758e}.table-title{font-size:13px}td small{color:#8b7f98}.calendar-event{font-size:11px}.calendar-day{min-height:122px}.day-number{font-size:12px}.welcome-copy p,.start-card>p{color:#90819f}.start-note{color:#9c8aaa}.welcome-badges{color:#9582a6}.rich-editor .note-editor{color:#756180}.comment-meta strong{color:#81658f}.editor-tools>span{color:#9b86aa}.fine-print{font-size:11px!important}
@media(max-width:850px) and (min-width:701px){.nav-item{font-size:0}}
@media(max-width:700px){.nav-item{font-size:10px}.card-title-row strong{font-size:14px}.card-note{font-size:12px}.card-due{font-size:11px}.filter-row select,.filter-row .quiet{font-size:10px}.calendar-event{font-size:9px}.calendar-day{min-height:92px}.modal>form{max-height:93dvh}.page-heading p{font-size:11px}.genre-tab{font-size:11px}.filter-row{flex-wrap:wrap}.due-filter{max-width:115px}}

.column-remove{font-size:17px;color:#aca0ba;margin-left:auto;padding:0 4px}.column-menu{margin-left:0}.column-remove:hover{color:#8a6b9f}

.label-dots{max-width:46px;overflow:hidden}.card-due{white-space:nowrap;gap:5px}.card-due>span:first-child{min-width:0;overflow:hidden}.card-due .check-summary,.card-due .comment-count{flex-shrink:0}

/* Small additions keep frequent actions close to the work. */
[hidden]{display:none!important}.history-actions{display:flex;gap:3px;border-right:1px solid var(--border);padding-right:8px;margin-right:3px}.history-button{font-size:23px;color:#8673ae;width:32px;height:34px;border-radius:7px;line-height:1}.history-button:hover:not(:disabled){background:#f0edf9}.history-button:disabled{opacity:.25}.global-search{width:380px;min-width:180px}.global-search input{flex:1;min-width:0}.global-search select{max-width:105px;padding:5px 2px;font-size:10px;border:0;border-left:1px solid #e4dfec;background:transparent;color:#81718e;border-radius:0}.quick-add{padding:10px 2px 4px;animation:card-in .16s ease}.quick-add>input{width:100%;font-size:12px;padding:12px 10px;border-color:#c4b3e3;box-shadow:0 3px 12px #7361cf0a}.quick-add>div{display:flex;align-items:center;gap:4px;margin-top:7px}.quick-add .primary{padding:6px 13px}.quick-add small{display:block;font-size:9px;color:#9686a2;margin-top:7px}.due-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin:-4px 0 20px}.due-shortcuts .quiet{font-size:11px;padding:6px 12px}.welcome.custom-background{background-position:center;background-size:cover}.welcome-copy{max-width:650px;overflow-wrap:anywhere}.start-card{flex-shrink:0;overflow-wrap:anywhere}.welcome-footer{overflow-wrap:anywhere;gap:20px}
@media(max-width:1150px){.global-search{width:320px}.global-search kbd{display:none}.topbar{gap:15px}}
@media(max-width:850px){.global-search{width:280px}.topbar{gap:10px}.history-actions{padding-right:4px}.history-button{width:27px}}
@media(max-width:700px){.topbar{height:auto;min-height:108px;padding:10px 16px;row-gap:9px}.global-search{order:3;flex:0 0 100%;width:100%;min-width:0}.global-search select{font-size:11px;max-width:110px}.brand{flex:1}.top-actions{margin-left:0}.history-actions{border:0;padding-right:3px}.history-button{width:30px}.welcome-copy{max-width:none}}
.detail-source{font-size:11px;color:#9480a8;margin-bottom:14px}

/* Display size scales type, controls, cards and spacing as one layout. */
#donext-root{--ui-scale:1;outline:none}.app{height:calc(100dvh / var(--ui-scale));min-width:0}.welcome{min-height:calc(100dvh / var(--ui-scale))}.display-sizes{display:flex;align-items:center;gap:2px;white-space:nowrap;background:#f4f1f9;border:1px solid #e9e3f1;border-radius:8px;padding:3px;font-size:10px}.display-sizes>span{color:#9888a7;padding:0 5px;font-size:9px}.display-sizes button{padding:5px 7px;border-radius:5px;color:#907da1;font-size:10px;min-width:27px}.display-sizes button[aria-pressed=true]{background:white;color:#6d51a5;box-shadow:0 1px 5px #5a437012;font-weight:700}.welcome-controls{display:flex;gap:15px;align-items:center}.modal{max-width:calc((100vw / var(--ui-scale)) - 24px);max-height:calc(94dvh / var(--ui-scale))}.modal>form{max-height:calc(89dvh / var(--ui-scale))}.toast{max-width:calc(90vw / var(--ui-scale))}.topbar{gap:20px}.global-search{flex:1;width:auto}.top-actions{gap:6px}.top-actions .save-status{max-width:160px;white-space:normal}.compact-ui .display-sizes>span{display:none}.compact-ui .display-sizes button{padding:4px 5px;font-size:9px}.compact-ui .welcome-header{padding:22px 6vw;flex-wrap:wrap;gap:15px}.compact-ui .welcome-controls{flex-wrap:wrap;gap:8px}.compact-ui .modal>form{max-height:calc(93dvh / var(--ui-scale))}.compact-ui .welcome-footer{flex-wrap:wrap}

.compact-ui .topbar{padding:0 16px;gap:10px;height:65px;flex-wrap:wrap}.compact-ui .brand{min-width:120px;font-size:20px;gap:8px}.compact-ui .brand small{display:none}.compact-ui .global-search{width:auto;flex:1;min-width:90px}.compact-ui .global-search kbd{display:none}.compact-ui .global-search input{font-size:11px;padding:10px 0}.compact-ui .top-actions .avatar,.compact-ui .top-actions .save-dot{display:none}.compact-ui .pin-button span:not(.icon){display:none}.compact-ui .pin-button{padding:7px}.compact-ui .app-body{flex-direction:column}.compact-ui .sidebar{padding:0 12px;width:100%;height:49px;border-right:0;border-bottom:1px solid var(--border)}.compact-ui .sidebar nav{flex-direction:row;height:100%;gap:7px;justify-content:space-around}.compact-ui .nav-item{font-size:10px;gap:6px;padding:8px 10px;width:auto;border-radius:0}.compact-ui .nav-item .icon{font-size:16px}.compact-ui .nav-item.selected{background:white;border-bottom:2px solid #a58fcd}.compact-ui .main{padding:0 16px}.compact-ui .genre-bar{min-height:53px}.compact-ui .genre-tabs{gap:21px}.compact-ui .genre-tab{font-size:10px}.compact-ui .page-heading{padding:26px 0 21px;align-items:flex-end}.compact-ui .page-heading h1{font-size:24px}.compact-ui .page-heading p{font-size:10px}.compact-ui .eyebrow{font-size:7px}.compact-ui .heading-actions .primary{padding:9px 10px;font-size:10px}.compact-ui .board-toolbar{flex-wrap:wrap;gap:14px;padding-bottom:19px}.compact-ui .filter-row{margin-left:auto}.compact-ui .filter-row .quiet{font-size:9px}.compact-ui .filter-row select{max-width:130px;font-size:9px;padding:7px}.compact-ui .board-grid{display:flex;flex-direction:column;gap:19px;min-height:0;overflow:visible}.compact-ui .column{width:100%;padding:13px}.compact-ui .column-header h2{max-width:230px;font-size:13px}.compact-ui .card-title-row strong{font-size:13px}.compact-ui .task-card{padding:17px}.compact-ui .card-note{font-size:11px;margin:9px 0 15px}.compact-ui .card-due{font-size:10px}.compact-ui .column-header{padding-bottom:15px}.compact-ui .add-card{font-size:11px;padding-top:15px}.compact-ui .card-stack{gap:11px}.compact-ui .workspace-footer{font-size:7px;padding-top:30px}.compact-ui .workspace-footer>span:first-child{font-size:9px}.compact-ui .heading-actions>select{max-width:140px}.compact-ui .list-toolbar{gap:10px}.compact-ui .segmented button{font-size:10px;padding:7px 9px}.compact-ui .list-toolbar>select{margin-left:0;font-size:10px}.compact-ui .calendar-day{min-height:91px;padding:4px}.compact-ui .calendar-event{font-size:8px;padding:4px 2px}.compact-ui .calendar-toolbar{padding:16px}.compact-ui .calendar-toolbar h2{font-size:17px}.compact-ui .weekday{font-size:9px}.compact-ui .day-number{font-size:9px}.compact-ui .day-add{opacity:1;font-size:10px;padding:0}.compact-ui .day-number>span{width:21px;height:21px}.compact-ui .settings-card{padding:23px}.compact-ui .settings-card p{font-size:11px}.compact-ui .modal{width:calc(100vw - 20px);max-height:94dvh;border-radius:13px}.compact-ui .modal-header{padding:17px 19px}.compact-ui .modal-body{padding:20px}.compact-ui .modal-footer{padding:16px 20px;position:sticky;bottom:0;z-index:2}.compact-ui .detail-grid{display:flex;flex-direction:column}.compact-ui .detail-main{padding:20px}.compact-ui .detail-main .title-input{font-size:20px}.compact-ui .comment-panel{border-left:0;border-top:1px solid #eae4f0;padding:23px 20px}.compact-ui .comment-timeline{max-height:230px}.compact-ui .detail-bottom button{font-size:10px}.compact-ui .field>span:first-child{font-size:11px}.compact-ui .detail-properties{gap:8px}.compact-ui .detail-properties .field{min-width:130px}.compact-ui .welcome-header{padding:25px 7vw}.compact-ui .welcome-main{flex-direction:column;align-items:stretch;gap:38px;padding:25px 8vw 50px}.compact-ui .welcome-copy h1{font-size:44px;margin-bottom:19px}.compact-ui .welcome-copy p{font-size:12px}.compact-ui .welcome-copy .eyebrow{font-size:8px;margin-bottom:17px}.compact-ui .welcome-badges{margin-top:20px}.compact-ui .start-card{width:100%;padding:28px}.compact-ui .welcome-footer{padding:20px 8vw;font-size:9px}.compact-ui .welcome-footer span{font-size:6px}.compact-ui .toast{bottom:20px;max-width:90vw;width:max-content;font-size:11px;padding:12px 17px}

.tiny-ui .pin-button{display:none}.tiny-ui .brand{min-width:105px}.tiny-ui .topbar{padding:0 12px}.tiny-ui .main{padding:0 12px}.tiny-ui .nav-item{padding:8px 4px}.tiny-ui .page-heading{gap:7px}.tiny-ui .page-heading h1{font-size:22px}.tiny-ui .heading-actions .primary{font-size:9px;padding:8px}.tiny-ui .filter-row{width:100%;justify-content:space-between}.tiny-ui .calendar-day{min-height:84px}.tiny-ui .day-add{display:none}.tiny-ui .detail-main{padding:17px}.tiny-ui .welcome-copy h1{font-size:39px}

.compact-ui .topbar{height:auto;min-height:105px;padding:10px 12px;row-gap:9px}.compact-ui .global-search{order:3;flex:0 0 100%;width:100%;min-width:0}.compact-ui .global-search select{font-size:11px;max-width:110px}.compact-ui .brand{flex:1;min-width:95px}.compact-ui .top-actions{margin-left:0}.compact-ui .history-actions{border:0;padding-right:0}.compact-ui .history-button{width:25px}.compact-ui .save-status{display:none}.compact-ui .card-title-row strong{font-size:14px}.compact-ui .card-note{font-size:12px}.compact-ui .card-due{font-size:11px}.compact-ui .welcome-copy{max-width:none}.compact-ui .welcome-copy h1{font-size:38px}.compact-ui .start-card{padding:24px}.tiny-ui .history-button{width:22px}.tiny-ui .topbar{gap:6px}.tiny-ui .display-sizes{padding:2px}.tiny-ui .display-sizes button{min-width:24px;padding:4px}.tiny-ui .nav-item{font-size:9px;gap:3px}.tiny-ui .page-heading{flex-wrap:wrap}.tiny-ui .filter-row{flex-wrap:wrap}.tiny-ui .main{padding:0 10px}.tiny-ui .brand{font-size:18px}.tiny-ui .brandmark{width:29px;height:29px;font-size:23px}.tiny-ui .card-due{font-size:10px}.tiny-ui .detail-properties .field{min-width:100%;width:100%}.tiny-ui .workspace-footer{flex-wrap:wrap;gap:8px}

.compact-ui .sidebar{height:auto;min-height:49px}.compact-ui .sidebar nav{gap:4px}.compact-ui .nav-item{flex:1;flex-direction:column;gap:4px;white-space:nowrap;padding:9px 0;font-size:10px;min-width:0}.compact-ui .nav-item .icon{font-size:16px}.tiny-ui .nav-item{font-size:9px}.toast{overflow-wrap:anywhere}
.compact-ui .toast{max-width:calc(90vw / var(--ui-scale))}.compact-ui .modal{max-height:calc(94dvh / var(--ui-scale))}

/* Search gets its own row before the remaining controls squeeze out the input. */
.search-row:not(.compact-ui) .topbar{height:auto;min-height:108px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px 20px}
.search-row:not(.compact-ui) .brand{flex:1}
.search-row:not(.compact-ui) .global-search{order:3;flex:0 0 100%;width:100%;min-width:0}
.global-search input{min-width:0}
.page-heading{flex-wrap:wrap}
.heading-actions{flex-wrap:wrap;min-width:0;max-width:100%}
.heading-actions>select{max-width:100%}
.compact-ui .heading-actions:has(select){width:100%}
.calendar-toolbar{flex-wrap:wrap;gap:10px}
.calendar-toolbar h2{white-space:nowrap;margin:0}
.calendar-toolbar>div{display:flex;flex:none;gap:6px;max-width:100%}
.editor-tools{flex-wrap:wrap}
.editor-tool[aria-pressed=true]{background:#ede7fa;color:#5744b2;box-shadow:inset 0 0 0 1px #c4b4e5}
.editor-tool.clear-format{font-size:11px;width:auto;padding:5px 8px;white-space:nowrap}

/* DoNext flow workspace: an original process map and task notebook. */
#donext-root{
  --purple:#7361cf;
  --purple-dark:#5744b2;
  --ink:#303245;
  --ink-soft:#8a8ca0;
  --coral:#cc8ead;
  --paper:#f7f8fb;
  --border:#e8e9f1;
  color:var(--ink);
}
.topbar{
  height:83px;
  border-bottom:1px solid var(--border);
  box-shadow:none;
}
.brand{color:#303245;letter-spacing:-.7px}
.brandmark{
  width:39px;
  height:39px;
  border-radius:12px;
  background:var(--purple);
  box-shadow:0 4px 12px #7361cf1f;
}
.brandmark span{color:inherit}
.global-search{background:#f6f7fb;border:0;border-radius:9px}
.primary{background:var(--purple);box-shadow:0 3px 8px #7361cf17}
.primary:hover{background:var(--purple-dark);box-shadow:0 5px 15px #7361cf35}
.sidebar{
  width:207px;
  background:#fff;
  border-right:1px solid var(--border);
  color:var(--ink);
  padding-top:35px;
  box-shadow:none;
  z-index:1;
}
.nav-label{color:#a3a4b3;letter-spacing:1px}
.nav-item{color:#858899;border-radius:8px;font-size:12px}
.nav-item:hover{background:#f8f7fb;color:#7661c8}
.nav-item.selected{background:#f0edf9;color:#7661c8;font-weight:650}
.sidebar-bottom{color:inherit}
.sidebar-bottom>p,.sidebar-bottom>.text-button,.plan-card small{color:#a1a3b0}
.backup-link{color:#8d7acb}
.plan-card{border-top-color:var(--border)}
.plan-card b{background:#f1eef9;color:#8f7aca}
.storage-icon{color:#a99ae0}
.main{
  background:radial-gradient(ellipse at 95% 0%,#efecf755,transparent 65%),var(--paper);
  padding:0 35px;
}
.genre-bar{min-height:69px;border-bottom-color:#e7e7ef}
.genre-tab[aria-selected=true]{color:#6552b2}
.genre-tab[aria-selected=true]:after{height:2px;background:#8570ce}
.genre-dot{border-radius:2px}
.page-heading{padding:34px 0 24px}
.page-heading h1{font-size:27px;font-weight:650;letter-spacing:-.9px;color:#303245}
.page-heading p{color:#a2a1b1;font-size:11px}
.eyebrow{color:#a5a0b8;font-size:9px;letter-spacing:2.5px}
.heading-menu{color:#a9a6bc}
.board-toolbar{padding-bottom:18px}
.task-total{font-size:11px;color:#9c9aaa}
.task-total b{color:#716b88;font-size:15px}
.completion-dot{background:#9dbbab}
.filter-row select,.filter-row .quiet{background:#fff;border-color:#e3e2ed;color:#8b879c;border-radius:9px;font-size:11px}

.workflow-board{
  overflow:hidden;
  background:#ffffffeb;
  border:1px solid #ebe7f1;
  border-radius:22px;
  box-shadow:0 16px 45px #5c477509;
  margin-bottom:28px;
}
.workflow-overview{
  height:48px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:0 20px;
  background:#f3f0f8;
  color:#776d84;
  border-bottom:1px solid #ebe7f1;
}
.workflow-overview>span{font-size:10px;letter-spacing:2px;color:#a399b0;font-weight:700}
.workflow-overview>strong{font-size:11px;color:#82758f;font-variant-numeric:tabular-nums}
.workflow-progress{height:4px;flex:1;background:#e5deeb;border-radius:4px;overflow:hidden}
.workflow-progress>span{display:block;height:100%;background:linear-gradient(90deg,#a998d0,#c8a9bc);border-radius:inherit;transition:width .25s ease}
.board-grid{
  display:grid;
  grid-template-columns:repeat(var(--columns),minmax(250px,1fr));
  gap:0;
  padding:0;
  min-height:430px;
  overflow-x:auto;
}
.column{
  --stage-color:#a194ce;
  --stage-soft:#eeedf5;
  min-height:430px;
  padding:0 17px 26px;
  border:0;
  border-right:1px solid #efebf3;
  border-radius:0;
  background:#eeedf52b;
  position:relative;
}
.column:last-child{border-right:0}
.column-1{--stage-color:#d6af7c;--stage-soft:#f3efe9;background:#f3efe92b}
.column-2{--stage-color:#80b19e;--stage-soft:#eaf2ee;background:#eaf2ee42}
.column-3{--stage-color:#cc8ead;--stage-soft:#f4eaf0;background:#f4eaf02b}
.column-4{--stage-color:#8daabe;--stage-soft:#eaf0f4;background:#eaf0f42b}
.column-5{--stage-color:#b0a271;--stage-soft:#f3f1e7;background:#f3f1e72b}
.column-header{
  min-height:74px;
  padding:0 2px;
  gap:8px;
  border-bottom:1px solid #efebf3;
}
.stage-number{
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
  color:var(--stage-color);
  background:var(--stage-soft);
  padding:6px 7px;
  border-radius:4px;
}
.column-indicator{width:18px;height:2px;border-radius:0;background:var(--stage-color);margin-left:2px}
.column-1 .column-indicator,.column-2 .column-indicator{background:var(--stage-color)}
.column-header h2,.column-1 h2,.column-2 h2{
  color:#555267;
  font-size:14px;
  font-weight:720;
  max-width:125px;
}
.count{font-size:11px;color:#91899c;background:#f0edf4;border-radius:10px;padding:2px 7px}
.column-menu,.column-remove{color:#aaa3b3}
.stage-body{position:relative;padding:20px 0 0 18px;min-height:335px}
.stage-rail{
  position:absolute;
  top:14px;
  bottom:18px;
  left:2px;
  width:2px;
  background:linear-gradient(var(--stage-color) 0 18px,#ece7ef 18px 100%);
}
.stage-rail:before{content:"";position:absolute;top:0;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--stage-color);box-shadow:0 0 0 4px #fff}
.card-stack{gap:12px;min-height:30px}
.task-card{
  background:#fff;
  border:1px solid #e9e5ef;
  border-left:4px solid var(--stage-color);
  border-radius:3px 15px 15px 3px;
  padding:13px 14px 14px;
  box-shadow:0 7px 22px #59456808;
}
.task-card:hover{
  transform:translateX(3px);
  border-color:#d9d1e3;
  border-left-color:var(--stage-color);
  box-shadow:0 12px 28px #59456810;
}
.task-card:focus-visible{outline-color:var(--stage-color)}
.card-kicker{display:flex;align-items:center;gap:8px;min-height:18px;margin-bottom:7px}
.card-kicker>span:first-child{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#aaa2b3}
.card-title-row strong{font-size:14px;line-height:1.5;color:#555267;font-weight:690}
.label-dots{margin-left:auto;max-width:58px}
.label-dot{width:14px;height:4px;border-radius:3px}
.grip{margin-left:2px;margin-right:-4px;color:#b7b0bf}
.card-note{font-size:12px;color:#938d9c;margin:8px 0 14px}
.card-due,.card-due.no-due{font-size:11px;color:#96909f}
.card-due .icon{font-size:14px;color:var(--stage-color)}
.overdue{background:var(--overdue)!important;border-left-color:#dd6f86}
.overdue-label{font-weight:700;color:#a84f68}
.add-card{font-size:12px;color:#958d9e;padding:15px 5px 8px}
.add-card:hover{color:var(--stage-color)}
.quick-add{padding:14px 0 4px}
.quick-add>input{border-radius:4px 12px 12px 4px;border-left:3px solid var(--stage-color);font-size:13px}

.table-wrap,.calendar-shell,.settings-card{border-color:#e8e9f1;box-shadow:0 12px 35px #59456806}
.segmented{background:#edebf3;border-color:#e6e3ee}
.segmented button.active{color:var(--ink)}
.status-pill{background:#f3f1f9;color:#777080}
.calendar-toolbar h2{color:#92849f}.calendar-toolbar h2 span{color:#655775}
.today .day-number>span{background:#9680ce}
.calendar-event{background:#f3eff9;color:#8a769e}
.settings-card{border-radius:18px}

.task-detail-modal{
  width:min(1120px,calc((100vw / var(--ui-scale)) - 30px));
  max-width:calc((100vw / var(--ui-scale)) - 30px);
  border:1px solid #e9e3ef;
  border-radius:24px;
  color:#4f465e;
  box-shadow:0 30px 105px #4b36542e;
}
.task-detail-modal::backdrop{background:#2c203b63;backdrop-filter:blur(7px)}
.task-detail-modal .modal-header{
  min-height:58px;
  padding:0 28px;
  color:var(--ink);
  background:#fcfbfd;
  border-bottom:1px solid #eee9f2;
}
.task-detail-modal .modal-header h2{color:#9588a0;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}
.task-detail-modal .modal-close{color:#aa9db2;border-radius:50%;font-size:22px}
.task-detail-modal .modal-close:hover{background:#f1edf5}
.task-detail-modal .modal-body{background:#fff}
.task-detail-modal .modal-footer{background:#fff;border-top:1px solid #dfe4ec;padding:16px 28px}
.detail-workbench{min-width:0}
.detail-hero{
  padding:26px 34px 29px;
  border-bottom:1px solid #ebe6ef;
  background:linear-gradient(118deg,#f3eff9 0,#fff 58%,#fbf7f9 100%);
}
.detail-identity{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.detail-monogram{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9e3f3;color:#76638b;font-size:10px;font-weight:800;letter-spacing:.5px}
.detail-eyebrow{display:block;font-size:9px;letter-spacing:1.8px;font-weight:800;color:#a095aa;margin-bottom:2px}
.detail-source{font-size:12px;color:#776e80;margin:0}
.detail-hero .field{margin:0}
.detail-hero .field>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.detail-hero .title-input{
  width:100%;
  padding:5px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#54465e;
  font-size:30px;
  line-height:1.35;
  font-weight:760;
  letter-spacing:-.8px;
}
.detail-hero .title-input:focus{padding:5px 10px;background:#ffffffb8;box-shadow:0 0 0 1px #d9cee5}
.detail-grid{display:grid;grid-template-columns:285px minmax(0,1fr);gap:0;align-items:stretch}
.detail-control-panel{
  padding:28px 24px;
  background:#f8f7fa;
  border-right:1px solid #ebe6ef;
}
.detail-main{padding:28px 34px;background:#fff}
.detail-section-heading{display:flex;align-items:center;gap:11px;margin-bottom:24px}
.detail-section-heading>span{font-size:10px;font-weight:800;letter-spacing:1px;color:#7e6d8d;background:#eee7f2;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}
.detail-section-heading>div{display:flex;flex-direction:column;gap:2px}
.detail-section-heading strong{font-size:14px;color:var(--ink)}
.detail-section-heading small{font-size:10px;color:#a098a8;letter-spacing:.3px}
.detail-control-panel .field{margin-bottom:18px}
.detail-control-panel .field>span:first-child,.detail-main .field>span:first-child,.comment-compose .field>span:first-child{font-size:12px;font-weight:700;color:#776d80}
.detail-control-panel input,.detail-control-panel select,.detail-main textarea{border-color:#e5dfea;border-radius:8px;background:#fff;font-size:13px}
.due-shortcuts{margin:-5px 0 20px;gap:5px}
.due-shortcuts .quiet{padding:6px 9px;border-radius:15px;background:#fff;font-size:10px}
.label-picker{gap:7px}
.label-choice{padding:2px 0}
.label-choice .label-pill{font-size:11px}
.detail-main .field{margin-bottom:25px}
.rich-editor{border-color:#e5dfea;border-radius:5px 13px 13px 5px;border-left:3px solid #a595cd}
.editor-tools{background:#faf8fc;border-bottom-color:#eee9f2;padding:8px 12px}
.note-editor{min-height:126px;font-size:13px;color:#766c7d;padding:17px}
.checklist{border-color:#e5dfea;border-radius:5px 13px 13px 5px;border-left:3px solid #8cac9f;background:#fcfdfc}
.check-progress>span{background:#8cac9f}
.detail-bottom{margin-top:26px;padding-top:18px;border-top-color:#ebe6ef;gap:5px}
.detail-bottom>span{width:100%;margin:0 0 5px;color:#a098a8;font-size:10px}
.detail-bottom button{font-size:10px;border:1px solid #e5dfea;background:#fff;padding:6px 7px}
.detail-bottom button[data-action=detail-archive],.detail-bottom button[data-action=detail-restore]{color:#a74f62}
.detail-bottom button[data-action=detail-delete]{color:#b24f68;border-color:#edd8df;background:#fffafb}
.danger{border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;padding:10px 15px;white-space:nowrap;background:#b65c72;color:#fff;border:1px solid transparent;box-shadow:0 3px 8px #9d4d6a1c}
.danger:hover{background:#9d4d6a;box-shadow:0 5px 15px #9d4d6a2b}
.lock-recovery-modal{width:min(540px,calc(100vw - 32px))}
.lock-recovery{text-align:center;padding:4px 8px 2px}
.lock-recovery .section-icon{margin:0 auto 15px}
.lock-recovery h3{margin:0 0 13px;color:#675875;font-size:17px;font-weight:600}
.lock-recovery p{margin:9px auto;color:#94869f;font-size:12px;line-height:1.9;max-width:410px}
.lock-recovery .fine-print{border-top:1px solid #eee9f3;margin-top:18px;padding-top:15px}
.readonly-banner{display:flex;align-items:center;gap:11px;margin:17px 0 0;padding:12px 15px;border:1px solid #e3d9ee;border-radius:10px;background:#f5f1f9;color:#786887}
.readonly-banner>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#ebe3f4;color:#9079ae;font-size:14px;flex:none}
.readonly-banner div{display:flex;flex-direction:column;gap:2px}.readonly-banner strong{font-size:11px}.readonly-banner small{color:#9d8da8;font-size:9px;line-height:1.6}
.delete-confirmation{padding:3px 1px 4px}
.delete-confirmation>strong{display:block;font-size:14px;color:#55495e;overflow-wrap:anywhere;margin-bottom:12px}
.delete-confirmation>p{font-size:12px;color:#746b7d;margin-bottom:9px}
.delete-confirmation>.fine-print{color:#a05f72!important;margin-bottom:0}
.comment-panel{
  padding:28px 34px 32px;
  background:#fff;
  border:0;
  border-top:1px solid #ebe6ef;
}
.comment-panel .detail-section-heading{margin-bottom:20px}
.comment-panel .detail-section-heading>span{background:#e8f0ec;color:#718e82}
.comment-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}
.comment-timeline{max-height:230px;min-height:112px;margin:0;overflow:auto;padding:2px 4px 2px 0}
.comment{border:0;border-left:3px solid #d9d0e2;border-radius:0 12px 12px 0;background:#f8f7fa;padding:14px 16px;margin-bottom:10px}
.comment-meta{flex-direction:row;align-items:center;gap:10px}
.comment-meta strong{font-size:11px;color:#786c82}
.comment-meta time{font-size:10px;color:#aaa1af}
.comment p{font-size:12px;color:#807584;margin-bottom:0}
.comments-empty{display:grid;place-items:center;min-height:110px;border:1px dashed #dcd4e3;border-radius:12px;color:#aaa1af;font-size:12px}
.comment-compose{padding:16px;background:#f8f7fa;border-radius:14px}
.comment-compose .field{margin-bottom:10px}
.comment-compose textarea{background:#fff;border-color:#d9dfe9;font-size:12px}
.comment-compose>.quiet{background:#eee9f7;border-color:#e2daed;color:#75629d}
.comment-compose>small{display:block;margin-top:9px;color:#8b96a9;font-size:10px}

@media(max-width:1150px){
  .main{padding:0 28px}
  .board-grid{grid-template-columns:repeat(var(--columns),minmax(230px,1fr))}
  .column-header h2,.column-1 h2,.column-2 h2{max-width:100px}
}
@media(max-width:850px) and (min-width:701px){
  .sidebar{background:#fff}
}
.compact-ui .sidebar{background:#fff;border-bottom:1px solid var(--border)}
.compact-ui .nav-item{color:#858899;border-radius:8px}
.compact-ui .nav-item.selected{background:#f0edf9;color:#7661c8;border-bottom:0}
.compact-ui .main{background-color:var(--paper)}
.compact-ui .workflow-board{overflow:visible;border-radius:16px;background:transparent;border:0;box-shadow:none}
.compact-ui .workflow-overview{border-radius:14px;margin-bottom:12px}
.compact-ui .board-grid{display:flex;flex-direction:column;gap:14px;overflow:visible}
.compact-ui .column{width:100%;min-height:0;padding:0 14px 18px;border:1px solid #e8e3ed;border-radius:14px;background:#fff}
.compact-ui .column-0{background:#eeedf554}
.compact-ui .column-1{background:#f3efe95c}
.compact-ui .column-2{background:#eaf2ee8c}
.compact-ui .column-3{background:#f4eaf05c}
.compact-ui .column-4{background:#eaf0f45c}
.compact-ui .column-5{background:#f3f1e75c}
.compact-ui .column-header{min-height:62px}
.compact-ui .column-header h2{font-size:14px;max-width:220px}
.compact-ui .stage-body{min-height:65px;padding:15px 0 0 18px}
.compact-ui .task-card{padding:14px}
.compact-ui .card-kicker{margin-bottom:6px}
.compact-ui .task-detail-modal{width:calc((100vw / var(--ui-scale)) - 20px);max-width:calc((100vw / var(--ui-scale)) - 20px);border-radius:17px}
.compact-ui .detail-hero{padding:20px}
.compact-ui .detail-hero .title-input{font-size:24px}
.compact-ui .detail-grid{display:flex;flex-direction:column}
.compact-ui .detail-control-panel{padding:22px 20px;border-right:0;border-bottom:1px solid #dfe4ec}
.compact-ui .detail-main{padding:24px 20px}
.compact-ui .comment-panel{padding:23px 20px;border-top:1px solid #dfe4ec}
.compact-ui .comment-layout{grid-template-columns:1fr;gap:16px}
.compact-ui .comment-timeline{max-height:220px}
.compact-ui .detail-section-heading{margin-bottom:18px}
.tiny-ui .workflow-overview{padding:0 13px}
.tiny-ui .workflow-overview>span{display:none}
.tiny-ui .column{padding-left:10px;padding-right:10px}
.tiny-ui .detail-hero .title-input{font-size:21px}
.tiny-ui .task-detail-modal .modal-header,.tiny-ui .task-detail-modal .modal-footer{padding-left:17px;padding-right:17px}