#concien-focus { --cf-paper:#f2ebde;--cf-card:#faf8f1;--cf-ink:#192b43;--cf-green:#254d48;--cf-soft:#e7eee6;--cf-blue:#d6e4eb;--cf-line:#cbd1c5;--cf-muted:#4a615d;--cf-apricot:#dca77e; font-family:inherit;color:var(--cf-ink);color-scheme:light; }
#concien-focus * { box-sizing:border-box; }
#concien-focus .cf-shell { max-width:720px;margin:0 auto;background:var(--cf-paper);border:1px solid var(--cf-line);border-radius:24px;overflow:hidden; }
#concien-focus .cf-review { max-width:720px;margin:0 auto 10px;color:var(--cf-muted);font-size:12px;line-height:1.5; }
#concien-focus .cf-header { display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--cf-line);gap:12px; }
#concien-focus .cf-logo { font-size:29px;font-weight:700;letter-spacing:-1.6px;color:var(--cf-ink); }
#concien-focus .cf-logo span { color:#234fa5; }
#concien-focus .cf-section-label { font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase; }
#concien-focus .cf-view { padding:24px; }
#concien-focus .cf-view h1 { font-family:inherit;font-size:34px;line-height:1.13;letter-spacing:-.9px;margin:12px 0 16px;font-weight:700; }
#concien-focus .cf-view h2 { font-family:inherit;font-size:23px;line-height:1.2;letter-spacing:-.3px;margin:0 0 12px;font-weight:700; }
#concien-focus .cf-view h3 { font-family:inherit;font-size:18px;line-height:1.3;margin:0 0 10px;font-weight:700; }
#concien-focus .cf-view p { font-size:16px;line-height:1.55;margin:0 0 18px; }
#concien-focus .cf-view .cf-small { font-size:13px;line-height:1.5;color:var(--cf-muted); }
#concien-focus .cf-eyebrow { display:block;font-size:11px;line-height:1.4;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px; }
#concien-focus .cf-hero { background:var(--cf-ink);color:var(--cf-card);padding:24px;border-radius:18px;margin:0 0 23px;position:relative; }
#concien-focus .cf-hero p { margin-bottom:0;color:#e2e9e8; }
#concien-focus .cf-hero .cf-eyebrow { color:#cfdee8; }
#concien-focus .cf-motif { display:flex;align-items:flex-end;gap:4px;height:41px;width:62px;margin:0 0 18px; }
#concien-focus .cf-motif i { display:block;width:17px;border-radius:12px 12px 0 0;background:#9db4a5;height:24px; }
#concien-focus .cf-motif i:nth-child(2) { height:32px;background:#d5dbc7; }
#concien-focus .cf-motif i:nth-child(3) { height:41px;background:var(--cf-apricot); }
#concien-focus button { font-family:inherit;font-size:15px;font-weight:700;line-height:1.35;min-height:46px;border:1px solid var(--cf-green);padding:12px 16px;border-radius:12px;background:transparent;color:var(--cf-green);white-space:normal; }
#concien-focus button.cf-primary { color:var(--cf-card);background:var(--cf-green);width:100%; }
#concien-focus button.cf-plain { border:0;text-decoration:underline;text-underline-offset:3px;padding:9px 0;min-height:42px;background:transparent; }
#concien-focus .cf-actions { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px; }
#concien-focus .cf-stack { display:grid;gap:8px; }
#concien-focus .cf-center { text-align:center; }
#concien-focus .cf-callout { padding:19px 20px;background:var(--cf-soft);border-radius:15px;margin:22px 0; }
#concien-focus .cf-callout p:last-child { margin-bottom:0; }
#concien-focus .cf-blue { background:var(--cf-blue); }
#concien-focus .cf-reminder { font-size:20px!important;line-height:1.4!important;font-weight:700; }
#concien-focus .cf-nav { display:flex;justify-content:space-between;gap:16px;margin:-10px 0 15px; }
#concien-focus .cf-nav button { font-size:13px; }
#concien-focus .cf-progress { display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 27px;padding:13px;background:var(--cf-blue);border-radius:12px;list-style:none; }
#concien-focus .cf-progress li { font-size:11px;line-height:1.5;padding-top:5px;border-top:3px solid #afc3c7;color:var(--cf-muted); }
#concien-focus .cf-progress li[aria-current=step] { border-color:var(--cf-green);font-weight:700;color:var(--cf-green); }
#concien-focus .cf-field { display:block;font-size:15px;font-weight:700;line-height:1.5;margin:22px 0 7px; }
#concien-focus input[type=text] { display:block;width:100%;min-height:50px;background:var(--cf-card);border:1px solid #91a79e;border-radius:10px;color:var(--cf-ink);padding:13px 14px;font-family:inherit;font-size:16px;line-height:1.5; }
#concien-focus input::placeholder { color:#626e69;opacity:1; }
#concien-focus details { border-top:1px solid var(--cf-line);padding:17px 0; }
#concien-focus summary { font-size:15px;font-weight:700;line-height:1.5;min-height:30px;color:var(--cf-green); }
#concien-focus details p { margin:12px 0 0; }
#concien-focus .cf-examples { display:grid;gap:8px;margin-top:12px; }
#concien-focus .cf-examples button { text-align:left;background:var(--cf-card);font-size:14px;border-color:var(--cf-line); }
#concien-focus .cf-chips { display:flex;flex-wrap:wrap;gap:8px;margin:11px 0; }
#concien-focus .cf-chips button { flex:1 1 68px;background:var(--cf-card);border-color:#a5b5ab; }
#concien-focus button[aria-pressed=true] { background:var(--cf-green);color:var(--cf-card);border-color:var(--cf-green); }
#concien-focus .cf-options { display:grid;gap:8px; }
#concien-focus .cf-options button { text-align:left;border-color:#a5b5ab;background:var(--cf-card); }
#concien-focus .cf-options button[aria-pressed=true] { background:var(--cf-green);color:var(--cf-card); }
#concien-focus .cf-plan { padding:15px 17px;border-left:3px solid #81a099;margin:14px 0 23px; }
#concien-focus .cf-plan p { margin:0;font-size:15px; }
#concien-focus .cf-goal-text { overflow-wrap:anywhere; }
#concien-focus .cf-timer { background:var(--cf-ink);color:var(--cf-card);border-radius:18px;padding:25px 23px;margin:19px 0 23px; }
#concien-focus .cf-timer .cf-eyebrow { color:#c8dde6; }
#concien-focus .cf-timer h2 { font-size:25px;line-height:1.3; }
#concien-focus .cf-time { display:block;font-size:56px;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:23px 0 4px; }
#concien-focus .cf-timer .cf-small { color:#d2dfdf; }
#concien-focus .cf-timer button { color:var(--cf-card);border-color:#a3bcbd; }
#concien-focus .cf-timer .cf-chips button { background:transparent; }
#concien-focus .cf-timer p:last-child { margin-bottom:0; }
#concien-focus .cf-outcome { background:var(--cf-green);color:var(--cf-card);border-radius:18px;padding:23px;margin:22px 0; }
#concien-focus .cf-outcome .cf-eyebrow { color:#d2e3d9; }
#concien-focus .cf-outcome p:last-child { margin:0; }
#concien-focus .cf-check { display:flex;align-items:flex-start;gap:11px;margin:20px 0 10px;font-size:15px;line-height:1.5; }
#concien-focus .cf-check input { width:19px;height:19px;margin-top:2px;flex-shrink:0;accent-color:var(--cf-green); }
#concien-focus .cf-finished-mark { display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50%;background:var(--cf-blue);color:var(--cf-green);font-size:28px;font-weight:700;margin-bottom:22px; }
#concien-focus .cf-return { border:1px solid #a9bdb2;background:var(--cf-soft);padding:21px;border-radius:16px;margin-bottom:22px; }
#concien-focus .cf-related { border-top:1px solid var(--cf-line);padding:15px 0; }
#concien-focus .cf-related p { font-size:14px; }
#concien-focus .cf-confirm { padding:18px;background:var(--cf-card);border:1px solid #91a79e;border-radius:12px;margin-bottom:18px; }
#concien-focus .cf-live { font-size:13px;line-height:1.5;color:var(--cf-muted);min-height:20px; }
#concien-focus .cf-hidden { display:none!important; }
#concien-focus hr { border:0;border-top:1px solid var(--cf-line);margin:25px 0; }
#concien-focus [hidden] { display:none!important; }
@media(max-width:380px) {
 #concien-focus .cf-view { padding:19px; }
 #concien-focus .cf-header { padding:18px 19px; }
 #concien-focus .cf-hero { padding:21px; }
 #concien-focus .cf-view h1 { font-size:30px; }
 #concien-focus .cf-progress { gap:4px;padding:11px; }
}

