/* Kura — one character moment, a quiet canvas and useful objects. */
:root {
  --paper: #fcfcfa;
  --ink: #282b32;
  --muted: #6f706e;
  --green: #3656d9;
  --green-dark: #2943b7;
  --line: #e4e3dc;
  --sage: #eef1f8;
  --lime: #f4ce62;
  --peach: #f6f1e7;
  --radius: 24px;
  font-family: "Avenir Next", "Segoe UI", Arial, sans-serif;
}
.app-frame.is-home { background: var(--paper); }
.app-header { padding-top: 24px; padding-bottom: 18px; }
.brand { font-size: 25px; gap: 11px; color: #282b32; font-weight: 750; }
.brand-kura { color: #282b32; }
.brand .kura-mark { width: 31px; height: 36px; flex-shrink: 0; }
.header-history { border-color: #e5e3d9; background: #fffefa; color: #555b64; }
.header-history:hover, .header-history.is-selected { border-color: #c8cfeb; background: #f0f2fc; }
.header-kura { background: #fff; border-color: #e0e3e7; }
.eyebrow { color: #76653c; letter-spacing: 1.6px; }
.primary { box-shadow: 0 3px 0 #253da2; border-color: #304ac5; border-radius: 16px; }
.primary:hover:not(:disabled) { box-shadow: 0 5px 0 #253da2; }
.secondary { border-color: #dcdedb; color: #414955; border-radius: 16px; }
.quiet-button, .back-button { color: #676d75; }
.quiet-button:hover { color: #3656d9; background: #edf0fc; }
.page-footer { margin-top: 43px; color: #777b7d; }
.page-footer button { color: #6e7275; }

/* Two clear choices, one small everyday scene. */
.welcome-world { margin: 0; height: 360px; padding: 48px 0 35px; position: relative; }
.welcome-world:after { display: none; }
.welcome-copy { width: 55%; max-width: 670px; }
.welcome-copy h1 { font-size: clamp(42px, 4.6vw, 60px); color: #282b32; font-weight: 750; line-height: 1.08; letter-spacing: -2.4px; }
.welcome-copy .eyebrow { color: #7a6b42; font-size: 9px; }
.welcome-copy>p:last-child { font-size: 19px; margin-top: 23px; color: #676f76; }
.welcome-art { position: absolute; top: 0; right: 0; width: 44%; height: 100%; padding: 0 0 20px; display: grid; grid-template-rows: minmax(0,1fr) auto; place-items: center; border-radius: 24px; }
.welcome-art .world-scene { position: relative; inset: auto; width: 100%; height: 100%; max-height: 300px; object-fit: contain; object-position: center; mask-image: none; z-index: 1; }
.welcome-art:hover .world-scene { transform: translateY(-3px); }
.scene-caption { font-size: 12px; font-weight: 500; color: #737a83; line-height: 1.5; padding-top: 2px; }
.journey-choices { gap: 23px; margin-top: 5px; }
.journey-card { min-height: 230px; background: #344fc7; border-radius: 24px; box-shadow: none; border: 1px solid #344fc7; }
.journey-card:before { display: none; }
.journey-card:hover { box-shadow: 0 12px 26px #34477313; transform: translateY(-4px); }
.journey-object { position: absolute; right: 30px; bottom: -6px; width: 160px; height: 160px; transition: transform .3s; }
.object-art { display: block; width: 100%; height: 100%; }
.journey-card:hover .journey-object { transform: translateY(-3px) rotate(3deg); }
.journey-copy { top: 28px; left: 28px; right: 30px; width: auto; z-index: 1; }
.journey-copy strong { font-size: 34px; letter-spacing: -1.3px; color: #fff; }
.journey-copy>span { font-size: 13px; line-height: 1.7; color: #e5eaff; margin-top: 11px; max-width: 270px; }
.journey-arrow { right: auto; left: 28px; top: auto; bottom: 24px; width: 38px; height: 38px; background: #fff; color: #344fc7; }
.journey-arrow .icon { width: 22px; height: 22px; }
.journey-card:hover .journey-arrow { color: #fff; background: #233a9d; }
.rest-journey { background: #f0f1ed; border-color: #e2e5de; }
.rest-journey .journey-copy strong { color: #30383b; }
.rest-journey .journey-copy>span { color: #606d71; }
.rest-journey .journey-arrow { background: #fff; color: #44546c; }
.home-whisper { color: #7d8178; }
.home-whisper .icon { color: #7b8e5a; }
.resume-card { background: #f5f6f8; border-color: #e3e6eb; }
.resume-kura { display: grid; place-items: center; color: #667da9; }
.resume-kura .icon { width: 27px; height: 27px; }
.resume-text small { color: #7b6c46; }
.resume-text p { color: #6d6e68; }
.garden-teaser small { color: #71786c; }
.tiny-garden { background: #eef1e2; }

/* Kura is sculpted; the interface stays clean and readable. */
.kura-art { object-fit: contain; }
.kura-art.is-sleepy { object-fit: contain; object-position: center; border-radius: 0; }
.flow-companion .kura-art, .plan-companion>.kura-art { object-fit: contain; }
.companion-orbit, .plan-companion:before { display: none; }
.kura-says { background: #fff; border: 1px solid #e2e2d9; box-shadow: 0 5px 18px #4b524707; }
.kura-says span { color: #8a7b53; }
.kura-says p { color: #585f66; }
.flow-intro, .task-context, .field-help, .done-note { color: #6c7177; }
.task-field, .step-edit, .finish-card textarea { border-color: #dcdedb; box-shadow: none; background: #fff; }
.state-option { background: #fff; border-color: #e1e2dd; }
.state-option:hover, .state-option[aria-pressed=true] { background: #f0f3fb; border-color: #9daedb; }
.state-face { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #f0f2f7; color: #60739b; }
.state-face .icon { width: 23px; height: 23px; }
.state-tired { background: #f0f0eb; color: #748068; }
.state-creative { background: #eef2e7; color: #75875d; }
.gentle-face { display: grid; place-items: center; width: 35px; height: 35px; }
.gentle-face .icon { width: 24px; height: 24px; }
.state-option small { color: #707477; }
.state-chip { background: #eef1f7; color: #667080; }
.step-box { background: #f7f6ef; border-color: #e6e0ce; }
.step-box .eyebrow { color: #8b7949; }
.session-card { background: #faf8ee; border-color: #e6dfc8; }
.session-heading { color: #7c6c42; }
.session-step, .timer-caption, .stuck-button, .session-sound, .session-sound button { color: #737466; }
.timer-ring .track { stroke: #e8e3d4; }
.timer-ring .progress { stroke: #4762d0; }
.distraction-card { background: #fff; border-color: #e2e4df; }
.distraction-title { color: #4b5865; }
.distraction-card>p, .distractions li { color: #74767a; }
.distraction-form input { border-color: #e1e3df; background: #fbfaf7; }
.distraction-form button { background: #eef1fb; color: #5570bc; }
.rest-card { background: #eef1fa; border-color: #dce2f2; }
.rest-card .session-heading, .rest-card .session-task, .breath-instruction { color: #405281; }
.breath-orb { background: #dce3f5; box-shadow: 0 0 0 18px #e4e9f7, 0 0 0 35px #eaeef9; }
.breath-orb:before { border-color: #8094cd; }
.breath-detail, .rest-guidance { color: #738099; }
.rest-card .timer-digits { color: #4d6098; }
.rest-progress { background: #d5dff5; }
.rest-progress span { background: #6d85bf; }
.feedback-button { min-height: 58px; padding: 14px 9px; font-size: 13px; color: #59616c; background: #fff; border-color: #dfe3e9; border-radius: 13px; }
.feedback-button:hover { background: #f4f6fc; border-color: #aab9df; }
.feedback-button[aria-pressed=true] { background: #eaf0ff; border-color: #4664ca; color: #2945b2; }
.finish-summary { color: #7a7a6e; }
.checkbox-row { color: #686e75; }
.gentle-prompt { background: #f0f3f8; border-color: #e0e5ee; }
.gentle-prompt strong { color: #556578; }
.gentle-prompt small { color: #6f7b8a; }
.archive-heading p:not(.eyebrow), .history-body, .history-meta, .pending-label { color: #70777d; }
.history-card { border-color: #e1e3dd; }
.memory-image { height: 58px; background: #f5f6f9; border-bottom: 1px solid #e8ebf0; }
.memory-image img { object-fit: contain; height: 100%; width: 100%; padding: 10px 22px; object-position: 80% center; }
.memory-image:after { display: none; }
.memory-image>span { color: #687b99; background: none; top: 17px; bottom: auto; left: 52px; border-radius: 0; padding: 0; font-size: 11px; }
.memory-image>.memory-symbol { left: 22px; top: 18px; width: 22px; height: 22px; }
.memory-symbol .icon { width: 21px; height: 21px; }
.archive-heading>.object-art { width: 160px; height: 160px; flex-shrink: 0; margin-right: 20px; }
.archive-select, .archive-search { border-color: #dfe2dd; background: #fff; }
.insight { background: #eef2e7; color: #64734f; border-color: #dde5d2; }
dialog { background: #fffefa; border-color: #dedfd8; box-shadow: 0 20px 80px #303a4926; }
.modal-body { color: #6d747a; }
.settings-group p, .field-label { color: #626970; }
.modal-body input:not([type=checkbox]), .modal-body textarea, .modal-body select { border-color: #dce1db; }
.stuck-option { background: #f8f6ed; border-color: #e5dec9; color: #6e6447; }
.onboarding-art { background: transparent; box-shadow: none; }
.welcome-sticker { font-size: 13px; color: #6d6656; border: 1px solid #e9e3d1; }
.onboarding-lead { color: #687179; }
.welcome-values { color: #59666d; }
.welcome-values .icon { color: #7d8a61; }
.mode-card { background: #fffefa; border: 1px solid #e0e2db; box-shadow: 0 5px 14px #3d4b3f05; }
.mode-card:hover { box-shadow: 0 15px 28px #3d4b3f10; }
.mode-art { isolation: isolate; }
.mode-art:before { display: none; }
.mode-art .object-art { width: 190px; height: 190px; }
.mode-creative .mode-art:before { background: #eaf0df; }
.mode-learn .mode-art:before { background: #e9edf8; }
.mode-creative .kura-art, .mode-learn .kura-art { transform: none; }
.mode-number, .mode-creative .mode-number, .mode-learn .mode-number { color: #79806c; }
.mode-copy>span, .mode-learn .mode-copy>span { color: #6a7478; }
.mode-symbol { color: #596f9f; box-shadow: 0 4px 12px #304b6310; border: 1px solid #e5e8e0; }
.mode-creative .mode-symbol { color: #718255; }
.mode-learn .mode-symbol { color: #6679a8; }
.mode-arrow { color: #4f67ac; background: #f0f3fb; }
.hub-hero p:not(.eyebrow), .hub-link small, .soft-caption { color: #737b7d; }
.hub-link { border-color: #e0e3dc; }
.hub-link strong { color: #3b4650; }
.hub-icon { background: #f7ecc6; color: #8d7941; }
.hub-link:nth-child(2) .hub-icon, .hub-link:nth-child(3) .hub-icon { background: #ecf1e4; color: #7d8e5d; }
.hub-link:nth-child(5) .hub-icon { background: #edf0f9; color: #6d80b0; }
.garden-world { background: #edf1e5; border: 1px solid #e0e7d6; }
.garden-world h1 { color: #3f5043; }
.garden-world>p:not(.eyebrow) { color: #6d7d68; }
.garden-cloud { display: none; }
.garden-stage:after { background: #cbd7aa55; }
.garden-stats strong { color: #6d8053; }
.garden-stats span { color: #768070; }
.idea-note, .idea-note:nth-child(3n+2), .idea-note:nth-child(3n+3) { transform: none; border: 1px solid #e9dfbf; background: #faf0cf; }
.idea-note:nth-child(3n+2) { background: #edf2e5; border-color: #dde6d0; }
.idea-note:nth-child(3n+3) { background: #eef1f9; border-color: #dfe5f0; }
.idea-note-top>span { color: #777a6d; }
.idea-note>p { color: #5f6870; }
.rest-picture { background: #f1f3f8; color: #3e527f; border: 1px solid #dfe5ee; }
.rest-picture img { width: 88%; height: 73%; inset: auto 6% -10px; object-fit: contain; object-position: center bottom; }
.rest-picture:after { display: none; }
.rest-picture>span>span { color: #687ca3; }
.rest-picture small { color: #7889a5; }
.rest-picture>b { color: #5470b0; background: #fff; }
.rest-choice { border-color: #dfe4dd; }
.rest-choice-icon { color: #788961; background: #edf1e6; }
.rest-choice small, .rest-choice>span:last-child { color: #6e7a80; }
.rest-modal-art .kura-art, .micro-moment .kura-art { object-fit: contain; border-radius: 0; }
.rest-modal-art .object-art, .micro-moment .object-art { width: 135px; height: 135px; margin: auto; }
.coffee-estimate { background: #f7edca; border-color: #e5d9b1; }
.coffee-estimate>p:not(.eyebrow), .coffee-entry>span:nth-child(2) { color: #7c735b; }
.coffee-number { color: #756337; }
.coffee-range { color: #7e765e; border-color: #dfd6b9; }
.coffee-gentle { background: #fff9e8; }
.routine-card p:not(.eyebrow), .routine-card small, .test-path small { color: #747d80; }
.test-path { border-color: #e1e4dc; }
.test-note { color: #6d777d; }
.test-note h2 { color: #4c5964; }
.boot-screen { background: var(--paper); color: #6d776b; }

@media(max-width:1000px) and (min-width:701px) {
  .welcome-world { height: 330px; padding-top: 40px; }
  .welcome-copy h1 { font-size: 47px; letter-spacing: -1.9px; }
  .welcome-copy>p:last-child { font-size: 16px; }
  .scene-caption { font-size: 10px; }
  .journey-copy { width: auto; top: 26px; left: 23px; }
  .journey-copy strong { font-size: 31px; }
  .journey-copy>span { font-size: 12px; }
  .journey-card { min-height: 225px; }
  .journey-object { width: 135px; height: 135px; right: 14px; bottom: -4px; }
}
@media(max-width:700px) {
  .app-header { padding-top: 16px; padding-bottom: 12px; }
  .brand { font-size: 21px; }
  .brand .kura-mark { width: 24px; height: 29px; }
  .header-actions { gap: 4px; }
  .header-history, .header-kura { background: transparent; border: 0; min-width: 40px; min-height: 44px; padding: 9px; display: grid; place-items: center; }
  .header-history span { display: none; }
  .header-history .icon { width: 20px; height: 20px; }
  .welcome-world { height: auto; display: flex; flex-direction: column; margin: 0; padding: 10px 0 8px; }
  .welcome-copy { width: 100%; max-width: 100%; }
  .welcome-copy .eyebrow { font-size: 8px; margin-bottom: 12px; letter-spacing: 1.2px; }
  .welcome-copy h1 { font-size: 37px; line-height: 1.08; letter-spacing: -1.7px; max-width: 380px; }
  .welcome-copy>p:last-child { font-size: 13px; margin-top: 13px; }
  .welcome-art { position: relative; width: 100%; height: 194px; top: auto; margin-top: 4px; padding: 0; }
  .welcome-art .world-scene { width: 100%; height: 100%; max-height: 171px; margin: 0; }
  .scene-caption { font-size: 10px; padding-top: 0; }
  .journey-choices { gap: 12px; margin-top: 10px; }
  .journey-card { min-height: 185px; border-radius: 20px; }
  .journey-copy { top: 18px; left: 17px; right: 11px; width: auto; }
  .journey-copy strong { font-size: 23px; letter-spacing: -.8px; max-width: 145px; }
  .journey-copy>span { font-size: 10px; line-height: 1.6; margin-top: 9px; max-width: 145px; }
  .journey-object { width: 88px; height: 88px; bottom: 2px; right: 5px; }
  .journey-arrow { top: auto; bottom: 18px; left: 17px; right: auto; width: 28px; height: 28px; z-index: 2; }
  .journey-arrow .icon { width: 17px; height: 17px; }
  .home-whisper { margin-top: 22px; font-size: 10px; }
  .page-footer { margin-top: 30px; }
  .page-footer button { font-size: 8px; }
  .flow-companion>.kura-art { width: 135px; height: 135px; }
  .plan-companion .kura-says, .flow-companion .kura-says { border-radius: 17px 17px 17px 3px; }
  .kura-says p { font-size: 11px; }
  .onboarding-art { box-shadow: none; }
  .welcome-sticker { font-size: 10px; }
  .mode-art { width: 92px; min-width: 92px; height: 112px; }
  .mode-art .object-art { width: 108px; height: 108px; }
  .mode-card { background: #fff; min-height: 155px; }
  .mode-copy strong { font-size: 25px; }
  .mode-copy>span { font-size: 11px; }
  .rest-picture { min-height: 330px; }
  .rest-picture img { width: 92%; height: 72%; left: 4%; right: 4%; bottom: -5px; }
  .rest-picture strong { font-size: 31px; }
  .rest-picture>span { top: 24px; left: 24px; right: 24px; }
  .rest-picture>b { width: 35px; height: 35px; }
  .memory-image { height: 52px; }
  .memory-image>span { font-size: 10px; top: 16px; left: 49px; }
  .memory-image>.memory-symbol { left: 20px; top: 15px; }
  .archive-heading>.object-art { width: 95px; height: 95px; margin-right: -5px; }
  .feedback-button { font-size: 11px; padding: 12px 8px; min-height: 58px; }
  .finish-art { width: 150px; height: 135px; }
  .field-label { font-size: 12px; }
}
@media(max-width:360px) {
  .welcome-copy h1 { font-size: 33px; }
  .journey-copy { left: 14px; right: 9px; }
  .journey-copy strong { font-size: 21px; }
  .journey-copy>span { font-size: 9px; }
  .journey-card { min-height: 190px; }
  .journey-object { width: 76px; height: 76px; }
  .journey-arrow { left: 14px; }
}
@media(prefers-reduced-motion:reduce) {
  *, *:before, *:after { animation: none!important; transition: none!important; }
}