.at-workspace{--at-purple:#7060d3;--at-ink:#273348;--at-border:#e9ecf2;--at-soft:#f7f8fb;display:flex;min-height:680px;border:1px solid var(--at-border);border-radius:16px;background:#fff;overflow:hidden;color:var(--at-ink);margin-top:6px;font-size:13px;min-width:0}.at-nav{flex:0 0 206px;padding:22px 12px;border-right:1px solid var(--at-border);background:#fcfcfe;display:flex;flex-direction:column;gap:4px}.at-nav-title{font-size:9px;letter-spacing:1.35px;font-weight:750;color:#9299ab;padding:6px 10px 13px}.at-nav>button{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:8px;color:#616b80;font-size:12px;line-height:1.4;min-height:38px}.at-nav>button.active{background:#eeebfb;color:#6553c0;font-weight:650}.at-nav>button:hover{background:#f1eff9}.at-nav>button>span{flex:1;min-width:0;overflow-wrap:anywhere}.at-project-heading{display:flex;align-items:center;justify-content:space-between;margin-top:28px;padding-bottom:10px}.at-project-heading button{padding:4px}.at-nav .at-legacy{margin-top:35px;border-top:1px solid var(--at-border);border-radius:0;padding-top:17px;font-size:11px}.at-nav-hint{padding:0 10px;font-size:11px;line-height:1.7;color:#9299ab}.at-timezone{font-size:10px;color:#a0a6b6;padding:15px 10px 0;margin-top:auto}.at-project-dot,.at-project-label i{display:inline-block;width:7px;height:7px;border-radius:2px;flex-shrink:0}.at-project-form{display:flex;gap:5px;flex-wrap:wrap;padding:4px 5px 12px}.at-project-form input{width:100%;font-size:12px}.at-content{min-width:0;flex:1;position:relative}.at-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:28px 27px 22px}.at-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8d95a8}.at-heading h2{font-size:23px;font-weight:700;letter-spacing:-.7px;color:#283449;margin:6px 0}.at-heading p{font-size:12px;color:#9198a9;margin:0}.at-heading-actions{display:flex;align-items:center;gap:12px}.at-heading-actions>button:last-child{background:#7160d1;border-color:#7160d1;font-size:12px;box-shadow:0 3px 8px #7060d320}.at-icon-button{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#8390a4;position:relative;flex-shrink:0}.at-icon-button:hover{background:#f0eff8;color:#7060d3}.at-icon-button:disabled{opacity:.45;cursor:wait}.at-unread{position:absolute;top:0;right:0;background:#dd675e;color:white;border-radius:20px;padding:0 4px;font-size:9px}.at-toolbar{display:flex;align-items:center;gap:9px;margin:0 27px;padding-bottom:15px;border-bottom:1px solid var(--at-border)}.at-view-switch{display:flex;align-items:center;background:#f5f6fa;border-radius:8px;padding:3px;gap:2px;flex-shrink:0}.at-view-switch button{display:flex;align-items:center;gap:6px;color:#9197a9;border-radius:6px;padding:7px 12px;font-size:11px;font-weight:550}.at-view-switch button.active{background:#fff;color:#7060d3;box-shadow:0 1px 4px #30306012}.at-search{display:flex;align-items:center;color:#a3a9b8;gap:5px;margin-left:auto;max-width:240px}.at-search input{border:0;box-shadow:none;background:transparent;padding-left:5px;font-size:12px;min-width:60px}.at-search input:focus{box-shadow:none}.at-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px 27px}.at-select{border:1px solid #e8eaf1;border-radius:6px;background:white;padding:6px 26px 6px 9px;color:#737d91;font:inherit;font-size:11px;max-width:210px}.at-result-count{font-size:11px;color:#9ba2b1;margin-left:auto}.at-week-controls{display:flex;align-items:center;justify-content:space-between;padding:2px 22px 15px}.at-week-controls>div{display:flex;align-items:center;gap:8px}.at-week-controls strong{font-size:12px;font-weight:600}.at-text-button{color:#7a6bd2;font-size:11px;padding:5px;white-space:normal;text-align:left}.at-canvas{padding:0 20px 20px}.at-week{display:flex;overflow-x:auto;gap:1px;min-height:405px;align-items:stretch;border:1px solid var(--at-border);border-radius:10px;background:var(--at-border);padding-bottom:1px;scrollbar-width:thin}.at-day{flex:1 0 173px;min-width:173px;max-width:260px;padding:10px 8px;background:#fafbfd}.at-day>header{display:flex;align-items:center;justify-content:space-between;padding:3px 5px 14px;color:#9ca4b5;font-size:10px}.at-day>header strong{display:flex;align-items:center;gap:7px;font-size:16px;color:#637086}.at-day>header strong span{text-transform:capitalize;font-size:11px;font-weight:500;color:#919aab}.at-day.is-today{background:#f6f4fd}.at-day.is-today>header strong{color:#7462d5}.at-day.is-today>header strong span{color:#7462d5}.at-day.at-earlier>header strong{font-size:12px;color:#c56f6f}.at-column-hint{font-size:9px;color:#a4aaba;margin:-7px 5px 12px}.at-card{background:#fff;border:1px solid #e7eaf1;border-radius:8px;padding:11px 9px 8px;margin-bottom:8px;box-shadow:0 2px 3px #27334803;transition:border-color .15s,box-shadow .15s}.at-card:hover{border-color:#cec6eb;box-shadow:0 3px 8px #63539108}.at-card-main{display:flex;align-items:flex-start;gap:7px}.at-check{margin-top:3px;height:14px;width:14px;border:1px solid #d4d9e4;border-radius:4px;flex:0 0 14px;display:flex;align-items:center;justify-content:center;background:white;color:white}.at-check:hover{border-color:#7d6fd2}.at-check.checked{background:#91b4a4;border-color:#91b4a4}.at-task-title{text-align:left;font-size:11px;line-height:1.65;overflow-wrap:anywhere;font-weight:550;color:#4f5c73}.at-card.is-done .at-task-title{color:#9ba5b3;text-decoration:line-through}.at-card-info{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin:10px 0 9px;color:#a6adbc;font-size:9px}.at-number{font-size:9px;color:#acb2bf}.at-project-label{display:inline-flex;align-items:center;gap:5px;max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#9892b2;font-size:9px}.at-priority{border-radius:3px;padding:1px 4px;font-size:8px}.at-priority.high{color:#bc9262;background:#faf3e7}.at-priority.urgent{color:#c66a71;background:#fff0f0}.at-card-foot{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px}.at-muted{color:#99a2b2}.at-overdue{color:#cf8183}.at-avatars{display:inline-flex;align-items:center;flex-shrink:0;padding-left:3px}.at-avatars>span{width:22px;height:22px;border-radius:50%;background:#e9e5f6;color:#9284b7;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:7px;font-weight:600;margin-left:-4px}.at-avatars>span:nth-child(2n){background:#e5edf5;color:#7b97b4}.at-avatars>span:nth-child(3n){background:#f3e9e5;color:#bb9480}.at-add-inline{display:flex;align-items:center;gap:6px;font-size:10px;padding:9px 3px;color:#a2a8b8;text-align:left}.at-add-inline:hover{color:#7663cb}.at-add-inline:disabled{opacity:.35}.at-day-empty{display:block;font-size:9px;line-height:1.6;color:#b5bac7;padding:15px 5px;text-align:center}.at-board{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:15px;overflow-x:auto;min-height:430px}.at-board-column{border-radius:10px;background:#f7f8fb;padding:13px 11px}.at-board-column>header{display:flex;gap:7px;align-items:center;margin-bottom:18px;color:#a4acba;font-size:10px}.at-board-column>header strong{font-size:11px;color:#67738b;flex:1}.at-board-column>header button{padding:3px}.at-stage-dot{height:7px;width:7px;border-radius:50%;background:#c3c6d2}.at-board-column.doing .at-stage-dot{background:#a395e2}.at-board-column.done .at-stage-dot{background:#94b9a7}.at-board-column.doing{background:#f7f5fc}.at-board-column.done{background:#f6f9f8}.at-board-empty{font-size:11px;line-height:1.8;color:#aab2bf;text-align:center;padding:40px 15px}.at-board .at-card{padding:13px}.at-board .at-task-title{font-size:12px}.at-board .at-card-foot{font-size:10px}.at-list{padding:0 5px;min-height:400px}.at-list-group{margin:12px 0 23px}.at-list-group h3{font-size:12px;font-weight:600;color:#718099;display:flex;gap:10px;margin:0 0 11px}.at-list-group h3 span{font-size:10px;color:#a1a9b7}.at-list-group.overdue h3{color:#c9777b}.at-row{display:grid;grid-template-columns:minmax(170px,2fr) minmax(90px,1fr) minmax(150px,1fr) 125px;align-items:center;gap:14px;box-shadow:none;border:0;border-bottom:1px solid #edf0f5;border-radius:0;padding:13px 3px;margin:0}.at-row .at-card-info{margin:0}.at-row .at-task-title{font-size:12px}.at-row .at-card-foot{font-size:10px}.at-status{font-size:10px;color:#919bad}.at-status.doing{color:#8f7bc6}.at-status.done{color:#81a38f}.at-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#a4aebd}.at-empty h3{font-size:16px;color:#6b7890;margin:4px 0 0}.at-empty p{font-size:12px;margin:0 0 5px}.at-empty button{font-size:12px}.at-more{display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;color:#9aa4b5;padding:5px 22px 22px}.at-error{background:#fff3f1;color:#a95c53;border:1px solid #f4d8d1;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.6;margin:8px 25px 18px;overflow-wrap:anywhere}.at-error button{display:block;color:#82554e;font-weight:650;text-decoration:underline;margin-top:8px}.at-notices{position:absolute;z-index:20;right:20px;top:95px;width:min(400px,calc(100% - 40px));max-height:420px;overflow-y:auto;background:white;box-shadow:0 10px 40px #26355820;border:1px solid #e8eaf0;border-radius:10px;padding:14px}.at-notices>div{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.at-notices>button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;width:100%;padding:12px 0;border-top:1px solid #eee;font-size:11px}.at-notices>button>span,.at-notices small{font-size:10px;color:#a0a7b5}.at-drawer[data-slot=sheet-content]{width:min(660px,100vw)!important;max-width:660px!important;gap:0;color:#34425a}.at-drawer-header{padding:24px 28px 18px;border-bottom:1px solid #eeeef5}.at-drawer-header>div{display:flex;justify-content:space-between;align-items:center}.at-drawer-header [data-slot=sheet-title]{font-size:19px;margin:5px 0}.at-drawer-header [data-slot=sheet-description]{font-size:11px;color:#a1a9b9}.at-drawer-scroll{flex:1;overflow-y:auto;padding:20px 28px 30px;min-height:0}.at-drawer-scroll .at-error{margin:0 0 18px}.at-title-field textarea{width:100%;font-size:20px;font-weight:600;line-height:1.5;border:0;outline:none;resize:vertical;padding:5px 0;color:#344259;background:transparent}.at-title-field textarea::placeholder{color:#b2b8c5}.at-field{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;margin:16px 0;font-size:12px}.at-field>label,.at-field>span{color:#929bb0;font-size:11px}.at-field input:not([type=checkbox]),.at-field select,.at-description textarea,.at-comment-form textarea{background:white;border:1px solid #e6e9f0;border-radius:6px;padding:8px 10px;color:#5c6981;min-width:0;font:inherit;font-size:12px;outline:none}.at-field input:focus,.at-field select:focus,.at-description textarea:focus,.at-comment-form textarea:focus{border-color:#a697d9;box-shadow:0 0 0 2px #7060d30d}.at-date-fields{display:flex;align-items:center;gap:8px}.at-date-fields input:first-child{flex:1;max-width:175px}.at-date-fields input[type=time]{width:95px}.at-date-fields small{color:#a2abbb;font-size:9px}.at-assignees{padding:0;border:0;margin:20px 0}.at-assignees legend{font-size:11px;color:#929bb0;margin-bottom:10px}.at-assignees legend span{font-size:10px;color:#b3bac8;margin-left:5px}.at-assignees>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.at-assignees label{display:flex;align-items:center;gap:8px;border:1px solid #edeef4;border-radius:7px;padding:8px 9px;color:#8c95a6;font-size:11px}.at-assignees label.selected{background:#f7f5fc;border-color:#e3dcf4;color:#8571b6}.at-assignees input,.at-private input{accent-color:#8270c8;width:13px;height:13px}.at-assignees label span{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.at-assignees small{font-size:8px;color:#b2a9c7}.at-field .at-private{display:flex;align-items:center;gap:7px;color:#8490a3;font-size:11px}.at-field-hint{margin:-7px 0 15px 132px;color:#a8b0bf;font-size:10px}.at-description{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#929bb0;margin:25px 0 20px}.at-description textarea{width:100%;resize:vertical;line-height:1.7}.at-crm-link{font-size:11px;color:#909bad;border:1px solid #eceef4;padding:12px;border-radius:8px;margin:15px 0 25px}.at-crm-link summary{cursor:pointer}.at-crm-link>input{font-size:12px}.at-link-result{display:block;text-align:left;padding:10px 5px;width:100%;border-bottom:1px solid #eee;font-size:12px}.at-link-result:hover{background:#f5f3fb}.at-linked{display:flex;align-items:center;gap:9px;margin-top:10px}.at-linked>span{flex:1;overflow-wrap:anywhere}.at-detail-section{margin:28px 0}.at-detail-section h3{font-size:12px;display:flex;align-items:center;gap:8px;font-weight:600;color:#738198;margin-bottom:12px}.at-detail-section h3 span{font-size:10px;color:#aeb7c6}.at-detail-section h3 button{margin-left:auto;color:#a3adc0}.at-child{display:flex;align-items:center;gap:9px;text-align:left;width:100%;font-size:12px;color:#8e99ab;padding:11px 0;border-bottom:1px solid #eff0f5}.at-child>span:not(.at-avatars){flex:1}.at-child svg{color:#b2bac9;flex-shrink:0}.at-parent-link{display:flex;align-items:center;gap:6px;color:#9784c9;font-size:11px;margin:0 0 10px;text-align:left}.at-file{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f9fc;border:1px solid #eaeef4;border-radius:7px;margin:8px 0;color:#96a1b4;font-size:12px}.at-file span{overflow-wrap:anywhere;min-width:0}.at-file small{display:block;font-size:9px;color:#aeb7c6;margin-top:4px}.at-upload{display:inline-flex;align-items:center;gap:6px;color:#a38cca;font-size:11px;cursor:pointer;margin-top:5px}.at-upload input{width:1px;height:1px;position:absolute;opacity:0}.at-upload:focus-within{outline:2px solid #a695d0;outline-offset:5px}.at-upload small{font-size:9px;color:#b4bbca;margin-left:5px}.at-discussion-tabs{display:flex;gap:20px;border-bottom:1px solid #eeeef5;margin-bottom:20px}.at-discussion-tabs button{display:flex;align-items:center;gap:6px;color:#acb5c4;font-size:12px;padding:10px 0;border-bottom:2px solid transparent}.at-discussion-tabs button.active{color:#9580be;border-bottom-color:#a290c9}.at-discussion-tabs span{font-size:10px;color:#b8adca}.at-comment-empty{font-size:12px;text-align:center;padding:18px 0 26px}.at-comment{margin-bottom:19px}.at-comment header{display:flex;align-items:center;justify-content:space-between;gap:10px}.at-comment strong{font-size:11px;color:#8994a9}.at-comment time{font-size:9px;color:#b2bbca}.at-comment p{font-size:12px;color:#818fa5;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.at-comment-form{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.at-comment-form textarea{width:100%;resize:vertical;line-height:1.6}.at-comment-form button{font-size:11px;background:#9683bd;color:#fff}.at-history{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#94a0b4;line-height:1.7;margin:15px 0}.at-history>span{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#c7bdd9;margin-top:7px}.at-history strong{font-weight:500}.at-history small{display:block;color:#b2bac9;font-size:9px}.at-drawer-footer{padding:15px 25px;border-top:1px solid #e8eaf1;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px}.at-drawer-footer>span{font-size:10px;color:#a4adbd}.at-drawer-footer>button{background:#8873b6;font-size:12px}.at-discard{padding:15px 25px;border-bottom:1px solid #eadfbf;background:#fffaf0;font-size:12px;color:#a99369}.at-discard p{margin:8px 0}.at-discard button{margin-right:7px;font-size:11px}.at-spinning{animation:at-spin 1.5s linear infinite}@keyframes at-spin{to{transform:rotate(360deg)}}.at-workspace button:focus-visible,.at-drawer button:focus-visible{outline:2px solid #9582c1;outline-offset:3px}.at-submark{color:#b2aac5}@media(max-width:1100px){.at-nav{flex-basis:170px}.at-nav>button{font-size:11px}.at-heading{padding:22px 20px}.at-row{grid-template-columns:minmax(170px,2fr) minmax(130px,1fr)}.at-row .at-card-info{display:none}.at-row .at-status{display:none}.at-view-switch button{padding:7px 8px}.at-toolbar{margin:0 20px}}@media(max-width:800px){.at-workspace{display:block;min-height:600px}.at-nav{padding:10px;border-right:0;border-bottom:1px solid var(--at-border);display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.at-nav-title,.at-nav-hint,.at-timezone{display:none}.at-nav .at-project-heading{display:flex;margin:0;padding:0 5px;font-size:0}.at-nav>button{padding:7px 9px;min-height:32px}.at-nav .at-legacy{margin:0;padding:7px;border:0;font-size:10px}.at-nav>button>svg{width:13px}.at-heading{padding:20px 15px}.at-heading h2{font-size:20px}.at-heading p{display:none}.at-heading-actions{gap:3px}.at-heading-actions>button:last-child{font-size:11px;padding:8px}.at-toolbar{margin:0 15px;flex-wrap:wrap}.at-search{max-width:150px}.at-filters{padding:12px 15px;gap:6px}.at-select{font-size:10px;max-width:160px}.at-canvas{padding:0 12px 15px}.at-day{flex-basis:185px}.at-week-controls{padding:0 10px 12px}.at-week-controls strong{font-size:11px}.at-drawer-scroll{padding:15px 20px}.at-field{grid-template-columns:95px 1fr;gap:8px}.at-field-hint{margin-left:103px}.at-drawer-footer{padding:13px 20px}.at-date-fields{flex-wrap:wrap}.at-date-fields input:first-child{min-width:135px}.at-assignees>div{grid-template-columns:1fr 1fr}.at-more{flex-direction:column;gap:8px}.at-notices{top:80px}.at-project-form{width:100%}}@media(prefers-reduced-motion:reduce){.at-spinning{animation:none}.at-card{transition:none}}
.at-global-notice{position:relative;color:#929bad}.at-global-notice>span{position:absolute;top:0;right:0;background:#8a78bb;color:white;border-radius:15px;padding:1px 4px;font-size:9px}.at-global-notice-panel[data-slot=popover-content]{width:350px;max-height:450px;overflow:auto;padding:17px;border-radius:12px}.at-global-notice-panel>button:not([data-slot=button]){display:flex;flex-direction:column;gap:5px;width:100%;padding:12px 0;border-bottom:1px solid #edf0f5;text-align:left;font-size:11px;color:#8490a4}.at-global-notice-panel strong{font-size:12px;color:#62718b}.at-global-notice-panel small,.at-global-notice-panel>p{font-size:10px;color:#9ca6b8}.at-global-notice-panel>p{padding:15px 0}

.at-task-context{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;overflow-wrap:anywhere}.at-task-context button{padding:2px 0;overflow-wrap:anywhere;max-width:100%}.at-row .at-task-context{grid-column:1/-1;margin-top:0}
/* Keep task actions above the published floating phone control (z-index: 80). */
.at-drawer[data-slot=sheet-content]{z-index:90}

.md-workspace{display:block;min-height:480px}.md-content{padding:24px;min-width:0}.md-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.md-heading h2{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:650;margin:8px 0;text-transform:capitalize}.md-heading p{font-size:12px;color:#616b80}.md-actions{display:flex;gap:8px;flex-wrap:wrap}.md-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.md-section{border:1px solid var(--at-border);border-radius:8px;overflow:hidden;min-width:0}.md-section>header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--at-soft);gap:8px}.md-section h2{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:650;margin:0}.md-section h2 span{font-size:12px;font-weight:500}.md-section.overdue>header{background:#fff3f1}.md-section.overdue h2,.md-overdue{color:#9f332f;font-weight:600}.md-section.done{grid-column:1/-1}.md-task{padding:16px;border-top:1px solid var(--at-border)}.md-task-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.md-task-title{display:inline-flex;align-items:baseline;gap:4px;text-align:left;font-size:14px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;min-width:0;color:var(--at-ink)}.md-task-title:hover,.md-link:hover{text-decoration:underline}.md-task .at-status{font-size:11px;flex-shrink:0;color:#616b80}.md-task .at-status.doing{color:#6851a3}.md-task .at-status.done{color:#316849}.md-task-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px;font-size:12px;color:#616b80}.md-task-context{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;margin-top:8px;line-height:1.6;color:#616b80;overflow-wrap:anywhere}.md-link{color:#6553a6;text-align:left;font-size:12px;overflow-wrap:anywhere}.md-empty{padding:24px 16px;color:#616b80;font-size:13px;line-height:1.6}.md-error{padding:16px;color:#9f332f;background:#fff3f1;font-size:13px;line-height:1.6}.md-error button{display:block;text-decoration:underline;margin-top:8px}.md-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border-top:1px solid var(--at-border);font-size:12px;color:#616b80}.md-workspace button:focus-visible{outline:2px solid var(--at-purple);outline-offset:3px}@media(max-width:1024px){.md-sections{grid-template-columns:1fr}}@media(max-width:480px){.md-content{padding:12px}.md-task-heading{display:block}.md-task .at-status{display:block;margin-top:4px}.md-actions [data-slot=button]{font-size:12px}.md-heading h2{font-size:18px}.md-pagination{flex-wrap:wrap}}

.md-section>div[id]{max-height:640px;overflow:auto;scrollbar-width:thin}.md-pagination{position:sticky;bottom:0;background:#fff}.md-section>div[id]:focus-visible{outline:2px solid var(--at-purple);outline-offset:-2px}