/* All layout and palette changes are scoped to the home screen. */
.note-home-menu{display:none}
body.home-screen{--home-gap:10px;--home-pad:20px;--home-card-pad:22px;--home-card-min:90px;--home-description-size:16px;--home-title-size:23px;background:#fafbf9;color:#213744;padding:env(safe-area-inset-top) max(var(--home-pad),env(safe-area-inset-right)) env(safe-area-inset-bottom) max(var(--home-pad),env(safe-area-inset-left));display:flex;flex-direction:column;min-height:100vh;min-height:var(--home-height,100dvh);line-height:1.5}
.home-screen .site-header{width:100%;max-width:1000px;flex-direction:row;align-items:center;flex:none;height:52px;padding:0 4px;gap:12px;border:0}
.home-screen .brand{color:#213744;font-size:18px;gap:0;letter-spacing:.025em}
.home-screen .brand-mark,.home-screen .brand small,.home-screen .site-header nav,.home-screen>footer{display:none}
.home-screen .note-home-menu{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:80px;padding:10px 12px;border:0;background:transparent;color:#41575f;font-size:14px;font-weight:600;border-radius:12px}
.home-screen #main{width:100%;max-width:1000px;min-height:0;margin:0 auto;padding:0 0 16px;flex:1;display:flex;flex-direction:column}
.home-screen #notice{width:100%;max-width:1000px;margin:0 auto 8px;padding:10px 14px;flex:none}
.note-home{display:grid;grid-template-rows:minmax(100px,.82fr) minmax(0,4fr);gap:var(--home-gap);flex:1;min-height:calc(100vh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(var(--home-height,100dvh) - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:950px}
.home-screen:has(#notice:not([hidden])) .note-home{min-height:500px}
.note-daily,.note-feature{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-width:0;min-height:var(--home-card-min);padding:var(--home-card-pad);border:1px solid transparent;border-radius:22px;color:#213744;text-align:left;text-decoration:none;box-shadow:0 3px 10px #294c570b;touch-action:manipulation;font:inherit;font-weight:400}
.note-daily{background:linear-gradient(115deg,#d9edf5,#e7f3ee);color:#244f60;padding:20px 28px;min-height:100px}
.note-daily-title{font-size:31px;font-weight:750;line-height:1.3;letter-spacing:.015em}
.note-features.home-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(min-content,1fr));gap:var(--home-gap);width:100%;min-height:calc(var(--home-card-min) * 4 + var(--home-gap) * 3);padding:0}
.note-feature{background:var(--home-fill);width:100%}
.note-feature-title{font-size:var(--home-title-size);font-weight:750;line-height:1.35}
.note-description{font-size:var(--home-description-size);line-height:1.5;color:#344b54;overflow-wrap:break-word}
.note-keep{display:inline-block;white-space:nowrap}
.note-word{--home-fill:#e4f0f8}.note-phrase{--home-fill:#e5f1eb}.note-review{--home-fill:#f7e9e7}.note-context{--home-fill:#eeeafa}.note-verbs{--home-fill:#f8f0db}.note-tips{--home-fill:#f5e9ef}.note-results{--home-fill:#e8efeb}.note-settings{--home-fill:#eaf0f3}
.note-daily:focus-visible,.note-feature:focus-visible,.home-screen .note-home-menu:focus-visible{outline:3px solid #215c76;outline-offset:3px}
.note-daily:active,.note-feature:active{filter:brightness(.94)}
@media(hover:hover){.note-daily:hover{background:linear-gradient(115deg,#cfe6f0,#ddede6)}.note-feature:hover{background:var(--home-fill);filter:brightness(.97)}.home-screen .note-home-menu:hover{background:#eaf0ed}}
.note-home-dialog{width:min(560px,calc(100% - 28px));background:#fafbf9;color:#213744;border:1px solid #d5e0db;border-radius:22px;max-height:85vh;max-height:85dvh;padding:24px}
.note-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.note-dialog-head h2{font-family:inherit;font-size:22px;line-height:1.4;letter-spacing:0}
.note-dialog-head button{flex:none;min-height:48px;background:#eef3f0;color:#344b54;font-size:14px}
.note-home-dialog p{font-size:16px;line-height:1.75}
.note-dialog-actions{display:grid;gap:10px}
.note-dialog-actions>button,.note-dialog-actions>a{display:flex;justify-content:center;align-items:center;min-height:52px;padding:12px 16px;border:1px solid #c8dcd2;border-radius:12px;background:#e5efea;text-decoration:none;text-align:center;color:#294e43;font:inherit;font-weight:650}
.note-home-dialog .note-dialog-help{font-size:14px;line-height:1.7;color:#41575f;margin:16px 0 0}
.note-home-dialog .interrupted-sessions{margin:0 0 18px;border:0;padding:0}
.note-home-dialog .interrupted-sessions h2{font-family:inherit;font-size:18px;margin:0 0 8px}
@media(max-width:599px){
  body.home-screen{--home-pad:12px;--home-card-pad:14px;--home-gap:8px;--home-card-min:84px;--home-description-size:14px;--home-title-size:20px}
  .home-screen .site-header{height:48px;padding:0 2px}
  .home-screen .brand{font-size:17px}
  .home-screen #main{padding-bottom:12px}
  .note-home{grid-template-rows:minmax(86px,.75fr) minmax(0,4fr);min-height:calc(100vh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(var(--home-height,100dvh) - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .note-daily,.note-feature{border-radius:20px;gap:5px}
  .note-daily{min-height:86px;padding:16px 20px}
  .note-daily-title{font-size:28px}
  .note-description{letter-spacing:0}
  .note-home-dialog{padding:20px}
}
@media(max-width:359px){body.home-screen{--home-pad:10px;--home-card-pad:8px;--home-title-size:19px}.note-daily-title{font-size:26px}}
@media(min-width:600px) and (orientation:landscape){.note-home{grid-template-rows:minmax(96px,.78fr) minmax(0,4fr)}.note-daily{min-height:96px}}
@media(max-height:560px){.note-home{min-height:470px;max-height:none}}
@media(prefers-reduced-motion:no-preference){.note-feature,.note-daily{transition:filter .15s ease}}