:root{font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#203e36;background:#fafbf9;font-synthesis:none;line-height:1.6;--green:#176c59;--ink:#20574c;--muted:#58736a;--mint:#eef5f0;--pink:#fbefee}
*{box-sizing:border-box}body{margin:0;padding:20px 24px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}svg{width:22px;height:22px;flex-shrink:0}button svg{width:18px;height:18px}.page-shell{max-width:1032px;margin:auto;border:1px solid #e2e6e0;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 8px 40px #264b3810}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 28px}.brand{display:inline-flex;gap:10px;align-items:center;text-decoration:none;font-size:16px;font-weight:650;color:#252e29}.brand svg{color:#4e8b68;width:23px;height:25px}.language-form{margin:0}.language-form select{border:0;background:transparent;color:#65736b;max-width:126px;font-size:12px;cursor:pointer;padding:8px 4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}main{padding:0 16px}.welcome{background:var(--mint);padding:16px;border-radius:24px}.botanical{height:clamp(250px,41vw,442px);background:#fff;border-radius:19px;overflow:hidden}.botanical img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}.welcome-copy{text-align:center;padding:20px 15px 17px}h1{font-weight:600;font-size:clamp(24px,3.1vw,32px);line-height:1.35;letter-spacing:-.65px;color:var(--ink);margin:0 0 12px}.welcome-copy p{font-size:16px;color:#486b60;max-width:650px;margin:0 auto;line-height:1.75}.first-record{padding:16px;background:#fff;border-radius:16px}.first-record h2{font-size:16px;line-height:1.4;color:var(--ink);margin:0 0 5px;font-weight:600}.first-record p{margin:0 0 10px;color:#58736a;font-size:14px}.button{border:0;border-radius:12px;min-height:52px;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:14px 20px;background:var(--green);color:#fff;font-size:15px;font-weight:650;text-decoration:none;transition:background .18s,transform .18s}.button:hover{background:#105744}.button:active{transform:translateY(1px)}.primary-action{width:100%}.personal-tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:26px 15px 22px}.tool-link{position:relative;display:block;text-decoration:none;border-radius:14px;padding:0 32px 6px 0;transition:color .18s}.tool-link:hover{color:var(--green)}.tool-icon{display:inline-flex;margin-bottom:5px;color:#46574c}.tool-icon svg{width:21px;height:21px}.tool-link h2{font-size:16px;font-weight:600;margin:0 0 3px;color:#303b33}.tool-link p{font-size:13px;color:#748178;margin:0}.tool-arrow{position:absolute;right:2px;top:39px;color:#809486}.tool-arrow svg{width:18px;height:18px}.gentle-note{display:flex;justify-content:center;align-items:center;gap:8px;background:#fdf7f5;border-radius:14px;padding:15px 12px;margin:0 0 16px;color:#92746c;font-size:13px;text-align:center}.gentle-note svg{width:17px;height:17px;color:#b98d85}footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 30px 23px;color:#879087;font-size:11px}footer p{margin:0;text-align:center}footer a{text-underline-offset:3px;white-space:nowrap}footer>span{white-space:nowrap}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #a3bfa5;outline-offset:4px}[hidden]{display:none!important}
.modal{width:min(92vw,520px);max-height:88vh;overflow:auto;background:#fff;color:#29473c;border:1px solid #e3ebe2;border-radius:24px;padding:28px;box-shadow:0 24px 90px #203e3630}.modal::backdrop{background:#1c392f66;backdrop-filter:blur(4px)}.modal p{white-space:pre-line;font-size:14px}.modal h2{font-size:23px;color:var(--ink);line-height:1.4;margin:12px 0 8px}.modal-close,.record-close{float:right;background:#f2f6f1;border:0;border-radius:50%;height:32px;width:32px;font-size:23px;line-height:1;display:grid;place-items:center;color:#61766a}.dialog-flower{display:inline-flex;background:var(--pink);padding:12px;border-radius:16px;color:#a87873}.period-form,.account-form{display:grid;gap:15px;margin-top:20px}.period-form{grid-template-columns:1fr 1fr}.period-form .button{grid-column:1/-1}.period-form label,.account-form label{display:grid;gap:7px;font-size:14px}.period-form input,.account-form input{width:100%;min-width:0;min-height:48px;padding:10px 12px;background:#fff;border:1px solid #cbd8cc;border-radius:10px;color:#29473c}.actions,.tabs{display:flex;gap:10px;justify-content:flex-end}.actions button,.tabs button,.anonymous-button{padding:11px 16px;border:1px solid #cbd8cc;border-radius:10px;background:#f8faf6;color:var(--ink);font-weight:600}.tabs{justify-content:flex-start;margin:18px 0}.social-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-button{display:flex;gap:8px;align-items:center;justify-content:center;min-height:46px;border:1px solid #d7ded5;border-radius:10px;text-decoration:none;font-size:13px}.social-button.apple{background:#252d27;color:#fff}.social-button.google .social-icon{color:#4285f4;font-weight:700}.account-form>p:empty{display:none}#account-status{color:var(--ink);margin-bottom:0}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;font-size:14px}dd{margin:0;word-break:break-all;font-weight:600}[dir=rtl] .tool-link{padding:0 0 6px 32px}[dir=rtl] .tool-arrow{right:auto;left:2px}[dir=rtl] .button svg,[dir=rtl] .tool-arrow svg{transform:scaleX(-1)}
@media(min-width:1100px){body{padding-top:32px}.welcome-copy{padding-top:24px;padding-bottom:22px}}
@media(max-width:600px){body{padding:10px}.page-shell{border-radius:22px}.site-header{padding:15px 17px}.brand{font-size:15px;gap:7px}.brand svg{width:20px}.language-form select{max-width:105px;font-size:11px}main{padding:0 10px}.welcome{padding:11px;border-radius:19px}.botanical{height:260px;border-radius:14px}.botanical img{object-position:28% center}.welcome-copy{padding:20px 5px 17px}h1{font-size:24px;letter-spacing:-.5px;max-width:300px;margin-inline:auto}.welcome-copy p{font-size:14px;max-width:320px}.first-record{padding:13px;border-radius:13px}.first-record h2{font-size:15px}.first-record p{font-size:13px}.button{font-size:14px;padding:13px 12px;min-height:50px}.personal-tools{gap:18px;padding:24px 9px 20px}.tool-link{padding-right:0}.tool-link h2{font-size:14px}.tool-link p{font-size:12px;line-height:1.6;max-width:145px}.tool-arrow{display:none}.gentle-note{font-size:11px;padding:14px 10px;gap:6px}footer{padding:4px 20px 18px;flex-wrap:wrap;gap:8px;font-size:10px}footer p{order:3;width:100%;text-align:start;line-height:1.6}.modal{padding:22px;border-radius:20px}.social-auth{grid-template-columns:1fr}}
.header-account{min-width:0;max-width:48%}.login-button{border:1px solid #cbd8cc;background:#f4f8f2;color:var(--ink);border-radius:10px;padding:8px 20px;font-size:14px;font-weight:600}.login-button:hover{background:#e7f0e5}.header-username{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--green);font-size:14px;font-weight:600;text-underline-offset:4px}.botanical{position:relative;min-height:390px;height:auto;display:flow-root;isolation:isolate}.botanical>img{position:absolute;inset:0;z-index:-1;object-position:center 57%}.hero-record{width:43%;margin-left:auto;padding:32px 24px 24px 4px;color:var(--ink)}.hero-record h2{font-size:23px;line-height:1.35;font-weight:600;margin:0 0 10px}.hero-record>p{font-size:14px;color:var(--muted);margin:0}.hero-record .period-form{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;margin-top:18px}.hero-record .period-form label{font-weight:600}.hero-record .period-form input{background:#ffffffed}.hero-record #record-status{font-size:13px;margin-top:10px}.account-form .remember-option{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px}.account-form .remember-option input{width:18px;height:18px;min-height:0;accent-color:var(--green);margin:0}.button:disabled,.account-form button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.botanical{height:auto;min-height:0;padding-top:210px;overflow:hidden}.botanical>img{height:250px;object-position:left center;object-fit:cover;z-index:-1}.hero-record{width:100%;margin:0;padding:22px 18px 20px;background:#ffffffed;border-top:1px solid #eef2eb}.hero-record h2{font-size:21px}.hero-record .period-form{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hero-record .period-form input{padding:10px 8px}.hero-record #record-status:empty{display:none}.header-username{font-size:13px}.login-button{padding:7px 14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.history-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}.history-table th,.history-table td{text-align:start;padding:10px 8px;border-bottom:1px solid #e3ebe2}.history-table th{color:var(--ink);font-weight:600}#history-status:empty{display:none}
.account-menu{display:flex;flex-wrap:wrap;gap:8px;padding:0 28px 18px}.account-menu button{font:inherit;font-size:13px;color:var(--ink);border:1px solid #cbd8cc;border-radius:10px;background:#f4f8f2;padding:9px 12px;cursor:pointer}.member-list article{border-top:1px solid #dfe9df;padding:14px 0}.member-list p,.advice-text{white-space:pre-line;overflow-wrap:anywhere}.account-form textarea{min-height:110px;font:inherit;resize:vertical;border:1px solid #cbd8cc;border-radius:10px;padding:12px}.history-table button,.member-list button{font:inherit;font-size:12px;border:1px solid #cbd8cc;background:#fff;border-radius:8px;padding:5px 8px;cursor:pointer}@media(max-width:600px){.account-menu{padding:0 17px 15px}.account-menu button{font-size:12px}}
.history-account-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.history-account-actions button{padding:10px 16px;border:1px solid #cadacf;border-radius:10px;background:#fff;color:#215b50;cursor:pointer}.history-account-actions #history-delete-account{color:#a23746;border-color:#e4bdc3}
.history-account-actions button:disabled{opacity:.5;cursor:not-allowed}
#history-dialog{width:min(94vw,600px);max-height:90vh;max-height:90dvh;padding:0;overflow:hidden;border-color:#dce6df;border-radius:26px;box-shadow:0 28px 100px #153e3440}
#history-dialog[open]{display:flex;flex-direction:column}
.history-heading{display:flex;align-items:center;gap:12px;padding:25px 26px 18px;flex-shrink:0}
.history-heading-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce8de;background:#f0f6f0;border-radius:14px;color:#397a62;flex-shrink:0}
#history-dialog .history-heading h2{font-size:21px;line-height:1.3;margin:0;font-weight:650;letter-spacing:-.4px}
#history-dialog .record-close{float:none;margin-inline-start:auto;flex-shrink:0;background:#f4f7f3;width:34px;height:34px;color:#788b7e}
#history-dialog .record-close:hover{background:#e8efe8;color:var(--green)}
.history-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 26px 12px;padding:17px 20px;border:1px solid #e0ebe2;border-radius:17px;background:linear-gradient(110deg,#edf5ef,#f7faf4);flex-shrink:0}
.history-summary>div{display:grid;gap:2px}
.history-average-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6d8475}
#history-average{display:block;font-size:26px;line-height:1.35;letter-spacing:-.7px;font-weight:650;color:#205a49;font-variant-numeric:tabular-nums}
.history-average-hours{font-size:12px;padding:5px 10px;border-radius:8px;border:1px solid #dce8df;background:#ffffffc4;color:#5d7b68;font-variant-numeric:tabular-nums;white-space:nowrap}
.history-average-hours:empty{display:none}
#history-status{margin:2px 26px 12px;color:#985746;flex-shrink:0}
.history-scroll{overflow:auto;min-height:70px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cadbce transparent;padding:0 26px}
#history-dialog .history-table{margin:0;font-size:14px;border-collapse:separate;border-spacing:0 8px;table-layout:fixed;width:100%}
#history-dialog .history-table th{position:sticky;top:0;z-index:1;background:#fff;padding:11px 10px;color:#819083;font-size:11px;font-weight:600;border-bottom:1px solid #dfe8df}
#history-dialog .history-date-column{width:33%}
#history-dialog .history-time-column{width:18%}
#history-dialog .history-actions-column{width:42px}
#history-dialog .history-time-heading,#history-dialog .history-time,#history-dialog .history-interval-heading,#history-dialog .history-interval,#history-dialog .history-actions-heading{text-align:center}
#history-dialog .history-table tbody tr{--history-card:#edf5ef;--history-card-line:#e0eae1}
#history-dialog .history-table tbody tr:nth-child(4n+2){--history-card:#fbefed;--history-card-line:#f0dfdb}
#history-dialog .history-table tbody tr:nth-child(4n+3){--history-card:#f1eff8;--history-card-line:#e7e2f0}
#history-dialog .history-table tbody tr:nth-child(4n){--history-card:#faf5e8;--history-card-line:#efe6d1}
#history-dialog .history-table td{padding:13px 10px;border-block:1px solid var(--history-card-line);background:var(--history-card);vertical-align:middle}
#history-dialog .history-table td:first-child{border-inline-start:1px solid var(--history-card-line);border-start-start-radius:12px;border-end-start-radius:12px}
#history-dialog .history-table td:last-child{border-inline-end:1px solid var(--history-card-line);border-start-end-radius:12px;border-end-end-radius:12px}
#history-dialog .history-table tbody tr:hover{filter:brightness(.985)}
.history-header-divider{padding:0 3px;color:#b4c1b3}
.history-date time{display:grid;gap:1px;font-variant-numeric:tabular-nums}
.history-date strong{font-size:14px;line-height:1.5;font-weight:600;color:#365648}
.history-clock{font-size:12px;line-height:1.5;color:#738274;direction:ltr;font-variant-numeric:tabular-nums;white-space:nowrap}
.history-hours{display:inline-block;padding:4px 8px;background:#ffffffad;border:1px solid #ffffffd9;border-radius:8px;font-size:12px;font-weight:550;color:#4b6656;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.history-no-interval{color:#c1cabc}
#history-dialog .history-table .history-row-actions{text-align:center;padding-inline:3px}
#history-dialog .history-remove{display:inline-grid;place-items:center;width:30px;height:32px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#83917e}
#history-dialog .history-remove svg{width:17px;height:17px}
#history-dialog .history-remove:hover{background:#fcf2ef;border-color:#efdcd6;color:#a86657}
#history-dialog .history-account-actions{flex-shrink:0;gap:10px;margin:0;padding:17px 26px 21px;border-top:1px solid #e8eee5;background:#fcfdfa}
#history-dialog .history-account-actions button{font-size:12px;padding:9px 13px;border-radius:10px}
#history-dialog .history-account-actions #history-delete-account{margin-inline-start:auto}
#history-dialog[aria-busy=true] .history-summary{opacity:.55}
@media(max-width:420px){.history-heading{padding:21px 18px 16px;gap:10px}.history-heading-icon{width:36px;height:36px;border-radius:12px}#history-dialog .history-heading h2{font-size:18px}.history-summary{margin-inline:18px;padding:14px 15px}#history-average{font-size:23px}.history-average-hours{font-size:11px;padding:4px 7px}.history-scroll{padding-inline:14px}#history-dialog .history-table th,#history-dialog .history-table td{padding-inline:7px}.history-date strong{font-size:13px}.history-hours{font-size:11px;padding:4px 6px}#history-dialog .history-account-actions{padding:15px 18px 19px}#history-dialog .history-account-actions button{font-size:11px;padding:8px 11px}#history-status{margin-inline:18px}}
.social-button.facebook{grid-column:1/-1;background:#1877f2;color:#fff;border-color:#1877f2}.facebook .social-icon{font-size:23px;font-weight:800}
.policy-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px 20px 22px;color:var(--muted);font-size:12px}
.social-button.facebook:disabled{background:#e3e7e5;border-color:#d3dad6;color:#7b8580;cursor:not-allowed}
.terms-page{padding:12px clamp(20px,5vw,48px) 36px}.terms-page h1{font-size:clamp(25px,5vw,36px)}.terms-page p{white-space:pre-line;margin:24px 0;overflow-wrap:anywhere}
.social-button.tiktok{grid-column:1/-1;background:#161823;color:#fff}.social-button.tiktok:disabled{background:#e3e7e5;color:#7b8580;cursor:not-allowed}.tiktok-form{display:grid;gap:14px}.tiktok-form label{display:grid;gap:6px}.tiktok-form input{min-width:0;padding:11px;border:1px solid #cbd8cc;border-radius:10px;font:inherit}
.header-account{display:flex;align-items:center;gap:12px}.notification-button{border:1px solid #cbd8cc;border-radius:10px;padding:7px 10px;background:#f4f8f2;color:var(--ink);font-size:12px}.push-offer{position:fixed;z-index:20;inset-inline:16px;bottom:16px;max-width:480px;margin-inline:auto;background:#fff;color:var(--ink);border:1px solid #cbd8cc;border-radius:18px;padding:20px;box-shadow:0 12px 50px #203e3630}.push-offer p{font-size:14px;white-space:pre-line}.push-offer .actions{flex-wrap:wrap}#push-offer-status:empty,#push-status:empty{display:none}#push-dialog .remember-option{display:flex;gap:12px;align-items:center;margin-top:20px}#push-toggle{width:22px;height:22px;accent-color:var(--green)}@media(max-width:600px){.header-account{flex-wrap:wrap;justify-content:flex-end;gap:5px}.notification-button{font-size:11px}}