/* Shared, locally bundled component language. Content stays the visual priority. */
#focus-app .home-surface { max-width:960px; padding-top:8px; }
#focus-app .home-heading { display:flex; align-items:center; justify-content:space-between; margin:0 0 24px; }
#focus-app .home-heading > div > span { color:var(--v3-muted); font-size:13px; }
#focus-app .home-heading h1 { margin:4px 0 0; color:var(--v3-navy); font-size:28px; letter-spacing:-.055em; }
#focus-app .home-heading-symbol { width:46px; height:46px; display:grid; place-items:center; color:var(--v3-blue); background:var(--v3-soft); border-radius:15px; }
#focus-app .home-surface svg { width:20px; height:20px; flex-shrink:0; }
#focus-app .home-continue { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 24px; margin:0 0 18px; border:1px solid var(--v3-line); border-radius:18px; background:var(--v3-paper); box-shadow:none; }
#focus-app .home-continue > div > span { font-size:12px; color:var(--v3-muted); }
#focus-app .home-continue h2 { margin:4px 0 0; font-size:19px; color:var(--v3-navy); line-height:1.5; }
#focus-app .home-continue .v3-button-primary { flex-shrink:0; min-height:48px; border-radius:12px; padding:12px 18px; font-size:14px; box-shadow:0 4px 12px #2463eb15; }
#focus-app .home-deadlines { display:grid; grid-template-columns:1fr 1.4fr; gap:16px; margin:0 0 18px; padding:0; border:0; background:transparent; box-shadow:none; }
#focus-app .home-metric { background:var(--v3-paper); border:1px solid var(--v3-line); border-radius:18px; padding:22px 24px; min-width:0; }
#focus-app .home-metric-label { display:flex; align-items:center; gap:8px; color:var(--v3-muted); font-size:13px; font-weight:550; }
#focus-app .home-metric-label svg { width:17px; height:17px; }
#focus-app .home-deadlines .home-metric > strong { display:block; font-size:32px; line-height:1.25; letter-spacing:-.04em; color:var(--v3-navy); margin:14px 0 8px; font-variant-numeric:tabular-nums; }
#focus-app .home-deadlines .home-first-goal > strong { color:var(--v3-blue); }
#focus-app .home-metric > small,#focus-app .home-goal-count { color:var(--v3-muted); font-size:12px; line-height:1.6; display:block; }
#focus-app .home-deadlines .v3-goal-track { height:5px; margin:15px 0 7px; }
#focus-app .home-content-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); align-items:start; gap:22px; }
#focus-app .home-summary-column { display:grid; gap:18px; min-width:0; }
#focus-app .home-time { display:flex; justify-content:space-between; align-items:center; gap:16px; }
#focus-app .home-time strong { display:block; color:var(--v3-navy); font-size:30px; margin-top:10px; letter-spacing:-.04em; }
#focus-app .home-time strong small { font-size:14px; font-weight:500; color:var(--v3-muted); }
#focus-app .home-time-note { display:block; font-size:12px; color:var(--v3-muted); margin-top:3px; }
#focus-app wa-progress-ring.home-time-ring { --size:70px; --track-width:6px; --track-color:var(--v3-soft); --indicator-color:var(--v3-blue); --indicator-transition-duration:.4s; color:var(--v3-navy); font-size:15px; font-weight:700; flex:0 0 70px; }
#focus-app wa-progress-ring:not(:defined) { display:grid; width:70px; height:70px; place-items:center; border:6px solid var(--v3-soft); border-radius:50%; }
#focus-app .home-section-title { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:0 0 18px; }
#focus-app .home-section-title h2 { font-size:17px; line-height:1.4; color:var(--v3-navy); margin:0; }
#focus-app .home-section-title > span { color:var(--v3-muted); font-size:11px; white-space:nowrap; }
#focus-app .home-subject-tabs { display:flex; gap:5px; overflow-x:auto; padding:0 0 10px; margin-bottom:10px; scrollbar-width:thin; }
#focus-app .home-subject-tabs button { min-height:44px; padding:7px 10px; background:transparent; color:var(--v3-muted); border:1px solid transparent; border-radius:9px; font-size:11px; white-space:nowrap; }
#focus-app .home-subject-tabs button[aria-pressed=true] { color:var(--v3-blue); background:var(--v3-soft); font-weight:700; }
#focus-app .home-area-list { padding:0; margin:0; list-style:none; display:grid; gap:18px; }
#focus-app .home-area-list li > div:first-child { display:flex; justify-content:space-between; gap:8px; font-size:13px; color:var(--v3-navy); }
#focus-app .home-area-list strong { font-size:12px; color:var(--v3-blue); }
#focus-app .home-area-track { height:5px; overflow:hidden; border-radius:8px; background:var(--v3-soft); margin:8px 0 4px; }
#focus-app .home-area-track i { display:block; height:100%; width:var(--area-progress); background:var(--v3-blue); border-radius:inherit; transition:width .35s ease; }
#focus-app .home-area-list small { color:var(--v3-muted); font-size:10px; }
#focus-app .home-info { margin-top:20px; border-top:1px solid var(--v3-line); padding-top:12px; color:var(--v3-muted); font-size:12px; }
#focus-app .home-info summary { cursor:pointer; padding:6px 0; }
#focus-app .home-info p { font-size:12px; line-height:1.75; margin:10px 0 0; }
#focus-app .home-sets { min-width:0; padding-top:5px; }
#focus-app .home-set-stack { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
#focus-app .home-study-block { display:flex; align-items:center; gap:16px; border:1px solid var(--v3-line); border-radius:18px; background:var(--v3-paper); padding:22px; position:relative; overflow:hidden; }
#focus-app .home-study-block.is-current { border-color:color-mix(in srgb,var(--v3-blue) 35%,var(--v3-line)); }
#focus-app .home-study-block.is-current::before { content:''; position:absolute; inset:18px auto 18px 0; width:3px; background:var(--v3-blue); border-radius:0 4px 4px 0; }
#focus-app .home-set-symbol { width:46px; height:46px; flex:0 0 46px; display:grid; place-items:center; background:var(--v3-soft); color:var(--v3-blue); border-radius:14px; }
#focus-app .home-set-copy { min-width:0; flex:1; }
#focus-app .home-set-meta { font-size:11px; color:var(--v3-muted); }
#focus-app .home-set-copy h3 { color:var(--v3-navy); font-size:16px; line-height:1.5; margin:5px 0 9px; }
#focus-app .home-set-bottom { display:flex; justify-content:space-between; gap:8px; font-size:12px; }
#focus-app .home-set-bottom > span { color:var(--v3-muted); }
#focus-app .home-set-bottom strong { color:var(--v3-navy); white-space:nowrap; }
#focus-app .home-set-copy > small { font-size:11px; color:var(--v3-blue); display:block; margin-top:5px; }
#focus-app .home-set-dot { display:none; }
#focus-app .home-more-sets { margin-top:12px; }
#focus-app .home-more-sets > summary { color:var(--v3-muted); cursor:pointer; font-size:12px; padding:12px; text-align:center; }
#focus-app .home-empty { font-size:13px; line-height:1.8; color:var(--v3-muted); }
#focus-app .home-surface .v3-home-details { margin-top:22px; border-radius:16px; }
#focus-app .home-surface .v3-home-details > summary { min-height:54px; padding:16px 22px; }
#focus-app .home-surface .v3-goal-basis,#focus-app .home-learning-guide { margin-top:18px; padding:14px 0 0; border-top:1px solid var(--v3-line); color:var(--v3-muted); font-size:12px; }
#focus-app .home-surface .v3-goal-basis p,#focus-app .home-learning-guide li { font-size:12px; }
/* A quiet, spacious calendar: rings indicate activity, dots indicate responses. */
#focus-app .v3-calendar-card { padding:28px; }
#focus-app .calendar-month-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:24px 0 16px; }
#focus-app .calendar-month-nav strong { color:var(--v3-navy); font-size:17px; }
#focus-app .calendar-month-nav button { width:44px; padding:0; border:0; border-radius:50%; background:transparent; color:var(--v3-navy); font-size:23px; }
#focus-app .calendar-month-nav button:disabled { opacity:.25; }
#focus-app .v3-calendar-grid { gap:8px 3px; max-width:570px; margin:auto; }
#focus-app .v3-calendar-day { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:5px; border:0; background:transparent; box-shadow:none; padding:5px 0; min-height:62px; border-radius:10px; color:var(--v3-muted); }
#focus-app .v3-calendar-day time { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; font-size:15px; font-weight:500; border:2px solid transparent; }
#focus-app .v3-calendar-day.is-active { background:transparent; color:var(--v3-blue); }
#focus-app .v3-calendar-day.is-active time { background:var(--v3-soft); border-color:color-mix(in srgb,var(--v3-blue) 40%,transparent); }
#focus-app .v3-calendar-day.is-today { border:0; box-shadow:none; }
#focus-app .v3-calendar-day.is-today time { color:var(--v3-navy); font-weight:800; text-decoration:underline; text-underline-offset:5px; }
#focus-app .v3-calendar-day.is-selected { outline:none; background:transparent; }
#focus-app .v3-calendar-day.is-selected time { background:var(--v3-blue); color:white; border-color:var(--v3-blue); text-decoration:none; }
#focus-app .v3-calendar-day.is-future { opacity:.5; }
#focus-app .calendar-response-dot { width:5px; height:5px; border-radius:50%; background:#489f9b; opacity:0; }
#focus-app .calendar-response-dot.is-visible { opacity:1; }
#focus-app .calendar-legend { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; font-size:11px; color:var(--v3-muted); margin:20px 0; }
#focus-app .calendar-legend span { display:inline-flex; align-items:center; gap:6px; }
#focus-app .calendar-legend i { width:10px; height:10px; border:2px solid var(--v3-blue); border-radius:50%; }
#focus-app .calendar-legend .calendar-response-dot { opacity:1; width:6px; height:6px; border:0; }
#focus-app .calendar-day-summary { background:var(--v3-bg); border-radius:14px; padding:18px 20px; display:flex; justify-content:space-between; gap:12px; align-items:center; }
#focus-app .calendar-day-summary strong { color:var(--v3-navy); font-size:13px; display:block; }
#focus-app .calendar-day-summary p { color:var(--v3-muted); font-size:12px; margin:5px 0 0; }
#focus-app .calendar-day-summary button { background:transparent; border:0; padding:8px; color:var(--v3-blue); font-size:12px; }
[data-theme=dark] #focus-app .home-time-ring { --track-color:#273b59; }
[data-theme=dark] #focus-app .home-set-symbol { background:#213757; }
#focus-app [data-home-motion=false] *,#focus-app [data-goal-motion=false] * { animation:none!important; transition:none!important; --indicator-transition-duration:0s!important; }
@media(max-width:680px){
  #focus-app .home-heading { margin-bottom:18px; }
  #focus-app .home-heading h1 { font-size:25px; }
  #focus-app .home-continue { align-items:stretch; flex-direction:column; gap:15px; padding:20px; }
  #focus-app .home-continue h2 { font-size:18px; }
  #focus-app .home-continue .v3-button-primary { width:100%; justify-content:space-between; }
  #focus-app .home-deadlines { grid-template-columns:1fr 1.15fr; gap:10px; }
  #focus-app .home-deadlines .home-metric { padding:18px 15px; }
  #focus-app .home-metric-label { font-size:12px; gap:6px; }
  #focus-app .home-deadlines .home-metric > strong { font-size:26px; }
  #focus-app .home-metric > small { font-size:10px; }
  #focus-app .home-content-grid { grid-template-columns:1fr; gap:26px; }
  #focus-app .home-summary-column { gap:16px; }
  #focus-app .home-metric { padding:20px; }
  #focus-app .home-study-block { padding:20px; gap:14px; }
  #focus-app .v3-calendar-card { padding:22px 16px; }
  #focus-app .v3-calendar-day time { width:36px; height:36px; }
  #focus-app .v3-calendar-day { min-height:58px; }
  #focus-app .calendar-day-summary { padding:16px; }
}
@media(prefers-reduced-motion:reduce){#focus-app .home-surface * { animation:none!important; transition:none!important; --indicator-transition-duration:0s!important; }}