/* Use the established Concien palette and typography. */
#concien-focus { --cf-paper:var(--cream);--cf-card:var(--ivory);--cf-ink:var(--navy);--cf-green:var(--forest);--cf-soft:var(--sage-practice);--cf-blue:var(--pale-blue); }
#concien-focus .cf-view { padding:32px; }
#concien-focus .cf-view p { font-size:18px; line-height:1.6; }
#concien-focus .cf-hero p { font-size:20px; }
#concien-focus .cf-view h1 { font-size:clamp(2rem,4vw,2.65rem); }
#concien-focus .cf-view .cf-small { font-size:15px; }
#concien-focus :is(.cf-hero,.cf-timer,.cf-outcome) :is(h1,h2,h3,p) { color:inherit; }
#concien-focus .cf-view[data-screen="room"] { background:var(--ivory); }
#concien-focus .cf-view[data-screen="practice"] { background:var(--ivory); }
#concien-focus .cf-view[data-screen="takeaway"] { background:var(--ivory); }
#concien-focus textarea { box-sizing:border-box;width:100%;font:inherit;line-height:1.5;resize:vertical;min-height:88px;background:var(--ivory);color:var(--navy);border:1px solid #91a79e;border-radius:10px;padding:13px 14px; }
#concien-focus :is(button,a,input,textarea,summary):focus-visible { outline:3px solid #4d70b2;outline-offset:3px; }
#concien-focus .cf-progress { margin-bottom:24px; }
#concien-focus .cf-progress li { font-size:13px; }
#concien-focus .cf-hero .cf-motif { margin-bottom:18px; }
#concien-focus .cf-nav { margin-top:0; }
#concien-focus a { color:var(--forest); }
.focus-saved-card { background:var(--sage-practice);color:var(--navy);padding:24px;border:1px solid var(--line);border-radius:18px;margin:24px 0;overflow-wrap:anywhere; }
.focus-saved-card p { white-space:pre-wrap; }
.focus-saved-card .buttons { display:flex;flex-wrap:wrap;gap:12px; }
@media(max-width:600px) { #concien-focus .cf-view {padding:24px 20px;} #concien-focus .cf-progress li {font-size:12px;} #concien-focus .cf-hero {padding:24px 20px;} }

/* Approved October 28 Focus walkthrough: context before clock. */
#concien-focus .cf-context {border-left:4px solid #91aaa1;padding:12px 18px;margin:24px 0;background:#ffffff65;overflow-wrap:anywhere;}
#concien-focus .cf-context p {margin:4px 0;}
#concien-focus .cf-context .cf-eyebrow {margin-bottom:6px;}
#concien-focus .cf-outcome .cf-context {background:transparent;border-color:#b4cbbd;}
#concien-focus .cf-outcome .cf-small {color:#e1ece5;}
#concien-focus .cf-timer {display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--cf-card);border:1px solid var(--cf-line);color:var(--cf-ink);padding:18px 22px;}
#concien-focus .cf-timer .cf-small {color:var(--cf-muted);}
#concien-focus .cf-timer .cf-time {font-size:30px;margin:0;}
#concien-focus .cf-timer button {color:var(--cf-green);border-color:var(--cf-green);}
#concien-focus .cf-timer .cf-chips {margin:0;}
#concien-focus input[type=number] {font:inherit;width:100%;max-width:240px;padding:12px;border:1px solid #91a79e;border-radius:10px;background:var(--cf-card);color:var(--cf-ink);margin-bottom:12px;}
#concien-focus .cf-error {color:#8a2e24;}
#concien-focus .cf-view[data-screen=complete] {background:var(--ivory);}
@media(max-width:600px){#concien-focus .cf-timer{align-items:flex-start;flex-direction:column;}}

/* October 29: current warm/ivory design, consistent with the existing guide. */
#concien-focus .cf-view {background:var(--ivory);}
#concien-focus .cf-context {background:var(--cf-card);border-left-color:var(--pale-blue);}
#concien-focus .cf-outcome {background:var(--cf-card);color:var(--cf-ink);border:1px solid var(--cf-line);}
#concien-focus .cf-outcome .cf-eyebrow {color:var(--cf-muted);}
#concien-focus .cf-outcome .cf-context {background:transparent;border-left-color:var(--pale-blue);}
#concien-focus .cf-outcome .cf-small {color:var(--cf-muted);}

/* Approved merged Focus: live visual roles and supporting depth, October 29. */
#concien-focus .cf-view,
#concien-focus .cf-view:is([data-screen="room"],[data-screen="practice"],[data-screen="takeaway"],[data-screen="complete"]) {background:var(--cf-paper);}
#concien-focus .cf-view h2 {font-size:25px;line-height:1.25;}
#concien-focus .cf-callout {padding:22px;}
#concien-focus .cf-reminder-card {background:var(--sage-practice);color:var(--cf-ink);padding:22px;border-radius:16px;margin:24px 0;}
#concien-focus .cf-reminder-card p {font-size:21px;line-height:1.45;font-weight:700;margin:0;}
#concien-focus .cf-context {background:var(--pale-blue);border:0;padding:18px 20px;border-radius:15px;margin:20px 0;}
#concien-focus .cf-context .cf-reminder {font-size:22px!important;}
#concien-focus .cf-timer {display:block;background:var(--cf-ink);color:var(--cf-card);padding:24px;border:0;}
#concien-focus .cf-timer .cf-context {background:transparent;color:inherit;border:0;padding:0;margin:0;}
#concien-focus .cf-timer .cf-context .cf-reminder {font-size:25px!important;}
#concien-focus .cf-timer :is(.cf-small,.cf-eyebrow) {color:#d2dfdf;}
#concien-focus .cf-timer .cf-clock-row {display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #70848e;padding-top:18px;margin:20px 0;}
#concien-focus .cf-timer .cf-time {font-size:34px;line-height:1.2;margin:0;}
#concien-focus .cf-timer button {background:transparent;color:var(--cf-card);border-color:#a3bcbd;}
#concien-focus .cf-timer .cf-chips {margin:0;}
#concien-focus .cf-return-cue {border-left:3px solid #81a099;padding:4px 0 4px 18px;margin:25px 0;}
#concien-focus .cf-return-cue p {margin:0;}
#concien-focus .cf-view .cf-field-help {margin:12px 0 24px;}
#concien-focus .cf-examples button {font-size:16px;}
#concien-focus .cf-examples button[aria-pressed=true] {border:2px solid var(--cf-green);background:var(--seafoam);color:var(--cf-green);}
#concien-focus .cf-preset-status {font-size:15px;color:var(--cf-green);margin:12px 0 0;}
#concien-focus .cf-preset-status:empty {display:none;}
#concien-focus .cf-view .common-bookmark-footer .quiet {margin:12px 0 0;}
#concien-focus #cf-announcement {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:600px){#concien-focus .cf-timer .cf-clock-row{align-items:flex-start;flex-direction:column;}}