/* Goed Bezig — a calm training journal with an energetic club identity. */
:root{--paper:#f6f5ef;--surface:#fffefa;--ink:#3e2f24;--muted:#8c6b51;--line:#e0dfd8;--plum:#3e2f24;--plum-deep:#32261c;--accent:#aa442e;--accent-hover:#943821;--rose:#ee987e;--rose-soft:#f8e2d8;--lavender:#f5f0e8;--sage:#e7ecc8;--sand:#f1ecdf;--radius:20px;--shadow:0 5px 17px #3d2e2303;--coral:#ed967a;--lime:#e4edaf;--blue:#dce7f3;--editorial-ease:cubic-bezier(.18,.78,.24,1)}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3{color:var(--ink)}h1{font-size:42px;line-height:1.02;font-weight:900;letter-spacing:-1.9px}h2{letter-spacing:-.7px}h3{letter-spacing:-.3px}
.app-shell{padding-left:21px;padding-right:21px}.topbar{height:78px}.mobile-brand{font-size:26px;letter-spacing:-1.5px;color:var(--ink)}.mobile-brand>span:last-child,.brand-period,.accent-dot{color:#c76548}.icon-button,.icon-btn{background:#fffefa;border-color:#dcdcd5;color:#785b45;border-radius:13px;box-shadow:none}.avatar-button{background:var(--ink);color:#eef2c8;box-shadow:0 0 0 1px #d9d9cf;border-color:var(--paper)}
.home-heading,.page-heading{margin-bottom:26px}.home-heading h1,.page-heading h1{font-size:42px;line-height:1.03;letter-spacing:-1.9px}.home-heading>p,.home-heading-copy>p,.page-intro{font-size:14px;color:var(--muted);line-height:1.7;margin-top:11px}.eyebrow,.home-heading .eyebrow{font-size:11px;letter-spacing:1.15px;font-weight:600;color:#8f6c52;line-height:1.5}.home-heading .eyebrow{margin-bottom:11px}.small-label{background:#eeeee5;color:#83634b;border-radius:7px;white-space:normal;font-size:11px;line-height:1.4}.page-footer{color:#8d6b51;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;font-size:11px}
.sidebar{background:#3f3024;border:1px solid #523e2f;border-radius:22px;padding:6px;box-shadow:0 8px 24px #3e2f2420;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.navigation{gap:2px}.navigation a{color:#e9e2d7;font-size:11px;letter-spacing:-.2px;min-height:58px;border-radius:15px;padding:8px 0;gap:5px}.navigation a>span:last-child{font-size:11px}.navigation a svg{stroke-width:1.7;width:21px;height:21px}.navigation a[aria-current='page']{background:var(--lime);color:#282b32;box-shadow:none}.navigation a:hover{background:#5b4535;color:#fff}.navigation a[aria-current='page']:hover{background:#eaf1c2;color:#282b32}.navigation a i{background:#ed967a;border:1px solid var(--ink)}
.primary-button{background:var(--coral);color:#3e2f23;border-color:var(--coral);border-radius:12px;min-height:49px;font-size:14px;font-weight:700;box-shadow:none}.primary-button:hover{background:#e98769;border-color:#e98769;color:#3a2c21;transform:translateY(-2px)}.secondary-button,.button-secondary{background:#fffefa;border-color:#ccccc3;color:var(--ink);border-radius:12px;font-weight:600}.secondary-button:hover,.button-secondary:hover{background:#efeee5;border-color:#96948f}.text-button,.text-link,.back-button{color:#97452e;font-size:12px}.full{max-width:100%}.card,.utility-row,.energy-section,.recent-section{background:#fffefa;border-color:var(--line);border-radius:20px;box-shadow:var(--shadow)}.card-pad{padding:23px}.card{overflow:hidden}.section-heading h2{font-size:21px;letter-spacing:-.7px}.section-heading p,.help-text,.fine,.optional{color:var(--muted)}.section-heading>svg{color:#9d785b}.icon-badge{background:#f5e0d6;color:#a3563a;border-radius:12px}.icon-badge.sage{background:#e8edcf;color:#5d6741}.icon-badge.lavender{background:#f4ede4;color:#977357}.soft-pill{background:#eeeee6;border-color:#ddddd2;color:#82634b;border-radius:7px;font-size:11px}.utility-row{padding:18px 19px;min-height:85px}.utility-row:hover{border-color:#a7aaa0;transform:translateY(-3px)}.utility-row>svg:first-child{color:#8a6653}.utility-row>svg:last-child{color:#a47e60}.utility-copy strong{font-size:15px;letter-spacing:-.2px}.utility-copy small{color:#8c6b51;font-size:12px}.back-button{border-color:#d9d8d0;background:#fffefa}.back-button:hover{background:#edeedf}
/* An editorial opening: ink, generous type and a small running-track motif. */
.home-layout{gap:20px}.home-primary,.home-secondary{gap:20px}.session-card{position:relative;isolation:isolate;border:0;background:#3e2f24;padding:26px 24px 24px;border-radius:23px;overflow:hidden;color:#f8f6ef;box-shadow:none;min-height:322px}.session-content{position:relative;z-index:2;min-width:0}.session-top{font-size:11px;line-height:1.4;letter-spacing:1.15px;color:#dedec3;margin-bottom:22px}.session-top>svg{width:24px;height:24px;color:#e8ebce}.session-card h2{position:relative;z-index:2;font-size:37px;font-weight:900;line-height:1.03;letter-spacing:-1.6px;color:#f9f6ed;max-width:380px;overflow-wrap:anywhere}.session-card>p,.session-content>p,.session-copy>p{position:relative;z-index:2;font-size:13px;line-height:1.65;color:#e8e0d5;margin-top:15px;max-width:265px}.session-meta{position:relative;z-index:2;font-size:11px;color:#e9e2d7;gap:7px 14px;margin-top:21px}.session-meta>span:before{background:#dce5a5}.session-card>.primary-button,.session-content>.primary-button,.session-copy>.primary-button{position:relative;z-index:2;background:#ec977d;border-color:#ec977d;color:#3d2e23;width:100%;min-height:49px;border-radius:12px;font-size:14px;font-weight:700;margin-top:23px}.session-card>.primary-button:hover,.session-content>.primary-button:hover,.session-copy>.primary-button:hover{background:#f3ab91;border-color:#f3ab91}.session-track{position:absolute;z-index:0;right:-48px;top:50px;width:178px;height:222px;transform:rotate(24deg);opacity:.34;pointer-events:none}.session-track i{display:block;position:absolute;inset:0;border:1px solid #e5eaa6;border-radius:50%}.session-track i:nth-child(2){inset:18px}.session-track i:nth-child(3){inset:37px}.session-track:after{content:'';position:absolute;width:13px;height:13px;background:#e5eaa6;border:3px solid #3e2f24;border-radius:50%;top:59px;left:18px}.session-count{background:#594333;border-color:#8c6a50;color:#e8ecc7;border-radius:7px}
.energy-section{padding:23px 20px}.energy-section>.section-heading{margin-bottom:17px}.energy-section h2{font-size:21px;letter-spacing:-.6px}.energy-options{gap:7px}.energy-option{min-height:81px;border:1px solid #dedfd6;border-radius:12px;background:#f5f5ef;color:#806149;padding:12px 3px;gap:11px}.energy-option>span:last-child{font-size:11px;font-weight:600;white-space:normal}.energy-option:hover{border-color:#989b8a;background:#ecefe2;transform:translateY(-3px)}.energy-option[aria-pressed='true']{background:#f6dfd2;border-color:#b5684a;color:#783f2d;box-shadow:inset 0 0 0 1px #b5684a}.energy-meter i{background:#deded6}.energy-meter[data-level='1'] i:nth-child(-n+1),.energy-meter[data-level='2'] i:nth-child(-n+2),.energy-meter[data-level='3'] i:nth-child(-n+3),.energy-meter[data-level='4'] i{background:#71776a}.energy-option[aria-pressed='true'] .energy-meter[data-level='1'] i:nth-child(-n+1),.energy-option[aria-pressed='true'] .energy-meter[data-level='2'] i:nth-child(-n+2),.energy-option[aria-pressed='true'] .energy-meter[data-level='3'] i:nth-child(-n+3),.energy-option[aria-pressed='true'] .energy-meter[data-level='4'] i{background:#9a5339}.energy-feedback{color:#8c6b51;font-size:12px;line-height:1.7;margin-top:16px}.week-card{background:#e9edc8;border-color:#d9dfac;border-radius:20px;padding:23px 21px}.week-card .section-heading h2{color:#41462e;font-size:21px}.week-card .small-label{background:#f7f9e5;color:#5d6445}.week-day{font-size:11px;color:#636950}.day{background:#f9faec;border-color:#ced59f;color:#5b6049;font-size:11px;width:31px;height:31px}.day.today{background:#e2e9b1;border-color:#778a42;color:#3e4a2a}.day.done{background:#3e472e;border-color:#3e472e;color:#f8fbe6}.week-card>.fine,.week-card>p{color:#5d6447;font-size:12px}.week-card>p strong{color:#3b422d}.recent-section{padding:24px 22px}.recent-section .section-heading h2{font-size:20px}.recent-section>p{font-size:14px;line-height:1.75}.note-strip{background:#dfe9f2;border-color:#cbd8e5;color:#52647c;border-radius:16px;padding:16px 20px;font-size:12px}.note-strip .text-button{color:#415977;font-size:12px}.home-links{gap:11px}.home-links .utility-row:first-child{background:#f2e8e4;border-color:#e4d8cf}.home-links .utility-row:first-child>svg:first-child{color:#9e6551}
/* The library reads as a collection rather than a bank of identical tiles. */
.search-field{background:#fffefa;border-color:#cfcec5;border-radius:13px;color:#9f795c;min-height:54px}.search-field:focus-within{border-color:#878c74;box-shadow:0 0 0 3px #9fa97b1a}.library-switch,.diary-tabs{background:#e9eae2;border-color:#dbdcd1;border-radius:12px;padding:4px}.library-switch button,.diary-tabs button,.diary-tabs a{color:#85654c;font-size:12px;font-weight:600;border-radius:8px}.library-switch button[aria-pressed='true'],.diary-tabs button[aria-pressed='true'],.diary-tabs [aria-selected='true']{background:#fffefa;border-color:#d5d5c9;color:#403125;box-shadow:0 2px 5px #372a2006}.library-folders{gap:13px}.folder-card{border-radius:19px;background:#f3e1d7;border-color:#e4cdc0;min-height:218px;padding:20px 17px;box-shadow:none}.folder-card[data-tone='rose']{background:#f3e1d7;border-color:#e4cdc0}.folder-card[data-tone='plum']{background:#e3e7f2;border-color:#d1d7e6}.folder-card[data-tone='sage']{background:#e6eccd;border-color:#d2dbae}.folder-card[data-tone='sand']{background:#f0ebda;border-color:#e0d6ba}.folder-card:hover{border-color:#979483;box-shadow:0 8px 18px #3c2d220a;transform:translateY(-5px)}.folder-icon{width:62px;height:68px;border-radius:12px;background:#fff9;margin-bottom:20px;border:1px solid #ffffff85}.folder-card h2,.folder-card[data-tone] h2{font-size:20px;letter-spacing:-.7px;line-height:1.12;color:#4f3c2e;overflow-wrap:anywhere}.folder-card p,.folder-card small,.folder-card[data-tone] p,.folder-card[data-tone] small{color:#85654c;font-size:11px;line-height:1.65}.folder-card p{font-weight:600;margin-top:8px}.folder-card small{margin-top:4px}.folder-arrow{color:#9d785b;top:21px;right:17px}.folder-arrow svg{width:18px;height:18px}.chip{background:#fffefa;border-color:#d4d5c8;color:#81624a;border-radius:9px;font-size:12px}.chip:hover{background:#edf0df;border-color:#999f85}.chip[aria-pressed='true'],.chip.active{background:#4a382b;border-color:#4a382b;color:#fffdf2}.catalog-toolbar p,.catalog-toolbar>span,.favorite-filter{color:#8c6b51}.exercise-row{border-color:#dfdfd4;border-radius:16px;background:#fffefa;padding:12px;min-height:94px}.exercise-row:hover{border-color:#aaa994;transform:translateY(-2px);box-shadow:0 6px 14px #3e2f2405}.exercise-open h3,.exercise-open strong{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.2px}.exercise-open p,.exercise-open small{font-size:11px;color:#8e6c52}.focus-thumbnail{background:#f0eee5;border-color:#e1ddd0;width:49px;height:62px;border-radius:10px}.favorite-button{color:#a6846a}.favorite-button[aria-pressed='true']{color:#a64c31}.favorite-button[aria-pressed='true'] svg{fill:#f5dccd}.add-button{color:#985136}.add-button:hover{background:#f5e5d9}.load-more{border-color:#d4d4c8;background:#eeeee5;color:#624a38}.saved-folders .utility-row{background:#fffefa}.focus-visual{background:#eeeee5;border-color:#deded1;border-radius:18px;grid-template-columns:minmax(110px,.95fr) minmax(0,1fr);gap:18px;padding:20px}.focus-diagram{min-height:211px}.focus-diagram svg{max-height:268px}.focus-copy h3{color:#4a382b;font-size:27px;letter-spacing:-1px}.focus-copy p{color:#81624a;font-size:12px;line-height:1.7}.focus-copy .eyebrow{font-size:10px;color:#89684e;letter-spacing:1px}.focus-note{color:#89684f;font-size:11px;line-height:1.6}.exercise-facts>div{background:#f7f5ed;border-color:#e0ddd3;border-radius:12px}.exercise-facts span,.exercise-facts small{color:#89684f}.exercise-facts strong{color:#5f4836}.exercise-instructions summary{color:#75513e}.exercise-instructions ol{color:#725641}.exercise-no-image,.exercise-credit{color:#89684f}.notice-box{background:#efeee6;border-color:#dcdaca;color:#83634b}.notice-box strong{color:#614937}
/* A quiet, precise logger: large numbers, clear input rows and reserved colour. */
.training-shell{min-width:0}.training-start{background:#e7ebd1;border-color:#d8deba;color:#363c2b;padding:27px}.training-start h2{color:#363c2b;font-size:31px;letter-spacing:-1px}.training-start>p{color:#596148;font-size:14px;line-height:1.8}.training-start>.icon-badge{background:#f8fae8;color:#626e3e}.training-start>.primary-button{background:#4a382a;border-color:#4a382a;color:#f9f9eb}.training-start>.primary-button:hover{background:#614a38;border-color:#614a38}.training-compact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:23px}.training-compact-head h1{font-size:35px;line-height:1.07;letter-spacing:-1.3px}.training-compact-head>div{min-width:0}.training-compact-head .eyebrow{margin-bottom:8px}.training-compact-head p{font-size:13px;color:#8b6a50;line-height:1.6;margin-top:8px}.timer-card{background:#dfe8f1;border-color:#cbd8e3;padding:23px;border-radius:20px;box-shadow:none}.timer-card .eyebrow{color:#526176}.timer-display{color:#2b3b52;font-size:58px;font-weight:700;letter-spacing:-2.4px;line-height:1.02;margin-top:14px}.timer-status,.timer-card>p,.timer-card>.fine,.timer-card>.help-text{color:#55657a;font-size:12px}.timer-status:before{background:#6d798c}.timer-card.is-running .timer-status:before{background:#6e884f}.timer-controls .secondary-button{background:#f6f9fc;border-color:#bdccd9;color:#3c5069}.draft-head{padding:23px;border-radius:17px;background:#fffefa}.draft-meta,.set-head,.set-number{color:#8c6b51}.draft-meta{font-size:11px}.draft-head>.form-grid{margin-top:20px}.field>label,.field>span,.field-label{color:#715641;font-size:13px}.field-error,.form-error,.set-error{color:#a13426;font-size:12px;line-height:1.65}.form-error:empty{display:none}input,textarea,select{background:#fffefa;border-color:#cecec4;color:#4b392b;font-size:16px;border-radius:10px}input:focus,textarea:focus,select:focus{border-color:#737d58;box-shadow:0 0 0 3px #88966612}input::placeholder,textarea::placeholder{color:#a17a5d}.workout-exercise{border-radius:18px;border-color:#dcdcd2;padding:23px 18px}.exercise-title-row h3{font-size:18px;letter-spacing:-.4px}.exercise-title-row p{color:#906d53;font-size:12px}.exercise-title-row .text-button{color:#91634b;font-size:11px;min-height:37px}.set-head{font-size:11px;letter-spacing:.3px}.set-number{font-size:13px;font-weight:600}.set-row input{background:#f7f7ef;border-color:#ddddd2;min-height:46px;border-radius:9px}.set-row.done{background:#edf0df;border-radius:11px}.set-row.done input{background:#f7f9ef;border-color:#cbd4b1}.done-set{border-color:#c8cabb;background:#f1f2e8;color:#6f7b58;min-height:44px}.done-set[aria-pressed='true']{background:#687b46;border-color:#687b46;color:#fff;box-shadow:none}.remove-set{color:#a78265;min-height:44px}.add-set-button{color:#886249;border-color:#d9d6c8;background:#f4f2e8}.add-set-button:hover{background:#ecebdc}.draft-add{background:#edeee4;border-color:#b8bea5;color:#596149;border-radius:13px;min-height:53px}.draft-add:hover{background:#e6ead5}.draft-actions{background:#eeefe3;border-color:#dce0cb;border-radius:16px;padding:19px;margin-top:23px}.draft-actions strong{font-size:16px;color:#404631}.draft-actions p{color:#666e53;font-size:12px}.discard-row>.text-button{color:#906d53}.session-save-actions{gap:11px}.saved-training-card{background:#fffefa;border-color:#deded4;border-radius:17px}.saved-training-card .eyebrow{color:#7a6a59}.saved-training-card h3{font-size:20px;line-height:1.2;letter-spacing:-.5px}.saved-training-card p{font-size:12px;color:#8c6a50}.recent-training-label{font-size:20px;letter-spacing:-.4px}.rest-card{background:#f1ecdf;border-color:#e0d9c7}.rest-card h3{color:#746147}.rest-card p,.rest-card .text-button{color:#77694f}
/* Journal, sharing and personal reflections. */
.journal-hero{display:flex;flex-direction:column;gap:22px;padding:0 0 24px;margin-bottom:4px;border-bottom:1px solid #d9dacb}.journal-hero h1{font-size:43px;letter-spacing:-1.8px;line-height:1.03}.journal-hero .page-heading{margin:0}.journal-hero .stats-grid{margin:0}.journal-hero>.stats-grid{width:100%}.journal-search{display:flex;align-items:center;gap:10px;background:#fffefa;border:1px solid #d2d2c6;border-radius:12px;padding:0 14px;margin:21px 0}.journal-search input{border:0;background:none;box-shadow:none!important;min-width:0;flex:1;min-height:51px;padding-left:0;padding-right:0;font-size:16px}.journal-search svg{width:18px;height:18px;color:#9d775a}.journal-month{font-size:16px;letter-spacing:-.2px;color:#81624a;margin:26px 0 12px}.stats-grid{gap:10px}.stat-card{background:#ebefdb;border-color:#d9dfc5;border-radius:16px;padding:23px 15px}.stat-card:nth-child(2){background:#e8ecf3;border-color:#d8deea}.stat-card:nth-child(3){background:#f2e4d9;border-color:#e5d5c7}.stat-card strong,.stat-card:nth-child(2) strong,.stat-card:nth-child(3) strong{color:#513e2f;font-size:36px;font-weight:700;letter-spacing:-1.2px}.stat-card span{font-size:11px;color:#88674e}.history-card{border-color:#deded3;background:#fffefa;border-radius:16px;padding:20px 17px}.history-card:hover{border-color:#a4ab91;transform:translateY(-3px)}.history-date{color:#916e53;font-size:11px}.history-copy h3{font-size:17px;letter-spacing:-.4px}.history-copy p{color:#8f6c52;font-size:12px}.history-card>svg:last-child{color:#aa8a72}.growth-chart,.progress-detail{border-radius:18px;background:#fffefa}.growth-chart .bar{background:#dddccf;border-radius:7px 7px 2px 2px}.growth-chart .bar.has-data{background:#899c67}.bar-count,.chart-column>label{color:#8f6c52}.progress-records>div{background:#eff0e4;border-color:#d9ddc9;color:#626655;border-radius:11px}.progress-records>div>span:first-child{color:#656a52;font-size:11px}.progress-records strong{color:#4f593c;font-size:13px}.record-card{background:#e8edc8;border-color:#d3dca6;border-radius:17px}.record-card .eyebrow,.record-card strong{color:#556433}.record-card p,.record-card small,.record-card time{color:#657049}.record-card strong{font-size:23px}.record-card>svg{color:#708341}.journal-prompt{background:#e5eaf3;border-color:#d3dbea;border-radius:17px}.journal-prompt h2,.journal-prompt h3{color:#394b65}.journal-prompt p{color:#607087}.diary-card{background:#fffefa;border-color:#dfdbcf;border-radius:18px}.diary-card .eyebrow{color:#7e6b5a}.diary-card p,.diary-card small,.diary-card time{color:#8e6b51}.diary-card:hover{border-color:#b4a791}.diary-rating button{background:#fffefa;border-color:#d3d1c2;color:#6f665d;border-radius:9px;min-height:47px}.diary-rating button:hover{background:#ecefdc;border-color:#9fa97d}.diary-rating button[aria-pressed='true']{background:#414c34;border-color:#414c34;color:#f5f9e4;box-shadow:none}.diary-settings{background:#eceee1;border-color:#dcdfcc;border-radius:13px}.diary-settings p,.diary-settings small,.diary-settings label{color:#636b54}.diary-score{background:#f0e6d8;border-color:#dfd1bb;border-radius:17px}.diary-score>strong{color:#806248}.diary-score small,.diary-score p{color:#7a6957}.diary-paragraph{border-color:#dedbd0}.diary-paragraph h3{color:#6d5949}.diary-paragraph p{color:#785b45}.diary-card textarea{background:#fffefa}.share-preview{padding:24px;background:#433327;border-radius:21px;color:#faf7ee;margin:19px 0;overflow:hidden;min-width:0}.share-preview h2,.share-preview h3,.share-preview strong{color:#f7f6ea}.share-preview h2{font-size:31px;line-height:1.08;letter-spacing:-1px}.share-preview p,.share-preview small,.share-preview .eyebrow{color:#deded6;font-size:12px;line-height:1.65}.share-preview .eyebrow{color:#dce6a9}.share-preview .stats-grid{margin:20px 0 5px}.share-preview .stat-card{padding:15px 12px;background:#5d4736;border-color:#795c46}.share-preview .stat-card strong{color:#e6edc0;font-size:29px}.share-preview .stat-card span{color:#ece5db}.share-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;font-size:13px;color:#7e6049}.share-controls label{display:flex;align-items:center;gap:8px;min-height:44px}.share-controls input[type='checkbox']{min-height:20px;width:20px;height:20px;accent-color:#657841}.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.share-actions>*{flex:1;min-width:120px}.share-status{font-size:12px;color:#7e6049;line-height:1.75;margin-top:14px}.import-preview{padding:19px;border:1px solid #cdd8b2;border-radius:14px;background:#edf2df;margin:19px 0;color:#586447;font-size:13px;line-height:1.75}.import-preview h3,.import-preview strong{color:#454f37}.import-preview ul{padding-left:19px}.storage-banner{position:sticky;top:8px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:13px;min-width:0;padding:14px 16px;background:#f7e9d1;border:1px solid #d6b880;border-radius:13px;color:#76552d;font-size:12px;line-height:1.6;box-shadow:0 5px 18px #6e4b1710;margin-bottom:18px}.storage-banner>div,.storage-banner>p,.storage-banner>span{min-width:0;overflow-wrap:anywhere}.storage-banner .text-button{flex-shrink:0;color:#79552b}.storage-banner .icon-button{background:#fff4df;color:#79552b;border-color:#d7bc8c}
/* A friendly circle; the social preview stays distinct from personal data. */
.social-hero{background:#e4e9f2;border-color:#d2d9e6;border-radius:23px;color:#544030;padding:27px 23px}.social-hero h1,.social-hero h2{color:#533f2f;font-size:35px;line-height:1.03;letter-spacing:-1.4px;font-weight:900}.social-hero>p{color:#566177;font-size:14px;line-height:1.8}.social-hero .eyebrow{color:#697388}.social-pill{background:#eeeee1;border-color:#dbdcc9;color:#5f644f;border-radius:7px;font-size:11px}.social-hero .social-pill{background:#f7f8ed;border-color:#d4dacc;color:#606b52}.social-hero .social-preview{background:#f3f5f9;border-color:#d9dfea;color:#596478;border-radius:12px;font-size:12px;padding:15px 17px}.friend-card{background:#fffefa;border-color:#dfded4;border-radius:20px;padding:22px}.friend-profile h3{font-size:17px;letter-spacing:-.4px}.friend-profile small{font-size:11px;color:#916e54}.friend-initial{background:#eedbc8;color:#856044;border-radius:14px}.friend-card[data-tone='sage'] .friend-initial{background:#e5edc5;color:#5a6940}.friend-card[data-tone='plum'] .friend-initial{background:#dfe5ef;color:#5a6880}.friend-profile>svg{color:#a58063}.friend-card .friend-sport{background:#f0eee2;color:#796e57}.friend-card blockquote{font-size:21px;line-height:1.35;letter-spacing:-.6px;color:#5f4836}.friend-footer{border-color:#e2ddd4}.friend-footer .icon-button{border-color:#dfddd0;background:#fbfbf3;color:#906d53}.reaction-row button{background:#fffefa;border-color:#d9d7ca;color:#8c6b51;border-radius:9px;font-size:11px;white-space:normal}.reaction-row button:hover{background:#ecf0dc;border-color:#a6b182}.reaction-row button[aria-pressed='true']{background:#e7eccb;border-color:#9ca968;color:#566333}.social-plan{background:#f0e9db;border-color:#e1d6c2;border-radius:21px}.social-plan h2{font-size:27px;color:#6a5943;letter-spacing:-.8px}.social-plan>p,.social-plan>.eyebrow{color:#7c6a53}.local-plan{background:#fffcf4;border-color:#ded4be;border-radius:13px}.local-plan strong{color:#695a48}.local-plan p{color:#7b6d59}.local-plan .icon-button{background:#fffdf5;border-color:#e1d9c3;color:#83705a}.social-values h2{font-size:27px;letter-spacing:-.9px}.social-values .info-row>svg{color:#8c785d}.social-values .info-row strong{color:#4b4c48}.social-values .info-row>span{color:#75716f}.friend-profile-large .friend-initial{border-radius:20px;background:#e5e9d3;color:#647146}.friend-profile-large p{color:#8f6c52}.about-section{background:#e8ecd7;border-color:#d9dfc3;color:#48503c;border-radius:21px}.about-section h2{color:#48503c;font-size:31px}.about-section p{color:#657052}.club-shell>.settings-section{background:#fffefa;border-color:#dedfd3}.club-shell .utility-row{background:#f4f4e9}
/* Sheets and first launch share the same typography, without another hero. */
.sheet{background:#fffefa;border-color:#d7d5c9;border-radius:25px 25px 0 0;box-shadow:0 -8px 38px #392b2110}.sheet::backdrop{background:#372a2061;backdrop-filter:blur(5px)}#sheet-content{background:#fffefa}.sheet-head h2{font-size:29px;letter-spacing:-1px;line-height:1.06;overflow-wrap:anywhere}.sheet-head .eyebrow{color:#81705f;font-size:11px;letter-spacing:1px}.sheet-head .icon-button{background:#f0f0e6;border-color:#dbdccf;color:#88674e}.sheet-description{font-size:14px;color:#8a694f;line-height:1.8}.sheet-footer{background:#fffefa;border-color:#dedcd0}.completion-heart{background:#e8eecf;color:#6c7c43}.completion-top>h2{color:#3e4933;font-size:34px}.completion-stats strong{color:#667746}.completion-stats span{color:#6c715f}.celebration-card{background:#edf0dc;border-color:#dce1c7;border-radius:19px}.celebration-card h2{color:#4e5c37}.celebration-card p{color:#6a7359}.detail-note{background:#f1eadd;color:#79664f;border-color:#dfd4bf}.detail-sets span{background:#f2f2e9;border-color:#dcddce;color:#6f685f}.detail-exercise{border-color:#e0dccf}.danger-button{color:#a34e37}.toast{background:#433326;border-color:#82624a;color:#faf6ef;border-radius:14px;font-size:13px}.toast button{background:#664d3a;border-color:#9e785b;color:#eef1d2}.gb-celebration-label{background:#edf2d6;border-color:#b6c48a;color:#4f6035;box-shadow:0 8px 28px #43332712}.gb-celebration-burst i{background:#df896c}.gb-celebration-burst i:nth-child(3n){background:#9cae68}.gb-celebration-burst i:nth-child(3n + 1){background:#8196b5}.boot-loader{background:#403125}.boot-brand{color:#f7f6eb;font-size:36px}.boot-brand span,.boot-dots i{color:#ed987c;background:#ed987c}.boot-brand span{background:none}.onboarding{background:var(--paper);padding:31px 23px 29px;max-width:510px}.onboarding-brand{color:#433326;font-size:31px;letter-spacing:-1.7px;border-color:#dfded3}.onboarding-brand span{color:#c66547}.onboarding-content h1{font-size:57px;line-height:.98;letter-spacing:-2.6px;font-weight:900;color:#3f3024}.onboarding-content>.eyebrow{color:#647047;background:#e7edce;border-color:#d2dcae;border-radius:7px;font-size:11px;letter-spacing:1px;padding:6px 8px}.onboarding-content>p,.onboarding-content>.profile-footnote,.profile-footnote,.onboarding-bottom{color:#8e6c52}.onboarding-content>p:not(.profile-footnote){font-size:15px;line-height:1.8}.onboarding-content form{background:#fffefa;border-color:#dedcd0;border-radius:18px;padding:25px 22px;box-shadow:none}.onboarding-content .field>label{color:#7c5e48}.onboarding-content .primary-button{background:#ed967a;border-color:#ed967a;color:#403025}.onboarding-bottom{font-size:11px;letter-spacing:.9px}.privacy-note{color:#947055;font-size:11px;line-height:1.7}.inbox-item time{color:#957156}.rest-timer{color:#6d7d49}.day-toggle{background:#f7f7ed;border-color:#d9dcc9;color:#6b7258}.day-toggle[aria-pressed='true']{background:#687847;border-color:#687847;color:#fff}.toggle:checked{background:#778750;border-color:#778750}.storage-warning{background:#f4e8d4;border-color:#d7bc8d;color:#78572d}.load-more,.empty-card{border-color:#ddded1}.empty-card{background:#f2f3e7;border-radius:19px}.empty-card h2{font-size:26px;letter-spacing:-.8px;color:#515740}.empty-card p{color:#727561;font-size:14px;line-height:1.75}
/* Compact details and deliberate sharing choices. */
.training-details{padding:0;overflow:visible}.training-details>summary{position:relative;display:block;list-style:none;cursor:pointer;min-height:81px;padding:21px 45px 20px 21px;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.4px;overflow-wrap:anywhere}.training-details>summary::-webkit-details-marker{display:none}.training-details>summary:after{content:'+';position:absolute;right:21px;top:22px;color:#827766;font-size:22px;font-weight:400;line-height:1}.training-details[open]>summary:after{content:'−'}.training-details>summary>span{display:block;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:0;color:#957156;margin-top:7px}.training-details[open]>summary{border-bottom:1px solid #e3e0d6;margin-bottom:21px}.training-details>.field,.training-details>.form-grid,.training-details>.draft-meta{margin-left:21px;margin-right:21px}.training-details>.draft-meta{margin-bottom:21px}.training-details>.form-grid{margin-top:20px}.journal-hero>div:first-child{min-width:0;flex:1}.journal-hero>div>p{font-size:14px;color:#8d6b51;line-height:1.8;margin-top:15px;max-width:430px}.journal-hero h1 em{color:#ad5c42}.journal-tally{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px 16px;padding:19px 22px;background:#e6edc6;border:1px solid #d5dfac;border-radius:16px;min-width:0}.journal-tally>strong{grid-row:1/3;font-size:47px;font-weight:700;line-height:1;letter-spacing:-2px;color:#515f36}.journal-tally>span{font-size:11px;line-height:1.6;color:#636d4a}.journal-tally>span:last-child{font-weight:600}.journal-write{margin-top:17px}.overview-columns:not(:has(>aside)){grid-template-columns:minmax(0,1fr)}.profile-share{margin-top:19px}.social-share{margin:0 0 2px}.share-preview{padding:0;background:#edeee5;border:1px solid #dddccd;min-height:90px}.share-preview>img{display:block;width:100%;height:auto;border-radius:20px}.share-controls{flex-direction:column;align-items:stretch;gap:0;padding:6px 16px;background:#f2f3e9;border:1px solid #dedfce;border-radius:13px}.share-controls>.toggle-row{width:100%;gap:18px;padding:14px 0;min-height:56px;border-color:#dcdccf;font-size:12px;line-height:1.6;font-weight:400}.share-controls>.toggle-row:last-child{border-bottom:0}.share-controls>.toggle-row>span{min-width:0;flex:1}.share-controls .toggle-row .toggle{width:47px;height:28px;min-height:28px;min-width:47px;flex:0 0 47px;background:#dbdecc;border-color:#bfc6aa}.toggle-row .toggle:checked,.share-controls .toggle-row .toggle:checked{background:#73874d;border-color:#73874d}.share-text{border:1px solid #dcdcd0;border-radius:12px;background:#f7f7ef;padding:0 17px;margin:17px 0}.share-text>summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:12px;font-weight:600;line-height:1.65;color:#666153}.share-text>label{display:block;font-size:11px;color:#777066;margin:3px 0 9px}#share-text{width:100%;min-height:150px;resize:vertical;font-size:16px;line-height:1.75;background:#fffefa;margin-bottom:17px;overflow-wrap:anywhere}.share-actions .text-button{justify-content:center;text-align:center;min-height:44px}.import-preview:empty{display:none}.import-preview li{padding:7px 0;line-height:1.6}.import-preview li>strong,.import-preview li>span{display:block}.import-preview li>span{font-size:12px;color:#6a735b}.storage-banner{flex-wrap:wrap;gap:7px 15px}.storage-banner>strong{flex:0 0 100%;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.storage-banner>p{flex:1;min-width:180px}.storage-banner>div{display:flex;flex-wrap:wrap;gap:8px}.storage-banner>div>.text-button{font-size:11px;text-align:left}.not-saved{color:#a13e2b!important}
@media(min-width:760px){.journal-tally{flex:0 0 174px;grid-template-columns:minmax(0,1fr);text-align:left;padding:24px;gap:6px}.journal-tally>strong{grid-row:auto;font-size:55px;margin-bottom:3px}.training-details>summary{padding:23px 48px 23px 25px;font-size:20px}.training-details>.field,.training-details>.form-grid,.training-details>.draft-meta{margin-left:25px;margin-right:25px}.training-details>.draft-meta{margin-bottom:24px}}
.draft-head.training-details{padding:0}#share-preview{padding:0}
/* Motion stays finite: lift on intent, one stagger on entry, no idle movement. */
.reveal,.reveal.visible{opacity:1;transform:none}.session-card,.week-card,.energy-section,.friend-card,.saved-training-card,.diary-card,.record-card,.utility-row,.folder-card,.exercise-row,.history-card{transition:border-color .2s var(--editorial-ease),box-shadow .2s var(--editorial-ease),transform .24s var(--editorial-ease)}button:not(:disabled):active,.navigation a:active{transform:scale(.965)}.motion-selected{box-shadow:0 0 0 3px #a8b9842b}.sheet[open]{animation:editorial-sheet-enter .32s var(--editorial-ease)}@keyframes editorial-sheet-enter{from{opacity:.4;translate:0 26px}to{opacity:1;translate:0 0}}
@media(min-width:600px){.session-card{padding:30px;min-height:340px}.session-card h2{font-size:43px;max-width:510px}.session-card>p,.session-content>p{max-width:420px;font-size:14px}.session-card>.primary-button,.session-content>.primary-button{width:auto;min-width:230px}.session-track{right:7px;top:55px;width:187px;height:245px;opacity:.26}.folder-card{padding:24px;min-height:238px}.folder-card h2{font-size:24px}.folder-card p,.folder-card small{font-size:12px}.folder-icon{width:70px;height:77px}.exercise-open h3,.exercise-open strong{font-size:15px}.focus-visual{padding:25px;grid-template-columns:minmax(155px,.9fr) minmax(0,1fr);gap:25px}.focus-copy h3{font-size:30px}.timer-card{padding:27px}.timer-display{font-size:66px}.workout-exercise{padding:26px}.journal-hero h1{font-size:48px}.social-hero h1,.social-hero h2{font-size:44px;max-width:670px}.share-preview{padding:29px}.share-preview h2{font-size:38px}.onboarding-content h1{font-size:63px}}
@media(min-width:760px){.app-shell{padding-left:29px;padding-right:29px}.topbar{height:87px}.home-heading h1,.page-heading h1{font-size:49px;letter-spacing:-2.2px}.home-layout{grid-template-columns:minmax(0,1fr) minmax(258px,.7fr);gap:22px}.home-primary,.home-secondary{gap:22px}.session-card{padding:28px 25px;min-height:356px}.session-card h2{font-size:40px;letter-spacing:-1.7px}.session-card>p,.session-content>p{font-size:13px;max-width:290px}.session-card>.primary-button,.session-content>.primary-button{width:100%;min-width:0}.session-track{right:-48px;top:63px;opacity:.25;width:183px;height:223px}.energy-section{padding:24px 20px}.energy-section h2{font-size:19px}.week-card{padding:24px 20px}.week-card .section-heading h2{font-size:21px}.week-strip{gap:3px}.day{width:28px;height:28px}.week-card .section-heading{flex-wrap:wrap;gap:9px}.recent-section{padding:25px 21px}.recent-section .section-heading{flex-wrap:wrap;gap:4px}.recent-section .section-heading h2{font-size:20px}.note-strip{padding:15px 17px;font-size:12px;flex-wrap:wrap;gap:0}.note-strip .text-button{font-size:12px}.sidebar{max-width:585px;left:50%;right:auto;width:calc(100% - 48px);padding:6px 8px}.navigation a{min-height:61px;font-size:11px}.folder-card{padding:23px 20px;min-height:238px}.folder-card h2{font-size:22px}.library-folders{gap:16px}.sheet{border-radius:24px;max-height:88dvh}.sheet-head h2{font-size:32px}.sheet[open]{animation:editorial-sheet-desktop .28s var(--editorial-ease)}#sheet-content{max-height:88dvh;padding:30px}.sheet-footer{bottom:-30px;margin-bottom:-30px}.sheet .filter-scroll{margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px}.journal-hero{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:26px}.journal-hero>.stats-grid{max-width:360px;flex-shrink:0}.journal-hero h1{font-size:47px}.onboarding{max-width:930px;min-height:min(900px,100dvh);padding:49px 35px 34px}.onboarding-content{grid-template-columns:minmax(0,1fr) minmax(0,.93fr);column-gap:49px;padding-top:55px}.onboarding-content h1{font-size:67px;letter-spacing:-3px}.onboarding-content>p:not(.profile-footnote){font-size:15px;max-width:320px}.onboarding-content form{padding:29px 25px}.onboarding-brand{font-size:35px}.onboarding-content>.profile-footnote{font-size:11px}.social-hero{padding:32px}.social-hero h1,.social-hero h2{font-size:46px}.social-values h2{font-size:30px}.social-plan h2{font-size:30px}}
@media(min-width:1060px){.sidebar{inset:0 auto 0 0;width:214px;max-width:none;transform:none;border:0;border-radius:0;padding:36px 20px 29px;box-shadow:none;background:#3e2f24}.brand{font-size:28px;color:#f7f7eb;letter-spacing:-1.7px;padding:0 5px}.brand small{color:#ddd1c1;font-size:11px;line-height:1.6;letter-spacing:.5px;margin-top:11px;max-width:140px;white-space:normal}.sidebar-label{color:#cebbad;font-size:11px;letter-spacing:.9px;margin:46px 12px 17px}.navigation{gap:8px}.navigation a{padding:11px 13px;font-size:13px;letter-spacing:0;gap:12px;min-height:49px;border-radius:11px;color:#e8e0d4}.navigation a>span:last-child{font-size:13px}.navigation a[aria-current='page']{background:#e4edaf;color:#313735}.navigation a i{right:10px}.sidebar-bottom{color:#d6c2b3;font-size:11px;padding-left:8px;padding-right:8px}.sidebar-bottom .text-button{color:#e4e5d4;font-size:11px}.sidebar-bottom>span:last-child{font-size:11px;line-height:1.7;color:#cdbaac;letter-spacing:.3px}.app-shell{margin-left:214px;width:calc(100% - 214px);max-width:1490px;padding:0 34px 32px}.topbar{height:91px}.desktop-tagline{color:#9c7659;font-size:13px}.home-heading h1,.page-heading h1{font-size:51px;letter-spacing:-2.2px}.home-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.session-card{min-height:354px;padding:31px}.session-card h2{font-size:43px;letter-spacing:-2px}.session-track{right:-23px;top:69px;opacity:.28}.home-primary,.home-secondary{gap:23px}.energy-section{padding:25px 24px}.energy-section h2{font-size:21px}.week-card{padding:25px 23px}.week-card .section-heading{flex-wrap:nowrap}.day{width:30px;height:30px}.recent-section{padding:25px 23px}.note-strip{padding:16px 20px}.folder-card{min-height:249px;padding:26px 22px}.folder-card h2{font-size:23px}.folder-icon{width:72px;height:78px}.exercise-row{padding:13px 12px;min-height:102px}.exercise-open{gap:11px}.exercise-open h3,.exercise-open strong{font-size:14px}.focus-thumbnail{width:48px;height:61px}.journal-hero>.stats-grid{max-width:370px}.journal-hero h1{font-size:45px}.journal-hero .stat-card{padding:18px 13px}.journal-hero .stat-card strong{font-size:31px}.toast{left:calc(50% + 107px)}.onboarding{max-width:970px}.onboarding-content h1{font-size:73px;letter-spacing:-3.6px}.onboarding-content{column-gap:65px}.onboarding-content form{padding:31px}.friend-grid{gap:18px}.friend-card{padding:25px}.social-hero h1,.social-hero h2{font-size:48px}.training-compact-head h1{font-size:42px}}
@media(min-width:1400px){.app-shell{padding-left:52px;padding-right:52px}.home-heading h1,.page-heading h1{font-size:56px;letter-spacing:-2.5px}.home-layout{grid-template-columns:minmax(0,1fr) 325px;gap:29px}.home-primary,.home-secondary{gap:26px}.session-card{padding:35px;min-height:377px}.session-card h2{font-size:50px;letter-spacing:-2.3px;max-width:540px}.session-card>p,.session-content>p{font-size:14px}.session-track{right:-5px;top:62px;width:202px;height:267px;opacity:.29}.session-card>.primary-button,.session-content>.primary-button{width:auto;min-width:250px}.week-card{padding:28px 25px}.day{width:33px;height:33px}.energy-section{padding:29px}.energy-option{min-height:88px}.energy-section h2{font-size:23px}.recent-section{padding:29px 26px}.recent-section .section-heading h2{font-size:22px}.note-strip{padding:18px 22px;flex-wrap:nowrap}.folder-card h2{font-size:26px}.folder-card{min-height:266px;padding:28px 25px}.exercise-open h3,.exercise-open strong{font-size:16px}.focus-thumbnail{width:54px;height:70px}.journal-hero h1{font-size:55px}.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.friend-card blockquote{font-size:22px}}
@media(max-width:359px){.app-shell{padding-left:16px;padding-right:16px}.topbar{height:70px}.mobile-brand{font-size:24px}.home-heading h1,.page-heading h1{font-size:36px;letter-spacing:-1.6px}.home-heading,.page-heading{margin-bottom:23px}.home-heading>p,.home-heading-copy>p,.page-intro{font-size:13px}.session-card{padding:23px 19px;min-height:319px;border-radius:20px}.session-card h2{font-size:33px;letter-spacing:-1.5px}.session-top{font-size:11px;letter-spacing:.7px;margin-bottom:21px}.session-card>p,.session-content>p{font-size:12px;max-width:240px}.session-meta{font-size:11px;gap:6px 12px;margin-top:19px}.session-card>.primary-button,.session-content>.primary-button{font-size:13px;margin-top:22px;min-height:48px;padding:12px}.session-track{right:-68px;top:66px;opacity:.24;width:167px;height:215px}.energy-section{padding:21px 16px}.energy-section h2{font-size:18px}.energy-options{gap:5px}.energy-option{min-height:81px;padding:12px 2px;border-radius:10px}.energy-option>span:last-child{font-size:11px}.energy-feedback{font-size:12px}.week-card{padding:22px 18px}.week-card .section-heading h2{font-size:20px}.day{width:28px;height:28px}.week-strip{gap:3px}.week-card .section-heading{gap:8px}.week-card .small-label{font-size:11px}.utility-copy strong{font-size:14px}.utility-copy small{font-size:11px}.sidebar{left:7px;right:7px;padding:5px 3px;border-radius:19px}.navigation{gap:0}.navigation a{font-size:11px;letter-spacing:-.35px;min-height:60px;padding:8px 0}.navigation a>span:last-child{font-size:11px}.folder-card{padding:19px 13px;min-height:211px;border-radius:17px}.folder-card h2{font-size:18px;letter-spacing:-.6px}.folder-card p,.folder-card small{font-size:11px}.folder-icon{width:55px;height:62px;margin-bottom:18px}.library-folders{gap:9px}.folder-arrow{right:12px;top:19px}.exercise-row{padding:10px 7px;gap:0}.exercise-open{gap:8px}.exercise-open h3,.exercise-open strong{font-size:12px}.exercise-open p,.exercise-open small{font-size:11px}.focus-thumbnail{width:37px;height:51px}.focus-visual{padding:16px 13px;grid-template-columns:minmax(85px,.8fr) minmax(0,1fr);gap:12px}.focus-copy h3{font-size:23px;letter-spacing:-.7px}.focus-copy p{font-size:11px}.focus-copy .eyebrow{font-size:10px;letter-spacing:.5px}.timer-display{font-size:50px}.timer-card{padding:22px 18px}.training-compact-head h1{font-size:32px}.draft-head{padding:20px 16px}.workout-exercise{padding:20px 13px}.exercise-title-row h3{font-size:16px}.exercise-title-row p{font-size:11px}.set-head{font-size:11px;letter-spacing:0}.set-row input{padding-left:3px;padding-right:3px}.draft-actions{padding:17px}.journal-hero h1{font-size:38px}.stat-card{padding:20px 10px}.stat-card strong{font-size:30px}.stat-card span{font-size:11px}.diary-card{padding:20px 17px}.sheet-head h2{font-size:26px}.sheet-head .eyebrow{font-size:11px}.social-hero{padding:25px 19px}.social-hero h1,.social-hero h2{font-size:31px;letter-spacing:-1.2px}.social-hero .social-preview{padding:14px;font-size:12px}.friend-card{padding:20px 17px}.friend-card blockquote{font-size:20px}.reaction-row{gap:6px}.reaction-row button{padding:10px;font-size:11px}.onboarding{padding:28px 19px}.onboarding-brand{font-size:28px}.onboarding-content h1{font-size:50px;letter-spacing:-2.4px}.onboarding-content form{padding:22px 18px}.onboarding-content>p:not(.profile-footnote){font-size:14px}.onboarding-bottom{font-size:11px}.storage-banner{flex-wrap:wrap;padding:13px 14px}.share-preview{padding:21px}.share-preview h2{font-size:28px}.note-strip{flex-wrap:wrap;gap:0}.note-strip .text-button{font-size:12px}}
@keyframes editorial-sheet-desktop{from{opacity:.4;translate:0 15px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.reveal.visible{opacity:1;transform:none}.sheet[open]{animation:none}button:not(:disabled):active,.navigation a:active,.primary-button:hover,.folder-card:hover,.exercise-row:hover,.history-card:hover,.utility-row:hover,.energy-option:hover{transform:none}.gb-celebration{display:none}}
@media(max-width:700px){.timer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:19px}.timer-card .eyebrow{font-size:9px;letter-spacing:1px}.timer-display{font-size:46px;margin-top:9px}.timer-controls{align-self:center;margin:0}.timer-controls .secondary-button{padding:11px 12px;font-size:12px;min-height:44px;width:auto}.timer-card>p{grid-column:1/-1;margin:0;font-size:11px;line-height:1.5}.timer-status{font-size:11px}.timer-card .timer-controls svg{width:16px;height:16px}:where(main button,main summary,main a){scroll-margin-block:110px}}
.sheet>.toast{position:absolute;left:50%;bottom:18px;width:max-content;max-width:calc(100% - 28px);z-index:20;box-shadow:0 7px 24px #392b2133}
@media(max-width:700px){.timer-display{font-size:36px;white-space:nowrap}.training-details{padding:0}}@media(max-width:359px){.timer-display{font-size:28px;letter-spacing:-1px}.timer-controls .secondary-button{font-size:11px;padding:10px}.timer-controls svg{display:none}}