:root{--page:#f4f6fa;--surface:#fff;--surface-soft:#f3f5fa;--ink:#111431;--muted:#687088;--line:#e1e5ee;--accent:#1839e8;--focus:#12bb66;--heat0:#edf1f7;--heat1:#ccefdc;--heat2:#87ddac;--heat3:#35c878;--heat4:#138b4c}
html[data-theme=dark]{--page:#0d1120;--surface:#171d2f;--surface-soft:#20283d;--ink:#edf1ff;--muted:#a6b1c8;--line:#303a51;--accent:#9aafff;--heat0:#252e42;--heat1:#214d40;--heat2:#287b54;--heat3:#35b875;--heat4:#76e7a4}
body{background:var(--page);color:var(--ink)}
.panel,article,dialog{background:var(--surface);border-color:var(--line);color:var(--ink)}
p,.subtle,.panel .table-note,.date-label,.card-top p,article span{color:var(--muted)}
.panel{border-radius:18px;padding:24px;margin-top:22px}.panel h2{font-size:16px;line-height:1.5}.panel p{line-height:1.8}.intro{padding:34px 0 25px}h1{line-height:1.2}
button{min-height:44px;border-radius:12px;padding:11px 17px;border-color:var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;transition:background .16s,box-shadow .16s}
button:hover:enabled{filter:none;background:var(--surface-soft)}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.action-row{gap:12px}.action-row button,.section-title>button,#refresh,.premium-gate button{background:var(--surface-soft);border-color:transparent}
.primary-action,#send-reply{background:#1839e8;color:white;border-color:transparent;min-height:48px}.primary-action:hover:enabled,#send-reply:hover:enabled{background:#2949ed}
.danger{color:#b03949;background:#fcf0f2;border-color:transparent}html[data-theme=dark] .danger,html[data-theme=dark] #settings-page .danger{background:#392733;color:#ffacb7}html[data-theme=dark] .danger:hover:enabled,html[data-theme=dark] #settings-page .danger:hover:enabled{background:#493040}
.legal-links a,a{color:var(--accent)}.faq details{border-color:var(--line);padding:19px 0}.faq summary{font-size:14px}.faq details[open] summary{color:var(--accent)}
input,textarea,select{background:var(--surface-soft);border-color:var(--line);color:var(--ink);border-radius:12px;min-height:46px}form label,.language-control{color:var(--muted)}
nav{background:var(--surface-soft)}nav button{background:transparent;color:var(--muted)}nav button[aria-pressed=true]{background:#030323;color:white}
.detail-card{background:var(--surface-soft);border-color:var(--line);border-radius:14px}.detail-card strong{color:var(--ink);font-size:21px}.detail-card p,.detail-card small{color:var(--muted)}
.calendar-day{background:var(--surface-soft);border-color:var(--line)}.calendar-day[aria-pressed=true]{background:#030323;color:#4bea96}.calendar-weekdays,.status-list dt,.status-list dd,.calendar-day small{color:var(--muted)}.status-list dt,.status-list dd{border-color:var(--line)}.status-list dd{color:var(--ink)}
th{background:var(--surface-soft);color:var(--muted)}td{border-color:var(--line)}tbody tr:nth-child(even){background:var(--surface-soft)}td:last-child{color:#138653}.chart{border-color:var(--line)}.bar-column small,.legend,.panel .chart-note{color:var(--muted)}
.hero{background:#030323;border-color:#030323;border-top-color:#12bb66;color:#fff}.hero .card-top p,.hero span{color:#c2c9e2}.hero h2{color:#4bea96}
.support-message{background:var(--surface-soft)}.support-message.staff{background:#eaf8f0}.ticket-row{border-color:var(--line);background:transparent}.ticket-row small,.support-message small,.premium-benefits>div{color:var(--muted)}
.plan-card{background:var(--surface);border-color:var(--line);min-height:172px;border-radius:18px}.plan-card:hover:enabled{background:var(--surface-soft)}.plan-card[aria-pressed=true],.plan-card[aria-pressed=true]:hover:enabled{background:#030323;color:white;border-color:#12bb66}.plan-card em{color:#138653}.plan-card[aria-pressed=true] em{color:#8ff0bc}
footer strong{color:var(--ink)}#export-preview{border-color:var(--line)}dialog{border-radius:22px}dialog::backdrop{background:#030323aa;backdrop-filter:blur(4px)}
.record-guidance{display:flex;align-items:flex-start;gap:18px;padding:22px;background:var(--surface);border:1px solid var(--line);border-left:4px solid #1839e8;border-radius:16px;margin-bottom:22px}.record-guidance h2{font-size:16px;margin:0 0 7px}.record-guidance p{font-size:12px;margin:0;line-height:1.8}.record-guidance button{margin-top:15px;background:var(--surface-soft);color:var(--accent);border:0}.record-guidance>img{width:23px;height:23px;margin-top:3px;opacity:.6}
.theme-options{display:flex;gap:8px;margin-top:18px;padding:5px;background:var(--surface-soft);border-radius:15px}.theme-options button{flex:1;border:0;background:transparent;padding:11px 6px;color:var(--muted)}.theme-options button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 3px 10px #03032312}.theme-options button::before{display:block;font-size:19px;margin-bottom:5px;line-height:1.2}.theme-options [data-theme-choice=light]::before{content:'☀'}.theme-options [data-theme-choice=dark]::before{content:'☾'}.theme-options [data-theme-choice=system]::before{content:'◐'}
.heatmap-scroll{overflow-x:auto;margin-top:22px;padding:3px 3px 10px;scrollbar-width:thin}.heatmap-grid{display:grid;grid-template-columns:76px repeat(24,minmax(18px,1fr));gap:5px;min-width:650px;align-items:center}.heatmap-corner,.heatmap-hour,.heatmap-day{font-size:10px;color:var(--muted)}.heatmap-hour{text-align:center}.heatmap-day{white-space:nowrap;padding-right:5px}.heatmap-cell{height:27px;min-height:27px;padding:0;border:0;border-radius:5px;background:var(--heat0)}.heatmap-cell[data-level='1']{background:var(--heat1)}.heatmap-cell[data-level='2']{background:var(--heat2)}.heatmap-cell[data-level='3']{background:var(--heat3)}.heatmap-cell[data-level='4']{background:var(--heat4)}.heatmap-cell[data-level=missing]{background:repeating-linear-gradient(135deg,var(--surface-soft),var(--surface-soft) 3px,var(--line) 3px,var(--line) 5px)}.heatmap-cell:hover:enabled{outline:2px solid var(--accent);outline-offset:1px}.heatmap-cell[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px;box-shadow:none}.heatmap-legend{display:flex;align-items:center;gap:6px;justify-content:flex-end;color:var(--muted);font-size:10px;margin-top:10px}.heatmap-legend i{display:block;width:12px;height:12px;border-radius:3px;background:var(--heat0)}.heatmap-legend i:nth-of-type(2){background:var(--heat1)}.heatmap-legend i:nth-of-type(3){background:var(--heat2)}.heatmap-legend i:nth-of-type(4){background:var(--heat3)}.heatmap-legend i:nth-of-type(5){background:var(--heat4)}#heatmap-detail{font-weight:600;color:var(--ink);margin-top:20px}#heatmap-range{font-size:11px;color:var(--muted)}
html[data-theme=dark] .app-nav{background:#171d2ff2;border-color:var(--line);box-shadow:0 8px 28px #0006}html[data-theme=dark] .app-nav button img{filter:invert(1);opacity:.7}html[data-theme=dark] .app-nav button[aria-current=page]{background:#304065}html[data-theme=dark] .app-nav button:hover{background:#273149}html[data-theme=dark] .insight{background:#19392e;border-color:#295540}html[data-theme=dark] .insight h2,html[data-theme=dark] .insight p{color:#a3e8c3}html[data-theme=dark] .stat-icon,html[data-theme=dark] .premium-benefits img,html[data-theme=dark] .record-guidance>img{filter:invert(1)}html[data-theme=dark] .support-message.staff{background:#19392e}html[data-theme=dark] .record-count{background:#273451;color:#b6c6ff}html[data-theme=dark] .weekly-notes{color:var(--muted)}html[data-theme=dark] td:last-child{color:#76e7a4}html[data-theme=dark] #settings-page #restore-demo,html[data-theme=dark] #settings-page .action-row button{background:var(--surface-soft);color:var(--ink)}html[data-theme=dark] #settings-page .legal-links{border-color:var(--line)}html[data-theme=dark] #settings-page .legal-links a{color:var(--muted)}html[data-theme=dark] .plan-card em{color:#8ff0bc}html[data-theme=dark] aside{background:#3b321c;border-color:#62512c;color:#f4db9d}
@media(max-width:760px){.panel{padding:20px 16px;margin-top:18px;border-radius:16px}.panel h2{font-size:15px}.intro{padding-top:28px}.detail-card strong{font-size:18px}.record-guidance{padding:18px 15px;gap:12px}.record-guidance h2{font-size:15px}.section-title>button{font-size:11px}#export-report,#export-day{width:100%;margin-top:8px}.records .section-title,#history-page .section-title:has(#export-day){flex-wrap:wrap}.heatmap-scroll{margin-right:-6px}.theme-options button{font-size:12px}.premium-intro{padding-top:30px}}
@media(prefers-reduced-motion:reduce){button,.bar{transition:none!important}}

.welcome-points{background:var(--surface);border-color:var(--line);border-radius:18px}.welcome-points strong{color:var(--ink)}.welcome-sample{background:var(--surface);border-color:var(--line);color:var(--accent);border-radius:12px;min-height:48px}.welcome-brand select{background:var(--surface);color:var(--ink)}.welcome-shell ol,#welcome-status,.welcome-shell footer a{color:var(--muted)}.legal-page .panel h2:not(:first-child){margin-top:28px}.legal-page main{padding-bottom:40px}

/* Signature Plus purchase action. */
#buy-plan{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:72px;padding:19px 55px 19px 68px;margin:24px auto 18px;border:1px solid #90edba55;border-radius:19px;background:linear-gradient(120deg,#030323 8%,#152047 68%,#18383d);color:#fff;font-size:14px;font-weight:700;letter-spacing:.1px;line-height:1.5;box-shadow:0 10px 25px #0303231f,inset 0 1px 0 #ffffff15;transition:transform .2s,box-shadow .2s,border-color .2s}
#buy-plan::before{content:'';position:absolute;left:17px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#71efac;mask:url('/images/crown.svg') center/19px 19px no-repeat}
#buy-plan::after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:17px;height:17px;background:#bbefd1;mask:url('/images/arrow-right.svg') center/contain no-repeat;transition:translate .2s}
#buy-plan:hover:enabled{background:linear-gradient(120deg,#0b0e34 8%,#1c2c58 68%,#204c48);border-color:#90edba99;box-shadow:0 14px 32px #03032329,0 0 0 4px #12bb660a,inset 0 1px 0 #ffffff20;transform:translateY(-2px)}
#buy-plan:hover:enabled::after{translate:3px 0}
#buy-plan:active:enabled{transform:translateY(0);box-shadow:0 4px 12px #03032324}
#buy-plan:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}
html[data-theme=dark] #buy-plan{border-color:#79dba766;box-shadow:0 10px 30px #0005,inset 0 1px 0 #ffffff17}
@media(max-width:380px){#buy-plan{font-size:12px;padding-left:54px;padding-right:40px;min-height:68px}#buy-plan::before{left:10px}#buy-plan::after{right:15px;width:14px}}
@media(prefers-reduced-motion:reduce){#buy-plan,#buy-plan::after{transition:none!important;transform:none}#buy-plan::after{translate:none}#buy-plan::before,#buy-plan::after{top:calc(50% - 9px);transform:none}#buy-plan::before{top:calc(50% - 18px)}}

/* Touch charts and consistent action feedback. */
:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}
button.bar{width:100%;padding:0;border:0;box-shadow:none;flex-shrink:0;min-height:5px;touch-action:manipulation}button.bar:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.feedback-dialog{max-width:390px;width:calc(100% - 36px);padding:28px;text-align:center;border-radius:22px}.feedback-dialog h2{font-size:20px;margin:14px 0 10px}.feedback-dialog p{font-size:14px;line-height:1.65;white-space:pre-line;margin:0 0 22px;color:var(--muted)}.feedback-dialog button{width:100%}.feedback-icon{width:42px;height:42px;display:grid;place-items:center;background:#e9f8f0;color:#167348;border-radius:50%;font-weight:700;font-size:24px;margin:auto}.feedback-dialog::backdrop{background:#03032380;backdrop-filter:blur(3px)}
.bar-height-1{height:1%}.bar-height-2{height:2%}.bar-height-3{height:3%}.bar-height-4{height:4%}.bar-height-5{height:5%}.bar-height-6{height:6%}.bar-height-7{height:7%}.bar-height-8{height:8%}.bar-height-9{height:9%}.bar-height-10{height:10%}.bar-height-11{height:11%}.bar-height-12{height:12%}.bar-height-13{height:13%}.bar-height-14{height:14%}.bar-height-15{height:15%}.bar-height-16{height:16%}.bar-height-17{height:17%}.bar-height-18{height:18%}.bar-height-19{height:19%}.bar-height-20{height:20%}.bar-height-21{height:21%}.bar-height-22{height:22%}.bar-height-23{height:23%}.bar-height-24{height:24%}.bar-height-25{height:25%}.bar-height-26{height:26%}.bar-height-27{height:27%}.bar-height-28{height:28%}.bar-height-29{height:29%}.bar-height-30{height:30%}.bar-height-31{height:31%}.bar-height-32{height:32%}.bar-height-33{height:33%}.bar-height-34{height:34%}.bar-height-35{height:35%}.bar-height-36{height:36%}.bar-height-37{height:37%}.bar-height-38{height:38%}.bar-height-39{height:39%}.bar-height-40{height:40%}.bar-height-41{height:41%}.bar-height-42{height:42%}.bar-height-43{height:43%}.bar-height-44{height:44%}.bar-height-45{height:45%}.bar-height-46{height:46%}.bar-height-47{height:47%}.bar-height-48{height:48%}.bar-height-49{height:49%}.bar-height-50{height:50%}.bar-height-51{height:51%}.bar-height-52{height:52%}.bar-height-53{height:53%}.bar-height-54{height:54%}.bar-height-55{height:55%}.bar-height-56{height:56%}.bar-height-57{height:57%}.bar-height-58{height:58%}.bar-height-59{height:59%}.bar-height-60{height:60%}.bar-height-61{height:61%}.bar-height-62{height:62%}.bar-height-63{height:63%}.bar-height-64{height:64%}.bar-height-65{height:65%}.bar-height-66{height:66%}.bar-height-67{height:67%}.bar-height-68{height:68%}.bar-height-69{height:69%}.bar-height-70{height:70%}.bar-height-71{height:71%}.bar-height-72{height:72%}.bar-height-73{height:73%}.bar-height-74{height:74%}.bar-height-75{height:75%}.bar-height-76{height:76%}.bar-height-77{height:77%}.bar-height-78{height:78%}.bar-height-79{height:79%}.bar-height-80{height:80%}.bar-height-81{height:81%}.bar-height-82{height:82%}.bar-height-83{height:83%}.bar-height-84{height:84%}.bar-height-85{height:85%}.bar-height-86{height:86%}.bar-height-87{height:87%}.bar-height-88{height:88%}.bar-height-89{height:89%}.bar-height-90{height:90%}

#report-footer{justify-content:flex-end}#premium-page{position:relative}.premium-close{position:absolute;right:0;top:12px;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:0 3px 12px #0303230a;z-index:1}.premium-close:hover{background:var(--surface-soft)}

/* Turkish local-sync form only: override the generic action-row background. */
#sync-phone-form .action-row{display:flex;gap:10px;margin-top:18px}
#sync-phone-form .action-row button{flex:1;min-width:0}
#sync-phone-form button[type=submit]{background:#1839e8;color:#fff;border-color:#1839e8}
#sync-phone-form button[type=submit]:hover:enabled{background:#102ecb;border-color:#102ecb}
#sync-phone-form button[type=submit]:disabled{background:#334fbd;color:#fff;opacity:1;cursor:wait}

#account-id-panel .account-id-row{display:flex;align-items:center;gap:10px;margin-top:16px}
#account-id-panel input{flex:1;min-width:0;width:100%;padding:12px;font-family:Consolas,monospace;font-size:12px;letter-spacing:-.2px;user-select:text}
#account-id-panel button{flex:none;white-space:nowrap;background:var(--surface-soft);color:var(--ink)}
#account-id-panel p{overflow-wrap:anywhere}
@media(max-width:380px){#account-id-panel .account-id-row{flex-wrap:wrap}#account-id-panel input{flex-basis:100%}}

#cloud-sync-dialog{width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:22px;padding:24px;background:var(--surface);color:var(--ink)}
#cloud-sync-dialog::backdrop{background:#03032380;backdrop-filter:blur(3px)}#cloud-sync-form{display:grid;gap:16px}#cloud-sync-form h2{margin:0;font-size:21px}#cloud-sync-form p{margin:0;font-size:13px;line-height:1.75}#cloud-sync-form label{display:grid;gap:9px;font-size:14px}#cloud-sync-phone{width:100%;padding:12px}#cloud-sync-form .cloud-consent{display:flex;align-items:flex-start;gap:10px;color:var(--ink);line-height:1.6}#cloud-sync-form input[type=checkbox]{width:19px;height:19px;min-height:19px;margin:3px 0 0;flex:none;accent-color:#1839e8}#cloud-sync-form .action-row{display:flex}#cloud-sync-form button{flex:1}#cloud-sync-submit{background:#1839e8;color:#fff;border-color:#1839e8}#cloud-sync-submit:hover:enabled{background:#102ecb}#cloud-sync-submit:disabled{background:#334fbd;color:#fff;opacity:.7}#cloud-sync-error{color:#b03949}#cloud-sync-help{margin-top:15px}#cloud-sync-delete{margin-top:12px}

#share-code-dialog{width:calc(100% - 32px);max-width:440px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink)}#share-code-dialog::backdrop{background:#03032380;backdrop-filter:blur(3px)}#share-code-dialog form{display:grid;gap:16px}#share-code-dialog h2{margin:0;font-size:21px}#share-code-dialog p{font-size:13px;line-height:1.75;margin:0}#share-code-dialog .cloud-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6}#share-code-dialog input[type=checkbox]{width:19px;min-height:19px;height:19px;flex:none;margin-top:3px}#share-code-dialog input[readonly]{width:100%;padding:12px;font-family:Consolas,monospace;font-size:20px;text-align:center;letter-spacing:1px}#share-code-dialog button[type=submit]{background:#1839e8;color:#fff;opacity:1}#share-code-dialog button[type=submit]:disabled{background:#334fbd;color:#fff;cursor:default}#remote-sharing-panel>button,#remote-report-info button{margin-top:15px}.remote-share-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:12px}#remote-report-info{margin-bottom:22px}#share-code-dialog [hidden]{display:none!important}