.att-demo{font-family:Arial,Helvetica,sans-serif;background:#f1f4ee;color:#24362c;line-height:1.6;min-height:100%;font-size:14px}.att-demo *{box-sizing:border-box}.att-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 28px;background:#193c36;color:#fff}.att-header>b{font-size:23px;line-height:1.3;max-width:75%;overflow-wrap:anywhere}.att-header>span{font-size:10px;letter-spacing:1.1px;color:#b3d0ba}.att-body{padding:28px}.att-terminal-title{display:flex;align-items:center;gap:20px}.att-card-icon{width:65px;height:65px;display:grid;place-items:center;border:2px solid #477d67;border-radius:12px;background:#e5eddf;font-size:37px;color:#286948;flex-shrink:0}.att-terminal-title h3{font-size:27px;line-height:1.15;letter-spacing:-.8px;font-weight:600;margin:0}.att-terminal-title p{font-size:13px;color:#6c7f6e;line-height:1.8;margin:10px 0 0}.att-demo-hint{padding:20px 23px;border:1px solid #b4ca55;background:#e8f345;border-radius:7px;color:#24301c;margin:25px 0}.att-demo-hint strong{font-size:14px;line-height:1.8;letter-spacing:.2px;display:block}.att-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.att-metrics>div{padding:20px;background:#fff;border:1px solid #d4dfd0;border-radius:7px}.att-metrics>div>span{font-size:11px;color:#6b816d;display:block;margin-bottom:13px}.att-metrics b{font-size:33px;line-height:1.2;color:#24794f;letter-spacing:-1px}.att-metrics small{font-size:15px;color:#7e917c;letter-spacing:0}.att-terminal-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.att-terminal-columns>section{min-width:0}.att-terminal-columns h4{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:0 0 17px;display:flex;align-items:center;justify-content:space-between;gap:15px}.att-terminal-columns h4>span{font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px;background:#e0e7d8;color:#4b6948}.att-terminal-columns>section+section h4>span{background:#cce5c9;color:#25643f}.att-people-list{display:grid;gap:8px;max-height:620px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#a9c0a7 #e6ede1}.att-person{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid #d8e1d3;border-radius:6px;background:#fff;text-align:left;color:#2c3e2f;cursor:pointer;min-width:0;transition:background .15s,border-color .15s;font:inherit}.att-person:hover{background:#e6eddf;border-color:#a4bea0}.att-person:focus-visible{outline:3px solid #5b26cb;outline-offset:2px}.att-person:disabled{opacity:.6;cursor:default}.att-person.is-present{border-color:#bed7b8;background:#f9fff4}.att-avatar{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:#e8ede3;color:#56754f;flex-shrink:0;font-size:11px;font-weight:600}.att-person.is-present .att-avatar{background:#d9eacd;color:#327047}.att-person>span:nth-child(2){min-width:0;flex:1}.att-person b{font-size:13px;line-height:1.4;display:block;font-weight:500;overflow-wrap:anywhere}.att-person small{font-size:10px;color:#7a8e75;display:block;margin-top:4px;line-height:1.5}.att-person>i{font-style:normal;font-size:19px;color:#699363;flex-shrink:0}.att-search{font-size:12px;color:#667d66;display:block;margin:20px 0}.att-search input{display:block;width:100%;font:inherit;font-size:14px;border:1px solid #c5d4bd;border-radius:5px;padding:12px 14px;background:#fff;color:#283e2f;margin-top:8px}.att-empty{font-size:13px;color:#758770;padding:24px;background:#fff;border:1px dashed #c6d3bf;border-radius:6px;line-height:1.8}.att-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:25px;margin-top:25px;border-top:1px solid #cfddc6}.att-footer>span{font-size:11px;color:#627d5c;line-height:1.8}.att-footer>div{display:flex;gap:12px;flex-wrap:wrap}.att-footer button{font:inherit;font-size:11px;background:#fff;border:1px solid #bfd0b5;border-radius:4px;color:#3d663a;padding:10px 13px;cursor:pointer}.att-disclaimer{display:block;color:#8a9d81;font-size:10px;line-height:1.9;margin-top:19px}.att-board-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 22px}.att-board-title h3{font-size:27px;font-weight:500;letter-spacing:-.8px;line-height:1.2}.att-board-title>span{font-size:11px;color:#7c9373}.att-belt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.att-belt{border:1px solid #bfd3b6;border-top:4px solid #4b9564;border-radius:7px;background:#fff;overflow:hidden;min-width:0}.att-belt>div{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#e6f0dc;padding:18px 16px;min-height:86px}.att-belt h4{font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.15;margin:0}.att-belt>div>b{font-size:26px;color:#37754a;line-height:1.1;text-align:center}.att-belt>div>b>small{display:block;font-size:9px;font-weight:400;color:#74966b;margin-top:4px}.att-belt ul{list-style:none;margin:0;padding:8px 16px 12px}.att-belt li{display:flex;justify-content:space-between;align-items:start;gap:12px;font-size:12px;padding:10px 0;border-bottom:1px solid #e7eee1;line-height:1.6}.att-belt li:last-child{border-bottom:0}.att-belt li>small{font-size:10px;color:#8fa181;line-height:1.9}.att-belt.is-empty{border-color:#dfcb9f;border-top-color:#c8953a}.att-belt.is-empty>div{background:#f8efd7}.att-empty-belt{color:#ac8136}.att-board-footer{padding:20px;border:1px solid #d8e2cd;background:#e9efdf;margin-top:25px;border-radius:6px}.att-board-footer>b{font-size:13px;display:block;margin-bottom:12px}.att-board-footer>span{font-size:11px;color:#778d6c;line-height:2}.att-dialog{width:min(780px,calc(100% - 24px));max-width:none;padding:25px;max-height:92dvh;overflow:auto;border:1px solid #193c36;border-radius:10px;background:#f3f6ee;color:#24362c;font-family:Arial,Helvetica,sans-serif}.att-dialog::backdrop{background:#142a23cc}.att-dialog-header{display:flex;justify-content:space-between;align-items:start;gap:25px}.att-dialog-header span{font-size:10px;letter-spacing:.7px;color:#809572}.att-dialog-header h2{font-size:29px;font-weight:600;line-height:1.15;letter-spacing:-.7px;margin:15px 0 0}.att-dialog-header button{font:inherit;font-size:12px;padding:11px 15px;background:#193c36;color:#e8f345;border:0;border-radius:4px;white-space:nowrap;cursor:pointer}.att-dialog>p{font-size:14px;color:#708566;line-height:1.8;margin:20px 0}.att-pick-belts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0}.att-pick-belts button{font:inherit;font-size:17px;font-weight:500;text-align:left;padding:20px;border:1px solid #b7cda9;background:#e3edda;color:#365e35;border-radius:6px;cursor:pointer;line-height:1.4;transition:background .15s}.att-pick-belts button:hover,.att-pick-belts button[aria-pressed=true]{background:#c6dea9;border-color:#6e9e59}.att-dialog>.att-leave{font:inherit;font-size:13px;line-height:1.5;border:1px solid #bd7c61;background:#f2ded1;color:#925838;padding:13px 17px;border-radius:5px;cursor:pointer}.att-dialog>small{display:block;font-size:11px;color:#8c9d81;line-height:1.8;margin-top:22px}.att-page-intro{padding-top:45px;padding-bottom:30px}.att-page-intro>.kicker{font-size:9px;color:#697053}.att-page-intro h1{font-size:clamp(42px,5vw,68px);line-height:1.08;font-weight:650;margin:25px 0;letter-spacing:-.05em}.att-page-intro h1 em{color:#5b26cb}.att-page-intro>p{font-size:17px;line-height:1.9;color:#545f25;max-width:780px}.att-page-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:25px}.att-page-switch button{font:inherit;font-size:13px;line-height:1.5;padding:14px 18px;border:1px solid #687e3755;border-radius:6px;background:transparent;color:#37481e;cursor:pointer}.att-page-switch button[aria-pressed=true]{background:#193c36;color:#e8f345;border-color:#193c36}.att-page-switch a{font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-left:10px}.att-page-display{border:1px solid #6b7f3655;border-radius:10px;overflow:hidden;box-shadow:8px 8px 0 #5b26cb}.att-explanation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-top:60px;padding-bottom:55px}.att-explanation article{padding-top:20px;border-top:1px solid #687e3744}.att-explanation article>span{font-size:10px;color:#697053;letter-spacing:.8px}.att-explanation h2{font-size:27px;font-weight:500;line-height:1.15;margin:20px 0}.att-explanation p{font-size:15px;color:#545f25;line-height:1.9}
.att-demo.is-compact{font-size:11px}.is-compact .att-header{padding:16px;gap:15px}.is-compact .att-header>b{font-size:15px}.is-compact .att-header>span{font-size:7px}.is-compact .att-body{padding:18px}.is-compact .att-terminal-title{gap:12px}.is-compact .att-card-icon{width:40px;height:40px;font-size:24px;border-radius:8px}.is-compact .att-terminal-title h3{font-size:18px}.is-compact .att-terminal-title p{font-size:9px;margin-top:7px}.is-compact .att-demo-hint{padding:13px 15px;margin:18px 0}.is-compact .att-demo-hint strong{font-size:10px;line-height:1.8}.is-compact .att-metrics{gap:9px;margin:18px 0}.is-compact .att-metrics>div{padding:13px 10px}.is-compact .att-metrics>div>span{font-size:8px;margin-bottom:10px}.is-compact .att-metrics b{font-size:25px}.is-compact .att-metrics small{font-size:11px}.is-compact .att-terminal-columns{gap:12px}.is-compact .att-terminal-columns h4{font-size:13px;margin-bottom:12px}.is-compact .att-terminal-columns h4>span{font-size:10px;padding:3px 7px}.is-compact .att-people-list{max-height:280px;gap:6px}.is-compact .att-person{padding:8px;gap:7px;border-radius:4px}.is-compact .att-avatar{width:27px;height:27px;font-size:8px}.is-compact .att-person b{font-size:10px}.is-compact .att-person small{font-size:8px;margin-top:3px}.is-compact .att-person>i{font-size:14px}.is-compact .att-search{font-size:9px;margin:15px 0}.is-compact .att-search input{font-size:11px;padding:10px;margin-top:6px}.is-compact .att-footer{padding-top:17px;margin-top:20px;gap:13px}.is-compact .att-footer>span{font-size:8px}.is-compact .att-footer button{font-size:8px;padding:8px 10px}.is-compact .att-disclaimer{font-size:8px;margin-top:15px}.is-compact .att-board-title{gap:15px;margin:23px 0 17px}.is-compact .att-board-title h3{font-size:19px}.is-compact .att-board-title>span{font-size:8px}.is-compact .att-belt-grid{grid-template-columns:1fr 1fr;gap:12px}.is-compact .att-belt>div{padding:13px 12px;min-height:65px;gap:10px}.is-compact .att-belt h4{font-size:14px}.is-compact .att-belt>div>b{font-size:21px}.is-compact .att-belt>div>b>small{font-size:8px}.is-compact .att-belt ul{padding:5px 12px 8px}.is-compact .att-belt li{font-size:9px;gap:7px;padding:8px 0}.is-compact .att-belt li>small{font-size:8px}.is-compact .att-board-footer{padding:15px;margin-top:20px}.is-compact .att-board-footer>b{font-size:10px}.is-compact .att-board-footer>span{font-size:9px}.is-compact .att-full-link{display:inline-block;font-size:10px;line-height:1.8;margin-top:16px;color:#286d46;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.att-belt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.att-explanation{gap:27px}.att-explanation h2{font-size:24px}}
@media(max-width:620px){.att-header{padding:19px 16px;gap:15px}.att-header>b{font-size:18px}.att-header>span{font-size:8px;max-width:95px;text-align:right;line-height:1.7}.att-body{padding:20px 15px}.att-terminal-title{gap:13px}.att-card-icon{height:45px;width:45px;font-size:28px;border-radius:9px}.att-terminal-title h3{font-size:21px;letter-spacing:-.5px}.att-terminal-title p{font-size:11px;margin-top:9px}.att-demo-hint{padding:16px;margin:20px 0}.att-demo-hint strong{font-size:12px;line-height:1.9}.att-metrics{gap:8px;margin:20px 0}.att-metrics>div{padding:14px 10px}.att-metrics>div>span{font-size:8px;margin-bottom:12px;line-height:1.7}.att-metrics b{font-size:26px}.att-metrics small{font-size:11px}.att-terminal-columns{gap:12px}.att-terminal-columns h4{font-size:14px;margin-bottom:14px}.att-terminal-columns h4>span{font-size:10px;padding:3px 8px}.att-person{padding:10px 8px;gap:7px}.att-avatar{width:28px;height:28px;font-size:8px}.att-person b{font-size:10px;line-height:1.5}.att-person small{font-size:8px;line-height:1.7}.att-person>i{font-size:13px}.att-people-list{max-height:520px;gap:7px}.att-search{font-size:11px}.att-search input{font-size:13px;padding:12px}.att-board-title{align-items:start;margin:25px 0 20px;gap:15px}.att-board-title h3{font-size:23px}.att-board-title>span{font-size:9px;text-align:right;max-width:100px;line-height:1.8}.att-belt-grid{gap:13px}.att-belt>div{padding:15px 12px;gap:10px;min-height:76px}.att-belt h4{font-size:15px;line-height:1.2}.att-belt>div>b{font-size:23px}.att-belt ul{padding:6px 12px 10px}.att-belt li{font-size:10px;gap:8px;line-height:1.7}.att-belt li>small{font-size:8px}.att-board-footer{padding:17px}.att-board-footer>b{font-size:12px}.att-board-footer>span{font-size:10px}.att-footer{gap:17px;padding-top:20px;margin-top:22px}.att-footer>span{font-size:10px}.att-footer>div{gap:10px}.att-footer button{font-size:10px;padding:10px 12px}.att-disclaimer{font-size:9px}.att-dialog{padding:20px 16px}.att-dialog-header{gap:15px}.att-dialog-header h2{font-size:23px}.att-dialog-header span{font-size:8px}.att-dialog-header button{font-size:10px;padding:10px 12px}.att-dialog>p{font-size:13px}.att-pick-belts{gap:10px;margin:20px 0}.att-pick-belts button{font-size:15px;padding:18px 14px}.att-dialog>.att-leave{font-size:12px;padding:13px}.att-page-intro{padding-top:35px;padding-bottom:25px}.att-page-intro>.kicker{font-size:8px}.att-page-intro h1{font-size:41px;letter-spacing:-1.8px;margin:23px 0}.att-page-intro>p{font-size:15px;line-height:1.9}.att-page-switch{gap:9px}.att-page-switch button{font-size:11px;padding:12px 14px}.att-page-switch a{font-size:11px;margin:8px 0}.att-page-display{box-shadow:5px 5px 0 #5b26cb}.att-explanation{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:25px}.att-explanation h2{font-size:26px;margin:18px 0}.att-explanation p{font-size:15px}.is-compact .att-body{padding:15px 12px}.is-compact .att-header{padding:15px 12px}.is-compact .att-header>b{font-size:13px}.is-compact .att-header>span{font-size:6px;max-width:75px}.is-compact .att-terminal-title h3{font-size:17px}.is-compact .att-card-icon{width:33px;height:33px;font-size:22px}.is-compact .att-terminal-title p{font-size:8px}.is-compact .att-demo-hint{padding:12px}.is-compact .att-demo-hint strong{font-size:9px}.is-compact .att-metrics{gap:7px}.is-compact .att-metrics b{font-size:22px}.is-compact .att-metrics>div{padding:12px 8px}.is-compact .att-metrics>div>span{font-size:7px}.is-compact .att-terminal-columns{gap:9px}.is-compact .att-terminal-columns h4{font-size:11px}.is-compact .att-terminal-columns h4>span{font-size:9px}.is-compact .att-person{padding:8px 6px;gap:6px}.is-compact .att-avatar{display:none}.is-compact .att-person b{font-size:9px}.is-compact .att-person small{font-size:7px}.is-compact .att-belt-grid{gap:9px}.is-compact .att-belt>div{padding:12px 10px;min-height:65px}.is-compact .att-belt h4{font-size:12px}.is-compact .att-belt>div>b{font-size:19px}.is-compact .att-belt ul{padding:5px 10px 8px}.is-compact .att-belt li{font-size:8px;gap:6px}.is-compact .att-belt li>small{font-size:7px}}
@media(max-width:380px){.att-page-intro h1{font-size:35px;letter-spacing:-1.5px}.att-terminal-columns{gap:9px}.att-person{padding:9px 7px}.att-avatar{display:none}.att-person b{font-size:10px}.att-belt-grid{grid-template-columns:1fr}.is-compact .att-belt-grid{grid-template-columns:1fr 1fr}.att-board-title h3{font-size:21px}.att-header>b{font-size:16px}.att-metrics b{font-size:24px}.att-page-switch button{font-size:10px;padding:12px}.is-compact .att-terminal-columns h4{font-size:10px}.is-compact .att-metrics b{font-size:20px}}
@media(prefers-reduced-motion:reduce){.att-demo *,.att-dialog *{transition:none!important;scroll-behavior:auto!important}}

.att-person[hidden]{display:none}
/* Touch terminal: high contrast, clear destinations and large centered controls. */
.att-demo,.att-dialog{font-family:'Bricolage Grotesque',Arial,Helvetica,sans-serif;background:#f6f5f0;color:#191c18}.att-header{background:#191c18;padding:25px 30px}.att-header>span{color:#e8f345}.att-card-icon{background:#5b26cb;color:#e8f345;border-color:#5b26cb}.att-demo-hint{border:0;border-radius:12px;background:#e8f345;color:#191c18}.att-terminal-title h3{font-weight:700}.att-terminal-title p,.att-search{color:#656575}.att-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.att-metrics>div{border:1px solid #dedce4;border-radius:12px;background:#fff}.att-metrics>div:first-child{background:#5b26cb;border-color:#5b26cb;color:#fff}.att-metrics>div:first-child>span,.att-metrics>div:first-child b,.att-metrics>div:first-child small{color:#fff}.att-metrics>div>span{color:#656575}.att-metrics b{color:#5b26cb}.att-metrics small{color:#777185}.att-metrics>div:last-child{background:#eee9fa}.att-terminal-columns h4{font-weight:650}.att-terminal-columns h4>span,.att-terminal-columns>section+section h4>span{background:#e7dfff;color:#5b26cb}.att-person{border-color:#dedce4;border-radius:10px;min-height:68px;padding:14px}.att-person b{font-weight:650}.att-person small{color:#716c80}.att-person:hover{border-color:#5b26cb;background:#f0eaff}.att-person.is-present{border-color:#c9b9ed;background:#faf7ff}.att-avatar,.att-person.is-present .att-avatar{background:#e9e0ff;color:#5b26cb}.att-person>i{color:#5b26cb}.att-search input{border-color:#d5d0df;border-radius:9px}.att-people-list{scrollbar-color:#b3a1da #eee9f5}.att-board-title h3{font-weight:700}.att-board-title>span{color:#777185}.att-belt{border:1px solid #d7cde9;border-top:4px solid #5b26cb;border-radius:12px;background:#fff}.att-belt>div{background:#eee8fa}.att-belt h4{font-weight:700}.att-belt>div>b{color:#5b26cb}.att-belt>div>b>small{color:#787085}.att-belt-state{display:block;color:#7a6c94;font-size:9px;margin-top:9px;line-height:1.5}.att-belt li{border-color:#ece7f3}.att-belt li>small{color:#8a829a}.att-belt.is-empty{border:2px dashed #c5bdd3;border-top:4px solid #a89abf;background:#f2eff7}.att-belt.is-empty>div{background:#e9e4f0}.att-belt.is-empty h4{color:#61556f}.att-belt.is-empty>div>b{color:#9e92af}.att-empty-belt{color:#81758d;min-height:95px;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:600;text-align:center}.att-board-footer{border-color:#dad3e7;background:#eee8f5}.att-board-footer>span{color:#777185}.att-footer{border-color:#d7d1e2}.att-footer>span,.att-disclaimer{color:#81798e}.att-footer button{border-color:#cfc4e2;color:#5b26cb;border-radius:7px;min-height:40px}.att-page-switch{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:820px;margin-top:30px}.att-page-switch button{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:15px;row-gap:6px;align-items:center;text-align:left;min-height:100px;padding:21px;border:2px solid #191c1835;background:#ffffff35;color:#191c18;border-radius:14px;box-shadow:0 4px 0 #191c1810;touch-action:manipulation;transition:transform .15s,background .15s}.att-page-switch button>span{grid-row:1/3;height:44px;width:44px;display:grid;place-items:center;background:#191c18;color:#e8f345;border-radius:50%;font-size:15px;font-weight:700}.att-page-switch button>b{font-size:20px;line-height:1.2;font-weight:700}.att-page-switch button>small{font-size:10px;line-height:1.6;opacity:.75}.att-page-switch button[aria-pressed=true]{background:#5b26cb;border-color:#5b26cb;color:#fff;box-shadow:0 5px 0 #191c18}.att-page-switch button[aria-pressed=true]>span{background:#e8f345;color:#191c18}.att-page-switch button:hover{transform:translateY(-2px)}.att-page-switch a{font-size:11px;margin:7px 0;line-height:1.8}.att-dialog{width:min(1000px,calc(100% - 28px));padding:30px;border:0;border-radius:20px;box-shadow:0 20px 90px #0007}.att-dialog::backdrop{background:#12101bd9;backdrop-filter:blur(4px)}.att-dialog-header{position:relative;display:block;text-align:center;padding:7px 105px 0}.att-dialog-header span{color:#81758f;font-size:10px;letter-spacing:1px}.att-dialog-header h2{font-size:36px;font-weight:750;letter-spacing:-1.1px;margin:13px 0 0}.att-dialog-header button{position:absolute;right:0;top:0;background:#191c18;color:#fff;border-radius:8px;min-height:44px}.att-dialog>p{text-align:center;color:#736a82;margin:22px auto;max-width:650px;font-size:14px}.att-pick-belts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}.att-pick-belts button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:120px;padding:17px 14px;text-align:center;border:2px solid #e0dae9;border-radius:13px;background:#fff;color:#191c18;box-shadow:0 5px 0 #d8d1e2;touch-action:manipulation;transition:transform .12s,box-shadow .12s,background .12s}.att-pick-belts button>svg{width:27px;height:27px;color:#5b26cb;flex-shrink:0}.att-pick-belts button>strong{font-size:21px;font-weight:750;line-height:1.15;letter-spacing:-.4px}.att-pick-belts button>small{font-size:8px;letter-spacing:1px;text-transform:uppercase;opacity:.6}.att-pick-belts button:nth-child(4n+1){background:#fff;color:#191c18;border-color:#e0dae9;box-shadow:0 5px 0 #d8d1e2}.att-pick-belts button:nth-child(4n+2){background:#fff;color:#191c18;border-color:#e0dae9;box-shadow:0 5px 0 #d8d1e2}.att-pick-belts button:nth-child(4n+3){background:#fff;color:#191c18;border-color:#e0dae9;box-shadow:0 5px 0 #d8d1e2}.att-pick-belts button:nth-child(4n+2)>svg,.att-pick-belts button:nth-child(4n+3)>svg{color:#5b26cb}.att-pick-belts button:hover{transform:translateY(-3px)}.att-pick-belts button:active{transform:translateY(4px);box-shadow:0 1px 0 #999}.att-pick-belts button[aria-pressed=true]{outline:3px solid #a28be9;outline-offset:3px}.att-pick-belts button:focus-visible,.att-page-switch button:focus-visible{outline:3px solid #a28be9;outline-offset:4px}.att-dialog>.att-leave{display:block;margin:24px auto 0;background:#191c18;color:#fff;border-color:#191c18;min-height:50px;border-radius:9px;font-weight:650}.att-dialog>small{text-align:center;color:#8a8197}.is-compact .att-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.is-compact .att-belt-state{font-size:7px;margin-top:5px}.is-compact .att-person{min-height:50px}.is-compact .att-empty-belt{font-size:10px!important;min-height:60px}.is-compact .att-belt>div{min-height:85px}
@media(max-width:800px){.att-pick-belts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.att-pick-belts button{min-height:110px}.att-pick-belts button>strong{font-size:18px}.att-dialog-header h2{font-size:30px}.att-page-switch button>b{font-size:17px}}
@media(max-width:620px){.att-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.att-metrics>div{padding:17px}.att-metrics b{font-size:29px}.att-metrics>div>span{font-size:10px}.att-page-switch{gap:12px}.att-page-switch button{display:flex;flex-direction:column;text-align:center;justify-content:center;min-height:150px;padding:17px 12px;gap:12px}.att-page-switch button>span{height:35px;width:35px;font-size:12px}.att-page-switch button>b{font-size:18px;line-height:1.2}.att-page-switch button>small{font-size:9px}.att-page-switch a{font-size:10px}.att-dialog{padding:22px 16px;border-radius:15px;width:calc(100% - 20px)}.att-dialog-header{padding:55px 0 0}.att-dialog-header h2{font-size:28px}.att-dialog-header button{min-height:40px;font-size:10px}.att-dialog>p{font-size:12px;margin:18px auto}.att-pick-belts{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0}.att-pick-belts button{min-height:118px;padding:16px 10px;gap:10px;border-radius:11px}.att-pick-belts button>strong{font-size:19px;overflow-wrap:anywhere}.att-pick-belts button>svg{width:25px;height:25px}.att-pick-belts button>small{font-size:7px}.att-person{min-height:64px;padding:12px 8px}.att-person b{font-size:11px}.att-person small{font-size:8px}.att-belt>div{min-height:100px}.att-belt h4{font-size:16px}.att-belt-state{font-size:8px}.att-belt.is-empty>div{min-height:100px}.is-compact .att-metrics>div{padding:12px 8px}.is-compact .att-metrics b{font-size:22px}.is-compact .att-metrics>div>span{font-size:8px}.is-compact .att-person{min-height:50px}.is-compact .att-person b{font-size:9px}.is-compact .att-belt h4{font-size:12px}}
@media(prefers-reduced-motion:reduce){.att-pick-belts button,.att-page-switch button{transition:none}}