/* HOP Your Goals (goals.js): the page, the schedule lines and the yellow Today banner. Tokens only, so light and dark both work. */
.gl-banner{appearance:none;display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:var(--text);cursor:pointer;
  padding:13px 14px;min-height:60px;border-radius:16px;background:var(--warning-100,#fbf0dd);border:1.5px solid var(--warning,#b4770b);box-shadow:var(--shadow-sm);}
.gl-banner:active{transform:scale(.99);}
.gl-b-ic{flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(--warning,#b4770b);color:#fff;display:flex;align-items:center;justify-content:center;}
:root[data-theme="dark"] .gl-b-ic{color:#1c1405;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gl-b-ic{color:#1c1405;}}
.gl-b-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.gl-b-t{font-family:var(--font-display);font-weight:800;font-size:16.5px;line-height:1.2;}
.gl-b-s{font-size:13.5px;line-height:1.3;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gl-b-n{flex:0 0 auto;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--warning,#b4770b);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;}
:root[data-theme="dark"] .gl-b-n{color:#1c1405;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gl-b-n{color:#1c1405;}}
.gl-b-go{flex:0 0 auto;color:var(--text-faint);display:flex;}

.gl-main{display:flex;flex-direction:column;gap:12px;padding-top:12px;}
.gl-main .section-label{margin-top:6px;}
.gl-card{padding:14px 15px;}
.gl-h{margin:0 0 10px;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.01em;}
.gl-ftin{display:flex;align-items:center;gap:8px;}
.gl-ftin input{width:84px;}
.gl-ftin span{color:var(--text-muted);font-weight:700;}
.gl-range{display:flex;align-items:baseline;gap:8px;}
.gl-range-n{font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1.05;}
.gl-range-u{font-weight:800;color:var(--text-muted);font-size:17px;}
.gl-pill .gl-sched{color:var(--text-faint);}
.gl-due-tag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;vertical-align:2px;
  background:var(--warning-100,#fbf0dd);color:var(--warning,#b4770b);border:1px solid var(--warning,#b4770b);}
.gl-pk-list{padding:4px 0;}
.gl-pk{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--border);}
.gl-pk:first-child{border-top:0;}
.gl-pk-t{flex:1;min-width:0;}
.gl-track{flex:0 0 auto;min-height:44px;padding:8px 16px;}
.gl-sel{width:100%;min-height:44px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 10px;}

.gl-due{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;}
.gl-due-row{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:12px 14px;}
.gl-due-row>*:not(.pfill){position:relative;z-index:1;}
.gl-due-entry{display:flex;gap:8px;margin-top:10px;}
.gl-due-entry input{flex:1;min-width:0;min-height:46px;font:inherit;font-size:18px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 12px;}
.gl-due-entry .btn{min-height:46px;padding:8px 20px;}
.gl-due-links{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;}
.gl-due-links button{appearance:none;font:inherit;font-size:13.5px;font-weight:700;color:var(--accent-600);background:transparent;border:0;min-height:36px;padding:4px 0;cursor:pointer;}

/* Your why: a cheerful frame. Sunrise wash on light, deep dusk on dark. */
:root{--why-a:#fff4d6;--why-b:#e4f2fb;--why-line:#f0c768;--why-ink:#3d2a05;--why-quote:#7a4a00;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--why-a:#3a2d12;--why-b:#12304d;--why-line:#8f6a1c;--why-ink:#fbe9bd;--why-quote:#ffd37a;}}
:root[data-theme="dark"]{--why-a:#3a2d12;--why-b:#12304d;--why-line:#8f6a1c;--why-ink:#fbe9bd;--why-quote:#ffd37a;}
.why-frame,.why-open{background:linear-gradient(135deg,var(--why-a) 0%,var(--why-b) 100%);border:1.5px solid var(--why-line);border-radius:var(--radius-lg,22px);padding:16px 16px 14px;color:var(--text);box-shadow:var(--shadow-sm);}
.why-top,.why-open-top{display:flex;align-items:center;gap:12px;}
.why-sun{flex:0 0 auto;display:flex;}
.why-kicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--why-quote);}
.why-h{margin:2px 0 0;font-family:var(--font-display);font-weight:800;font-size:21px;line-height:1.15;letter-spacing:-.01em;text-wrap:balance;}
.why-p{margin:10px 0 0;font-size:15px;line-height:1.45;}
.why-mine{margin-top:14px;padding-top:12px;border-top:1.5px dashed var(--why-line);}
.why-ask{display:block;font-family:var(--font-display);font-weight:800;font-size:16px;margin-bottom:6px;}
.why-quote{margin:4px 0 6px;padding:0;font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.25;color:var(--why-quote);overflow-wrap:anywhere;}
.why-quote-big{font-size:25px;margin:6px 0 10px;}
.why-input{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--why-line);background:var(--surface);color:var(--text);resize:vertical;min-height:64px;}
.why-hint{margin:6px 0 10px;font-size:13px;color:var(--text-muted);}
.why-actions{display:flex;gap:8px;flex-wrap:wrap;}
.why-link{appearance:none;background:none;border:0;padding:6px 0;font:inherit;font-weight:700;color:var(--accent-600);cursor:pointer;}
:root[data-theme="dark"] .why-link{color:var(--accent-400);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .why-link{color:var(--accent-400);}}
.why-greet{font-family:var(--font-display);font-weight:800;font-size:23px;line-height:1.15;}
.why-open{margin-top:6px;padding-bottom:16px;}
.why-cheer{margin:0;font-size:15.5px;line-height:1.4;}
.why-open-btns{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.why-state{margin:0;text-align:center;color:var(--text-muted);font-size:15px;}
.why-open-btns{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:10px;}

.why-ask2{font-size:14.5px;color:var(--text-muted);margin:-3px 0 8px;}
.why-samples-btn{appearance:none;display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:9px 14px;min-height:40px;border-radius:999px;font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;
  color:var(--accent-600);background:var(--surface);border:1.5px solid var(--why-line);}
:root[data-theme="dark"] .why-samples-btn{color:var(--accent-400);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .why-samples-btn{color:var(--accent-400);}}
.why-samples-btn:active{transform:scale(.98);}
.why-samples{display:flex;flex-direction:column;gap:8px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));}
.why-sample{appearance:none;text-align:left;font:inherit;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;
  background:linear-gradient(135deg,var(--why-a) 0%,var(--why-b) 100%);border:1.5px solid var(--why-line);}
.why-sample:active{transform:scale(.99);}
.why-sample-t{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.3;}
.why-sample-from{font-size:12.5px;color:var(--text-muted);}

/* v83: several emotional triggers */
.why-list{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;}
.why-item{padding:8px 0 4px;border-bottom:1px solid color-mix(in srgb,var(--why-line) 45%,transparent);}
.why-item:last-child{border-bottom:0;}
.why-item .why-quote{margin:0 0 2px;font-size:18.5px;}
.why-item-acts{display:flex;gap:16px;}
.gl-why-act{appearance:none;background:none;border:0;border-radius:0;padding:6px 0;min-height:32px;font:inherit;font-size:14px;font-weight:700;color:var(--accent-600);cursor:pointer;}
:root[data-theme="dark"] .gl-why-act{color:var(--accent-400);}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gl-why-act{color:var(--accent-400);}}
.gl-why-act.is-del{color:var(--text-muted);font-weight:600;}
.why-ask-sm{font-size:15px;margin-top:10px;}
.why-edit{margin-top:4px;}
.why-add-btn{margin-top:10px;}

/* v91: Progress photos as a goal */
.gl-photo-pill{ align-items:center; }
.gl-photo-ic{ flex:0 0 auto; width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:var(--accent-100); color:var(--accent-600); margin-right:10px; position:relative; z-index:1; }
.gl-photo-pill .num-val{ color:var(--text-faint); }

/* v95: Let's set you up (after the intro) */
.gl-setup{ border:1.5px solid var(--accent-500); }
.gl-setup-k{ font-size:12.5px; font-weight:600; color:var(--accent-600); margin-bottom:2px; }
.gl-setup .field{ margin-bottom:12px; }