/* phase3-design-system */


:root{
  --font-ui:'Pretendard','Pretendard Variable','Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif;
  --font-hand:'Gowun Dodum','Pretendard','Apple SD Gothic Neo',sans-serif;
  --font-brand:'Jua','Pretendard',sans-serif;
  /* H1 라군 & 히비스커스 (팬톤 근사값) */
  --bg:#F0EEE9;--surface:#FFFFFF;
  --ink:#1D2B36;--sub:#6B7680;--faint:#A6A39C;--line:#E2DED6;
  --hero:#4DB6AC;--hero-ink:#0E3B37;
  --pray:#D8365F;--pray-soft:#FBEBEF;
  --devo:#00539C;--solid:#00539C;--soft:#E3F3F1;
  --dock-h:66px;
  font-family:var(--font-ui);color:var(--ink);background:var(--bg);font-synthesis:none;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;scroll-behavior:smooth}
body{font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.4;background:var(--bg)}
button,input,select,textarea{font:inherit;min-width:0;color:inherit}
button{cursor:pointer}
button:disabled{opacity:.35;cursor:default}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--hero);outline-offset:2px}
.hand{font-family:var(--font-hand)}
.app{max-width:470px;min-height:100dvh;margin:auto;padding:0 16px calc(var(--dock-h) + 20px)}

/* 헤더: 브랜드 + 날짜 */
.pagehead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0 6px;position:sticky;top:0;z-index:40;background:var(--bg)}
.brand{display:flex;align-items:center;gap:5px;white-space:nowrap}
.brand-name{font-family:var(--font-brand);font-size:calc((23px) * var(--kona-ui-scale,1));line-height:1;color:var(--hero-ink);letter-spacing:-.2px}
.brand-flower{font-size:calc((19px) * var(--kona-ui-scale,1));line-height:1}
.headright{display:flex;align-items:center;gap:6px;flex-shrink:0}
.zonechip{border:0;background:none;height:28px;padding:0 2px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600;color:var(--sub);white-space:nowrap;font-variant-numeric:tabular-nums}
.datecontrol{display:flex;align-items:center;height:28px}
.datecontrol>button{border:0;background:transparent;font-size:calc((17px) * var(--kona-ui-scale,1));width:24px;height:28px;padding:0;color:var(--sub)}
.datebox{position:relative;display:flex;align-items:center;justify-content:center;min-width:56px;height:28px}
.datebox span{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:800;white-space:nowrap}
.datebox input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.datecontrol>.todaychip{white-space:nowrap;flex-shrink:0;border:0;background:var(--hero-ink);color:#fff;border-radius:999px;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;padding:2px 8px;margin:0 2px;width:auto;height:auto}
.page-title{font-size:calc((21px) * var(--kona-ui-scale,1));font-weight:800;letter-spacing:-.8px;margin:6px 0 12px}

/* 섹션: 박스 없이 여백과 가는 선으로 구분 */
.card{background:none;border:0;border-radius:0;padding:0;margin:0 0 24px}
.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 6px;min-height:28px}
.sectionhead h2{margin:0;font-size:calc((15px) * var(--kona-ui-scale,1));font-weight:800;letter-spacing:-.4px}
.sectionhead .right{display:flex;align-items:center;gap:2px}
.mini-btn{border:0;background:none;border-radius:8px;min-width:30px;height:30px;padding:0 6px;font-size:calc((15px) * var(--kona-ui-scale,1));font-weight:700;color:var(--sub);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.mini-btn.on{color:var(--pray)}
.mini-btn.solid{background:var(--solid);color:#fff}
.small{font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--sub)}
.micro{font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--sub)}
.row{display:flex;align-items:center;gap:6px}
.between{justify-content:space-between}
.grow{flex:1;min-width:0}
.pill{color:var(--hero-ink);font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;white-space:nowrap}
.outline{border:1px solid var(--line);background:none;padding:6px 12px;border-radius:10px;font-weight:700;font-size:calc((13px) * var(--kona-ui-scale,1))}
.solid{background:var(--solid);color:#fff;border:0;padding:8px 14px;border-radius:10px;font-weight:700;font-size:calc((14px) * var(--kona-ui-scale,1))}
.field{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px 10px;outline:0}
.field:focus{border-color:var(--hero)}
.field::placeholder{color:var(--faint)}
textarea.field{resize:vertical;min-height:84px}
.label{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;margin:6px 0 4px;display:block;color:var(--sub)}
.hidden{display:none!important}
.dash{color:var(--faint)}
.miniicon{border:1px solid var(--line);border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:none;color:var(--faint);font-size:calc((10px) * var(--kona-ui-scale,1));padding:0;flex:0 0 18px}
.info-wrap{position:relative;display:inline-flex;align-items:center}
.iconbtn{border:0;background:none;border-radius:8px;min-width:30px;height:30px;font-size:calc((14px) * var(--kona-ui-scale,1));padding:0 4px;display:inline-flex;align-items:center;justify-content:center;color:var(--sub)}
.iconbtn.on{background:var(--pray-soft);color:var(--pray)}
.meta-r{font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--sub);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}
.ellip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mchip{display:inline-block;border-radius:6px;padding:0 7px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;line-height:calc((20px) * var(--kona-ui-scale,1));color:var(--ink);white-space:nowrap}

/* 오늘 */
.day-signature{display:flex;align-items:center;gap:6px;margin:0 0 12px}
.emoji-pick{font-size:calc((20px) * var(--kona-ui-scale,1));background:none;border:0;width:30px;height:32px;flex-shrink:0;padding:0;color:var(--faint)}
.headline-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line)}
.headline-wrap:focus-within{border-bottom-color:var(--hero)}
#dayHeadline{flex:1;min-width:0;background:none;border:0;font-family:var(--font-hand);font-size:calc((15px) * var(--kona-ui-scale,1));padding:7px 2px;outline:0}
#dayHeadline.suggest::placeholder{color:#8F8B84}
.hero{position:relative;overflow:hidden;background:var(--hero);color:var(--hero-ink);padding:13px 15px 15px;border-radius:16px;box-shadow:0 8px 20px #4db6ac33}
.hero-line{display:flex;align-items:baseline;gap:8px;white-space:nowrap;min-width:0}
.hero-line+.hero-line{margin-top:5px}
.hero .lbl{font-size:calc((12px) * var(--kona-ui-scale,1));opacity:.7;flex-shrink:0}
.hero-title{font-size:calc((18px) * var(--kona-ui-scale,1));font-weight:800;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hero-meta{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600;flex-shrink:0}
.hero-next{font-size:calc((13px) * var(--kona-ui-scale,1));overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.hero-left{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;flex-shrink:0}
.hero-progress{position:absolute;left:0;bottom:0;height:4px;width:100%;background:#0E3B3714}
.hero-progress i{height:100%;background:var(--hero-ink);display:block;width:0;opacity:.5}
.pins{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.pin{background:#F7EEC8;border-radius:999px;padding:3px 10px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pin b{color:#B8901A;margin-right:3px}
.pin.done{text-decoration:line-through;color:var(--faint);background:#EEEAE0}
#page-today .hero+.pins+.card,#page-today .hero+.card{margin-top:22px}
#page-today .pins+.card{margin-top:22px}
.quicktask{display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid var(--line);min-height:42px}
.quicktask:last-child{border:0}
.task-check{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:50%}.task-check img{display:block;width:29px;height:29px;object-fit:contain}.task-check.completed img{width:30px;height:30px}.task-check:focus-visible{outline:2px solid var(--wave);outline-offset:1px}
.task-title{font-weight:600;font-size:calc((14px) * var(--kona-ui-scale,1));flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-title.done{text-decoration:line-through;color:var(--faint)}
.task-meta{font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--sub);white-space:nowrap;flex-shrink:0}
.task-meta.overdue{color:var(--pray)}
.mini{border:0;background:var(--pray-soft);color:var(--pray);border-radius:999px;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;padding:0 8px;height:22px;flex-shrink:0}
.pinbtn{display:inline-grid;place-items:center;border:0;background:none;width:28px;height:30px;color:#CFCBC2;padding:0;flex-shrink:0}
.pinbtn img{display:block;width:24px;height:24px;object-fit:contain}

/* 타임라인: 계획 44% | 기록 56% */
.tl-card{padding:0}
.ck-strip{display:flex;gap:14px;align-items:center;margin:0 0 14px;flex-wrap:wrap}
.ck{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;height:24px;min-width:0}
.ck b{font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--sub);font-weight:700}
.event-timeline{position:relative;margin-top:14px}
.timeline-hours{position:absolute;inset:0 auto 0 0;width:30px;pointer-events:none}
.timeline-hours div{position:absolute;left:0;transform:translateY(-7px);font-size:calc((10px) * var(--kona-ui-scale,1));color:var(--faint);font-variant-numeric:tabular-nums}
.time-grid{position:absolute;inset:0 0 0 30px}
.time-grid span{position:absolute;left:0;right:0;border-top:1px solid #E6E2DA}
.lane-divider{position:absolute;top:0;bottom:0;border-left:1px dashed #D8D3C9;pointer-events:none}
.lane-head{position:absolute;top:-15px;font-size:calc((10px) * var(--kona-ui-scale,1));color:var(--faint);pointer-events:none}
.eventblock{position:absolute;z-index:3;border-radius:9px;padding:3px 8px;overflow:hidden;border-left:3px solid;cursor:pointer;isolation:isolate}
.eventblock .event-progress{position:absolute;z-index:-1;inset:0 auto 0 0;opacity:.22;pointer-events:none}
.eventblock .ebline{display:flex;align-items:center;gap:4px;min-width:0}
.eventblock .eventtitle{flex:1;min-width:0;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eventblock .eventtitle .t{font-weight:600;opacity:.75}
.eventblock .eventsub{font-size:calc((11px) * var(--kona-ui-scale,1));opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.eventblock .eb-r{display:flex;align-items:center;gap:3px;font-size:calc((11px) * var(--kona-ui-scale,1));flex-shrink:0}
.eventblock.short{display:flex;align-items:center;padding:0 8px}
.eventblock.short .ebline{width:100%}
.eventblock.short .eventtitle{font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.1}
.eventblock.past{opacity:.45}
.eventblock.blue{background:#DCE6F3;color:#2F5E97;border-color:#4F84C4}
.eventblock.orange{background:#F9E7E1;color:#9C4F35;border-color:#E2876B}
.eventblock.purple{background:#EEEBF4;color:#5E4E8A;border-color:#A99BC9}
.eventblock.coral{background:#FBEBEF;color:#A4486A;border-color:#E99AB0}
.eventblock.green{background:#F1F6DC;color:#5B6E1F;border-color:#B4C85A}
.eventblock.gray{background:#E6E5E3;color:#5E5A60;border-color:#8E8A8F}
.nowline{height:2px;background:var(--pray);position:absolute;left:26px;right:0;z-index:6;pointer-events:none;opacity:.8}
.nowline:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pray);position:absolute;left:0;top:-3px}
.rec{position:absolute;z-index:5;font-size:calc((12px) * var(--kona-ui-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px;line-height:calc((18px) * var(--kona-ui-scale,1))}
.rec .ph{color:var(--sub);font-weight:700;font-size:calc((11px) * var(--kona-ui-scale,1));flex-shrink:0}
.rec.memo{color:var(--sub);font-family:var(--font-hand)}
.rec.sess{font-weight:700}
.rec.sess.prayer{color:var(--pray)}
.rec.sess.devotion{color:var(--devo)}
.rec .tx{overflow:hidden;text-overflow:ellipsis;min-width:0}
.sess-bar{position:absolute;width:4px;border-radius:2px;z-index:4}
.sess-bar.prayer{background:var(--pray)}
.sess-bar.devotion{background:var(--devo)}

/* 밑줄 탭 (아침·점심·저녁 / 집중·묵상·기도 / 달력·이번 주·전체 흐름 / 일정·할 일) */
.phases,.kindseg,.viewseg{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line);margin:0 0 16px}
.phases button,.kindseg button,.viewseg button,.subtabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 4px;color:var(--faint);font-weight:700;font-size:calc((13px) * var(--kona-ui-scale,1));height:36px;margin-bottom:-1px}
.phases button.active,.kindseg button.active,.viewseg button.active,.subtabs button.active{color:var(--ink);border-bottom-color:var(--hero-ink)}
.subtabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:0 0 16px}

/* 체크인 */
.mood-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;min-height:24px;font-size:calc((13px) * var(--kona-ui-scale,1))}
.mood-banner .scores{color:var(--sub);font-size:calc((12px) * var(--kona-ui-scale,1))}
.mood-axis{display:flex;justify-content:space-between;font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--faint);margin:6px 2px 0}
.mood-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.mood{height:40px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0;color:var(--ink);font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;letter-spacing:-.3px}
.mood.selected{box-shadow:inset 0 0 0 2px var(--ink)}
.note-title{font-size:calc((15px) * var(--kona-ui-scale,1));font-weight:800;margin:0}
.lec-ref{font-size:calc((12px) * var(--kona-ui-scale,1));color:#2F5E97;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#checkNote,#eventMemo{font-family:var(--font-hand);font-size:calc((15px) * var(--kona-ui-scale,1));line-height:1.55;margin-top:8px}
.check-state{font-size:calc((13px) * var(--kona-ui-scale,1));color:var(--faint);font-weight:700}
.check-state.ok{color:var(--hero-ink)}
.prayer-today{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prayer-today .t{flex:1;min-width:0;font-family:var(--font-hand);font-size:calc((15px) * var(--kona-ui-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 기도제목 */
.prayer-add{display:flex;gap:6px;margin-bottom:6px}
.prayer-add input{font-family:var(--font-hand);font-size:calc((15px) * var(--kona-ui-scale,1));padding:6px 10px;height:36px}
.prayer-add .mini-btn.solid{height:36px!important;min-width:36px;border-radius:10px}
.prayer-item{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding:4px 0;min-height:42px}
.prayer-item:last-child{border-bottom:0}
.prayer-title{flex:1;min-width:0;font-family:var(--font-hand);font-size:calc((15px) * var(--kona-ui-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prayer-item .buttons{display:flex;gap:0;flex-shrink:0}
.prayer-item.is-answered .prayer-title{color:var(--sub)}
details.answered summary,details.more summary{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;color:var(--pray);padding:8px 0 4px;cursor:pointer}
details.more summary{color:var(--solid)}

/* 기도 탭 */
.segment{display:flex;gap:4px;justify-content:center;align-items:center;margin:14px 0 0}
.segment button{border:0;background:none;border-radius:999px;padding:0 10px;height:30px;white-space:nowrap;color:var(--sub);font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700}
.segment button.active{background:var(--hero-ink);color:#fff}
.timer{font-variant-numeric:tabular-nums;text-align:center;letter-spacing:-3px;font-size:calc((60px) * var(--kona-ui-scale,1));font-weight:800;margin:10px 0 10px;line-height:1.1}
.timer-row{display:flex;gap:10px;justify-content:center;align-items:center}
.timer-row .solid{min-width:72px;height:44px;font-size:calc((17px) * var(--kona-ui-scale,1));border-radius:999px}
.timer-row .outline{border:0;color:var(--sub);font-size:calc((15px) * var(--kona-ui-scale,1));height:44px}
.record-item{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:4px 0;min-height:40px;font-size:calc((14px) * var(--kona-ui-scale,1))}
.record-item:last-child{border-bottom:0}
.record-item .buttons{display:flex;gap:0;flex-shrink:0}

/* 일정 탭 */
.stack{display:grid;gap:8px}
.compactrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.weekdayselect{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.weekdayselect label{text-align:center;border-radius:8px;background:var(--surface);border:1px solid var(--line);padding:6px 0;font-size:calc((12px) * var(--kona-ui-scale,1));cursor:pointer}
.weekdayselect label:has(input:checked){background:var(--hero-ink);color:#fff;border-color:var(--hero-ink)}
.weekdayselect input{position:absolute;opacity:0;width:1px;height:1px}

/* 일정 목록 + 입력 시트 */
.mini-btn.add{color:var(--hero-ink);font-size:calc((20px) * var(--kona-ui-scale,1))}
.record-item.tap{cursor:pointer}
.record-item .cat-bar{width:3px;align-self:stretch;border-radius:2px;margin:6px 0;flex-shrink:0}
.record-item .time{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;color:var(--sub);width:42px;flex-shrink:0;font-variant-numeric:tabular-nums}
.record-item .sub{display:block;font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.form-sheet .top{margin-bottom:2px}
.title-input{width:100%;border:0;border-bottom:1px solid var(--line);background:none;font-size:calc((19px) * var(--kona-ui-scale,1));font-weight:800;letter-spacing:-.4px;padding:8px 2px 10px;outline:0}
.title-input:focus{border-bottom-color:var(--hero)}
.title-input::placeholder{color:var(--faint);font-weight:700}
.frow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.frow.col{flex-direction:column;align-items:stretch;gap:9px}
.flabel{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;color:var(--sub);flex-shrink:0}
.pair{display:flex;align-items:center;gap:6px}
.pair .sep{color:var(--faint)}
.pill-input{border:0;background:var(--surface);border-radius:10px;height:36px;padding:0 10px;font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:600;color:var(--ink);outline:0;font-variant-numeric:tabular-nums}
.pill-input:focus{box-shadow:inset 0 0 0 1.5px var(--hero)}
.pill-input::-webkit-calendar-picker-indicator{opacity:.35}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:0;background:var(--surface);border-radius:999px;padding:0 12px;height:32px;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;color:var(--sub);display:inline-flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}
.chip.active{background:var(--soft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--hero-ink)}
.form-sheet .weekdayselect{display:flex;gap:6px;justify-content:space-between;margin-top:2px}
.form-sheet .weekdayselect label{width:36px;height:36px;border-radius:50%;border:0;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:0;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;color:var(--sub)}
.form-sheet .weekdayselect label:has(input:checked){background:var(--hero-ink);color:#fff}
.solid.wide{width:100%;height:46px;border-radius:12px;margin-top:16px;font-size:calc((15px) * var(--kona-ui-scale,1))}

/* 돌아보기 */
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}
.calendar-toolbar strong{font-size:calc((14px) * var(--kona-ui-scale,1))}
.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.calendar .weekday{text-align:center;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;color:var(--faint);padding:2px 0 4px}
.calendar .weekday:nth-child(7){color:var(--pray)}
.daycell{min-height:60px;background:none;border:0;border-radius:10px;padding:4px 4px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;text-align:left}
.daycell.dim{opacity:.35}
.daycell.active{box-shadow:inset 0 0 0 2px var(--ink)}
.daycell.dv .num{text-decoration:underline;text-decoration-color:var(--pray);text-decoration-thickness:2px;text-underline-offset:2px}
.daycell .top{display:flex;align-items:center;justify-content:space-between;gap:1px;min-height:15px}
.daycell .num{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:800}
.daycell .rb{font-size:calc((10px) * var(--kona-ui-scale,1));line-height:1}
.daycell .emoji{font-size:calc((15px) * var(--kona-ui-scale,1));line-height:calc((17px) * var(--kona-ui-scale,1));height:17px}
.daycell .caption{font-size:calc((9px) * var(--kona-ui-scale,1));line-height:calc((11px) * var(--kona-ui-scale,1));color:#4E5A63;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}
.auto{opacity:.55}
.pixels{display:grid;grid-auto-flow:column;gap:3px}
.pix-day{font-size:calc((9px) * var(--kona-ui-scale,1));color:var(--faint);line-height:1;display:flex;align-items:center}
.px{border-radius:4px;background:#E6E2DA;border:0;padding:0;width:100%;height:100%}
.px.future,.px.out{background:transparent}
.px.dv{box-shadow:inset 0 -2px 0 var(--pray)}
.px.sel{box-shadow:inset 0 0 0 1.5px var(--ink)}
.legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--sub);margin-top:10px}
.legend span{display:flex;align-items:center;gap:4px}
.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.mini-date{border:1px solid var(--line);border-radius:8px;font-size:calc((12px) * var(--kona-ui-scale,1));padding:2px 6px;background:var(--surface);max-width:130px;height:28px}
.chart-legend{display:flex;gap:12px;font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--sub);margin-bottom:4px}
.chart-legend span{display:flex;align-items:center;gap:4px}
.chart-legend i{width:12px;height:3px;border-radius:3px;display:inline-block}
.chart{width:100%;height:140px;display:block}
.chart text{font-size:calc((10px) * var(--kona-ui-scale,1));fill:var(--faint)}
.toggle{display:flex;gap:2px}
.toggle button{border:0;background:none;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;color:var(--faint);padding:0 8px;height:26px;border-radius:999px}
.toggle button.active{background:var(--hero-ink);color:#fff}
.inf-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--line);font-size:calc((13px) * var(--kona-ui-scale,1));min-height:38px}
.inf-row:last-child{border-bottom:0}
.inf-row b{font-weight:700;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inf-row .n{font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--faint);white-space:nowrap}
.up{color:#1F7A6F;font-weight:700;white-space:nowrap}
.down{color:var(--pray);font-weight:700;white-space:nowrap}
.flat{color:var(--sub);white-space:nowrap}
.stat-grid{display:flex;flex-wrap:wrap;gap:4px 16px;margin:2px 0 10px}
.stat{font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--sub);white-space:nowrap}
.stat b{font-size:calc((15px) * var(--kona-ui-scale,1));color:var(--ink);font-weight:800;margin-right:3px}
.weekrow{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:calc((13px) * var(--kona-ui-scale,1));min-height:40px}
.weekrow:last-child{border:0}
.weekrow .d{font-weight:700;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}
.weekrow .h{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-hand);font-size:calc((14px) * var(--kona-ui-scale,1))}

/* 시트·모달 */
.emoji-sheet{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.emoji-heading{grid-column:1/-1;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:800;color:var(--sub);padding:8px 2px 2px}
.emoji-sheet button{background:none;border:0;border-radius:10px;min-height:46px;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;padding:3px 1px}
.emoji-sheet button span{font-size:calc((20px) * var(--kona-ui-scale,1))}
.emoji-sheet button small{font-size:calc((10px) * var(--kona-ui-scale,1));color:var(--sub)}
.modal-under{position:fixed;inset:0;background:#0E3B3759;z-index:90;display:flex;align-items:end;justify-content:center}
.modal-under[hidden]{display:none}
.sheet{background:var(--bg);border-radius:20px 20px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));width:min(100%,470px);max-height:86dvh;overflow:auto}
.sheet .top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.sheet .top strong{font-size:calc((16px) * var(--kona-ui-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.close{border:0;background:none;border-radius:8px;width:30px;height:30px;font-size:calc((20px) * var(--kona-ui-scale,1));padding:0;flex-shrink:0;color:var(--sub)}
.choice{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;padding:12px 2px;margin:0}
.choice:last-child{border-bottom:0}
.choice b{font-size:calc((15px) * var(--kona-ui-scale,1))}
.choice small{font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--sub);text-align:right}
.choice.danger b{color:var(--pray)}
.choice.active b{color:var(--hero-ink)}
.choice.active b:after{content:" ✓"}
.ov-box{border-top:1px solid var(--line);padding:10px 0 0;margin-top:10px}
.modal-actions{display:flex;gap:8px;margin-top:12px}

/* 하단: 오늘 기도 + 탭 */
.dock{position:fixed;z-index:50;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,470px);background:var(--bg);box-shadow:0 -6px 20px #1d2b360f}
.pstrip{display:flex;align-items:center;gap:6px;padding:0 14px;background:var(--pray-soft);height:38px}
.pstrip[hidden]{display:none}
.pstrip .plabel{font-size:calc((15px) * var(--kona-ui-scale,1));flex-shrink:0}
.pstrip .ptitle{flex:1;min-width:0;border:0;background:none;text-align:left;font-family:var(--font-hand);font-size:calc((15px) * var(--kona-ui-scale,1));color:#5A1E33;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pstrip .pbtn{border:0;background:none;color:var(--pray);border-radius:999px;font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:700;width:30px;height:30px;padding:0;flex-shrink:0}
.pstrip .pbtn.on{background:var(--pray);color:#fff}
.tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 6px calc(4px + env(safe-area-inset-bottom));gap:2px}
.tabs button{height:46px;padding:2px 1px;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--faint);font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:700}
.tabs .navico{font-size:calc((18px) * var(--kona-ui-scale,1));line-height:calc((22px) * var(--kona-ui-scale,1));filter:grayscale(1);opacity:.55}
.tabs button.active{color:var(--hero-ink)}
.tabs button.active .navico{filter:none;opacity:1}

.page{display:none}
.page.active{display:block}
.toast{position:fixed;left:50%;bottom:calc(var(--dock-h) + 10px);transform:translateX(-50%);max-width:90%;background:var(--hero-ink);color:#fff;padding:8px 14px;border-radius:999px;font-size:calc((13px) * var(--kona-ui-scale,1));z-index:100;opacity:0;pointer-events:none;transition:opacity .15s;white-space:nowrap}
.toast.show{opacity:1}
.footer-note{color:var(--faint);font-size:calc((11px) * var(--kona-ui-scale,1));padding:4px;text-align:center;margin:0}

@media(min-width:471px){body{background:#E2DFD8}.app{background:var(--bg);box-shadow:0 4px 30px #1d2b361a}}
@media(max-width:375px){
  .app{padding-left:12px;padding-right:12px}
  .brand-name{font-size:calc((20px) * var(--kona-ui-scale,1))}
  .brand-flower{font-size:calc((16px) * var(--kona-ui-scale,1))}
  .datebox{min-width:50px}
  .zonechip{font-size:calc((11px) * var(--kona-ui-scale,1))}
  .mood{font-size:calc((12px) * var(--kona-ui-scale,1))}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ═══════════════════════════════════════════════════════
   예라밍 Mobile · visual refresh (v6.3)
   Design: calm editorial / crisp interactive surfaces
   Gmarket Sans only on brand; all functional logic preserved.
   ═══════════════════════════════════════════════════════ */
:root {
  --font-brand:'Pretendard', 'Pretendard', system-ui, sans-serif;
  --bg:#F7F8F5;
  --surface:#FFFFFF;
  --ink:#20332F;
  --sub:#6A7B75;
  --faint:#64776D;
  --line:#E4EAE4;
  --hero:#DFEFE8;
  --hero-ink:#1D6155;
  --pray:#C65F79;
  --pray-soft:#F9EDF0;
  --devo:#386FA8;
  --solid:#246C61;
  --soft:#E6F3EE;
  --radius-s:10px;
  --radius-m:14px;
}
html, body{background:var(--bg);scrollbar-color:#D7E4DE transparent}
body{font-family:var(--font-ui);font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.45;-webkit-tap-highlight-color:transparent}
.app{padding:0 14px calc(var(--dock-h) + 34px);max-width:470px}
/* header: cohesive single row and anchored date */
.pagehead{
  padding:5px 0 6px;margin-bottom:5px;
  border-bottom:1px solid var(--line);
  background:rgba(247,248,245,.97);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.brand{gap:6px}
.brand-name{font-family:var(--font-brand);font-size:calc((21px) * var(--kona-ui-scale,1));font-weight:700;letter-spacing:-.75px;line-height:1.15;color:#1E584D;font-synthesis:weight}
.brand-flower{font-size:calc((15px) * var(--kona-ui-scale,1));filter:saturate(.76);transform:translateY(-1px)}
.headright{gap:3px}
.zonechip{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:600;color:var(--sub);height:35px;padding:0 2px;letter-spacing:-.2px}
.datecontrol{height:36px;gap:1px}
.datecontrol>button{width:26px;height:36px;border-radius:9px;font-size:calc((20px) * var(--kona-ui-scale,1));color:var(--sub)}
.datecontrol>button:active,.mini-btn:active{background:var(--soft)}
.datebox{height:36px;min-width:59px}
.datebox span{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;color:var(--ink)}
.datecontrol>.todaychip{background:var(--hero-ink);font-size:calc((11px) * var(--kona-ui-scale,1));padding:5px 7px;border-radius:8px;color:white}
.page-title{position:absolute;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0}
/* section rhythm: clean whitespace, thin hierarchy */
.card{margin:0 0 6px;padding:0;border:0;border-radius:0;background:transparent}
.sectionhead{min-height:31px;margin:0 0 7px;gap:9px}
.sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1));letter-spacing:-.25px;font-weight:700;color:var(--ink)}
.sectionhead .right{gap:2px}
.label{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600;color:var(--sub);margin:8px 0 4px}
.small{font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--sub)}
.micro{font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.5}
.mini-btn{min-width:36px;height:36px;padding:0 8px;border-radius:10px;font-size:calc((16px) * var(--kona-ui-scale,1));color:var(--hero-ink);font-weight:650}
.mini-btn.add{font-size:calc((24px) * var(--kona-ui-scale,1))}
.iconbtn{min-width:38px;height:40px;color:#9CADA4;font-size:calc((19px) * var(--kona-ui-scale,1))}
.miniicon{width:22px;height:22px;flex:0 0 22px;border-radius:50%;color:#778D83;border-color:#CEDBD3;font-weight:700;font-size:calc((11px) * var(--kona-ui-scale,1))}
.field{background:#fff;border-color:#DDE6DF;border-radius:12px;padding:11px 12px;font-size:calc((14px) * var(--kona-ui-scale,1))}
.field:focus{border-color:var(--solid);box-shadow:0 0 0 2px #307f7130}
.outline{border-color:#D2DED6;border-radius:11px;background:#fff;font-weight:650}
.solid{background:var(--solid);border-radius:11px;font-weight:700;box-shadow:none}
.solid:active{filter:brightness(.94)}
/* today: a small journaling strip plus hero */
.day-signature{background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 6px;margin:0 0 5px;gap:4px;min-height:36px}
.emoji-pick{font-size:calc((20px) * var(--kona-ui-scale,1));width:33px;height:38px;color:var(--solid)}
.headline-wrap{border-bottom:0}
.headline-wrap:focus-within{border-bottom:0}
#dayHeadline{font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.35;padding:7px 2px;color:var(--ink)}
#dayHeadline::placeholder{color:var(--faint)}
.hero{background:linear-gradient(119deg,#DDEFE8,#E9F5EE);border:1px solid #BADCCE;color:var(--hero-ink);padding:9px 12px 10px;border-radius:13px;box-shadow:none}
.hero-line{gap:7px;min-width:0}
.hero-line+.hero-line{margin-top:7px;padding-top:7px;border-top:1px solid #B8D9CE}
.hero .lbl{color:#5B877A;font-size:calc((11px) * var(--kona-ui-scale,1));opacity:1;font-weight:700;min-width:27px}
.hero-title{font-size:calc((17px) * var(--kona-ui-scale,1));line-height:1.25;font-weight:800;letter-spacing:-.45px}
.hero-meta{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;color:#416E62;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-next{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:550;color:#477066}
.hero-left{font-size:calc((11px) * var(--kona-ui-scale,1));color:#5B8478}
.hero-progress{height:3px;background:#A8CFC4}
.hero-progress i{background:#3A8E7D;opacity:1}
.pins{gap:4px;margin:8px 0 0}
.pin{background:#FFF4DA;color:#74521E;font-weight:600;border-radius:9px;padding:4px 8px}
.pin b{color:#B88435}
#page-today .hero+.pins+.card,#page-today .hero+.card,#page-today .pins+.card{margin-top:15px}
.quicktask{padding:4px 0;min-height:42px;gap:7px}
.task-title{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:650}
.task-meta{font-size:calc((11px) * var(--kona-ui-scale,1))}
.task-check{width:44px;height:44px;min-width:44px}
.pinbtn{min-width:28px;height:38px}
/* timeline in focused outline: two lanes with more useful text */
.tl-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 10px 12px;box-shadow:0 2px 9px #244d4006}
.tl-card .sectionhead{margin:0 0 8px}
.ck-strip{gap:4px;flex-wrap:nowrap;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 5px;padding:2px 3px;background:#F4F8F5;border:1px solid #E8EEE8;border-radius:10px}
.ck{height:34px;justify-content:center;gap:4px;border-radius:8px;padding:0 3px;min-width:0;overflow:hidden}
.ck.is-done{background:#fff}
.ck b{font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--sub);font-weight:650}
.ck .mchip{font-size:calc((10px) * var(--kona-ui-scale,1));line-height:calc((20px) * var(--kona-ui-scale,1));padding:0 4px}
.event-timeline{margin-top:10px}
.time-grid span{border-color:#E9EEEA}
.timeline-hours div{font-size:calc((10px) * var(--kona-ui-scale,1));color:#93A29A}
.lane-divider{border-left-color:#E6ECE7}
.lane-head{top:-18px;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;color:#778B80;letter-spacing:0}
.eventblock{border-left-width:3px;border-radius:8px;padding:4px 6px;box-shadow:none}
.eventblock .eventtitle{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;line-height:1.25}
.eventblock:not(.short) .eventtitle .t{display:block;font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:550;opacity:.82;letter-spacing:-.15px;margin-top:2px}
.eventblock .eventsub{font-size:calc((10px) * var(--kona-ui-scale,1));color:inherit;opacity:.78;margin-top:2px}
.eventblock .eb-r{position:absolute;right:3px;top:2px;font-size:calc((10px) * var(--kona-ui-scale,1));gap:2px}
.eventblock .eb-r .mchip{font-size:calc((9px) * var(--kona-ui-scale,1));line-height:calc((16px) * var(--kona-ui-scale,1));padding:0 3px}
.eventblock:not(.short) .ebline{padding-right:0}
.eventblock .eventtitle{padding-right:0}
.eventblock:not(.short):has(.eb-r) .eventtitle{padding-right:27px}
.eventblock.short{padding:0 5px;min-height:16px}
.eventblock.short .eventtitle{font-size:calc((10px) * var(--kona-ui-scale,1))}
.eventblock.short .eventtitle .t{display:none}
.eventblock.short .eb-r{display:none}
.eventblock.past{opacity:.5}
.eventblock.blue{background:#E5EEF9;color:#355F91;border-color:#628EC2}
.eventblock.orange{background:#FCEEE8;color:#96563B;border-color:#DFA180}
.eventblock.purple{background:#F1EEF8;color:#68548B;border-color:#A497CA}
.eventblock.coral{background:#FDECF1;color:#A14D67;border-color:#D996AA}
.eventblock.green{background:#EFF5D9;color:#506523;border-color:#AAC269}
.eventblock.gray{background:#EDF0EF;color:#667771;border-color:#9BA9A2}
.nowline{height:1.5px;background:#CE6579;opacity:.74;z-index:2}
.nowline:before{background:#CE6579;width:7px;height:7px;top:-3px}
.rec{font-size:calc((10px) * var(--kona-ui-scale,1));line-height:calc((16px) * var(--kona-ui-scale,1));gap:2px;color:var(--sub)}
.rec .ph{font-size:calc((10px) * var(--kona-ui-scale,1))}
.rec .mchip{font-size:calc((10px) * var(--kona-ui-scale,1));line-height:calc((16px) * var(--kona-ui-scale,1));padding:0 4px}
/* standardized small segmented navigation */
.phases,.kindseg,.viewseg,.subtabs{border:1px solid #E2EAE3;background:#EFF4F0;border-radius:12px;padding:3px;gap:3px;margin:0 0 15px}
.phases,.kindseg,.viewseg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.subtabs{display:flex}
.phases button,.kindseg button,.viewseg button,.subtabs button{border:0;border-radius:9px;background:transparent;height:36px;padding:0 7px;margin:0;color:#64796C;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}
.phases button.active,.kindseg button.active,.viewseg button.active,.subtabs button.active{color:var(--hero-ink);background:white;box-shadow:0 1px 4px #23463812;border:0}
.subtabs button{flex:1}
/* feelings as elegant chips, not heavy emoji */
.mood-banner{min-height:32px;margin:0 0 10px;gap:8px;font-weight:650}
.mood-banner .scores{font-size:calc((11px) * var(--kona-ui-scale,1))}
.mood-grid{gap:4px}
.mood{height:43px;min-height:43px;border-radius:10px;border:1px solid rgba(31,61,52,.055);font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;letter-spacing:-.3px;transition:box-shadow .12s,transform .12s}
.mood.selected{box-shadow:inset 0 0 0 2px var(--ink),0 0 0 2px #fff;transform:translateY(-1px)}
.mood-axis{color:#82978B;margin:8px 1px 0;font-size:calc((11px) * var(--kona-ui-scale,1))}
.note-title{font-size:calc((15px) * var(--kona-ui-scale,1));font-weight:700}
#checkNote,#eventMemo{font-family:var(--font-hand);font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.65;background:white;border:1px solid #DCE6DF;border-radius:12px;margin-top:7px}
#checkNote{min-height:118px}
.check-state{font-size:calc((11px) * var(--kona-ui-scale,1))}
.lecture-ref{font-size:calc((11px) * var(--kona-ui-scale,1))}
/* focus/timer */
#page-focus>.card:first-child{background:#fff;border:1px solid var(--line);border-radius:17px;padding:13px 12px 18px}
#page-focus .kindseg{margin-bottom:11px}
.segment{gap:4px;margin:12px 0 0;flex-wrap:nowrap}
.segment button{height:35px;padding:0 9px;border-radius:9px;background:#F2F5F2;font-size:calc((12px) * var(--kona-ui-scale,1))}
.segment button.active{background:#E0F0EA;color:#206F5E;box-shadow:inset 0 0 0 1px #A8CDBE}
.timer{font-size:calc((65px) * var(--kona-ui-scale,1));letter-spacing:-2px;margin:13px 0 15px;color:var(--ink)}
.timer-row .solid{border-radius:14px;min-width:96px;height:46px;font-size:calc((17px) * var(--kona-ui-scale,1))}
.timer-row .outline{font-size:calc((13px) * var(--kona-ui-scale,1))}
.record-item{min-height:46px;padding:5px 0;font-size:calc((13px) * var(--kona-ui-scale,1));gap:8px}
/* schedule lists: white surface, clear affordances, no bulk form */
#page-schedule .record-item.tap{background:#fff;margin:0;border-bottom:1px solid #ECF0EA;padding:7px 9px;min-height:53px}
#page-schedule .record-item.tap:first-child{border-radius:12px 12px 0 0}
#page-schedule .record-item.tap:last-child{border-radius:0 0 12px 12px;border-bottom:0}
#page-schedule .record-item .time{width:44px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#658174}
#page-schedule .record-item .sub{font-size:calc((10px) * var(--kona-ui-scale,1));color:#96A49B}
#page-schedule .record-item .cat-bar{width:3px;margin:5px 0;border-radius:3px}
#page-schedule .record-item .grow.ellip{font-size:calc((13px) * var(--kona-ui-scale,1))}
/* bottom sheets: grouped rows and visible primary action */
.modal-under{background:#162F2A80;align-items:end;overscroll-behavior:contain}
.sheet{max-height:86dvh;padding:13px 15px calc(20px + env(safe-area-inset-bottom));background:#FBFCFA;border-radius:22px 22px 0 0;box-shadow:0 -8px 45px #102A2221;overscroll-behavior:contain}
.sheet .top{margin-bottom:6px;min-height:39px}
.sheet .top strong{font-size:calc((17px) * var(--kona-ui-scale,1));font-weight:800}
.close{width:38px;height:38px;border-radius:11px;font-size:calc((22px) * var(--kona-ui-scale,1))}
.title-input{font-size:calc((19px) * var(--kona-ui-scale,1));font-weight:700;border-color:#CAD9D0;padding:11px 4px}
.frow{padding:10px 1px;min-height:52px;border-color:#E5EBE5;gap:8px}
.frow.col{gap:7px}
.flabel{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;color:var(--sub)}
.pill-input{background:#fff;border:1px solid #DDE7DE;border-radius:9px;height:40px;padding:0 9px;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:600;min-width:0}
.pair{gap:3px;min-width:0}
.pair .sep{font-size:calc((12px) * var(--kona-ui-scale,1))}
.chips{gap:5px}
.chip{height:35px;border-radius:9px;background:white;border:1px solid #E0E8E1;padding:0 9px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;color:#64756D}
.chip.active{background:#DDEFE7;color:#195D4D;box-shadow:inset 0 0 0 1px #6CAA96;border-color:#6CAA96}
.form-sheet .weekdayselect label{width:36px;height:36px;background:#fff;border:1px solid #E0E8E2}
.form-sheet .weekdayselect label:has(input:checked){background:var(--solid);color:#fff;border-color:var(--solid)}
.solid.wide{position:sticky;bottom:-1px;z-index:3;width:100%;height:47px;border-radius:12px;margin-top:12px;box-shadow:0 -9px 13px #FBFCFAE8}
/* records analytics: minimal editorial */
.calendar-toolbar{margin:0 0 9px;min-height:37px}
.calendar-toolbar strong{font-size:calc((15px) * var(--kona-ui-scale,1));font-weight:700}
.calendar{gap:3px}
.daycell{border-radius:8px;min-height:62px;border:1px solid #E6ECE6;background:#fff;padding:4px}
.daycell.dim{opacity:.48;background:transparent}
.daycell.active{box-shadow:inset 0 0 0 1.5px var(--solid)}
.daycell .caption{font-size:calc((9px) * var(--kona-ui-scale,1));line-height:calc((11px) * var(--kona-ui-scale,1))}
.daycell .num{font-size:calc((11px) * var(--kona-ui-scale,1))}
.daycell .emoji{font-size:calc((14px) * var(--kona-ui-scale,1))}
.stat-grid{gap:8px;margin:5px 0 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.stat{background:#fff;border:1px solid #E5ECE6;border-radius:10px;padding:9px 8px;white-space:normal;font-size:calc((11px) * var(--kona-ui-scale,1))}
.stat b{font-size:calc((17px) * var(--kona-ui-scale,1));color:var(--hero-ink)}
.weekrow{min-height:42px}
.chart{height:152px;background:#fff;border:1px solid #E6ECE6;border-radius:12px;padding:6px}
.inf-row{min-height:40px}
#page-records>.card{margin-bottom:18px}
#page-records>.card:not([hidden]):last-child{padding-bottom:10px}
/* bottom dock: cohesive iconography, safe-area and thumb target */
.dock{width:calc(100% - 16px);max-width:454px;bottom:8px;border:1px solid #DBE5DD;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 8px 32px #223D3424;overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.tabs{padding:4px 4px calc(4px + env(safe-area-inset-bottom));gap:2px}
.tabs button{height:51px;color:#5A7064;border-radius:12px;gap:3px;font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:650}
.tabs button.active{background:#E6F2ED;color:#1B6A58}
.tabs .navico{display:flex;align-items:center;justify-content:center;width:22px;height:22px;line-height:1;filter:none;opacity:1}
.tabs .navico svg{display:block;width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.tabs button.active .navico{opacity:1}
.pstrip{background:#FCF0F3;border-bottom:1px solid #F1DCE3;padding:0 9px;height:38px}
.pstrip .plabel{font-size:calc((14px) * var(--kona-ui-scale,1))}
.pstrip .ptitle{font-size:calc((13px) * var(--kona-ui-scale,1));font-family:var(--font-ui);font-weight:650}
.pstrip .pbtn{width:34px;height:34px;font-size:calc((16px) * var(--kona-ui-scale,1))}
.footer-note{font-size:calc((10px) * var(--kona-ui-scale,1));margin:0;padding:4px}
.toast{background:#1A5148;border-radius:12px;white-space:normal;text-align:center;max-width:90%}
/* mobile geometry */
@media(max-width:375px){
 .app{padding-left:11px;padding-right:11px}
 .brand-name{font-size:calc((19px) * var(--kona-ui-scale,1))}
 .brand-flower{font-size:calc((14px) * var(--kona-ui-scale,1))}
 .datebox{min-width:49px}
 .zonechip{font-size:calc((10px) * var(--kona-ui-scale,1))}
 .mood{font-size:calc((11px) * var(--kona-ui-scale,1))}
 .pill-input{font-size:calc((12px) * var(--kona-ui-scale,1));padding:0 6px}
 .sheet{padding-left:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){.mood{transition:none}}


/* v6.4: three-perspective mobile UX / visual / accessibility audit */
:root{
 --bg:#F9FAF7;--ink:#1D332D;--sub:#526A5F;--faint:#687E73;--line:#DCE5DD;
 --hero:#E0F0E9;--hero-ink:#185F50;--solid:#176D5C;--pray:#B34967;
}
.app{padding-bottom:calc(var(--dock-h) + 23px)}
.pagehead{padding:12px 0 11px;margin-bottom:11px;background:rgba(249,250,247,.98)}
.brand-name{font-family:'Pretendard',var(--font-ui);font-weight:700;font-size:calc((21px) * var(--kona-ui-scale,1));letter-spacing:-.85px;color:#175A4B}
.brand-flower{font-size:calc((15px) * var(--kona-ui-scale,1))}
.sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1));font-weight:700;color:var(--ink)}
/* Visually compact, but usable touch regions, particularly on Android */
.zonechip{min-height:40px}
.datecontrol{height:42px}
.datecontrol>button{height:42px;min-width:36px;width:36px}
.datebox{height:42px;min-width:62px}
.datecontrol>.todaychip{min-height:32px}
.mini-btn{min-height:42px;min-width:42px;height:42px}
.iconbtn{min-width:42px;height:44px;font-size:calc((18px) * var(--kona-ui-scale,1))}
.close{width:44px;height:44px}
.miniicon{width:28px;height:28px;flex-basis:28px;font-size:calc((12px) * var(--kona-ui-scale,1))}
button:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--solid);outline-offset:2px}
/* Improve hierarchy: fewer neighboring outlines, more legible labels */
.day-signature{min-height:44px;border-color:#E1E8E1;background:#fff}
.hero{background:#E2F1E9;border:1px solid #BDD9CC;box-shadow:none;color:#205E51}
.hero .lbl{color:#417A69;opacity:1}
.hero-meta{color:#365E52}
.hero-next,.hero-left{color:#47685B}
.sectionhead{margin-bottom:6px}
.card{margin-bottom:16px}
.tl-card{box-shadow:none;border-color:#DCE6DD;background:#fff;padding:10px 8px 12px}
.ck-strip{border:0;background:#F0F5F0;margin-bottom:14px;padding:4px 3px}
.ck{height:39px}
.ck b{font-size:calc((12px) * var(--kona-ui-scale,1));color:#526A5E}
.ck .mchip{font-size:calc((11px) * var(--kona-ui-scale,1))}
.timeline-hours div{color:#647B6D;font-size:calc((10px) * var(--kona-ui-scale,1))}
.lane-head{color:#526A5E;font-size:calc((11px) * var(--kona-ui-scale,1))}
.eventblock{outline-offset:1px}
.eventblock .eventtitle{font-weight:700;font-size:calc((12px) * var(--kona-ui-scale,1))}
.eventblock:not(.short) .eventtitle .t{font-size:calc((11px) * var(--kona-ui-scale,1));opacity:.9}
.eventblock .eventsub{font-size:calc((10.5px) * var(--kona-ui-scale,1));opacity:.9}
.eventblock.past{opacity:.58}
.rec{font-size:calc((11px) * var(--kona-ui-scale,1));line-height:calc((17px) * var(--kona-ui-scale,1))}
.rec .ph{font-size:calc((10.5px) * var(--kona-ui-scale,1))}
.rec .tx{font-size:calc((11px) * var(--kona-ui-scale,1))}
/* Reduce competing decoration; make mood grid highly readable */
.phases button,.kindseg button,.viewseg button,.subtabs button{height:43px;font-size:calc((13px) * var(--kona-ui-scale,1))}
.phases,.kindseg,.viewseg,.subtabs{background:#EDF3EE;border-color:#DFE9E0}
.mood-grid{gap:4px}
.mood{height:46px;min-height:46px;border-radius:8px;font-size:calc((13px) * var(--kona-ui-scale,1));letter-spacing:-.25px;font-weight:650}
.mood.selected{box-shadow:inset 0 0 0 2.5px #1A5249,0 0 0 2px white;transform:none}
.mood-banner{min-height:36px;margin-bottom:8px}
.mood-axis{color:#506F61;font-size:calc((12px) * var(--kona-ui-scale,1))}
#checkNote,#eventMemo{font-size:calc((15px) * var(--kona-ui-scale,1));line-height:1.58}
/* Focus: clear target and action hierarchy */
.session-purpose{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;color:var(--sub);display:block;margin:0 1px 5px}
#page-focus>.card:first-child{padding:14px 12px 17px}
#page-focus #focusTarget{height:45px;font-size:calc((14px) * var(--kona-ui-scale,1))}
.segment{gap:3px;flex-wrap:wrap}
.segment button{min-height:42px;height:42px;padding:0 10px;font-size:calc((12px) * var(--kona-ui-scale,1))}
.segment .info-wrap .miniicon{min-width:38px;min-height:38px}
.timer{margin:13px 0 12px}
.timer-row .solid{min-width:112px;height:48px}
.prayer-item{gap:5px;min-height:49px;padding:3px 0}
.prayer-title{font-size:calc((15px) * var(--kona-ui-scale,1))}
.prayer-item .meta-r{font-size:calc((11px) * var(--kona-ui-scale,1))}
.prayer-item .buttons{gap:1px}
.prayer-add .mini-btn.solid{min-width:44px!important;height:44px!important}
.prayer-add input{height:44px}
/* Schedule edit: fit common workflow, avoid mixed weight and rounded chips */
#page-schedule .record-item.tap{min-height:53px}
#page-schedule .record-item .time{color:#3B6655;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-schedule .record-item .sub{color:#596F62;font-size:calc((11px) * var(--kona-ui-scale,1))}
.form-sheet .top{min-height:45px}
.frow{padding:9px 1px;min-height:56px}
.flabel{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:600;color:#4A6055}
.pill-input{height:44px;font-size:calc((14px) * var(--kona-ui-scale,1))}
.chip{height:40px;min-height:40px;font-size:calc((12px) * var(--kona-ui-scale,1))}
.form-sheet .weekdayselect label{width:39px;height:41px}
.solid.wide{height:51px;font-size:calc((15px) * var(--kona-ui-scale,1))}
.sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:calc(100dvh - 24px)}
.modal-under:has(.sheet){z-index:90}
/* Make records genuinely scannable; fewer tiny, low-contrast glyphs */
.calendar .weekday{font-size:calc((11px) * var(--kona-ui-scale,1));color:#526A5F}
.daycell{min-height:68px;border-color:#DDE6DD}
.daycell .num{font-size:calc((12px) * var(--kona-ui-scale,1))}
.daycell .caption{font-size:calc((10px) * var(--kona-ui-scale,1));line-height:calc((12px) * var(--kona-ui-scale,1));color:#465B50}
.weekrow .h{font-family:var(--font-ui);font-size:calc((13px) * var(--kona-ui-scale,1))}
.chart{height:157px}
.stat{font-size:calc((12px) * var(--kona-ui-scale,1))}
/* Bottom bar: fixed controls never cover the final content */
.dock{bottom:0;width:min(100%,470px);max-width:470px;border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 -5px 22px #254c3720}
.tabs{padding:4px 7px calc(6px + env(safe-area-inset-bottom))}
.tabs button{height:54px;font-size:calc((11px) * var(--kona-ui-scale,1))}
.pstrip{height:42px}
.pstrip .pbtn{width:42px;height:42px}
@media(max-width:375px){
 .brand-name{font-size:calc((19px) * var(--kona-ui-scale,1))}
 .datecontrol>button{width:32px;min-width:32px}
 .datebox{min-width:52px}
 .zonechip{font-size:calc((11px) * var(--kona-ui-scale,1))}
 .mood{font-size:calc((12px) * var(--kona-ui-scale,1))}
 .form-sheet .weekdayselect label{width:36px}
 .segment button{padding:0 7px}
}


/* v6.5 – proportional visual size and touch geometry, user-reviewed */
:root{--ui-text:15px;--ui-min:13px}
body{font-size:calc((15px) * var(--kona-ui-scale,1));line-height:1.45}
/* Stronger visible controls, not merely invisible padding */
.pagehead{padding-top:10px;padding-bottom:10px}
.brand-name{font-size:calc((22px) * var(--kona-ui-scale,1));line-height:1.25}
.brand-flower{font-size:calc((17px) * var(--kona-ui-scale,1))}
.zonechip{font-size:calc((13px) * var(--kona-ui-scale,1));min-height:44px}
.datecontrol{height:46px}
.datecontrol>button{height:46px;min-width:40px;width:40px;font-size:calc((25px) * var(--kona-ui-scale,1));font-weight:600}
.datebox{height:46px;min-width:65px}
.datebox span{font-size:calc((14px) * var(--kona-ui-scale,1))}
.datecontrol>.todaychip{min-height:36px;font-size:calc((12px) * var(--kona-ui-scale,1))}
.sectionhead h2{font-size:calc((16px) * var(--kona-ui-scale,1))}
.label,.flabel,.session-purpose{font-size:calc((14px) * var(--kona-ui-scale,1))}
.small{font-size:calc((13px) * var(--kona-ui-scale,1))}.micro{font-size:calc((12px) * var(--kona-ui-scale,1))}
.pill{font-size:calc((13px) * var(--kona-ui-scale,1))}
/* 44x44 controls: symbols visibly 21–24px */
.mini-btn{min-height:44px;height:44px;min-width:44px;font-size:calc((20px) * var(--kona-ui-scale,1));line-height:1}
.mini-btn.add{font-size:calc((27px) * var(--kona-ui-scale,1))}
.iconbtn{height:46px;min-width:46px;font-size:calc((22px) * var(--kona-ui-scale,1));line-height:1}
.close{height:46px;width:46px;font-size:calc((26px) * var(--kona-ui-scale,1))}
.miniicon{height:44px;width:44px;flex-basis:44px;font-size:calc((17px) * var(--kona-ui-scale,1))}
.emoji-pick{width:44px;height:44px;font-size:calc((23px) * var(--kona-ui-scale,1))}
#dayHeadline{font-size:calc((16px) * var(--kona-ui-scale,1))}
.hero .lbl{font-size:calc((13px) * var(--kona-ui-scale,1))}
.hero-title{font-size:calc((18px) * var(--kona-ui-scale,1))}
.hero-meta{font-size:calc((12px) * var(--kona-ui-scale,1))}
.hero-next{font-size:calc((14px) * var(--kona-ui-scale,1))}
.hero-left{font-size:calc((12px) * var(--kona-ui-scale,1))}
.quicktask{min-height:54px;gap:8px}
.task-check{width:44px;height:44px;min-width:44px;flex:0 0 44px}
.task-title{font-size:calc((15px) * var(--kona-ui-scale,1));font-weight:650}
.task-meta{font-size:calc((12px) * var(--kona-ui-scale,1))}
.pinbtn{min-width:44px;height:44px}
.pinbtn img{width:27px;height:27px}
.pin{font-size:calc((13px) * var(--kona-ui-scale,1))}
/* Timeline remains proportional; detail stays accessible in a sheet */
.ck{height:44px;min-height:44px}
.ck b{font-size:calc((13px) * var(--kona-ui-scale,1))}
.ck .mchip{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:calc((23px) * var(--kona-ui-scale,1))}
.lane-head{font-size:calc((12px) * var(--kona-ui-scale,1))}
.timeline-hours div{font-size:calc((11.5px) * var(--kona-ui-scale,1))}
.eventblock{padding:4px 6px}
.eventblock .eventtitle{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.35}
.eventblock:not(.short) .eventtitle .t{font-size:calc((11.5px) * var(--kona-ui-scale,1))}
.eventblock.short .eventtitle{font-size:calc((12px) * var(--kona-ui-scale,1))}
.eventblock .eventsub{font-size:calc((11.5px) * var(--kona-ui-scale,1))}
.rec{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:calc((19px) * var(--kona-ui-scale,1))}
.rec .tx{font-size:calc((12px) * var(--kona-ui-scale,1))}
.rec .ph{font-size:calc((12px) * var(--kona-ui-scale,1))}
/* Emotions: 25 equally-sized readable labels; whole cell is hit target */
.phases button,.kindseg button,.viewseg button,.subtabs button{min-height:48px;height:48px;font-size:calc((15px) * var(--kona-ui-scale,1))}
.mood-grid{gap:5px}
.mood{height:49px;min-height:49px;font-size:calc((14px) * var(--kona-ui-scale,1));letter-spacing:-.2px;font-weight:650}
.mood-banner{font-size:calc((15px) * var(--kona-ui-scale,1))}
.mood-banner .scores{font-size:calc((13px) * var(--kona-ui-scale,1))}
.mood-axis{font-size:calc((13px) * var(--kona-ui-scale,1))}
.note-title{font-size:calc((16px) * var(--kona-ui-scale,1))}
#checkNote,#eventMemo{font-size:calc((16px) * var(--kona-ui-scale,1))}
.check-state{font-size:calc((14px) * var(--kona-ui-scale,1))}
.prayer-today{min-height:50px}
.prayer-today .t,.prayer-title{font-size:calc((16px) * var(--kona-ui-scale,1))}
/* Focus and prayers: visible labels scale with their control */
#page-focus #focusTarget{min-height:48px;height:48px;font-size:calc((15px) * var(--kona-ui-scale,1))}
.segment button{min-height:45px;height:45px;font-size:calc((14px) * var(--kona-ui-scale,1));padding:0 11px}
.segment .info-wrap .miniicon{min-width:44px;min-height:44px}
.timer-row .solid{height:53px;min-width:112px;font-size:calc((22px) * var(--kona-ui-scale,1))}
.timer-row .outline{height:48px;font-size:calc((16px) * var(--kona-ui-scale,1))}
.prayer-add input{height:48px;font-size:calc((16px) * var(--kona-ui-scale,1))}
.prayer-add .mini-btn.solid{height:48px!important;min-width:48px!important;font-size:calc((23px) * var(--kona-ui-scale,1))}
.prayer-item{min-height:56px}
.prayer-item .meta-r{font-size:calc((12px) * var(--kona-ui-scale,1))}
.record-item{min-height:47px;font-size:calc((14px) * var(--kona-ui-scale,1))}
/* New event/task sheets: robust information hierarchy, readable input */
#page-schedule .record-item.tap{min-height:58px}
#page-schedule .record-item .time{font-size:calc((13px) * var(--kona-ui-scale,1))}
#page-schedule .record-item .sub{font-size:calc((12px) * var(--kona-ui-scale,1))}
.frow{padding:9px 1px;min-height:61px}
.title-input{font-size:calc((20px) * var(--kona-ui-scale,1))}
.pill-input{min-height:46px;height:46px;font-size:calc((15px) * var(--kona-ui-scale,1))}
.chip{min-height:45px;height:45px;font-size:calc((15px) * var(--kona-ui-scale,1))}
.form-sheet .weekdayselect label{height:44px;width:42px;font-size:calc((14px) * var(--kona-ui-scale,1))}
.solid.wide{height:53px;font-size:calc((16px) * var(--kona-ui-scale,1))}
.sheet .top strong{font-size:calc((17px) * var(--kona-ui-scale,1))}
.choice{min-height:56px}
.choice b{font-size:calc((16px) * var(--kona-ui-scale,1))}
.choice small{font-size:calc((13px) * var(--kona-ui-scale,1))}
/* Review remains dense but text is readable */
.calendar .weekday{font-size:calc((12px) * var(--kona-ui-scale,1))}
.daycell{min-height:72px}
.daycell .num{font-size:calc((13px) * var(--kona-ui-scale,1))}
.daycell .caption{font-size:calc((10.5px) * var(--kona-ui-scale,1));line-height:calc((12.5px) * var(--kona-ui-scale,1))}
.weekrow{min-height:47px;font-size:calc((14px) * var(--kona-ui-scale,1))}
.weekrow .h{font-size:calc((14px) * var(--kona-ui-scale,1))}
.stat{font-size:calc((13px) * var(--kona-ui-scale,1))}
.stat b{font-size:calc((16px) * var(--kona-ui-scale,1))}
.chart-legend{font-size:calc((13px) * var(--kona-ui-scale,1))}
.toggle button{height:40px;min-width:43px;font-size:calc((14px) * var(--kona-ui-scale,1))}
/* Bottom: icon and label size increase together with hit area */
.tabs{gap:3px;padding:4px 7px calc(6px + env(safe-area-inset-bottom))}
.tabs button{min-height:66px;height:66px;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;gap:4px}
.tabs .navico{width:27px;height:27px}
.tabs .navico svg{width:25px;height:25px;stroke-width:1.9}
.pstrip{height:48px}
.pstrip .plabel{font-size:calc((22px) * var(--kona-ui-scale,1))}
.pstrip .ptitle{font-size:calc((16px) * var(--kona-ui-scale,1))}
.pstrip .pbtn{height:45px;width:45px;font-size:calc((22px) * var(--kona-ui-scale,1))}
/* Auto-sized bottom spacing is controlled by syncDock; no overlay on content */
@media(max-width:375px){
 .app{padding-left:11px;padding-right:11px}
 .brand-name{font-size:calc((19.5px) * var(--kona-ui-scale,1))}
 .brand-flower{font-size:calc((15px) * var(--kona-ui-scale,1))}
 .zonechip{font-size:calc((11.5px) * var(--kona-ui-scale,1))}
 .datecontrol>button{min-width:32px;width:32px;font-size:calc((22px) * var(--kona-ui-scale,1))}
 .datebox{min-width:53px}
 .datebox span{font-size:calc((13px) * var(--kona-ui-scale,1))}
 .mini-btn{min-width:42px;height:44px}
 .mood{font-size:calc((13px) * var(--kona-ui-scale,1));height:48px;min-height:48px}
 .form-sheet .weekdayselect label{width:37px;height:44px}
 .segment button{font-size:calc((13px) * var(--kona-ui-scale,1));padding:0 8px}
 .tabs .navico svg{width:24px;height:24px}
}

/* v6.6: 기록 열은 최대 네 줄까지 표시. 시간축의 높이/위치는 그대로 유지. */
.rec{height:auto;align-items:flex-start;white-space:normal;overflow:hidden;text-overflow:clip;min-height:19px}
.rec.memo{display:flex;align-items:flex-start;gap:4px;line-height:calc((18px) * var(--kona-ui-scale,1))}
.rec.memo .memo-symbol{flex:0 0 13px;font-size:calc((13px) * var(--kona-ui-scale,1));line-height:calc((18px) * var(--kona-ui-scale,1));color:#466F60}
.rec .tx.preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;text-overflow:ellipsis;line-height:calc((18px) * var(--kona-ui-scale,1));flex:1;min-width:0}
.rec.rck{display:block;line-height:calc((18px) * var(--kona-ui-scale,1))}
.rec.rck .rck-head{display:flex;gap:4px;align-items:center;white-space:nowrap;min-width:0}
.rec.rck .rck-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;line-height:calc((18px) * var(--kona-ui-scale,1));color:#52645F}
.rec.rck .mchip{max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}
.rec.sess{align-items:center;white-space:nowrap;height:19px}
.rec[data-open-record]{cursor:pointer;border-radius:5px}
.rec[data-open-record]:focus-visible{outline:2px solid var(--hero-ink);outline-offset:2px}


/* Five primary tabs: Capture, Check-in, Plan, Focus, and Review. */
.tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.manage-btn{background:transparent;border:1px solid #CACDC8;border-radius:10px;padding:0 10px;min-width:48px;min-height:44px;height:44px;color:var(--hero-ink);font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:750;white-space:nowrap}
.manage-btn:focus-visible,.manage-back:focus-visible{outline:2px solid var(--hero-ink);outline-offset:2px}
.manage-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:-4px 0 6px}
.manage-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px 0 2px;border:0;background:transparent;color:var(--hero-ink);font-size:calc((16px) * var(--kona-ui-scale,1));font-weight:750}
.manage-caption{font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--sub)}
#page-today .tl-card .sectionhead .right{gap:1px}
#page-today .tl-card .sectionhead .miniicon{width:40px;height:44px;flex-basis:40px}
/* Right-hand timeline writing: approximately 90% compact letter pitch */
.rec.memo .tx.preview,.rec.rck .rck-body{font-size:calc((11.2px) * var(--kona-ui-scale,1));letter-spacing:-.08em;line-height:calc((18px) * var(--kona-ui-scale,1));font-weight:450}
.rec.memo .memo-symbol{font-size:calc((12px) * var(--kona-ui-scale,1))}
@media(max-width:375px){
  #page-today .tl-card .sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1))}
  #page-today .tl-card .sectionhead .miniicon{width:34px;flex-basis:34px}
  #page-today .tl-card .sectionhead .mini-btn{min-width:40px;padding:0 3px}
  #page-today .tl-card .sectionhead .manage-btn{padding:0 7px;min-width:45px}
  .manage-btn{font-size:calc((13px) * var(--kona-ui-scale,1))}
}


/* Compact check-in: keep text and touch targets independent. */
#moodGrid{gap:4px}
#moodGrid .mood{height:40px;min-height:40px;font-size:calc((12px) * var(--kona-ui-scale,1));padding:0 2px}
#moodCard{padding:12px}
#moodCard .mood-banner{margin:4px 0 8px;font-size:calc((13px) * var(--kona-ui-scale,1))}
#moodCard .mood-axis{margin-top:5px}
#checkNote,#eventMemo,#lectureNote{font-family:var(--font-hand);font-size:calc((10pt) * var(--kona-ui-scale,1));line-height:1.6;letter-spacing:0}
#lectureNote{margin-top:8px;min-height:110px}
#generalNoteCard,#lectureNoteCard,.lecture-link{scroll-margin-top:85px}
.phases button small{display:block;font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:500;line-height:calc((14px) * var(--kona-ui-scale,1))}
.lecture-links{display:grid;gap:5px}
.lecture-link{display:block;width:100%;padding:8px 10px;min-height:44px;text-align:left;white-space:pre-line;border:1px solid #DCE6DF;background:#F3F7F5;border-radius:9px;font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.5}
.record-time{display:block;color:#647B6D;font-size:calc((10px) * var(--kona-ui-scale,1));line-height:calc((14px) * var(--kona-ui-scale,1));font-variant-numeric:tabular-nums}
.rec.rck.pending{border:1px dashed #C6D8CE;padding:3px 5px;background:#F7FAF8}
.rec.rck.pending .rck-head{font-size:calc((11px) * var(--kona-ui-scale,1))}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.emoji-sheet button{min-height:44px;height:44px;padding:2px}.emoji-sheet button span{font-size:calc((25px) * var(--kona-ui-scale,1))}

#emojiModal .sheet>.row{position:sticky;bottom:0;background:var(--surface);padding-top:8px;padding-bottom:8px}#useCustomEmoji{font-size:calc((12px) * var(--kona-ui-scale,1));white-space:nowrap;min-width:64px}

/* Lagoon, sand and hibiscus: compact journal theme */
:root{--bg:#F6F1E7;--ink:#243330;--solid:#146C65;--hero-ink:#146C65;--hero:#DCEFE8;--soft:#DCEFE8;--line:#DDDCD2;--pray:#A83F5D;--pray-soft:#FBECEF;--font-brand:var(--font-ui)}
.pagehead{background:rgba(246,241,231,.97)}
.brand-name{font-family:var(--font-ui);color:var(--solid)}
.hero{background:var(--hero);border-color:#BED8CE;color:var(--solid)}
.brand-flower{color:#D95D7B}
#checkNote,#eventMemo,#lectureNote,.prayer-title,.prayer-today .t,.prayer-add input,.rec.memo{font-family:var(--font-ui)}
.week-lecture{display:flex;align-items:center;gap:10px;margin:0 0 13px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:#fffdf8}
.week-lecture .summary{flex:1;min-width:0}.week-lecture small{display:block;color:var(--sub);font-size:calc((11px) * var(--kona-ui-scale,1))}.week-lecture strong{display:block;font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.5;overflow-wrap:anywhere}
.lecture-action{display:flex;gap:6px;margin-top:9px}.lecture-action input{min-width:0;flex:1;font-size:calc((13px) * var(--kona-ui-scale,1))}.lecture-action button{white-space:nowrap;font-size:calc((12px) * var(--kona-ui-scale,1))}
.lecture-task-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.lecture-task-links button{font-size:calc((12px) * var(--kona-ui-scale,1));min-height:36px;color:var(--solid);background:var(--soft);border-radius:8px;padding:6px 9px}
/* Review calendar: one header row, three readable memo lines */
.daycell{height:72px;padding:4px 3px}
.daycell .top{justify-content:flex-start;gap:2px;min-height:18px;flex-shrink:0;margin-bottom:2px}
.daycell .emoji{margin-left:auto;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:calc((18px) * var(--kona-ui-scale,1));height:18px;flex-shrink:0}
.daycell .rb{font-size:calc((9px) * var(--kona-ui-scale,1));flex-shrink:0}
.daycell .caption{-webkit-line-clamp:3;font-family:var(--font-ui);font-size:calc((10.5px) * var(--kona-ui-scale,1));line-height:calc((12.5px) * var(--kona-ui-scale,1));color:#465B50}
/* Softer lemon canvas and a quiet weekly lecture control */
:root{--bg:#FFFBE8;--line:#E4E4D6}
.pagehead{background:rgba(255,251,232,.97)}
.week-lecture{gap:6px;padding:7px 10px;background:#FFFEF8}
.week-lecture small{font-size:calc((10px) * var(--kona-ui-scale,1));line-height:calc((14px) * var(--kona-ui-scale,1))}
.week-lecture strong{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:calc((17px) * var(--kona-ui-scale,1));font-weight:600}
.week-lecture .week-edit{min-width:32px;width:32px;min-height:32px;height:32px;font-size:calc((18px) * var(--kona-ui-scale,1));padding:0;border:0;background:transparent;flex-shrink:0}
/* Quiet dividers and compact empty states */
.calendar{column-gap:3px;row-gap:0}
.daycell{margin-top:3px;border:0;border-top:1px solid var(--line);border-radius:3px}
.daycell.empty{background:transparent;border-radius:0}
.daycell.active{box-shadow:inset 0 0 0 1.5px var(--solid);border-radius:5px}
#viewSeg{margin-bottom:12px;padding:2px}
#viewSeg button{min-height:38px;height:38px}
#viewCal .calendar-toolbar{min-height:35px;margin-bottom:7px}
#viewCal .calendar-toolbar .mini-btn{min-height:35px;height:35px}
#viewCal .calendar-toolbar .miniicon{height:28px;min-height:28px;width:28px;min-width:28px}
.week-lecture{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:6px 2px 7px}
.eventblock .eventtitle .t,.eventblock:not(.short) .eventtitle .t,.eventblock .eventsub{font-weight:400;opacity:1}
.lane-divider{border-left-style:solid;border-left-color:#E4E8E4}
.chart-empty{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.5;color:var(--sub);margin:4px 0 8px}

/* Cardless journal: typography, alignment and selective color carry hierarchy. */
:root{--bg:#FAF7F2;--line:#DEDCD5;--dock-h:76px}
html,body{background:var(--bg)}
.pagehead{background:var(--bg);border:0;box-shadow:none;padding:16px 0 10px;position:sticky}
.pagehead .brand{min-width:0;max-width:48%;gap:4px}.brand-name{border:0;background:none;padding:0;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc((20px) * var(--kona-ui-scale,1));cursor:text}
.headright{flex-shrink:0}.brand-flower{display:none}
.island-mark{width:30px;height:29px;flex-shrink:0;pointer-events:none}
.card,.tl-card,#moodCard,#page-focus>.card:first-child{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin-bottom:20px}
.day-signature{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin-bottom:12px}
.headline-wrap:focus-within{box-shadow:0 1px var(--solid)}
.hero{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 12px;color:var(--ink)}
.hero-title{font-size:calc((20px) * var(--kona-ui-scale,1))}.hero .lbl{color:var(--solid);font-size:calc((11px) * var(--kona-ui-scale,1));min-width:27px}.hero-line+.hero-line{border:0;margin-top:5px;padding-top:0}
.hero-next{font-size:calc((12px) * var(--kona-ui-scale,1))}.hero-meta,.hero-left{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:400}.hero-progress{background:#E7E5DC;border-radius:0;margin-top:7px;height:2px}
.week-lecture{background:none;border:0;border-radius:0;padding:0;margin:0 0 16px;box-shadow:none}
.sectionhead{margin-bottom:6px}.sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1));letter-spacing:-.2px}
.manage-btn,.miniicon,.outline{border:0;background:none;box-shadow:none;border-radius:0}.manage-btn{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600}.miniicon{font-size:calc((13px) * var(--kona-ui-scale,1))}
.ck-strip{background:none;border:0;border-radius:0;padding:0;margin-bottom:10px}.ck,.ck.is-done{background:none;border-radius:0}.ck.is-done::after{content:'✓';color:var(--solid);font-size:calc((11px) * var(--kona-ui-scale,1))}
.ck .mchip{background:none!important;padding:0}.ck b{font-size:calc((12px) * var(--kona-ui-scale,1))}
.eventblock.blue,.eventblock.orange,.eventblock.purple,.eventblock.coral,.eventblock.green,.eventblock.gray{background:none;border-radius:0;border-left-width:2px;box-shadow:none}
.eventblock.is-current{background:#E6F0EA}.event-progress{display:none}.eventblock .eventtitle{font-size:calc((12px) * var(--kona-ui-scale,1))}.eventblock .eventtitle .t{font-size:calc((10.5px) * var(--kona-ui-scale,1))!important}.eventblock.past{opacity:.75}
.time-grid span{border-color:#E9E5DE}.lane-divider{display:none}
.rec.rck,.rec.rck.pending{background:none;border:0;box-shadow:none;border-radius:0;padding:0 2px}.rec.rck.pending .rck-head{color:var(--solid)}
.rec .mchip,.pin{background:none!important;border:0;border-radius:0;padding:0 3px}
.quicktask{min-height:46px}.quicktask+.quicktask{border-top:1px solid #E8E4DC}.task-check{width:44px;height:44px;min-width:44px}.task-title{font-size:calc((14px) * var(--kona-ui-scale,1))}.task-meta{font-size:calc((11px) * var(--kona-ui-scale,1))}
.phases,.kindseg,.viewseg,.subtabs,#viewSeg{background:none;border:0;border-radius:0;box-shadow:none;padding:0;gap:8px;margin-bottom:16px}
.phases button,.kindseg button,.viewseg button,.subtabs button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:var(--sub);font-size:calc((13px) * var(--kona-ui-scale,1))}
.phases button.active,.kindseg button.active,.viewseg button.active,.subtabs button.active{background:none;border:0;border-bottom:2px solid var(--solid);box-shadow:none;color:var(--solid)}
#moodGrid .mood{border:0;border-radius:3px;box-shadow:none}.mood.selected{outline:2px solid var(--solid);outline-offset:1px;box-shadow:none}.mood.selected::after{content:' ✓';font-size:calc((10px) * var(--kona-ui-scale,1))}
.lecture-link{border:0;border-radius:0;background:none;padding:6px 0;min-height:44px;color:var(--ink)}.lecture-link::after{content:' ›';color:var(--solid)}.lecture-link+.lecture-link{border-top:1px solid #E8E4DC}
#checkNote,#eventMemo,#lectureNote{border:0;border-radius:0;box-shadow:none;background:#F0EEE8;padding:10px;font-size:calc((10pt) * var(--kona-ui-scale,1))}
#checkNote:focus,#eventMemo:focus,#lectureNote:focus{outline:2px solid var(--solid);outline-offset:2px}
.lecture-action .field,.prayer-add .field{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.lecture-action .solid,.prayer-add .solid{background:none;color:var(--solid)}
.lecture-task-links button{background:none;border-radius:0;padding:4px 0;text-align:left}
#focusTarget{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.segment button,.segment button.active,.toggle button,.toggle button.active{border:0;border-radius:0;box-shadow:none;background:none;color:var(--sub)}.segment button.active,.toggle button.active{color:var(--solid);text-decoration:underline;text-underline-offset:6px;font-weight:750}
.timer{font-weight:500}.timer-row .solid{border-radius:50%;height:54px;min-width:54px;width:54px;padding:0;font-size:calc((19px) * var(--kona-ui-scale,1))}
.chart,.stat,.prayer-today{background:none;border:0;border-radius:0;box-shadow:none}.daycell{border:0;background:none;border-radius:0}.daycell.active{box-shadow:none}.daycell.active .num{color:var(--solid);text-decoration:underline;text-underline-offset:3px}
.dock{width:min(100%,470px);max-width:470px;bottom:0;border:0;border-radius:0;background:var(--bg);box-shadow:none;backdrop-filter:none;overflow:visible}
.tabs{background:none;padding-top:6px}.tabs button,.tabs button.active{background:none;border-radius:0}.tabs button{min-height:58px;height:58px;font-size:calc((11px) * var(--kona-ui-scale,1));color:#65756D}.tabs button.active{color:var(--solid)}.tabs button.active .navico{transform:translateY(-2px)}
.shore-art{display:block;width:100%;height:10px;pointer-events:none}.pstrip{border:0;border-radius:0;background:#EEEAE2}
.session-note-row{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:12px 0;color:var(--ink)}
.session-note-row small{display:block;font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--sub);margin-bottom:5px}.session-note-row p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.6}
.journal-controls{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}.journal-controls button{border:0;background:none;padding:8px 4px;font-size:calc((13px) * var(--kona-ui-scale,1))}.journal-controls button.active{color:var(--solid);text-decoration:underline;text-underline-offset:5px}
#sessionMemo{width:100%;min-height:180px;border:0;border-radius:0;background:#F0EEE8;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.65}.note-status{font-size:calc((11px) * var(--kona-ui-scale,1));color:var(--sub);margin:6px 0}
@media(max-width:375px){.brand-name{font-size:calc((17px) * var(--kona-ui-scale,1))}.island-mark{width:24px}.pagehead .brand{max-width:43%}}

/* A 선택안 · 필요한 면은 남기고, 나머지는 색과 간격으로 묶습니다. */


:root{--bg:#FAF7F2;--surface:#FFFFFF;--ink:#243330;--sub:#68766F;--faint:#8A928C;--line:#E6E1D8;--solid:#286657;--hero-ink:#286657;--soft:#E6F1EB;--font-brand:'Pretendard',var(--font-ui);--dock-h:76px}
html,body{background:var(--bg)}
.pagehead{background:rgba(250,247,242,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.brand-name{font-family:var(--font-brand);font-weight:700;letter-spacing:-.5px;color:#20584A;font-synthesis:none}
/* 브랜드 타이틀과 오늘 기록은 한 덩어리로 보이도록 부드러운 면을 씁니다. */
.day-signature{background:#FFF;border:1px solid #EEE9E1;border-radius:12px;padding:2px 8px;box-shadow:none}
.hero{background:#E7F1EB;border:0;border-radius:13px;box-shadow:none;padding:12px 13px 14px;color:#24483D}
.hero .lbl{color:#4A7162}.hero-title{color:#23483E}
.hero-line+.hero-line{border-top:1px solid #CDDFD4;padding-top:7px;margin-top:7px}
.hero-progress{position:relative;height:4px;background:#C8DCCF;border-radius:99px;margin-top:9px;overflow:hidden}
.hero-progress i{background:#286657;border-radius:99px}
/* 주간 강의는 메타데이터 한 줄, 여백으로 묶고 편집은 작은 기호로 유지 */
.week-lecture{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:7px 2px;margin-bottom:15px}
/* 일정 카드는 파스텔 표면과 색 띠, 현재 일정은 흰 글자와 시간 진행바로 강조 */
.eventblock{border-radius:8px;border-left-width:3px;padding:4px 7px;box-shadow:none}
.eventblock.blue{background:#E7EEF6;color:#36577B;border-color:#6C8FB9}
.eventblock.orange{background:#F7E9E2;color:#79503F;border-color:#D38A69}
.eventblock.purple{background:#EFEAF4;color:#594D70;border-color:#9581B6}
.eventblock.coral{background:#F7E9EB;color:#7E4A5B;border-color:#D58A9B}
.eventblock.green{background:#EDF1DF;color:#566039;border-color:#9AAA5A}
.eventblock.gray{background:#ECEAE6;color:#585A57;border-color:#8A8B85}
.eventblock.is-current{background:#245B4E!important;color:#FFF!important;border-color:#174437!important;opacity:1!important;padding-bottom:8px}
.eventblock.is-current .eventtitle,.eventblock.is-current .eventtitle .t,.eventblock.is-current .eventsub,.eventblock.is-current .eb-r{color:#FFF!important;opacity:1!important}
.eventblock.is-current .event-progress{display:block;z-index:1;inset:auto auto 4px 7px;height:3px;background:#FFF!important;opacity:.92;border-radius:99px}
.eventblock.is-current::after{content:"";position:absolute;z-index:0;left:7px;right:7px;bottom:4px;height:3px;border-radius:99px;background:#FFFFFF55;pointer-events:none}
.eventblock.is-current .ebline,.eventblock.is-current .eventsub{position:relative;z-index:2}
.eventblock.is-current .eventtitle .t{padding-right:2px}
.eventblock.past{opacity:.72}
/* 기록 열은 기록된 메모에만 약한 바탕을 둬 계획과 혼동되지 않게 합니다. */
.rec.rck{padding:3px 5px;color:#33463F}
.rec.rck:has(.rck-body){background:#F0EEE8;border-radius:7px;padding:5px 6px}
.rec.rck .rck-head{gap:5px}.rec.rck .rck-body{display:block;white-space:pre-wrap;overflow:hidden;max-height:4.5em;line-height:1.45;margin-top:2px;color:#46574F}
.rec.rck.pending{padding:0 2px}.rec.rck.pending:has(.rck-body){background:#F0EEE8;padding:5px 6px}
.rec.memo{background:#F0EEE8;border-radius:7px;padding:3px 6px;color:#46574F}
/* 하루의 섹션은 박스 대신 얇은 구분선과 간격으로 연결합니다. */
.page>.card+.card{border-top:1px solid #E9E4DC;padding-top:12px}
#page-today>.card+.card{border-top:0;padding-top:0}
#page-today .tl-card{border:0;background:transparent;padding:0;box-shadow:none}
.ck-strip{background:#F0EEE8;border:0;border-radius:9px;padding:4px 5px}
.ck,.ck.is-done{border-radius:6px}.ck.is-done{color:#286657}
/* 입력 필드는 흐린 색 면으로만 표시하고, 포커스에서 선명한 링을 줍니다. */
#checkNote,#eventMemo,#lectureNote,#sessionMemo{background:#F0EEE8;border:0;border-radius:10px;padding:10px 11px;line-height:1.55}
#checkNote:focus,#eventMemo:focus,#lectureNote:focus,#sessionMemo:focus{outline:2px solid #78A895;outline-offset:1px}
/* 집중/묵상/기도 컨트롤만 하나의 부드러운 면으로 묶습니다. */
#page-focus>.card:first-child{background:#E8F1EB;border-radius:15px;padding:13px 12px 12px;border:0;box-shadow:none}
#focusTarget{background:#FFF;border:0;border-radius:9px;padding:9px 10px}
#focusDurations{margin-top:7px}.timer{font-size:calc((56px) * var(--kona-ui-scale,1));color:#24483D}
#page-focus .timer-row .solid{background:#286657;color:#FFF;border-radius:50%;box-shadow:none}
/* 달력은 주간 가로 구분선만, 차트는 플롯 영역만 흰색으로 둡니다. */
.daycell{border:0;border-top:1px solid #E8E2D8;background:transparent;border-radius:0}
.daycell.active{box-shadow:inset 0 0 0 1.5px #286657;border-radius:5px}
.chart{background:#FFF;border:0;border-radius:10px;padding:6px}
.chart-legend{margin-top:3px}
/* 아래 메뉴는 한 면으로 정리하고 얇은 해안선을 남깁니다. */
.dock{background:var(--bg);border:0;box-shadow:none}
.shore-art{height:12px}.shore-art path:first-child{fill:#E7EFE8}.shore-art path:last-child{stroke:#94B8AA}
.pstrip{background:#E7EFE8}
.session-note-row{padding:11px 2px;border-bottom:1px solid #E6E1D8}
@media(max-width:375px){.brand-name{font-size:calc((17px) * var(--kona-ui-scale,1))}.eventblock.is-current{padding-bottom:7px}}
/* 현재 일정: 짙은 라군 바탕과 흰 글자, 하단 진행률 */
.hero{background:#245B4E;color:#FFF;border:0;border-radius:13px;padding:12px 13px 14px;box-shadow:none}
.hero .lbl,.hero-title,.hero-meta,.hero-next,.hero-left{color:#FFF}
.hero .lbl{opacity:.76}.hero-title{font-size:calc((18px) * var(--kona-ui-scale,1));letter-spacing:-.35px}
.hero-line+.hero-line{border-top:1px solid #FFFFFF35}
.hero-progress{height:4px;background:#FFFFFF45;border-radius:99px;margin-top:9px;overflow:hidden}
.hero-progress i{background:#F7E3AA;opacity:1;border-radius:99px}


/* Mural palette: warm off-white + sky, lagoon, palm and hibiscus accents. */
:root{--bg:#FAF7F2;--ink:#1F3A2C;--sub:#536A5A;--faint:#7E8C80;--line:#E6E1D8;--solid:#1F3A2C;--hero-ink:#1F3A2C;--soft:#DCE9F2;--sun:#F5CB45;--mustard:#D69A22;--sky:#DCE9F2;--wave:#6A98C6;--leaf:#4A8359;--deep:#1F3A2C;--hibiscus:#E67A3C}
html,body{background:#FAF7F2}
.pagehead{background:rgba(250,247,242,.96)}
.brand-name{font-family:var(--font-brand);font-weight:700;color:var(--deep);text-shadow:.5px .5px 0 rgba(214,154,34,.55)}
.sectionhead h2,.page-title,.task-title,.note-title,.calendar-toolbar strong{color:var(--deep)}
/* 현재 상태는 하늘색 면, 딥 그린 글자와 파도색 진행률로 구분합니다. */
.hero{background:var(--sky);color:var(--deep);border:0;border-radius:13px;box-shadow:none}
.hero .lbl,.hero-title,.hero-meta,.hero-next,.hero-left{color:var(--deep);opacity:1}
.hero-line+.hero-line{border-top:1px solid #6A98C633}
.hero-progress{background:#6A98C644}
.hero-progress i{background:var(--wave);opacity:1}
/* 진행 중인 타임라인 일정은 흰 글자를 유지하고, 진행률을 햇살 노랑으로 표시합니다. */
.eventblock.orange{background:#F5EEDC;color:#62553A;border-color:#C5A85C}
.eventblock.is-current{background:var(--deep)!important;color:#FFF!important;border-color:#14291E!important;opacity:1!important}
.eventblock.is-current .eventtitle,.eventblock.is-current .eventtitle .t,.eventblock.is-current .eventsub,.eventblock.is-current .eb-r{color:#FFF!important}
.eventblock.is-current .event-progress{background:var(--sun)!important;opacity:1}
.eventblock.is-current::after{background:#D69A2266}
/* 잎사귀와 파도는 삽화에만, 노랑은 상태와 체크·꽃술에 제한합니다. */
.shore-art{height:12px}
.shore-art path:first-child{fill:var(--sky)}.shore-art path:last-child{stroke:var(--wave)}
.task-check{appearance:none;-webkit-appearance:none}.task-check:focus-visible{outline:2px solid var(--wave);outline-offset:1px}
.pinbtn.on img{width:29px;height:29px;filter:drop-shadow(0 1px 1px #C42F5D30)}
#moodGrid .mood.selected{outline:2px solid var(--hibiscus);outline-offset:1px}
#moodGrid .mood.selected::after{color:var(--hibiscus)}
.daycell.active{box-shadow:inset 0 0 0 1.5px var(--deep)}
#page-focus .timer-row .solid{background:var(--deep)}
@media(prefers-reduced-motion:reduce){.hero-progress i{transition:none}}




/* 승인안: 선택적 면, 시간대 메모, 접근 가능한 최소 동작 영역 */
.time-note-slot{border:0;border-radius:3px;text-align:left;padding:2px 5px;color:#1F3A2C;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:1px}
.slot-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:calc((9px) * var(--kona-ui-scale,1));line-height:calc((12px) * var(--kona-ui-scale,1));font-weight:650}.slot-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:calc((10px) * var(--kona-ui-scale,1));line-height:calc((15px) * var(--kona-ui-scale,1))}
.time-note-editor{display:block;margin:12px 0}.time-note-editor strong{display:block;font-size:calc((12px) * var(--kona-ui-scale,1));margin-bottom:5px}.time-note-editor textarea{font-size:calc((13.3px) * var(--kona-ui-scale,1));background:#f0f3ef}
.time-record{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px 0;white-space:normal;line-height:1.5;color:#1F3A2C}
.time-record .rck-body,.time-record .preview{display:block;white-space:pre-wrap}.focus-alarm{padding:10px;background:#F5CB45;color:#1F3A2C;border-radius:6px;font-size:calc((12px) * var(--kona-ui-scale,1))}.focus-alarm[hidden]{display:none}
.journal-search{margin:10px 0}.journal-search label{font-size:calc((11px) * var(--kona-ui-scale,1))}.week-edit{min-width:44px;min-height:44px}.session-note-row{border-radius:0;box-shadow:none}.session-note-row p{line-height:1.6}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #6A98C6;outline-offset:2px}
#sessionActions{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}#sessionActions button{white-space:normal}


@media(min-width:900px){#timeNotesModal{justify-content:flex-end;align-items:stretch;background:#1f3a2c18}#timeNotesModal .sheet{width:410px;max-width:44vw;max-height:100dvh;margin:0;border-radius:0;overflow:auto}}

#jumpTimelineNow{font-size:calc((11px) * var(--kona-ui-scale,1));min-width:44px;min-height:36px;height:36px;padding:0 4px}#page-today>.card{margin-bottom:14px}#page-today .week-lecture{margin-bottom:10px}

.compact-note{justify-content:center;gap:0;padding:0 4px}.compact-note .slot-label{font-size:calc((9px) * var(--kona-ui-scale,1));line-height:calc((11px) * var(--kona-ui-scale,1))}.compact-note .slot-preview{display:none}.time-note-slot:not(.compact-note) .slot-preview{white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.time-note-slot:not(.compact-note){gap:3px}#eventCheckinArea h3{font-size:calc((13px) * var(--kona-ui-scale,1))}#eventCheckinArea textarea{background:#f5f4ed}

.compact-note .slot-preview{display:block;white-space:nowrap;font-size:calc((10px) * var(--kona-ui-scale,1));line-height:calc((12px) * var(--kona-ui-scale,1));overflow:hidden;text-overflow:ellipsis}.time-note-slot{justify-content:flex-start;padding:3px 5px}.compact-note{padding:0 4px;justify-content:center}


.brand-name{color:#315F8A!important;text-shadow:none!important}
.timeline-hours{font-family:'Pretendard',ui-monospace,monospace!important;font-weight:500;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:calc((9px) * var(--kona-ui-scale,1));letter-spacing:-.4px;color:#536E82}
.time-note-slot.checkin-note{color:#173C57;font-weight:650}
#recordPreview{position:fixed;z-index:150;bottom:calc(var(--dock-h,76px) + 8px);left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),430px);background:#DCE9F2;color:#1F3F58;border-radius:14px;padding:10px 14px;box-shadow:0 5px 26px #19394d25;max-height:35dvh;overflow:auto}
#recordPreview[hidden]{display:none}#recordPreviewHeading{font-size:calc((13px) * var(--kona-ui-scale,1))}#recordPreviewMood{font-size:calc((12px) * var(--kona-ui-scale,1));margin:2px 0 8px}#recordPreviewText{font-size:calc((13px) * var(--kona-ui-scale,1));white-space:pre-wrap;line-height:1.6}#recordPreview .mini-btn{font-size:calc((12px) * var(--kona-ui-scale,1));min-height:36px}
#recordEditModal .sheet{background:#FFF1DD}#recordEditModal textarea,#recordEditModal select{background:#FFFAF1}#recordEditModal .label{font-size:calc((12px) * var(--kona-ui-scale,1));margin:10px 0 5px}#recordEditModal textarea{font-size:calc((13.3px) * var(--kona-ui-scale,1));line-height:1.6}


.checkin-note{flex-direction:row;align-items:flex-start;gap:5px!important}.checkin-sticker{display:inline-flex;flex:0 0 auto;align-items:center;padding:1px 5px;border-radius:3px 3px 3px 0;background:#315F8A;color:#fff;font-size:calc((9px) * var(--kona-ui-scale,1));font-weight:650;line-height:calc((14px) * var(--kona-ui-scale,1));white-space:nowrap;transform:rotate(-1deg)}.checkin-note .slot-preview{flex:1;min-width:0}.compact-note.checkin-note{align-items:center}#dayHeadline{font-size:calc((13.3333px) * var(--kona-ui-scale,1));line-height:1.35;height:40px;min-height:40px;max-height:40px;overflow:hidden;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;padding:4px 2px;font-family:var(--font-hand)}

.checkin-sticker{background:#94543F;color:#fff}.time-note-slot.checkin-note{color:#633826}.pagehead{padding-bottom:5px;margin-bottom:5.5px}


.hero.is-active{background:#244C68;color:#fff}.hero.is-active .lbl,.hero.is-active .hero-title,.hero.is-active .hero-meta,.hero.is-active .hero-next,.hero.is-active .hero-left{color:#fff}.hero.is-active .hero-progress{background:#ffffff38}.hero.is-active #heroBar{background:#F5CB45}
.time-note-slot.record-current{background:#244C68!important;color:#fff!important}.record-current .checkin-sticker,.record-current .wrap-sticker{background:#ffffff25;color:white}
.time-note-slot.wrap-note{background:#B7C8DA!important;color:#233E58}.wrap-sticker{display:inline-block;align-self:flex-start;font-size:calc((9px) * var(--kona-ui-scale,1));font-weight:650;line-height:calc((15px) * var(--kona-ui-scale,1));padding:1px 5px;background:#536E8B;color:#fff;border-radius:3px}
.time-note-slot.wrap-note.record-current{background:#244C68!important;color:#fff}
.brand-name{position:relative;padding-bottom:5px}.brand-name:after{content:'';position:absolute;left:0;bottom:0;width:72px;height:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='5' viewBox='0 0 72 5'%3E%3Cpath d='M0 2.5Q9 -1 18 2.5T36 2.5T54 2.5T72 2.5' fill='none' stroke='%236A98C6' stroke-width='1.3'/%3E%3C/svg%3E") center/contain no-repeat}
#dayHeadline{height:40px;min-height:40px;max-height:40px;padding:2px;line-height:1.35}.day-signature{padding:0 5px;min-height:40px;margin-top:0;margin-bottom:5px;border-radius:10px}.pagehead{padding-bottom:3px;margin-bottom:3px}.emoji-pick{min-height:36px;height:36px;font-size:calc((21px) * var(--kona-ui-scale,1))}.journal-controls{display:flex;flex-wrap:wrap;gap:4px}



.brand-name:after{display:none}.pagehead .brand{position:relative;padding-bottom:5px;overflow:visible}.brand-name{padding-bottom:0}.pagehead .brand:after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 6' preserveAspectRatio='none'%3E%3Cpath d='M0 3Q12 0 25 3T50 3T75 3T100 3T125 3T150 3T175 3T200 3' fill='none' stroke='%236A98C6' stroke-width='1.4'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;pointer-events:none}
.phases{display:grid;grid-template-columns:repeat(4,1fr)}.phases button{font-size:calc((20px) * var(--kona-ui-scale,1));min-height:40px}.checkin-sticker{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:calc((16px) * var(--kona-ui-scale,1));padding:1px 4px}.wrap-note .checkin-sticker{background:#536E8B}#previewManageDay{font-size:calc((10px) * var(--kona-ui-scale,1))!important}#recordPreview .row.between>div{display:flex;align-items:center;gap:1px}


.ck-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.ck.is-done:after{content:none}.ck{gap:3px}

.checkin-inline{display:inline;background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;font-size:calc((13px) * var(--kona-ui-scale,1));line-height:inherit;vertical-align:baseline}.checkin-note{gap:0!important}


#storageNote,#storageNote2,#jumpCalendar,.tl-card .info-wrap{display:none!important}
.pagehead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:10px 0 5px;align-items:center}#pageheadExtra{grid-column:1/-1}#weekLecture{margin:3px 0 5px;padding:0;border:0}.week-lecture small{display:none}.week-lecture strong{font-size:calc((11px) * var(--kona-ui-scale,1))}.datebox{min-width:112px}.datebox span{font-size:calc((11px) * var(--kona-ui-scale,1))}.headright{gap:2px}.zonechip{font-size:calc((10px) * var(--kona-ui-scale,1))}.pagehead .brand{max-width:100%}.brand-name{font-size:calc((18px) * var(--kona-ui-scale,1))}.island-mark{width:24px}
.pinned-summary{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:36px;font-size:calc((12px) * var(--kona-ui-scale,1))}.pinned-summary .task-check{width:44px;height:44px;flex:0 0 44px}.pinned-label{padding:3px 2px;color:#60746A;font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:700}.pinned-list{display:grid;gap:0}.pinned-item{display:flex;align-items:center;gap:8px;min-height:36px;padding:2px 1px}.pinned-item+.pinned-item{border-top:1px solid #E2E9E1}.pinned-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-fold{align-self:flex-start;border:0;background:transparent;color:#315F8A;font-size:calc((11px) * var(--kona-ui-scale,1));min-height:36px;padding:0 7px}
#todayTaskCard[hidden]{display:none}#todayTaskCard{margin-top:5px;margin-bottom:12px}.day-signature{margin-top:4px;margin-bottom:8px}.sectionhead .manage-btn{font-size:calc((22px) * var(--kona-ui-scale,1));min-width:44px;min-height:44px}.sectionhead .add{min-width:44px;min-height:44px}.ck-strip{margin-bottom:14px}.ck{min-height:44px}
.eventblock{font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.3}.eventblock .eventtitle{font-size:calc((11px) * var(--kona-ui-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.eventblock .eventtitle .t{font-size:calc((9px) * var(--kona-ui-scale,1));display:block}.eventblock.past{opacity:.48}.time-note-slot{font-size:calc((12px) * var(--kona-ui-scale,1));z-index:5}.slot-preview{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.45!important}.eventblock.is-current{background:#0C447C!important;color:#fff!important;z-index:4;border:0;padding:5px 8px 10px}.eventblock.is-current .eventtitle{font-size:calc((15px) * var(--kona-ui-scale,1));color:white}.eventblock.is-current .eventtitle .t{font-size:calc((10px) * var(--kona-ui-scale,1));color:white}.eventblock.is-current .event-progress{background:#F5CB45!important;height:3px}.time-note-slot.record-current{background:transparent!important;color:#fff!important}.nowline{z-index:6}.short-preview{background:#EAF0F4;padding:10px;color:#244C68;font-size:calc((12px) * var(--kona-ui-scale,1));margin:6px 0}.now-fab{position:fixed;z-index:70;bottom:calc(var(--dock-h,72px) + 12px);right:max(16px,calc((100vw - 450px)/2));padding:10px 14px;border:0;border-radius:30px;background:#0C447C;color:#fff;box-shadow:0 2px 12px #12354f30;min-height:44px;font-size:calc((12px) * var(--kona-ui-scale,1))}.now-fab.hidden{display:none}
#prayerStrip{position:static;margin:18px 0 5px;border-top:1px solid #d7e2e7;padding:12px 0;background:transparent;box-shadow:none}#prayerStrip[hidden]{display:none}.brand{overflow:hidden}.pagehead{z-index:40}



/* 1pt = 1.333 CSS px. The previous hour labels were 11.5px. */
.timeline-hours div{font-size:calc((10.1667px) * var(--kona-ui-scale,1));color:#536575;letter-spacing:-.25px}
.eventblock,.eventblock.short{padding:4px 6px;border-radius:4px}
.eventblock .eventtitle,.eventblock.short .eventtitle{font-size:calc((11.5px) * var(--kona-ui-scale,1));font-weight:700;line-height:1.35}
.eventblock .eventtitle .t,.eventblock:not(.short) .eventtitle .t{font-size:calc((9px) * var(--kona-ui-scale,1))!important;font-weight:400;line-height:1.4;margin-top:3px}
.eventblock.is-current .eventtitle{font-size:calc((13px) * var(--kona-ui-scale,1))}
.eventblock.past{opacity:1}
.eventblock.blue{color:#294D73}.eventblock.orange{color:#625034}.eventblock.purple{color:#514167}.eventblock.coral{color:#743D50}.eventblock.green{color:#485326}.eventblock.gray{color:#4D514D}
.time-note-slot,.time-note-slot.compact-note{padding:4px 7px;border-radius:4px;color:#294454;font-weight:400}
.slot-preview{font-size:calc((10.5px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;font-weight:400}
.time-note-slot.checkin-note{color:#633826;font-weight:400}.time-note-slot.wrap-note{color:#233E58}
.eventblock.is-current .t,.time-note-slot.record-current{color:#fff!important}
.lane-head{padding-left:6px}.tl-card{padding-top:10px!important;padding-bottom:10px!important}

/* ========== PHASE 1 · home / timeline / check-in (2026-10) ========== */
/* Quiet text-only summary. Unlike old hero this is not a colored card. */
#page-today #hero{display:block!important;background:transparent!important;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:7px 2px 10px;margin:3px 0 14px;color:var(--ink)!important;overflow:visible}
#page-today #hero .hero-line{display:flex;align-items:baseline;gap:7px;min-width:0;white-space:nowrap;margin:0;padding:0;border:0}
#page-today #hero .hero-line+.hero-line{margin-top:5px}
#page-today #hero .lbl{display:inline-block;min-width:24px;color:#4C675D!important;opacity:1;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;flex-shrink:0}
#page-today #hero .hero-title{font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.45;font-weight:750;color:#243B35!important;max-width:100%;text-overflow:ellipsis;min-width:0}
#page-today #hero .hero-next{font-size:calc((12px) * var(--kona-ui-scale,1));color:#596F65!important;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#page-today #hero .hero-meta,#page-today #hero .hero-left,#page-today #hero .hero-progress{display:none!important}
#page-today .event-timeline .lane-head{font-size:calc((11px) * var(--kona-ui-scale,1));color:#526761;font-weight:700}
/* No 100%-width highlight: the record lane must remain usable. */
#page-today .eventblock.is-current{background:#E4ECF6!important;color:#18466B!important;border-left:3px solid #245F8C!important;padding:4px 6px 7px;box-shadow:inset 0 0 0 1px #A6C3DB}
#page-today .eventblock.is-current .eventtitle,#page-today .eventblock.is-current .eventtitle .t{color:#18466B!important}
#page-today .eventblock .eventtitle{font-size:calc((12px) * var(--kona-ui-scale,1));padding-right:0!important;line-height:1.4;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;text-overflow:ellipsis}
#page-today .eventblock .eventtitle .t{display:block;font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:1.35;margin-top:2px}
#page-today .eventblock.short .eventtitle{font-size:calc((10.5px) * var(--kona-ui-scale,1));display:block;white-space:nowrap;text-overflow:ellipsis}
#page-today .eventblock.short .eventtitle .t{display:none}
#page-today .eventblock .eb-r{display:none}
#page-today .eventblock.past{opacity:.78}
/* Empty record slots are quiet but still interactive. Written slots show a small tinted wash. */
#page-today .time-note-slot{padding:5px 7px;align-items:flex-start;text-align:left;min-width:0}
#page-today .time-note-slot.is-empty{background:transparent!important;border:0;border-bottom:1px dotted #CBD8D1;border-radius:0;color:#64776A!important}
#page-today .time-note-slot.is-empty .empty-record-label{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.5;opacity:.48;user-select:none}
#page-today .time-note-slot.is-empty:focus-visible{outline:2px solid #286657;outline-offset:-2px;background:#EFF4F0!important}
#page-today .time-note-slot.is-written{border:0;background:#EAF1ED!important;color:#2F4942!important;border-radius:4px}
#page-today .time-note-slot.checkin-note.is-written{background:#F8EDE3!important;color:#694635!important}
#page-today .time-note-slot.wrap-note.is-written{background:#E4EAF1!important;color:#263F5D!important}
#page-today .time-note-slot.record-current.is-written{box-shadow:inset 0 0 0 1.5px #5189B1}
#page-today .time-note-slot .slot-preview{display:-webkit-box!important;-webkit-box-orient:vertical;white-space:pre-wrap!important;word-break:break-word;overflow-wrap:anywhere;text-overflow:ellipsis;overflow:hidden;line-height:1.45!important;font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;letter-spacing:-.015em;font-weight:450;-webkit-line-clamp:4;line-clamp:4}
#page-today .time-note-slot.checkin-note .slot-preview{display:-webkit-box!important}
/* Prevent accidental unreadable white text from a previously active slot rule. */
#page-today .time-note-slot.record-current{color:#2F4942!important}
/* Record field first, mood field second: stable order when picking emotions. */
#page-checkin .phases{gap:4px;margin:3px 0 16px}
#page-checkin .phases button{height:58px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:calc((21px) * var(--kona-ui-scale,1));border-radius:9px;padding:3px 1px}
#page-checkin .phases button small{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;line-height:1.15;color:inherit}
#page-checkin #generalNoteCard{margin-bottom:20px}
#page-checkin #generalNoteCard #checkNote{min-height:132px;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.6;padding:12px 11px}
#page-checkin #moodCard{margin-bottom:20px}
#page-checkin #moodCard .mood-banner{margin:2px 0 9px;color:#546B5F;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-checkin #moodCard.is-collapsed #moodGrid,#page-checkin #moodCard.is-collapsed .mood-axis{display:none}
#page-checkin .mood-change{border:0;background:none;color:#286657;font-weight:700;padding:0 7px;font-size:calc((12px) * var(--kona-ui-scale,1));min-width:44px;min-height:38px}
#page-checkin #moodGrid .mood{min-height:44px;height:44px;font-size:calc((12px) * var(--kona-ui-scale,1))}
@media(max-width:375px){#page-today .time-note-slot{padding:4px 5px}#page-today .time-note-slot .slot-preview{font-size:calc((11px) * var(--kona-ui-scale,1))!important}#page-checkin .phases button{height:54px;min-height:54px}}



#page-records .day-review{padding:13px 0 12px;margin:11px 0 22px;border-top:2px solid #BFCFC5;border-bottom:1px solid #DDE6E0}
#page-records .day-review .sectionhead{margin-bottom:13px;align-items:center}
#page-records .day-review-action{border:0;background:none;color:#1B6E5C;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;padding:10px 4px;min-height:42px}
.day-review-head{display:grid;gap:4px;margin-bottom:10px}
.day-review-primary{display:flex;gap:7px;align-items:flex-start;min-width:0}
.day-review-emoji{font-size:calc((19px) * var(--kona-ui-scale,1));flex:0 0 auto;line-height:1.5}
.day-review-headline{font-family:var(--font-hand);white-space:pre-line;font-size:calc((15px) * var(--kona-ui-scale,1));line-height:1.5;color:#223C35;overflow-wrap:anywhere}
.day-review-mood{font-size:calc((11px) * var(--kona-ui-scale,1));color:#557367}
.day-review-list{display:grid;gap:0}
.day-review-entry{display:block;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #E3EAE4;padding:12px 0;min-height:62px;cursor:pointer}
.day-review-entry:focus-visible{outline:2px solid #1D6A56;outline-offset:2px;border-radius:4px}
.day-review-entry-head{display:flex;gap:8px;align-items:baseline;min-width:0;flex-wrap:wrap}
.day-review-entry-time{flex:0 0 40px;color:#4F6B60;font-size:calc((11px) * var(--kona-ui-scale,1));font-variant-numeric:tabular-nums}
.day-review-entry-title{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.45;color:#243B33;font-weight:700}
.day-review-entry-mood{font-size:calc((11px) * var(--kona-ui-scale,1));color:#6B695E}
.day-review-entry-text{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;word-break:break-word;padding:4px 0 0 48px;font-family:var(--font-hand);font-size:calc((13px) * var(--kona-ui-scale,1));color:#485D54;line-height:1.6}
.day-review-entry-empty{display:block;padding:3px 0 0 48px;font-size:calc((11px) * var(--kona-ui-scale,1));color:#718078}
.day-review-foot,.day-review-empty{font-size:calc((12px) * var(--kona-ui-scale,1));color:#68786E;line-height:1.55;margin:11px 0 0}
.active-session-banner{display:block;border:0;border-left:3px solid #2A7968;background:#E6F2EA;color:#255B4F;width:100%;text-align:left;padding:9px 12px;margin:0 0 10px;border-radius:5px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;min-height:40px}
.active-session-banner[hidden]{display:none!important}
#page-focus .focus-resume-hint{margin:3px 0 8px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#1F6054;text-align:center;background:#E8F3EE;padding:8px 4px;border-radius:9px}
#page-records .score-disclaimer{font-size:calc((11px) * var(--kona-ui-scale,1));color:#566B62;margin:4px 0 7px;line-height:1.5}
#page-records .manage-btn,#page-focus .manage-btn{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.2;min-height:40px;color:#1C6956;padding:0 5px;letter-spacing:0}
@media(max-width:375px){.day-review-entry-text,.day-review-entry-empty{padding-left:0}.day-review-entry-time{flex-basis:36px}}


/* PHASE 3: one source for shared colors, interaction states and type treatment. */
:root{
 --p3-ink:#263D37;
 --p3-sub:#445B51;
 --p3-muted:#52655B;
 --p3-line:#CBD9CE;
 --p3-focus:#176D5C;
 --p3-surface:#FFFEFA;
 --sub:var(--p3-sub);
 --faint:var(--p3-muted);
 --line:var(--p3-line);
 --font-brand:'Pretendard','Pretendard','Apple SD Gothic Neo',system-ui,sans-serif;
}
/* Brand typography: Gmarket Sans requested for the logo, not for dense body text. */
.pagehead .brand{max-width:100%;overflow:visible}
.brand-name{font-family:var(--font-brand)!important;font-weight:700;font-synthesis:weight;letter-spacing:-.7px}
/* UI hierarchy: distinguish section labels from secondary actions. */
.sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1));font-weight:750;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.sectionhead .manage-btn,#page-records .manage-btn,#page-focus .manage-btn{
 font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:700;letter-spacing:-.1px;line-height:1.25;
 padding:0 9px;min-height:44px;min-width:44px;max-width:100%;white-space:nowrap
}
.manage-caption,.small,.meta-r,.check-state{color:var(--p3-sub)}
.micro,.week-lecture small,.day-review-entry-empty,.day-review-mood{color:var(--p3-muted)}
/* Put visibility first: all standard foreground text stays on readable surfaces. */
#page-records .day-review,.day-signature,.week-lecture{color:var(--p3-ink)}
#page-today .time-note-slot.is-empty{color:var(--p3-sub)!important}
#page-today .time-note-slot.is-empty .empty-record-label{opacity:1;font-size:calc((13px) * var(--kona-ui-scale,1));color:#53675C}
#page-today .time-note-slot.is-written .slot-preview{color:#273F37}
#page-today .time-note-slot.checkin-note.is-written .slot-preview{color:#67412D}
#page-today .time-note-slot.wrap-note.is-written .slot-preview{color:#25405C}
/* Button dimensions and keyboard focus. Some cells are layout-constrained; keep their entire available area interactive. */
button:focus-visible,[role="button"]:focus-visible,a:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{
 outline:2px solid var(--p3-focus);outline-offset:2px
}
button,.choice,.daycell,.eventblock,[role="button"]{-webkit-tap-highlight-color:transparent}
#page-records .day-review-action{min-height:44px;color:var(--p3-focus);font-size:calc((13px) * var(--kona-ui-scale,1))}
#page-records .day-review-entry-time,#page-records .day-review-entry-text{color:var(--p3-sub)}
#page-checkin .mood-change{min-height:44px;font-size:calc((13px) * var(--kona-ui-scale,1));color:var(--p3-focus)}
#page-checkin .phases button small{font-size:calc((11px) * var(--kona-ui-scale,1))}
/* Mobile wrapping; distinguish the plan title, meta and action text. */
#page-today .eventblock .eventtitle{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:750;line-height:1.35}
#page-today .eventblock .eventtitle .t{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:inherit;font-weight:500}
#page-today .event-timeline .lane-head{color:var(--p3-sub)}
#page-today .time-note-slot .slot-preview{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;line-height:1.5!important}
/* Forms remain independent from the status bar and keyboard. */
.modal-under[hidden]{display:none!important}
.modal-under{overscroll-behavior:contain}
.modal-under .sheet{background:var(--p3-surface);scrollbar-gutter:stable;overscroll-behavior:contain}
.modal-under .sheet .top{position:relative}
.field::placeholder,.title-input::placeholder{color:#64766D;opacity:1}
/* Clarify the date scope of recurring edits. */
.event-scope-help{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.55;color:var(--p3-sub);padding:9px 12px;margin:10px 0 3px;
 background:#EFF4EF;border-left:3px solid #4A8574;border-radius:4px}
.event-scope-help[hidden]{display:none}
/* Keep inline recording feedback observable, never just a fleeting toast. */
#toast{max-width:min(92vw,420px);overflow-wrap:anywhere}
@media(max-width:440px){
 /* Visiting a different date reveals Today chip: date controls move below the complete brand. */
 .pagehead:has(#todayChip:not(.hidden)) .brand{grid-column:1/-1;justify-self:start;max-width:100%}
 .pagehead:has(#todayChip:not(.hidden)) .headright{grid-column:1/-1;justify-self:end}
 .pagehead:has(#todayChip:not(.hidden)) #pageheadExtra{grid-column:1/-1}
}
@media(max-width:375px){
 .sectionhead h2{font-size:calc((14px) * var(--kona-ui-scale,1))}
 .sectionhead .manage-btn{font-size:calc((12px) * var(--kona-ui-scale,1))!important;padding:0 7px}
 .brand-name{font-size:calc((19px) * var(--kona-ui-scale,1))}
 #page-today .time-note-slot .slot-preview{font-size:calc((11px) * var(--kona-ui-scale,1))!important}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* === USER-FIRST UX PASS: clarity over competing controls === */
/* Two rows protect long brand names and keep date navigation on one line. */
.pagehead{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:2px;
 padding:8px 0 9px;margin-bottom:9px;align-items:center}
.pagehead .brand{grid-column:1;grid-row:1;min-width:0;max-width:100%;overflow:visible;align-self:center}
.pagehead .brand-name{font-size:calc((19px) * var(--kona-ui-scale,1))!important;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;flex-shrink:0}
.pagehead .headright{display:contents}
.pagehead .zonechip{grid-column:2;grid-row:1;justify-self:end;min-width:48px;min-height:36px;font-size:calc((12px) * var(--kona-ui-scale,1))}
.pagehead .datecontrol{grid-column:1 / -1;grid-row:2;justify-self:end;gap:3px;height:36px}
.pagehead .datecontrol>button{height:36px;min-width:40px;width:40px}
.pagehead .datebox{min-width:152px;height:36px}
.pagehead .datebox span{font-size:calc((13px) * var(--kona-ui-scale,1))}
.pagehead .datecontrol>.todaychip{height:34px;min-height:34px}
/* home-only contextual information, never sticky above other tabs */
#pageheadExtra{display:flex;flex-direction:column;gap:2px;padding:0;margin:0 0 8px}
#pageheadExtra #weekLecture[hidden]{display:none!important}
#page-today #weekLecture{display:flex;justify-content:space-between;align-items:center;gap:5px;
 margin:0;padding:3px 0;color:#3A554B;border-bottom:1px solid #E1E7E0}
#page-today #weekLecture .summary{display:flex;flex-direction:row;align-items:baseline;min-width:0;gap:8px}
#page-today #weekLecture .summary small{display:inline;color:#60746A;font-size:calc((11px) * var(--kona-ui-scale,1));white-space:nowrap}
#page-today #weekLecture .summary strong{font-size:calc((12px) * var(--kona-ui-scale,1));max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
#page-today #weekLecture .week-edit{width:auto!important;min-width:108px!important;max-width:none!important;min-height:38px;padding:0 5px;font-size:calc((12px) * var(--kona-ui-scale,1));white-space:nowrap;flex:0 0 auto;justify-content:flex-end}
#page-today #weekLecture .summary{flex:1 1 auto;overflow:hidden}
#page-today .pinned-summary{min-height:38px;padding:2px 1px}
#page-today .pinned-summary .pinned-item{min-height:38px}
#page-today .pinned-summary .pinned-title{font-size:calc((13px) * var(--kona-ui-scale,1))}
#page-today .pinned-summary .task-fold{min-height:42px;padding:0 7px;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700}
#page-today .tl-card{padding:10px 8px 12px}
#page-today .tl-card .sectionhead{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
#page-today .tl-card .sectionhead .right{gap:3px}
#page-today .tl-card .sectionhead .right button{white-space:nowrap}
#page-today .eventblock[role=button],#page-today .time-note-slot{touch-action:manipulation}
#page-today .home-checkins{padding:10px 10px 11px}
#page-today .home-checkin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#page-today .home-checkin{display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;border:1px solid #D8E3DA;border-radius:10px;background:#fff;color:#315C4A}
#page-today .home-checkin b{font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.15;white-space:nowrap}
#page-today .home-checkin small{font-size:calc((10px) * var(--kona-ui-scale,1));color:#68786E;font-variant-numeric:tabular-nums;white-space:nowrap}
#page-today .home-checkin.is-done{background:#EDF5EF;border-color:#A9C6B2}
#page-today .home-checkin.is-current{box-shadow:inset 0 0 0 1px #315F8A}
#page-records .day-review-entry-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;border-bottom:1px solid #E3EAE4}
#page-records .day-review-entry-row .day-review-entry{border:0}
.day-review-delete{align-self:center;justify-self:end;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#8A5142;font-size:calc((16px) * var(--kona-ui-scale,1))}
.day-review-delete:focus-visible{outline:2px solid #8A5142;outline-offset:1px}
@media(max-width:375px){#page-today .home-checkin-grid{gap:4px}#page-today .home-checkin{min-height:54px}#page-today .home-checkin b{font-size:calc((10px) * var(--kona-ui-scale,1))}}
#page-today .time-note-slot.is-empty .empty-record-label{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700}
/* Event list: visible interaction hint; destructive actions live behind a deliberate menu. */
#page-schedule .edit-chevron{font-size:calc((23px) * var(--kona-ui-scale,1));color:#55796D;display:inline-flex;align-items:center;justify-content:center;width:26px}
#page-schedule .record-item.tap{cursor:pointer}
#page-schedule .record-item.tap:active{background:#EEF3EF}
#page-checkin .check-state{font-size:calc((12px) * var(--kona-ui-scale,1));white-space:nowrap;color:#476F5D}
#page-checkin .note-title{font-size:calc((16px) * var(--kona-ui-scale,1))}
#page-checkin .mood-banner{font-size:calc((13px) * var(--kona-ui-scale,1))}
#choiceModal .choice{min-height:59px;gap:10px;align-items:flex-start}
#choiceModal .choice b{font-size:calc((15px) * var(--kona-ui-scale,1));line-height:1.4}
#choiceModal .choice small{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.4;white-space:normal;max-width:55%}
@media (max-width:375px){
 .pagehead .brand-name{font-size:calc((18px) * var(--kona-ui-scale,1))!important}
 .pagehead .datebox{min-width:125px}
 #page-today #weekLecture .summary strong{max-width:112px}
 #page-today .sectionhead .manage-btn{font-size:calc((12px) * var(--kona-ui-scale,1))!important;padding:0 7px}
}
@media(min-width:471px){.pagehead{max-width:100%}}


/* Prevent decor waves and long custom names from introducing horizontal scroll. */
html,body{overflow-x:clip}
.dock .shore-art{overflow:hidden}
.pagehead .brand-name{max-width:min(245px,calc(100vw - 105px));overflow:hidden;text-overflow:ellipsis}

/* === NIGHT REVIEW, 12-HOUR LOCAL TIME, AND WAVE PRAYER DOCK === */
.pagehead .zonechip{min-width:79px;padding:0 5px;white-space:nowrap;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:750;
 color:#245C55;letter-spacing:-.2px;touch-action:manipulation;border-radius:8px}
.pagehead .zonechip:focus-visible{outline:2px solid var(--solid);outline-offset:2px}
.pagehead .zonechip:active{background:#E3EEE6}
#page-today .ck-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
#page-today .endday{margin:18px 1px 22px;padding:16px 2px 0;border-top:1px solid #C9D8D1;background:none}
.endday-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}
.endday-head h2{margin:3px 0 0;font-size:calc((17px) * var(--kona-ui-scale,1));line-height:1.35;color:#25443A;font-weight:750}
.endday-eyebrow{display:block;color:#698277;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:600;letter-spacing:.1px}
.endday-mood{background:none;border:0;padding:6px 0;min-height:40px;color:#286B5C;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}
.endday-note{display:block;width:100%;min-height:124px;padding:12px 13px;border-radius:10px;border:1px solid #D7E2DA;
 background:#FFF;line-height:1.65;font:400 calc((14px) * var(--kona-ui-scale,1))/1.65 var(--font-ui);color:var(--ink);resize:vertical}
.endday-note:focus{outline:2px solid #568F82;outline-offset:1px}
.endday-note::placeholder{color:#66796F}
.endday-foot{font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.55;color:#65786C;margin:7px 0 0}
/* Small prayer whisper above the tabs, always attached to the tide line */
#dock{overflow:hidden}
#dock .shore-art{height:9px;width:100%;display:block}
#dock #prayerStrip{display:flex;position:relative;align-items:center;gap:6px;margin:0;padding:0 8px;
 height:37px;min-height:37px;background:#F1F5F0;border:0;border-bottom:1px solid #E2E9DF;box-shadow:none}
#dock #prayerStrip[hidden]{display:none!important}
#dock #prayerStrip .plabel{font-size:calc((14px) * var(--kona-ui-scale,1));flex:0 0 19px;text-align:center;line-height:1}
#dock #prayerStrip .ptitle{font:500 calc((12px) * var(--kona-ui-scale,1))/1.35 var(--font-ui);color:#4E655F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#dock #prayerStrip .pbtn{width:34px;height:34px;min-width:34px;padding:0;font-size:calc((15px) * var(--kona-ui-scale,1));color:#286D62;background:none}
#dock #prayerStrip .pbtn.on{background:#D6E8E0;border-radius:9px;color:#155A4A}
#dock #prayerStrip .pbtn:focus-visible{outline:2px solid var(--solid);outline-offset:1px}
#dock .tabs{padding-top:3px}
@media(max-width:375px){.pagehead .zonechip{font-size:calc((12px) * var(--kona-ui-scale,1));min-width:78px}.endday-head h2{font-size:calc((16px) * var(--kona-ui-scale,1))}.endday-mood{font-size:calc((11px) * var(--kona-ui-scale,1))}}

/* PWA header v5 · time → today/yesterday/tomorrow → short date → navigation */
.pagehead{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px!important;padding:9px 0 10px!important}
.pagehead .brand{grid-column:1!important;grid-row:1!important;min-width:0;justify-self:start!important}
.pagehead .headright{display:flex!important;grid-column:1!important;grid-row:2!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:100%;min-width:0}
.pagehead .zonechip{grid-column:auto!important;grid-row:auto!important;display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 auto;min-width:77px!important;min-height:40px!important;padding:0 3px 0 0!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;letter-spacing:-.3px!important;text-align:left}
.pagehead .datecontrol{grid-column:auto!important;grid-row:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;min-width:0;height:42px!important;flex:0 1 auto}
.pagehead .relative-day{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:750;color:#26665A;white-space:nowrap;min-width:26px;text-align:center;flex:0 0 auto}
.pagehead .relative-day.is-empty{visibility:hidden;min-width:0;width:0;margin:0}
.pagehead .datebox{display:flex!important;align-items:center;justify-content:center;min-width:78px!important;width:auto!important;height:38px!important;padding:0 4px;border-radius:7px}
.pagehead .datebox span{font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:750!important;white-space:nowrap;color:#254D42}
.pagehead .datecontrol>button:not(.todaychip){height:40px!important;width:27px!important;min-width:27px!important;padding:0!important;font-size:calc((21px) * var(--kona-ui-scale,1))!important;color:#526F65}
.pagehead .datecontrol>.todaychip{min-height:28px!important;height:28px!important;margin:0 0 0 2px!important;padding:0 5px!important;font-size:calc((10.5px) * var(--kona-ui-scale,1))!important;white-space:nowrap}
.pagehead .datecontrol>.todaychip.hidden{display:none!important}
@media(max-width:375px){
 .pagehead .zonechip{font-size:calc((12px) * var(--kona-ui-scale,1))!important;min-width:73px!important}
 .pagehead .datecontrol{gap:0!important}
 .pagehead .relative-day{font-size:calc((11px) * var(--kona-ui-scale,1));min-width:24px}
 .pagehead .datebox{min-width:73px!important;padding:0 2px}
 .pagehead .datebox span{font-size:calc((12px) * var(--kona-ui-scale,1))!important}
 .pagehead .datecontrol>button:not(.todaychip){min-width:25px!important;width:25px!important}
 .pagehead .datecontrol>.todaychip{font-size:calc((10px) * var(--kona-ui-scale,1))!important;padding:0 3px!important}
}


/* compact-timeline-top */

/* Compress the pre-timeline dashboard while preserving its features. */
.pagehead{padding:5px 0 6px!important;margin-bottom:5px!important;gap:2px!important}
.pagehead .brand-name{font-size:calc((20px) * var(--kona-ui-scale,1))!important}
.pagehead .headright{min-height:32px!important}
.pagehead .zonechip{min-height:30px!important;height:30px!important}
.pagehead .datecontrol{height:32px!important}
.pagehead .datecontrol>button:not(.todaychip){height:30px!important}
.pagehead .datebox{height:30px!important}
#hero{display:none!important}
#page-today .pins{margin:2px 0 0!important;gap:4px!important;padding:0!important;min-height:28px!important}#weekLecture{margin:0 0 2px!important;padding:2px 0!important;min-height:26px!important}
#page-today .day-signature{margin:0 0 5px!important;min-height:36px!important;padding:0 6px!important}
#page-today .emoji-pick{height:32px!important;width:30px!important;font-size:calc((18px) * var(--kona-ui-scale,1))!important}
#page-today #dayHeadline{padding:4px 2px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.25!important}
#page-today .card{margin-bottom:6px!important}
#page-today .sectionhead{min-height:27px!important;margin-bottom:3px!important}
#page-today .sectionhead h2{font-size:calc((14px) * var(--kona-ui-scale,1))!important}
#page-today .quicktask{min-height:32px!important;padding:2px 0!important}
#page-today .tl-card{padding:5px 7px 7px!important;margin-top:0!important}
#page-today .tl-card .sectionhead{margin-bottom:2px!important}
#page-today .ck-strip{margin:0 0 5px!important;padding:2px!important;min-height:30px!important;border:0!important;background:transparent!important}
#page-today .ck{height:28px!important}
#page-today .event-timeline{margin-top:10px!important}
#page-today .lane-head{top:-15px!important}


/* review-overview */

#page-records>.card{margin-bottom:18px}
#page-records{scroll-behavior:smooth;scroll-padding-top:8px}
#page-records .review-nav{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;padding:6px 0;margin:0 0 10px;background:var(--bg);border-bottom:1px solid #DDE6E0;top:var(--review-header-height,60px);z-index:35}
#page-records .review-nav::-webkit-scrollbar{display:none}
#page-records .review-nav a{min-width:0;min-height:40px;display:flex;align-items:center;justify-content:center;padding:4px 3px;border:1px solid #D8E3DA;border-radius:999px;background:#fff;color:#315C4A;text-decoration:none;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;white-space:nowrap}
#page-records .review-nav a:focus-visible{outline:2px solid #1D6A56;outline-offset:2px}
#page-records #viewCal,#page-records #viewAll,#page-records #dayReviewCard,#page-records #viewWeek,#page-records #moodTrend{scroll-margin-top:calc(var(--review-header-height,60px) + 104px)}
#page-records .day-review-entry-mood{display:inline-flex;align-items:center;min-height:23px;padding:2px 8px;border-radius:999px;color:#263D37;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;line-height:1.35}
#page-records .day-review-entry-head{align-items:center;gap:7px}
#page-records .day-review-entry-text{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial;overflow:visible;white-space:pre-line;overflow-wrap:anywhere}
#page-records .weekrow .h,#page-records .inf-row b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#page-records .daycell{height:auto;min-height:72px;overflow:visible}
#page-records .daycell .caption{display:block;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:initial;overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:normal}
#page-records #dayReviewCard{margin-top:0}
#page-records #viewWeek,#page-records #viewAll{display:block}
@media(min-width:700px){#page-records .review-nav{gap:6px}}


/* calendar-today-summary */

#viewCal .calendar-today-summary{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:start;padding:3px 1px 9px;margin:0 0 5px;border-bottom:1px solid #E6E7DE}
#viewCal .calendar-today-label{color:#286657;font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:750;line-height:1.45;padding-top:1px}
#viewCal .calendar-today-text{color:#263B34;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere;min-width:0}
/* Keep the timeline's time labels quiet, with plan titles and notes clearly distinct. */
#page-today .timeline-hours div{font-size:calc((9.5px) * var(--kona-ui-scale,1))!important;color:#68786F!important}
#page-today .eventblock:not(.short) .eventtitle{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:750!important}
#page-today .time-note-slot .slot-preview{font-size:calc((10.5px) * var(--kona-ui-scale,1))!important;line-height:1.45!important;color:#52655C!important}


/* launch-screen-style */

#launchScreen{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#FDFDFB;opacity:1;transition:opacity .2s ease;pointer-events:all;overflow:hidden}
#launchScreen img{display:block;width:min(94vw,calc((100vh - 24px)*.5625));max-width:100vw;max-height:calc(100vh - 24px);height:auto;aspect-ratio:9/16;object-fit:contain}
@supports(height:100svh){#launchScreen img{width:min(94vw,calc((100svh - 24px)*.5625));max-height:calc(100svh - 24px)}}
#launchScreen.is-ready{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#launchScreen{transition:none}}


/* guided-tutorial-v2 */






:root{--font-brand:Fredoka,'Pretendard',sans-serif;--font-ui:Nunito,'Pretendard',system-ui,sans-serif;--font-hand:Nunito,'Pretendard',system-ui,sans-serif}.pagehead .brand-name{font-family:var(--font-brand)!important;font-weight:600;letter-spacing:.1px;font-synthesis:none}
button{font-weight:600}.timeline-hours{font-family:var(--font-ui)!important;font-variant-numeric:tabular-nums}
#brandName{font-family:var(--font-brand)!important;font-size:calc((23px) * var(--kona-ui-scale,1))!important;font-weight:600!important;letter-spacing:.1px!important;line-height:1.12!important;text-shadow:0 1px 0 #fff}
#page-today .eventblock .eventtitle,#page-today .eventblock.short .eventtitle{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:600!important;line-height:1.25!important}
#tutorialModal{align-items:center;padding:16px;z-index:120}#tutorialModal .tutorial-sheet{width:100%;max-width:470px;max-height:calc(100dvh - 32px);overflow:auto;border-radius:22px;padding:20px;background:var(--surface,#fff)}
.tutorial-button{width:auto;min-width:82px;min-height:40px;padding:0 12px;border:1px solid #DCE7DF;border-radius:12px;background:#fff;color:#245E4F;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}.tutorial-progress{height:5px;background:#E6F1EB;border-radius:9px;margin:14px 0}.tutorial-progress i{display:block;height:100%;background:#286657;border-radius:9px;transition:width .2s}.tutorial-body{font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.65}.tutorial-list{padding-left:22px;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.65}.tutorial-list li{margin:8px 0}.tutorial-tip{padding:12px;background:#E6F1EB;border-radius:12px;font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.6}.tutorial-actions{display:flex;gap:8px;margin-top:16px}.tutorial-actions button{min-height:44px;flex:1;border-radius:12px}.tutorial-actions button:disabled{opacity:.4}.tutorial-jump{width:100%;min-height:44px;border-radius:12px;margin-top:12px}.tutorial-select{width:100%;min-height:44px;margin:6px 0 10px}.tutorial-sheet h2{font-size:calc((22px) * var(--kona-ui-scale,1));line-height:1.25;margin:12px 0}.tutorial-sheet .top{display:flex;justify-content:space-between;align-items:center}.tutorial-sheet .close{min-width:44px;min-height:44px}
#tutorialWelcome h2{margin:14px 0 8px}#tutorialWelcome p{line-height:1.6}.tour-secondary{width:100%;min-height:44px;margin-top:9px;border:0;background:transparent;color:#286657;font-weight:700}
#guidedTour{position:fixed;left:50%;bottom:calc(var(--dock-h,76px) + env(safe-area-inset-bottom) + 12px);transform:translateX(-50%);z-index:150;width:min(440px,calc(100vw - 24px));padding:16px;background:#fff;border:1px solid #DCE7DF;border-radius:18px;box-shadow:0 12px 38px #172C2433;color:#243330}#guidedTour[hidden]{display:none}#guidedTour h2{font-size:calc((17px) * var(--kona-ui-scale,1));line-height:1.25;margin:0 0 6px;color:#20584A}#guidedTour p{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.5;margin:0 0 9px}#guidedTour .tour-count{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;color:#68766F;margin-bottom:5px}.tour-actions{display:flex;gap:8px}.tour-actions button{min-height:42px;border-radius:11px}.tour-actions .tour-primary{flex:1}.tour-exit{border:0;background:transparent;color:#52655C;font-weight:650;padding:0 10px}.guided-target{position:relative!important;z-index:95!important;outline:3px solid #E6AB55!important;outline-offset:3px!important;box-shadow:0 0 0 6px #E6AB5538!important;animation:tourPulse 1.5s ease-in-out infinite alternate}#taskFormModal .guided-target{z-index:125!important}@keyframes tourPulse{to{outline-color:#C98631;box-shadow:0 0 0 10px #E6AB5520!important}}@media(prefers-reduced-motion:reduce){.tutorial-progress i{transition:none}.guided-target{animation:none}}

#guidedTour{max-height:32dvh;overflow:auto;padding:13px 15px}#guidedTour[data-position="top"]{top:calc(env(safe-area-inset-top) + 8px);bottom:auto;max-height:29dvh}#guidedTour p{font-size:calc((12px) * var(--kona-ui-scale,1));margin-bottom:7px}#guidedTour h2{font-size:calc((16px) * var(--kona-ui-scale,1))}#guidedTour .tour-actions{flex-wrap:wrap;gap:5px}#guidedTour .tour-actions button{font-size:calc((12px) * var(--kona-ui-scale,1));min-height:38px;padding:7px 9px}#guidedTour button:disabled{opacity:.45;cursor:not-allowed}#tourFeedback{color:#6B655A;font-size:calc((11px) * var(--kona-ui-scale,1))!important;border-top:1px solid #E3EAE4;padding-top:7px}#tourFeedback.is-ready{color:#20584A;font-weight:650}.practice-mode .modal-under .sheet{max-height:68dvh;overflow:auto}.practice-mode .modal-under{padding-top:30dvh}.practice-mode #guidedTour .tour-count{color:#8A5B20}.guided-target{animation:none!important}#tutorialTryFeature{margin-top:12px;min-height:44px;border-radius:12px}


/* brand-script-fonts */



:root{--font-brand:'Pacifico','Gaegu','Pretendard','Apple SD Gothic Neo',sans-serif}
#brandName.brand-name,.pagehead .brand-name{font-family:'Pacifico','Gaegu','Pretendard','Apple SD Gothic Neo',sans-serif!important;font-weight:400!important;font-synthesis:none;letter-spacing:0!important}


/* typography-hierarchy */

:root{--font-ui:'Pretendard','Pretendard Variable','Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif;--font-display:'Gaegu','Pretendard','Apple SD Gothic Neo',sans-serif;--font-hand:'Gaegu','Pretendard','Apple SD Gothic Neo',sans-serif;--font-brand:'Pacifico','Gaegu','Pretendard','Apple SD Gothic Neo',sans-serif;--type-display:24px;--type-title:16px;--type-body:14px;--type-label:13px;--type-meta:12px;--type-caption:11px}
body{font-family:var(--font-ui);font-size:calc((var(--type-body)) * var(--kona-ui-scale,1));line-height:1.5}
#pageTitle,.page-title,h1{font-family:var(--font-display);font-size:calc((var(--type-display)) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:1.18;letter-spacing:0!important}
.sectionhead h2,.note-title,.calendar-toolbar strong,.endday-head h2{font-family:var(--font-ui);font-size:calc((var(--type-title)) * var(--kona-ui-scale,1))!important;font-weight:700;line-height:1.35;letter-spacing:-.2px}
#page-today .sectionhead h2,#page-checkin .sectionhead h2,#page-focus .sectionhead h2,#page-records .sectionhead h2{font-size:calc((var(--type-title)) * var(--kona-ui-scale,1))!important}
.hero-title{font-family:var(--font-ui);font-size:calc((17px) * var(--kona-ui-scale,1));font-weight:700;line-height:1.35}
.label,.flabel,.form-sheet label{font-family:var(--font-ui);font-size:calc((var(--type-label)) * var(--kona-ui-scale,1));font-weight:650;line-height:1.4}
.field,input,select,textarea{font-family:var(--font-ui)}
.small{font-size:calc((var(--type-meta)) * var(--kona-ui-scale,1));line-height:1.45}
.micro{font-size:calc((var(--type-caption)) * var(--kona-ui-scale,1));line-height:1.45}
.outline,.solid,.chip,.segment button,.kindseg button,.phases button,.viewseg button,.subtabs button{font-family:var(--font-ui);font-weight:650}
.pagehead .brand-name{font-family:var(--font-brand)!important;font-weight:400!important}
.hand,#dayHeadline,#checkNote,#eventMemo,#lectureNote,.day-review-headline,.day-review-entry-text,.rec.memo,.prayer-title,.prayer-today .t,.weekrow .h,.pstrip .ptitle{font-family:var(--font-hand)}


/* focus-visual-refresh */

#page-focus>.card:first-child{background:linear-gradient(155deg,#E6F2EB 0%,#EDF4EE 100%);border:1px solid #DCE8DE;border-radius:22px;padding:13px 14px 12px;box-shadow:0 7px 24px rgba(39,82,62,.07)}
#page-focus #kindSeg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 12px;border:1px solid #DCE7DD;border-radius:15px;background:rgba(255,255,255,.58)}
#page-focus #kindSeg button{min-width:0;height:42px;min-height:42px;padding:0 5px;border:0;border-radius:11px;background:transparent;color:#52685D;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap;transition:background .15s ease,box-shadow .15s ease,color .15s ease}
#page-focus #kindSeg button.active{background:#fff;color:#245E4F;box-shadow:0 2px 8px rgba(35,74,54,.12)}
#page-focus #focusTarget{border:1px solid #D8E5DB;border-radius:13px;background:#fff}
#page-focus #focusDurations{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin-top:10px}
#page-focus #focusDurations button[data-time]{height:35px;min-height:35px;padding:0 10px;border:1px solid #D7E2D9;border-radius:999px;background:#fff;color:#4F665A;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
#page-focus #focusDurations button[data-time].active{border-color:#2D6857;background:#2D6857;color:#fff;box-shadow:0 2px 7px rgba(34,82,63,.18)}
#page-focus #focusDurations .info-wrap .miniicon{width:35px;height:35px;min-width:35px;min-height:35px;border-radius:50%;border:1px solid #D7E2D9;background:rgba(255,255,255,.75);color:#476357}
#page-focus #focusClock{margin:12px 0 9px;font-size:calc((54px) * var(--kona-ui-scale,1));font-weight:500;letter-spacing:.025em;font-variant-numeric:tabular-nums;color:#23483C}
#page-focus .timer-row .solid{width:118px;min-width:118px;height:48px;border:0;border-radius:16px;background:#286657;color:#fff;box-shadow:0 4px 12px rgba(35,82,63,.18);font-size:calc((20px) * var(--kona-ui-scale,1));transition:transform .15s ease,box-shadow .15s ease}
#page-focus .timer-row .solid:active{transform:translateY(1px);box-shadow:0 2px 7px rgba(35,82,63,.2)}
#page-focus .timer-row .outline{min-height:44px;padding:0 18px;border:1px solid #D2DFD5;border-radius:14px;background:#fff;color:#345E4E;font-weight:650}
#page-focus .focus-illustration{display:block;width:min(188px,58%);height:82px;object-fit:contain;margin:4px auto 0;filter:drop-shadow(0 2px 2px rgba(44,75,57,.09))}
@media(max-width:375px){#page-focus #kindSeg button{font-size:calc((11px) * var(--kona-ui-scale,1));padding-inline:2px}#page-focus #focusDurations{gap:4px}#page-focus #focusDurations button[data-time]{padding-inline:8px;font-size:calc((11px) * var(--kona-ui-scale,1))}#page-focus .focus-illustration{height:68px;width:min(164px,52%)}}
#page-focus .focus-illustration{width:min(228px,66%);height:104px}
@media(max-width:375px){#page-focus .focus-illustration{height:86px;width:min(194px,58%)}}
#moodGrid .mood{border-radius:11px}
.prayer-add .mini-btn.solid{width:44px;min-width:44px;height:44px!important;min-height:44px;border:1px solid #DCE7DF;border-radius:13px;background:#E8F2EA;color:#245E4F;font-size:calc((20px) * var(--kona-ui-scale,1));box-shadow:0 2px 6px rgba(35,74,54,.08)}


/* pretendard-local-fonts */





/* personal-record-typography */

/* Personal writing stays clear and consistent in both Korean and English. */
:root{--font-hand:var(--font-ui)}
.hand,#dayHeadline,#checkNote,#eventMemo,#lectureNote,#sessionMemo,#homeNightNote,
.day-review-headline,.day-review-entry-text,.rec.memo,.prayer-title,.prayer-today .t,
.prayer-add input,.weekrow .h,.pstrip .ptitle,.user-note{
  font-family:var(--font-ui)!important;
}
#dayHeadline,#checkNote,#eventMemo,#lectureNote,#sessionMemo,#homeNightNote,
.prayer-title,.prayer-today .t,.prayer-add input{font-size:calc((14px) * var(--kona-ui-scale,1))!important}
.day-review-headline{font-size:calc((14px) * var(--kona-ui-scale,1))!important}
.day-review-entry-text{font-size:calc((13px) * var(--kona-ui-scale,1))!important}
.rec.memo,.weekrow .h,.pstrip .ptitle{font-size:calc((13px) * var(--kona-ui-scale,1))!important}


/* focus-screen-refresh */

#page-focus>.card:first-child{padding:14px!important;background:#F2F6F1!important;border:1px solid #DFE8E0!important;border-radius:18px!important;box-shadow:none!important}
#page-focus #kindSeg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 12px;border:1px solid #DEE7DF;border-radius:13px;background:#E8EFE9}
#page-focus #kindSeg button{height:40px;min-height:40px;padding:0 4px;border:0;border-radius:10px;background:transparent;color:#5C7065;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}
#page-focus #kindSeg button.active{background:#fff;color:#245E4F;box-shadow:0 1px 4px rgba(35,74,54,.12)}
#page-focus .session-purpose{display:block;margin:0 1px 5px;color:#53695E;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;line-height:1.4}
#page-focus #focusTarget{display:block;width:100%;height:44px;min-height:44px;padding:0 12px;border:1px solid #D8E3DA;border-radius:11px;background:#fff;font-size:calc((14px) * var(--kona-ui-scale,1))}
.focus-duration-head{display:flex;align-items:center;justify-content:space-between;margin:11px 2px 5px;color:#53695E;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;line-height:1.4}
.focus-guide{min-height:26px;padding:3px 2px;border:0;background:transparent;color:#286657;font:inherit;font-weight:650;cursor:pointer}
#page-focus #focusDurations{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;margin:0;border:1px solid #DCE6DE;border-radius:12px;background:#E7EFE9}
#page-focus #focusDurations button[data-time]{min-width:0;height:36px;min-height:36px;padding:0 3px;border:0;border-radius:9px;background:transparent;color:#53695E;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}
#page-focus #focusDurations button[data-time].active{background:#286657;color:#fff;box-shadow:0 1px 4px rgba(35,82,63,.16)}
#page-focus #focusClock{margin:13px 0 9px;font-size:calc((48px) * var(--kona-ui-scale,1));font-weight:550;line-height:1.1;letter-spacing:.015em;color:#23483C}
#page-focus .timer-row{display:flex;gap:8px;justify-content:center}
#page-focus .timer-row .solid{flex:1;width:min(100%,240px);min-width:0;height:46px;border:0;border-radius:13px;background:#286657;color:#fff;box-shadow:none;font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:700}
#page-focus .timer-row .outline{min-height:44px;padding:0 16px;border:1px solid #D2DFD5;border-radius:12px;background:#fff;color:#345E4E;font-weight:650}
#page-focus #focusHint{max-width:290px;margin:7px auto 0!important;color:#68766F;font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.4}
#page-focus .focus-illustration{width:min(154px,48%);height:56px;margin:4px auto 0;filter:none;opacity:.92}
@media(max-width:375px){#page-focus #kindSeg button{font-size:calc((12px) * var(--kona-ui-scale,1))}#page-focus #focusDurations button[data-time]{font-size:calc((11px) * var(--kona-ui-scale,1));padding-inline:1px}#page-focus #focusClock{font-size:calc((46px) * var(--kona-ui-scale,1))}}


/* focus-compact-v64 */

#page-focus>.focus-card{position:relative;overflow:hidden;padding:7px 11px!important;margin-bottom:6px;background:#F2F6F1!important;border:1px solid #DFE8E0!important;border-radius:16px!important;box-shadow:none!important}
#page-focus .focus-card>:not(.focus-illustration){position:relative;z-index:1}
#page-focus .focus-illustration{position:absolute;z-index:0;right:7px;bottom:calc(2px - 1pt);width:88px;height:62px;margin:0;opacity:.24;filter:none;pointer-events:none}
#page-focus #kindSeg{gap:2px;padding:2px;margin:0 0 5px;border-radius:11px}
#page-focus #kindSeg button{height:36px;min-height:36px;border-radius:8px;font-size:calc((13px) * var(--kona-ui-scale,1))}
#page-focus .focus-controls{display:grid;grid-template-columns:minmax(74px,1fr) auto;align-items:center;gap:5px}
#page-focus #focusTarget{height:42px;min-height:42px;padding:0 8px;border-radius:10px;font-size:calc((13px) * var(--kona-ui-scale,1));white-space:nowrap;text-overflow:ellipsis}
#page-focus .focus-controls #focusTarget.hidden{display:none}
#page-focus .focus-controls:has(#focusTarget.hidden){grid-template-columns:1fr}
#page-focus #focusDurations{display:flex!important;flex-wrap:nowrap;gap:2px;padding:2px;margin:0;border:1px solid #DCE6DE;border-radius:11px;background:#E7EFE9}
#page-focus #focusDurations button[data-time]{width:40px;min-width:40px;height:44px;min-height:44px;padding:0;border-radius:8px;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;font-variant-numeric:tabular-nums}
#page-focus .focus-main-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:3px}
#page-focus #focusClock{margin:0;font-size:calc((44px) * var(--kona-ui-scale,1));font-weight:750;line-height:1;letter-spacing:-1.5px}
#page-focus .timer-row{justify-content:flex-start;gap:5px}
#page-focus .timer-row .solid{flex:0 0 auto;width:88px;min-width:88px;height:44px;border-radius:12px;font-size:calc((14px) * var(--kona-ui-scale,1))}
#page-focus .timer-row .outline{min-height:44px;padding:0 10px}
#page-focus #focusHint{max-width:none;margin:3px auto 0!important;font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.2;white-space:nowrap}
#page-focus .focus-summary{display:flex;align-items:center;gap:8px;min-height:29px;padding:0 2px 2px;color:#385849;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-focus .focus-summary strong{font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:750}
#page-focus #focusTotal{flex:1;min-width:0;color:#66776D;font-size:calc((11px) * var(--kona-ui-scale,1));white-space:nowrap}
#page-focus .focus-summary .manage-btn{min-height:32px;height:32px;padding:0 8px;border:1px solid #DCE5DD;border-radius:999px;background:#fff;color:#566B5F;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:650}
#page-focus .focus-history{margin:0 0 3px;border-bottom:1px solid #E1E8E2;color:#52695B;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-focus .focus-history summary{min-height:24px;padding:3px 2px;cursor:pointer;font-weight:650}
#page-focus .focus-history #focusHistory{padding:0 2px 5px}
#page-focus .prayer-card{margin-bottom:8px;padding:7px 10px 5px;border:1px solid #E0E8E1;border-radius:14px;background:#fff;box-shadow:none}
#page-focus .prayer-card .sectionhead{align-items:center;margin:0 0 3px}
#page-focus .prayer-heading{display:flex;align-items:baseline;gap:5px;min-width:0}
#page-focus .prayer-heading h2{font-size:calc((16px) * var(--kona-ui-scale,1));font-weight:700}
#page-focus #prayerCount{font-size:calc((12px) * var(--kona-ui-scale,1));color:#728076}
#page-focus #togglePrayerAdd{min-width:44px;min-height:40px;height:40px;padding:0 9px;border:1px solid #DDE7DF;border-radius:11px;background:#F7FAF7;color:#365D4B;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650}
#page-focus .prayer-add[hidden]{display:none}
#page-focus .prayer-add{margin:5px 0 4px;gap:5px}
#page-focus .prayer-add input{height:42px;min-height:42px;font-size:calc((14px) * var(--kona-ui-scale,1))}
#page-focus .prayer-add .mini-btn.solid{height:44px!important;min-height:44px;min-width:44px!important}
#page-focus .prayer-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;min-height:51px;padding:2px 0;border-bottom-color:#EEF1ED}
#page-focus .prayer-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:1px}
#page-focus .prayer-title{display:block;max-width:100%;font:600 calc((16px) * var(--kona-ui-scale,1))/1.25 var(--font-ui)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-focus .prayer-item .meta-r{display:block;color:#7B867E;font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.25;white-space:nowrap}
#page-focus .prayer-item .buttons{gap:2px;align-items:center}
#page-focus .prayer-item .iconbtn{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:11px;font-size:calc((18px) * var(--kona-ui-scale,1))}
#page-focus .prayer-item.is-answered{opacity:.76}
#page-focus .prayer-item.is-prayed .prayer-title{color:#879188}
@media(max-width:360px){#page-focus>.focus-card{padding-inline:9px!important}#page-focus .focus-controls{grid-template-columns:1fr;gap:4px}#page-focus #focusTarget{padding-inline:7px;font-size:calc((12px) * var(--kona-ui-scale,1))}#page-focus #focusDurations{justify-content:space-between;gap:2px}#page-focus #focusDurations button[data-time]{flex:1;width:auto;min-width:44px}#page-focus .focus-main-row{gap:8px}#page-focus #focusClock{font-size:calc((42px) * var(--kona-ui-scale,1))}}


/* requested-visual-and-recorded-time */

#page-today .tl-card .sectionhead .all-notes-btn{min-width:0!important;min-height:32px!important;height:32px!important;padding:0 9px!important;border:1px solid #D7E2D9!important;border-radius:999px!important;background:#fff!important;color:#526B5D!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:650!important;line-height:1.1!important}
#page-today .tl-card .sectionhead .all-notes-btn:active{background:#EFF4F0!important}
.recorded-time-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 2px;color:#62766B;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650}
.recorded-time-row input{width:132px;min-height:38px;padding:5px 9px;border:1px solid #DCE6DF;border-radius:9px;background:#fff;color:#315C4A;font:inherit;font-variant-numeric:tabular-nums}
#recordEditFields input[type=time]{max-width:160px;min-height:40px}


/* review-redesign */

#page-records>.review-panel[hidden]{display:none!important}
#page-records>.review-panel{min-height:0}
#page-records .review-backup{display:flex;align-items:center;gap:8px;min-height:38px;margin:0 0 5px;padding:2px 1px;color:#53675C;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-records .review-backup.stale{color:#A45D18}
#page-records .review-backup button{min-height:40px;padding:0 7px;border:0;background:transparent;color:#236958;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;white-space:nowrap}
#page-records .review-backup #backupStatusText{flex:1;min-width:0}
#page-records .review-nav{position:sticky;top:var(--review-header-height,100px);z-index:35;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:5px 0;margin:0 0 8px;background:var(--bg);border-bottom:1px solid #DDE6E0}
#page-records .review-nav button{min-width:0;min-height:44px;border:1px solid #D8E3DA;border-radius:10px;background:#fff;color:#52675C;font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:650}
#page-records .review-nav button.active{background:#E8F2EA;border-color:#A8C6B1;color:#205D4D;box-shadow:inset 0 0 0 1px #A8C6B1}
#page-records .review-nav button:focus-visible,#page-records .review-backup button:focus-visible{outline:2px solid #1D6A56;outline-offset:1px}
#page-records>.review-panel>.card,#page-records .review-panel .card{margin-bottom:10px;padding:10px 9px}
#page-records .review-panel .sectionhead h2{font-size:calc((16px) * var(--kona-ui-scale,1))!important;font-weight:650}
#page-records .calendar-toolbar{min-height:36px;margin-bottom:4px}
#page-records .calendar-toolbar strong{font-size:calc((16px) * var(--kona-ui-scale,1))!important}
#page-records .review-calendar-mode{justify-content:flex-end;margin-top:-37px;margin-bottom:6px;pointer-events:none}
#page-records .review-calendar-mode>*{pointer-events:auto}
#page-records #calendarMode{min-height:34px}
#page-records #calendarMode button{min-height:32px;padding:0 11px;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-records #monthCalendar{gap:2px}
#page-records .daycell.compact{position:relative;display:flex;align-items:center;justify-content:center;min-height:38px;height:38px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;overflow:hidden;text-align:center}
#page-records .daycell.compact .num{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:550;line-height:1;color:#30453B}
#page-records .daycell.compact.today{box-shadow:inset 0 0 0 1px #A7C3B0}
#page-records .daycell.compact.active{background:#E7F0E9!important;box-shadow:inset 0 0 0 1.5px #3E7965}
#page-records .daycell.compact .calendar-dot{position:absolute;bottom:4px;width:5px;height:5px;border-radius:50%}
#page-records .daycell.compact .entries-dot{background:#477A66}
#page-records .daycell.compact .mood-dot{border:1px solid rgba(30,55,40,.2)}
#page-records .daycell.compact .rb{position:absolute;right:1px;top:0;font-size:calc((9px) * var(--kona-ui-scale,1))}
#page-records .daycell.compact.dv .num{text-decoration:underline;text-decoration-color:#CA8290;text-underline-offset:3px}
#page-records .day-review{margin:4px 0 10px;padding:8px 0;border-top:1px solid #DDE6E0;border-bottom:1px solid #DDE6E0}
#page-records .day-review .sectionhead{margin-bottom:5px}
#page-records .day-review-entry-row{display:block}
#page-records .day-review-entry{min-height:50px;padding:7px 0}
#page-records .day-review-entry-head{gap:6px;flex-wrap:nowrap}
#page-records .day-review-entry-time{flex:0 0 66px;font-size:calc((11px) * var(--kona-ui-scale,1))}
#page-records .day-review-entry-title{min-width:0;font-size:calc((14px) * var(--kona-ui-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-records .day-review-entry-text,#page-records .day-review-entry-empty{padding:2px 0 0 72px;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-records .day-review-foot{margin-top:5px;font-size:calc((11px) * var(--kona-ui-scale,1))}
#page-records .weekrow .h{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
#page-records #weekPanel{padding:0;border:0;background:transparent;box-shadow:none}
#page-records #viewWeek{display:block!important}
#page-records .weekrow{min-height:45px}
#page-records #moodTrend .score-disclaimer{font-size:calc((11px) * var(--kona-ui-scale,1))}
#page-records .info-button{width:44px;min-width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#35705E;font-size:calc((20px) * var(--kona-ui-scale,1))}
#page-records .influence-progress{display:grid;gap:6px;padding:10px 0;border-bottom:1px solid #E5EBE6}
#page-records .influence-progress strong{font-size:calc((13px) * var(--kona-ui-scale,1));color:#30473B}
#page-records .progress-track{height:6px;overflow:hidden;border-radius:99px;background:#E9EEE9}
#page-records .progress-fill{display:block;height:100%;border-radius:99px;background:#6C9B7D;transition:width .2s ease}
.review-entry-detail{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;color:#40564B}
#page-today .time-note-slot{justify-content:flex-start!important;gap:2px!important}
#page-today .time-note-slot .slot-preview{width:100%;min-height:0;flex:0 1 auto;-webkit-line-clamp:unset;line-clamp:unset}
.slot-note-title{display:block;width:100%;flex:0 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 calc((11px) * var(--kona-ui-scale,1))/calc((15px) * var(--kona-ui-scale,1)) var(--font-ui)}
.note-title-input{font-weight:700!important}
.alarm-caption{display:flex;align-items:center;justify-content:flex-start;gap:7px}.alarm-caption #focusHint{margin:0!important;font-size:calc((11px) * var(--kona-ui-scale,1))}
#recordPreviewNoteTitle{display:block;margin:8px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
#recordPreviewNoteTitle[hidden]{display:none}
.review-entry-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.review-entry-actions button{min-width:76px;min-height:44px}
.toast-undo{border:0;padding:3px 6px;background:transparent;color:#F4D7A6;font:inherit;font-weight:750;text-decoration:underline}
.review-reset-link{display:flex;justify-content:flex-end;margin:12px 0 3px;border-top:1px solid #E4E9E2}
.review-reset-link button{min-height:44px;padding:0 7px;border:0;background:transparent;color:#925C4E;font-size:calc((12px) * var(--kona-ui-scale,1))}
#confirmAppReset:disabled{opacity:.4;cursor:not-allowed}
#appResetModal .label{display:block;margin-top:18px}
#appResetModal p{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.55}
#toast.show{display:flex;align-items:center;gap:3px}
@media(max-width:375px){#page-records .review-backup{gap:4px;font-size:calc((11px) * var(--kona-ui-scale,1))}#page-records .day-review-entry-time{flex-basis:58px}#page-records .day-review-entry-text,#page-records .day-review-entry-empty{padding-left:64px}}


/* focus-soft-surfaces */

/* Keep Focus calm: use spacing and typography instead of nested cards. */
#page-focus>.focus-card{padding:7px 2px 6px!important;margin:0 0 8px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
#page-focus #kindSeg{gap:0;padding:0;margin:0 0 8px;background:transparent;border:0;border-bottom:1px solid #DCE5DE;border-radius:0}
#page-focus #kindSeg button{height:42px;min-height:42px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:#65766D;font-size:calc((14px) * var(--kona-ui-scale,1))}
#page-focus #kindSeg button.active{border-bottom-color:#286657;background:transparent;box-shadow:none;color:#205B4C}
#page-focus #focusTarget{border:0;border-bottom:1px solid #CAD8CE;border-radius:0;background:transparent;box-shadow:none}
#page-focus #focusDurations{padding:0;margin:3px 0 0;border:0;border-radius:0;background:transparent;gap:1px}
#page-focus #focusDurations button[data-time]{height:42px;min-height:42px;border:0;border-radius:0;background:transparent;color:#617269}
#page-focus #focusDurations button[data-time].active{background:transparent;color:#205B4C;box-shadow:none;text-decoration:underline;text-decoration-color:#286657;text-decoration-thickness:2px;text-underline-offset:7px}
#page-focus .focus-main-row{margin-top:7px}
#page-focus .timer-row .solid{width:104px;min-width:104px;border-radius:999px;background:#286657;box-shadow:none}
#page-focus .alarm-caption{justify-content:flex-start;padding-top:3px}
#page-focus .focus-summary .manage-btn{border:0;background:transparent;padding-inline:4px;color:#286657}
#page-focus .prayer-card{padding:12px 0 4px;margin:0;border:0;border-top:1px solid #E0E7E1;border-radius:0;background:transparent;box-shadow:none}
#page-focus .prayer-card .sectionhead{margin-bottom:6px}
#page-focus #togglePrayerAdd{width:auto;min-width:44px;height:44px;padding:0 3px;border:0;border-radius:0;background:transparent;color:#286657;font-size:calc((13px) * var(--kona-ui-scale,1))}
#page-focus #togglePrayerAdd::before{content:'+';margin-right:4px;font-size:calc((18px) * var(--kona-ui-scale,1));font-weight:500;vertical-align:-1px}
#page-focus .prayer-item{min-height:55px;border-bottom-color:#E7ECE8}
#page-focus .prayer-item .iconbtn{border:0;border-radius:50%;background:transparent;color:#809087}
#page-focus .prayer-item .iconbtn.on{background:transparent;color:#286657}
#page-focus .prayer-item.is-prayed .iconbtn.on{color:#286657}
#page-focus .prayer-item .iconbtn:focus-visible,#page-focus #togglePrayerAdd:focus-visible,#page-focus #focusDurations button:focus-visible,#page-focus #kindSeg button:focus-visible{outline:2px solid #286657;outline-offset:1px;border-radius:50%}
#page-focus.page.active>.card.focus-card{background:transparent!important;border:0!important;border-radius:0!important;padding:7px 2px 6px!important}
#page-focus.page.active .card.prayer-card{background:transparent!important;border:0!important;border-top:1px solid #E0E7E1!important;border-radius:0!important;padding:12px 0 4px!important}
@media(max-width:375px){#page-focus #focusControls{gap:3px}#page-focus .timer-row .solid{width:96px;min-width:96px}}


/* today-visual-hierarchy */

/* Keep the Today screen's type scale and actions calm on narrow phones. */
#page-today .sectionhead{gap:4px}
#page-today .sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1))!important;font-weight:700!important;letter-spacing:-.2px}
#page-today #quickAddEvent{font-size:calc((19px) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:1!important;color:#52685D!important}
#page-today .sectionhead .right{gap:0;flex:0 0 auto}
#page-today .tl-card .sectionhead{padding:0!important}
.pagehead .headright,.pagehead .datecontrol{flex-wrap:nowrap;white-space:nowrap}
.pagehead .zonechip,.pagehead .datebox,.pagehead .relative-day{flex-shrink:0}
#page-today #dayHeadline{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.35!important;font-weight:500;letter-spacing:-.1px}
#page-today .eventblock .eventtitle{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:650!important;line-height:1.3!important}
#page-today .eventblock .eventtitle .t{font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:1.25!important;font-weight:500!important}
#page-today .time-note-slot .slot-preview{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;line-height:1.45!important}
#page-today .endday{margin-top:16px!important;padding-top:12px!important}
#page-today .endday-head{align-items:center;margin-bottom:7px!important;gap:6px}
#page-today .endday-head h2{font-size:calc((15px) * var(--kona-ui-scale,1))!important;line-height:1.35!important;font-weight:700!important;letter-spacing:-.15px}
#page-today .endday-eyebrow{font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.25}
#page-today .endday-mood{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;min-height:40px;padding-inline:4px;letter-spacing:-.2px}
#page-today .endday-note{min-height:108px;padding:10px 11px;border-radius:7px;background:#F8FAF7;border-color:#DCE5DE;font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.55}
#page-today .endday-foot{margin-top:5px;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
@media(max-width:375px){
  #page-today .sectionhead h2{font-size:calc((14px) * var(--kona-ui-scale,1))!important}
  #page-today .sectionhead .manage-btn{padding-inline:5px!important;min-width:42px!important}
  #page-today .endday-head{gap:3px}
  #page-today .endday-head h2{font-size:calc((14px) * var(--kona-ui-scale,1))!important}
  #page-today .endday-mood{font-size:calc((10.5px) * var(--kona-ui-scale,1))!important}
}


/* meal-and-class-notes */

#page-today .time-note-slot.meal-note-slot .slot-preview{display:block!important;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:1!important;line-clamp:1!important}
#page-today .time-note-slot.meal-note-slot.is-written{background:#F4EFE1!important;color:#5B5037!important}
.meal-log-label{display:block;font-size:calc((10px) * var(--kona-ui-scale,1));line-height:1.15;color:#82754F;font-weight:700}
.compact-note .meal-log-label{display:none}
#mealLogModal textarea{min-height:112px}
#page-checkin #lectureNoteCard .class-note-field{min-height:72px;margin:3px 0 8px;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.55}
#page-checkin #lectureNoteCard .sectionhead{margin-bottom:5px}
#page-checkin #lectureNoteCard .lecture-link{white-space:pre-line}
#page-records .review-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
#page-records .review-nav button{font-size:calc((13px) * var(--kona-ui-scale,1))}
#page-records .class-review{padding:10px 2px!important;background:transparent;border:0}
#page-records .class-note-entry{padding:12px 2px;border-bottom:1px solid #DDE6E0}
#page-records .class-note-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#page-records .class-note-head strong{min-width:0;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;color:#29483B}
#page-records .class-note-pin{min-width:44px;min-height:40px;padding:0 8px;border:1px solid #D9E4DB;border-radius:999px;background:#fff;color:#586D5F;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}
#page-records .class-note-pin.pinned{background:#EAF2E9;border-color:#B6CEB9;color:#286454}
#page-records .class-note-part{margin:7px 0 0}
#page-records .class-note-part>span{font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:700;letter-spacing:.02em;color:#718076;text-transform:uppercase}
#page-records .class-note-part p{margin:3px 0 0;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:#2E4238}
#page-records .class-note-edit{min-height:40px;margin:4px 0 0;padding:0 2px;border:0;background:none;color:#286657;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700}
@media(max-width:375px){#page-records .review-nav button{font-size:calc((12px) * var(--kona-ui-scale,1));padding:0 2px}#page-records .class-note-part p{font-size:calc((13px) * var(--kona-ui-scale,1))}}

/* Today header: logo and date share one calm row; clock is intentionally hidden. */
.pagehead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;column-gap:6px!important;row-gap:0!important;padding:8px 0 6px!important}
.pagehead .brand{grid-column:1!important;grid-row:1!important;min-width:0;max-width:100%;justify-self:start!important}
.pagehead .headright{display:contents!important}
.pagehead .zonechip{display:none!important}
.pagehead .datecontrol{grid-column:2!important;grid-row:1!important;justify-self:end!important;gap:1px!important;width:auto!important;max-width:100%;height:36px!important;flex:0 0 auto!important}
.pagehead .relative-day{position:relative;isolation:isolate;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:800!important;padding:2px 5px!important;min-width:0!important}
.pagehead .relative-day:not(.is-empty):before{content:"";position:absolute;z-index:-1;left:1px;right:1px;bottom:2px;height:9px;border-radius:5px 2px 4px 2px;background:rgba(241,207,91,.48);transform:rotate(-2deg)}
.pagehead .datebox{min-width:94px!important;height:34px!important;padding:0 2px!important}
.pagehead .datebox span{font-size:calc((12px) * var(--kona-ui-scale,1))!important}
.pagehead .datecontrol>button:not(.todaychip){width:30px!important;min-width:30px!important;height:36px!important;min-height:36px!important}
.pagehead .datecontrol>.todaychip{min-height:32px!important;height:32px!important}
@media(max-width:375px){.pagehead{column-gap:3px!important}.pagehead .brand-name{font-size:calc((17px) * var(--kona-ui-scale,1))!important}.pagehead .island-mark{width:21px!important}.pagehead .datebox{min-width:86px!important}.pagehead .datebox span{font-size:calc((11px) * var(--kona-ui-scale,1))!important}.pagehead .relative-day{font-size:calc((11px) * var(--kona-ui-scale,1))!important;padding:2px 3px!important}.pagehead .datecontrol>button:not(.todaychip){width:27px!important;min-width:27px!important}}
/* Important board accepts task, prayer, and devotion entries. */
#page-today #pinRow.pinned-summary{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin:3px 0 8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important}
#page-today .important-head{display:flex;align-items:center;justify-content:space-between;min-height:34px}
#page-today .important-head .pinned-label{position:relative;isolation:isolate;font-size:calc((15px) * var(--kona-ui-scale,1));color:#26483D;padding:1px 3px;font-weight:750}
#page-today .important-head .pinned-label:after{content:"";position:absolute;z-index:-1;left:0;right:-3px;bottom:1px;height:8px;background:rgba(99,191,199,.32);border-radius:4px 2px 5px 2px;transform:rotate(-1.4deg)}
#page-today .important-add{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#267B83;font-size:calc((25px) * var(--kona-ui-scale,1));font-weight:700}
#page-today .pinned-list{width:100%;gap:4px}
#page-today .pinned-item{min-height:42px;padding:1px 8px;gap:8px;border:0!important;border-radius:9px;background:rgba(115,204,211,.17)}
#page-today .pinned-item .task-check{width:44px;height:44px;flex:0 0 44px}
#page-today .important-icon{width:24px;flex:0 0 24px;text-align:center}
#page-today .important-open{height:40px;min-height:40px;padding:0;border:0;background:transparent;color:#293D35;text-align:left;font:500 calc((14px) * var(--kona-ui-scale,1))/1.3 var(--font-ui)}
#page-today .important-empty{padding:5px 2px 7px;color:#748078;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-today .task-fold{align-self:flex-start;border:0;background:none;color:#337980;font-size:calc((12px) * var(--kona-ui-scale,1));min-height:36px;padding:0 4px}
.task-kind-icon{font-size:calc((15px) * var(--kona-ui-scale,1));flex:0 0 auto}
#page-today .home-checkins{padding:8px 0 10px!important;border:0!important;border-top:1px solid rgba(82,169,181,.32)!important;border-bottom:1px solid rgba(82,169,181,.32)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(116,205,215,.08),rgba(255,255,255,0) 70%)!important;box-shadow:none!important}
#page-today .home-checkins h2,#page-today .tl-card .sectionhead h2{position:relative;isolation:isolate;padding:0 2px}
#page-today .home-checkins h2:after,#page-today .tl-card .sectionhead h2:after{content:"";position:absolute;z-index:-1;left:0;right:-5px;bottom:0;height:7px;border-radius:5px 3px;background:rgba(90,184,194,.22);transform:rotate(-1deg)}
#page-today .home-checkin{background:rgba(113,199,209,.12)!important;border-color:rgba(58,137,146,.28)!important}
#page-today .home-checkin.is-done{background:rgba(99,181,161,.18)!important;border-color:rgba(48,126,108,.34)!important}
#page-today .tl-card{padding-top:7px!important}
#page-today .tl-card .sectionhead{padding-bottom:5px!important;border-bottom:2px solid rgba(73,161,172,.27)}
#page-today #todayTimeline .lane-head{background:rgba(112,198,208,.11)!important;border-radius:6px}
#page-today #weekLecture .summary small{position:relative;isolation:isolate;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:700;color:#344F43}
#page-today #weekLecture .summary small:after{content:"";position:absolute;z-index:-1;left:-2px;right:-4px;bottom:0;height:8px;border-radius:60% 35% 45% 25%;background:rgba(91,164,210,.34);transform:rotate(-1.6deg)}
#page-today #weekLecture{margin:2px 0 5px!important;padding:3px 2px!important;min-height:32px!important;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
#page-today #weekLecture .summary small{font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:700;color:#344F43}

/* Keep color emphasis scarce: highlight only the schedule heading and weekly class. */
#page-today #pinRow .pinned-item{background:transparent!important;border:0!important;}
#page-today .important-head .pinned-label:after{display:none!important}
#page-today .home-checkins{border:0!important;background:transparent!important;box-shadow:none!important}
#page-today .home-checkins h2:after{display:none!important}
#page-today .home-checkin{background:#fff!important;border-color:#D8E3DA!important}
#page-today .home-checkin.is-done{background:#EDF5EF!important;border-color:#A9C6B2!important}
#page-today .home-checkin.is-current{box-shadow:inset 0 0 0 1px #315F8A!important}
#page-today .tl-card .sectionhead{border:0!important;padding-bottom:0!important}
#page-today .tl-card .sectionhead h2:after{display:block;background:rgba(86,181,190,.25);height:7px}
#page-today #todayTimeline .lane-head{background:transparent!important}
#page-today #weekLecture .summary small:after{background:rgba(246,210,91,.58);height:8px;transform:rotate(-1.6deg)}
#page-today #weekLecture{border:0!important}


/* task-density-important-press */

#page-today .quicktask{min-height:44px!important;padding:0!important;gap:4px!important;border-bottom:1px solid #E9E5DE!important}
#page-today .quicktask+.quicktask{border-top:0!important}
#page-today .task-title{display:flex;align-items:center;gap:6px;min-width:0;flex:1;height:38px;min-height:38px;padding:0 2px;border:0;background:transparent;color:var(--ink);text-align:left;font:550 calc((12.5px) * var(--kona-ui-scale,1))/1.25 var(--font-ui);touch-action:manipulation;user-select:none;-webkit-user-select:none}
#page-today .task-name{display:block;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-today .important-mark{flex:none;padding:3px 5px;border-radius:999px;background:#F6E1E8;color:#8C3653;font:800 calc((9px) * var(--kona-ui-scale,1))/1 var(--font-ui);letter-spacing:.02em}
#page-today .task-title.important,#page-today .pinned-title.important{font-weight:750;color:#244C68}
#page-today .task-title.done{color:var(--faint);text-decoration:line-through}
#page-today .task-meta{font-size:calc((10px) * var(--kona-ui-scale,1))}
#page-today .task-start-btn{display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--deep);font:500 calc((24px) * var(--kona-ui-scale,1))/1 var(--font-ui)}
#page-today .pinned-list{gap:0!important}
#page-today .pinned-item{min-height:44px!important;padding:0 2px!important;gap:4px!important;background:transparent!important;border:0!important;border-radius:0!important}
#page-today .pinned-item+.pinned-item{border-top:1px solid #EEEAE3!important}
#page-today .pinned-title{display:flex;align-items:center;gap:6px;min-height:38px;height:38px;padding:0 2px;touch-action:manipulation;user-select:none;-webkit-user-select:none;font-size:calc((12.5px) * var(--kona-ui-scale,1))}
#page-today .pinned-title .task-name{display:block;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-today .pinned-title .important-mark{flex:none;padding:3px 5px;border-radius:999px;background:#F6E1E8;color:#8C3653;font:800 calc((9px) * var(--kona-ui-scale,1))/1 var(--font-ui)}
#page-today .pinned-summary .task-check,#page-today .quicktask .task-check{width:44px;height:44px;min-width:44px;flex:0 0 44px}
#page-today .task-kind-icon,#page-today .important-icon{display:none!important}
/* Four check-ins read as one day-long journey. */
#page-checkin .phases{position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:4px 0 16px;padding:0 0 3px;border:0}
#page-checkin .phases:before{content:"";position:absolute;top:9px;left:12.5%;right:12.5%;height:2px;background:#D8E2DA}
#page-checkin .phases button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#728277;font-size:calc((11px) * var(--kona-ui-scale,1))}
#page-checkin .phases button.active{color:#245F57}
#page-checkin .phases .phase-node{display:block;width:20px;height:20px;flex:none;border:2px solid #B8C8BC;border-radius:50%;background:#F8F7F1;box-sizing:border-box}
#page-checkin .phases button.is-done .phase-node{border-color:#3C7667;background:#3C7667;box-shadow:inset 0 0 0 4px #F8F7F1}
#page-checkin .phases button.active .phase-node{border-color:#245F57;background:#F8F7F1;box-shadow:inset 0 0 0 4px #245F57}
#page-checkin .phases button.active.is-done .phase-node{background:#3C7667;box-shadow:inset 0 0 0 4px #F8F7F1,0 0 0 3px #DCEAE3}
#page-checkin .phases button small{font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:700;line-height:1.2;color:inherit}
.review-reset-link button{min-height:32px;padding:0 10px;border:1px solid #D9C8BE;border-radius:999px;background:#FBF7F1;color:#825849;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:650}


/* compact-journey-type */

#page-today .home-checkin-grid{position:relative;isolation:isolate;gap:0;padding:5px 0 0}
#page-today .home-checkin-grid:before{content:"";position:absolute;z-index:0;top:18px;left:12.5%;right:12.5%;height:2px;background:#CBD8CF;pointer-events:none}
#page-today .home-checkin{position:relative;z-index:1;isolation:isolate;justify-content:flex-start;gap:4px;min-height:70px;padding:3px 1px 0;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
#page-today .home-checkin:not(:last-child):after{content:none}

#page-today .journey-dot{display:grid;place-items:center;box-sizing:border-box;width:22px;height:22px;border:2px solid #A4BAAC;border-radius:50%;background:var(--bg,#FAF8F2);color:white;font:700 calc((12px) * var(--kona-ui-scale,1))/1 var(--font-ui)}
#page-today .home-checkin.is-done .journey-dot{background:#3C735D;border-color:#3C735D}
#page-today .home-checkin.is-done,#page-today .home-checkin.is-current{background:transparent!important;box-shadow:none!important}
#page-today .home-checkin.is-current .journey-dot{outline:2px solid #315F8A;outline-offset:3px}
#page-today .home-checkin b{font:600 calc((11px) * var(--kona-ui-scale,1))/1.3 var(--font-ui);margin-top:3px}
#page-today .home-checkin small{font:400 calc((10px) * var(--kona-ui-scale,1))/1.3 var(--font-ui);max-width:100%;overflow:hidden;text-overflow:ellipsis}
#page-today .task-title,#page-today .pinned-title.important-open{font:400 calc((13px) * var(--kona-ui-scale,1))/1.35 var(--font-ui);color:#58635E}
#page-today .task-title.important,#page-today .pinned-title.important{font-weight:800;color:#183E34}
#page-today .task-title.done{color:var(--faint)}
#page-today .important-head .pinned-label{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:800;color:#183E34}
#page-today .task-start-btn{font-size:calc((19px) * var(--kona-ui-scale,1))}
.mini-btn{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.25}
.mini-btn.add{font-size:calc((20px) * var(--kona-ui-scale,1))}
#ovReset,#resetJournal,#openAppReset,#cancelAppReset,#backupBeforeReset{font:600 calc((12px) * var(--kona-ui-scale,1))/1.3 var(--font-ui);border:1px solid #D7DED6;border-radius:8px;background:#F3F5EF;padding:0 12px;min-height:36px;height:auto;margin:4px 0}
#resetJournal{white-space:normal;text-align:center}
.sectionhead h2{font-size:calc((14px) * var(--kona-ui-scale,1))}


/* focus-duration-boxes-and-type */

/* Make focus durations easy to scan and shrink linked task/prayer labels. */
#page-focus #focusDurations{gap:5px!important;padding:2px 0!important;background:transparent!important}
#page-focus #focusDurations button[data-time]{flex:1 1 0;width:auto!important;min-width:36px!important;height:40px!important;min-height:40px!important;padding:0 5px!important;border:1px solid #D6E2D8!important;border-radius:9px!important;background:#fff!important;color:#53695E!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(35,82,63,.05)!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:650!important;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
#page-focus #focusDurations button[data-time].active{border-color:#286657!important;background:#286657!important;color:#fff!important;text-decoration:none!important;box-shadow:0 2px 6px rgba(35,82,63,.18)!important}
#page-focus #focusTarget{font-size:calc((11px) * var(--kona-ui-scale,1))!important}
#page-focus .prayer-title{font-size:calc((14px) * var(--kona-ui-scale,1))!important}
#page-focus .prayer-add input{font-size:calc((12px) * var(--kona-ui-scale,1))!important}
@media(max-width:360px){#page-focus #focusDurations{gap:4px!important}#page-focus #focusDurations button[data-time]{min-width:32px!important;height:38px!important;min-height:38px!important;padding-inline:2px!important}#page-focus #focusTarget{font-size:calc((10px) * var(--kona-ui-scale,1))!important}}


/* timer-a-minimal-additions */

#page-focus .focus-controls{display:flex;flex-direction:column;align-items:stretch;gap:5px}
#page-focus #focusDurations{justify-content:center;flex-wrap:wrap}
#page-focus #focusDurations button[data-time]{min-width:44px!important;min-height:44px!important;flex:1}
#page-focus #focusContext{margin-top:5px;font-size:calc((13px) * var(--kona-ui-scale,1))}
#page-focus .focus-main-row{flex-wrap:wrap;gap:8px}
#page-focus .timer-row{flex-wrap:wrap;align-items:center;justify-content:center}
#timerProgress{display:block;width:100%;height:5px;accent-color:var(--solid);margin:4px 0 8px}#timerProgress[hidden]{display:none}
#timerStatus{margin:5px 0;text-align:center}#timerNote{font:inherit;font-size:calc((13px) * var(--kona-ui-scale,1));min-height:64px;resize:vertical}#timerNoteLabel{font-size:calc((12px) * var(--kona-ui-scale,1))}
.reflection-collection{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:5px 0}.reflection-flowers{display:flex;gap:4px}.reflection-flowers img{width:24px;height:24px;object-fit:contain}.reflected-flower{width:16px;height:16px;object-fit:contain;display:block;margin:auto}
#page-today .pinned-title.done .task-name{text-decoration:line-through;color:var(--faint)}.done-tasks summary{padding:8px 0;cursor:pointer}
.welcome-art{display:block;max-height:30dvh;max-width:100%;width:auto;object-fit:contain;margin:0 auto}.about-art{display:block;width:140px;max-width:60%;height:auto;margin:12px auto}#focusCancel{min-height:44px}#focusCancel[hidden],#focusContext[hidden]{display:none!important}
@media(max-width:360px){#page-focus .focus-main-row{flex-direction:column}#page-focus #focusDurations{gap:3px!important}.reflection-collection .micro{font-size:calc((11px) * var(--kona-ui-scale,1))}}


/* focus-pdf-final */

body.focus-screen .app{padding-bottom:var(--dock-h,76px)}body.focus-immersive .app{padding-bottom:env(safe-area-inset-bottom)}
body.focus-screen .pagehead .datecontrol>button{display:none!important}
body.focus-screen #pageTitle{display:none!important}
#page-focus.active{display:flex!important;flex-direction:column;height:calc(100dvh - var(--review-header-height,60px) - var(--dock-h,76px) - 12px);min-height:480px;padding-top:0}
#page-focus.active>.focus-card{display:flex!important;flex-direction:column;flex:1;min-height:0;margin:0!important;padding:4px 2px 8px!important}
#page-focus #kindSeg{flex:none;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:12px}
#page-focus .focus-controls{display:block;flex:none;min-height:48px}
#page-focus #focusTarget{font-size:calc((14px) * var(--kona-ui-scale,1))!important;min-height:50px;height:50px;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
#page-focus #focusContext{font-size:calc((13px) * var(--kona-ui-scale,1));margin-top:5px}
#page-focus .focus-clock-area{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:200px}
#page-focus #focusClock{font-family:Manrope,system-ui,sans-serif;font-size:calc((clamp(68px,22vw,100px)) * var(--kona-ui-scale,1));font-weight:300;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.035em;line-height:1.15;text-align:center;margin:0 0 12px}
#page-focus #focusDurations{display:flex!important;justify-content:space-between;gap:4px!important;padding:0!important;background:none!important;border:0!important}
#page-focus #focusDurations button[data-time]{flex:1;min-width:44px!important;min-height:44px!important;height:44px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;color:var(--ink)!important}
#page-focus #focusDurations button[data-time].active{background:var(--solid)!important;color:white!important}
#page-focus .timer-row{display:flex;flex:none;gap:8px;justify-content:stretch;flex-wrap:nowrap}
#page-focus .timer-row .solid{width:100%!important;flex:1!important;min-width:0!important;height:54px!important;border-radius:999px;font-size:calc((16px) * var(--kona-ui-scale,1));background:var(--solid)}
#page-focus .focus-summary{display:flex;flex:none;justify-content:space-between;align-items:center;gap:6px;padding:0 0 8px;margin:0;min-height:36px}
#page-focus .focus-summary #focusTotal{flex:none;font-size:calc((11px) * var(--kona-ui-scale,1));text-align:right}
#page-focus #focusLibraryOpen{padding:0;min-height:36px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:400;color:var(--sub);background:none;border:0}
#page-focus #timerStatus,#page-focus #focusSessionTitle,#page-focus #timerProgress,#page-focus #timerNote,#page-focus #timerNoteLabel,#page-focus #focusHint,#page-focus #focusResumeHint,#page-focus .alarm-caption{display:none!important}
#focusModeBadge{display:none}
body.focus-immersive .pagehead .headright,body.focus-immersive .pagehead .datecontrol,body.focus-immersive #dock{display:none!important}
body.focus-immersive #focusModeBadge{display:block;grid-column:2;justify-self:end;padding:5px 12px;border-radius:999px;background:var(--soft);font-size:calc((12px) * var(--kona-ui-scale,1));color:var(--solid);font-weight:700}
body.focus-immersive #page-focus{height:calc(100dvh - var(--review-header-height,60px) - 10px);min-height:500px}
body.focus-immersive #page-focus #kindSeg,body.focus-immersive #page-focus .focus-controls,body.focus-immersive #page-focus #focusDurations,body.focus-immersive #page-focus .focus-summary,body.focus-immersive #page-focus #focusAlarm{display:none!important}
body.focus-immersive #page-focus .focus-clock-area{flex:none;min-height:0;padding-top:14px}
body.focus-immersive #page-focus #timerStatus{display:block!important;letter-spacing:1px;margin:6px 0 12px;color:var(--sub);font-size:calc((12px) * var(--kona-ui-scale,1))}
body.focus-immersive #page-focus #focusSessionTitle{display:block!important;font-size:calc((19px) * var(--kona-ui-scale,1));text-align:center;margin:0 0 8px;line-height:1.4;overflow-wrap:anywhere}
body.focus-immersive #page-focus #focusSessionTitle:empty{display:none!important}
body.focus-immersive #page-focus #focusClock{font-size:calc((clamp(76px,25vw,110px)) * var(--kona-ui-scale,1));margin:0 0 12px}
body.focus-immersive #page-focus #timerProgress:not([hidden]){display:block!important;flex:none;accent-color:var(--pray);height:4px;margin:8px 0 20px}
body.focus-immersive #page-focus .timer-row{margin-bottom:18px}
body.focus-immersive #page-focus .timer-row .solid{flex:1.3!important;height:52px!important}
body.focus-immersive #page-focus #focusEnd{flex:1;min-width:0;min-height:52px;border-radius:999px;background:var(--surface);font-size:calc((15px) * var(--kona-ui-scale,1))}
body.focus-immersive #page-focus #focusCancel{flex:.65;padding:0;min-width:44px;font-size:calc((13px) * var(--kona-ui-scale,1))}
body.focus-immersive #page-focus #timerNote{display:block!important;flex:1;min-height:170px;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.6;padding:14px;border-radius:16px;background:var(--surface);resize:vertical;margin:0}
body.focus-immersive #page-focus #timerNoteLabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;display:block!important}
#focusLibraryModal .prayer-add[hidden]{display:none!important}
#focusLibraryModal .prayer-card[hidden]{display:none!important}#focusLibraryModal .prayer-title{font:600 calc((14px) * var(--kona-ui-scale,1))/1.4 var(--font-ui)!important}#focusLibraryModal .prayer-card{border:0;background:none;padding:0}#focusLibraryModal .choice{width:100%;text-align:left;min-height:44px}
@media(max-height:650px){#page-focus.active{min-height:400px}#page-focus .focus-clock-area{min-height:160px}body.focus-immersive #page-focus{min-height:500px}}


/* focused-immersion-final */


#page-today .tasks-overview{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px}
#page-today .tasks-overview .task-fold{font-size:calc((13px) * var(--kona-ui-scale,1));min-height:44px;padding:0 2px;color:var(--deep)}
#page-today .tasks-overview .task-add{min-height:44px;padding:0 8px;font-size:calc((13px) * var(--kona-ui-scale,1));background:none;border:0;color:var(--deep)}
#page-today .important-head .pinned-label{font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700}
#page-today .pinned-title .task-name,#page-today .task-title .task-name{font-size:calc((13px) * var(--kona-ui-scale,1))}
#focusNoteToggle,#focusMore{display:none}
#page-focus #focusClock .timer-digit{display:inline-block;width:.64em;text-align:center;letter-spacing:0}
#page-focus #focusClock.has-hours{font-size:calc((clamp(48px,18vw,76px)) * var(--kona-ui-scale,1))!important}
#page-focus .timer-row .solid{font-size:calc((15px) * var(--kona-ui-scale,1))!important;font-weight:600}
body.focus-immersive{background:#173E34!important;color:#F6F5EE}
body.focus-immersive .app{background:#173E34!important;color:#F6F5EE;min-height:100dvh}
body.focus-immersive .pagehead{background:#173E34!important;border-color:transparent}
body.focus-immersive .pagehead #brandName{color:#F6F5EE!important;font-size:calc((18px) * var(--kona-ui-scale,1))!important;text-shadow:none!important}
body.focus-immersive #focusModeBadge{background:#FFFFFF12;color:#D3E2D8;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600}
body.focus-immersive #page-focus{min-height:0;height:calc(100dvh - var(--review-header-height,60px) - env(safe-area-inset-bottom) - 12px)}
body.focus-immersive #page-focus>.focus-card{background:transparent!important;gap:0;padding:4px 8px 16px!important}
body.focus-immersive #page-focus .focus-clock-area{flex:1;justify-content:center;min-height:160px;padding-top:0}
body.focus-immersive #page-focus #timerStatus{color:#C1D4C9;margin:0 0 12px;font-size:calc((12px) * var(--kona-ui-scale,1));letter-spacing:.04em}
body.focus-immersive #page-focus #focusSessionTitle{color:#F6F5EE;font-size:calc((17px) * var(--kona-ui-scale,1));font-weight:600;line-height:1.4;margin:0 0 16px}
body.focus-immersive #page-focus #focusClock{color:#F6F5EE;font-family:Manrope,system-ui,sans-serif;font-weight:300;font-size:calc((clamp(72px,23vw,96px)) * var(--kona-ui-scale,1));letter-spacing:-.035em;line-height:1.2;margin:0}
body.focus-immersive #page-focus #timerProgress:not([hidden]){width:min(180px,65%);height:3px;margin:24px auto 0;accent-color:#BCD9C3;border:0;border-radius:99px;overflow:hidden;appearance:none}
body.focus-immersive #timerProgress::-webkit-progress-bar{background:#FFFFFF26}body.focus-immersive #timerProgress::-webkit-progress-value{background:#BCD9C3}body.focus-immersive #timerProgress::-moz-progress-bar{background:#BCD9C3}
body.focus-immersive #page-focus .timer-row{flex:0;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 12px}
body.focus-immersive #page-focus #focusStart{flex:0 1 180px!important;width:auto!important;min-width:140px!important;height:48px!important;background:#F3F3E9!important;color:#173E34!important;border:0!important;font-size:calc((15px) * var(--kona-ui-scale,1))!important;font-weight:600}
body.focus-immersive #page-focus #focusEnd{flex:0 0 90px!important;min-height:48px;background:transparent!important;color:#E0E9E2;border:1px solid #FFFFFF40;font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:600;padding:0 14px}
body.focus-immersive #page-focus #focusMore{display:block;flex:0 0 44px;width:44px;min-height:48px;background:transparent;border:0;color:#E0E9E2;font-size:calc((23px) * var(--kona-ui-scale,1));border-radius:999px}
body.focus-immersive #page-focus #focusCancel{display:none!important}
body.focus-immersive #page-focus #focusNoteToggle{display:block;align-self:center;min-height:44px;padding:0 14px;background:transparent;border:0;border-radius:99px;color:#C6D8CE;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:400}
body.focus-immersive #page-focus #timerNote{display:none!important}
body.focus-immersive.focus-note-open #page-focus .focus-clock-area{flex:0;min-height:150px;padding-top:12px}
body.focus-immersive.focus-note-open #page-focus #focusClock{font-size:calc((clamp(60px,18vw,76px)) * var(--kona-ui-scale,1))}
body.focus-immersive.focus-note-open #page-focus #timerProgress{margin-top:12px!important}
body.focus-immersive.focus-note-open #page-focus #timerNote{display:block!important;flex:1;min-height:110px;max-height:42dvh;background:#FFFFFF0D!important;color:#F6F5EE;border:1px solid #FFFFFF40;border-radius:14px;font:400 calc((14px) * var(--kona-ui-scale,1))/1.6 var(--font-ui);padding:12px;resize:vertical;margin:0}
body.focus-immersive #timerNote::placeholder{color:#B7CBBF;opacity:1}
body.focus-immersive #page-focus .focus-card button:focus-visible,body.focus-immersive #timerNote:focus-visible{outline:2px solid #E8CB83;outline-offset:3px}
body.focus-immersive .modal-under{color:var(--ink)}
body.focus-immersive #page-focus #focusEnd[hidden]{display:none!important}
body.focus-immersive.focus-awaiting-save #page-focus #timerProgress{accent-color:#E8CB83}
@media(prefers-reduced-motion:no-preference){body.focus-immersive #page-focus{animation:enterFocus .18s ease-out}@keyframes enterFocus{from{opacity:.4}to{opacity:1}}}
@media(max-height:650px){body.focus-immersive.focus-note-open #page-focus .focus-clock-area{min-height:100px;padding-top:0}body.focus-immersive.focus-note-open #page-focus #focusClock{font-size:calc((58px) * var(--kona-ui-scale,1))}body.focus-immersive #page-focus>.focus-card{padding-bottom:8px!important}}


/* kona-ocean-focus-themes */

body.focus-immersive[data-focus-ocean]{--focus-control-surface:#EFFAFF;--focus-base:#DFF6FB;--focus-ink:#103449;--focus-sub:#244B60;--focus-line:#173D5459;--focus-badge:#FFFFFF70;--focus-note:#FFFFFF70;--focus-button:#123E56;--focus-button-ink:#F4FBFF;--focus-scrim:rgba(240,251,255,.12);--focus-image:url('/assets/kona-focus-ocean-morning.png');background:var(--focus-base)!important;color:var(--focus-ink)}
body.focus-immersive[data-focus-ocean="afternoon"]{--focus-base:#F3DEE4;--focus-image:url('/assets/kona-focus-ocean-afternoon.png');--focus-scrim:rgba(255,244,240,.15)}
body.focus-immersive[data-focus-ocean="night"]{--focus-control-surface:#04132E;--focus-base:#04132E;--focus-ink:#EFF7FF;--focus-sub:#C5D9F0;--focus-line:#C4DDF355;--focus-badge:#BCD9F21A;--focus-note:#B7D3F01A;--focus-button:#EFF7FF;--focus-button-ink:#123450;--focus-scrim:rgba(2,12,32,.18);--focus-image:url('/assets/kona-focus-ocean-night.png')}
body.focus-immersive[data-focus-ocean] .app{background:linear-gradient(var(--focus-scrim),var(--focus-scrim)),var(--focus-image) center/cover no-repeat,var(--focus-base)!important;color:var(--focus-ink)}
body.focus-immersive[data-focus-ocean] .pagehead{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.focus-immersive[data-focus-ocean] .pagehead #brandName,body.focus-immersive[data-focus-ocean] #page-focus #focusSessionTitle,body.focus-immersive[data-focus-ocean] #page-focus #focusClock{color:var(--focus-ink)!important}
body.focus-immersive[data-focus-ocean] #focusModeBadge{background:var(--focus-badge);color:var(--focus-sub)}
body.focus-immersive[data-focus-ocean] #page-focus #timerStatus,body.focus-immersive[data-focus-ocean] #page-focus #focusNoteToggle,body.focus-immersive[data-focus-ocean] #page-focus #focusMore{color:var(--focus-sub)}
body.focus-immersive[data-focus-ocean] #page-focus #focusStart{background:var(--focus-button)!important;color:var(--focus-button-ink)!important}
body.focus-immersive[data-focus-ocean] #page-focus #focusEnd{background:var(--focus-control-surface)!important;color:var(--focus-ink);border-color:var(--focus-line)}
body.focus-immersive[data-focus-ocean] #page-focus #focusMore,body.focus-immersive[data-focus-ocean] #page-focus #focusNoteToggle{background:var(--focus-control-surface);color:var(--focus-ink)}
/* Inset edge keeps the opaque secondary controls distinct without changing their size. */
body.focus-immersive[data-focus-ocean] #page-focus :is(#focusEnd,#focusMore,#focusNoteToggle){box-shadow:inset 0 0 0 1px var(--focus-line)}
body.focus-immersive[data-focus-ocean] #timerProgress::-webkit-progress-bar{background:var(--focus-line)}
body.focus-immersive[data-focus-ocean] #timerProgress::-webkit-progress-value{background:var(--focus-ink)}
body.focus-immersive[data-focus-ocean] #timerProgress::-moz-progress-bar{background:var(--focus-ink)}
body.focus-immersive[data-focus-ocean].focus-note-open #page-focus #timerNote{background:var(--focus-note)!important;color:var(--focus-ink);border-color:var(--focus-line);backdrop-filter:blur(8px)}
body.focus-immersive[data-focus-ocean] #timerNote::placeholder{color:var(--focus-sub)}
body.focus-immersive[data-focus-ocean] #page-focus .focus-card button:focus-visible,body.focus-immersive[data-focus-ocean] #timerNote:focus-visible{outline-color:var(--focus-ink)}


/* kx-style */
#qc-v2{margin:10px 0 15px;padding:13px;background:#fffefa;border:1px solid #dce9df;border-radius:15px;box-shadow:0 3px 15px #294c3708}#qc-v2 .qc-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}#qc-v2 .qc-title b{font-size:calc((14px) * var(--kona-ui-scale,1));color:#2b6555}#qc-v2 .qc-title span{font-size:calc((10px) * var(--kona-ui-scale,1));color:#748c7d}#qc-v2 label{display:block;font-size:calc((11px) * var(--kona-ui-scale,1));color:#526e60;font-weight:700;margin-bottom:5px}#qc-v2 label small{font-weight:400}#qc-v2 select{width:100%;height:37px;border:1px solid #d8e7dc;background:#f0f7f1;border-radius:9px;padding:5px 8px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#355f50;margin:0 0 9px}#qc-v2 textarea{display:block;width:100%;min-height:79px;resize:vertical;background:white;border:1px solid #dee8e0;border-radius:9px;padding:10px;font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.5}#qc-v2 .qc-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:9px}#qc-v2 .qc-bottom small{font-size:calc((10px) * var(--kona-ui-scale,1));color:#789082}#qc-v2 #qc-submit{background:#36735d;color:white;border:none;border-radius:9px;min-height:39px;padding:7px 13px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700}.qc-review{padding:12px 0;border-bottom:1px solid #e5ebe6}.qc-review h3{font-size:calc((13px) * var(--kona-ui-scale,1));color:#396853;margin:0 0 9px}.qc-record{padding:10px 5px;border-top:1px solid #edf0eb}.qc-record-head{display:flex;gap:6px;justify-content:space-between;align-items:center}.qc-record-head b{font-size:calc((11px) * var(--kona-ui-scale,1));color:#466656}.qc-record-head div{display:flex;gap:3px}.qc-record-head button{font-size:calc((11px) * var(--kona-ui-scale,1));padding:6px 8px;border-radius:7px;background:#f0f4ef;border:0;color:#416956}.qc-record p{font-size:calc((13px) * var(--kona-ui-scale,1));white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}@media(max-width:350px){#qc-v2{padding:10px}.qc-record-head{align-items:flex-start;flex-direction:column}}
#new-review-switch{display:flex;background:#edf5ee;border-radius:11px;padding:3px;margin:5px 0 14px;gap:3px}#new-review-switch button{flex:1;border:0;border-radius:8px;background:transparent;color:#6c8374;min-height:40px;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700}#new-review-switch button.on{background:#fff;color:#2f7058;box-shadow:0 1px 5px #284d3122}#new-reflect-page[hidden]{display:none}#new-reflect-page{padding-bottom:20px}#new-reflect-page .rv-head{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:15px}#new-reflect-page .rv-head h2{font-size:calc((17px) * var(--kona-ui-scale,1));color:#305f4e;margin:0}#new-reflect-page .rv-head small{display:block;font-size:calc((10px) * var(--kona-ui-scale,1));color:#7c9280}#new-reflect-page .rv-nav{display:flex;gap:3px}#new-reflect-page .rv-nav button{min-width:30px;min-height:32px;background:#fff;border:1px solid #dee9e0;border-radius:7px}#new-reflect-page h3{font-size:calc((13px) * var(--kona-ui-scale,1));color:#365e4b;margin:14px 0 8px}#new-reflect-page .rv-item{border-top:1px solid #e3eae2;padding:12px 0}#new-reflect-page .rv-item small{color:#819389;font-size:calc((10px) * var(--kona-ui-scale,1));display:block;margin-bottom:4px}#new-reflect-page .rv-item strong{font-size:calc((12px) * var(--kona-ui-scale,1));color:#3f6956;display:block}#new-reflect-page .rv-item p{font-size:calc((13px) * var(--kona-ui-scale,1));white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0;line-height:1.5}#new-reflect-page .rv-faded{font-size:calc((11px) * var(--kona-ui-scale,1));color:#7b9284}#new-reflect-page .rv-label{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700;color:#456953;display:block;margin:11px 0}#new-reflect-page textarea{width:100%;min-height:65px;border:1px solid #dce8df;border-radius:9px;background:white;padding:9px;font-size:calc((13px) * var(--kona-ui-scale,1));display:block;margin-top:6px}#new-reflect-page .rv-controls{display:flex;gap:7px;justify-content:flex-end;margin-top:10px}#new-reflect-page .rv-controls button{min-height:34px;border:1px solid #d6e5d9;border-radius:8px;padding:7px 10px;color:#39745e;background:white;font-size:calc((11px) * var(--kona-ui-scale,1))}#new-reflect-page .rv-controls .rv-done{flex:1;min-height:40px;color:white;background:#36725c;font-weight:700}#new-reflect-page .rv-controls button:disabled{opacity:.5}#new-reflect-page .rv-flower{background:#f4f9f3;border:1px solid #e3eae1;border-radius:11px;padding:12px;margin-top:15px}#new-reflect-page .rv-flower strong{font-size:calc((12px) * var(--kona-ui-scale,1));color:#365c4d}#new-reflect-page .rv-strip{display:flex;justify-content:space-around;margin:9px 0;gap:5px}#new-reflect-page .rv-strip img{width:30px;height:30px}#new-reflect-page .rv-flower small{font-size:calc((10px) * var(--kona-ui-scale,1));color:#849689}
#homeNightCard,#page-checkin .phases [data-phase="night"],#todayCheckins .home-checkin[hidden]{display:none!important}#todayCheckins.home-checkin-grid,#page-checkin .phases{grid-template-columns:repeat(3,minmax(0,1fr))!important}#new-reflect-page .rv-head{gap:6px;margin-bottom:10px}#new-reflect-page .rv-head h2{font-size:calc((16px) * var(--kona-ui-scale,1));line-height:1.3;white-space:nowrap}#new-reflect-page .rv-head>small{display:none!important}#new-reflect-page .rv-nav button{min-width:28px;min-height:36px}#new-reflect-page .rv-flower{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:transparent;border:0;border-top:1px solid #e1ebe2;border-radius:0;margin-top:12px;padding:10px 0}#new-reflect-page .rv-flower>strong{font-size:calc((11px) * var(--kona-ui-scale,1));white-space:nowrap}#new-reflect-page .dts-flower-count{font-size:calc((11px) * var(--kona-ui-scale,1));color:#5d7467}#new-reflect-page .rv-strip{display:flex;flex:1;justify-content:flex-end;gap:5px;margin:0;min-width:110px}#new-reflect-page .rv-strip img{width:23px;height:23px;object-fit:contain}#new-reflect-page .rv-flower>small{display:none}#new-reflect-page .rv-label{margin-top:9px;font-size:calc((12px) * var(--kona-ui-scale,1))}#new-reflect-page .rv-label textarea{min-height:60px;font-weight:400}#new-reflect-page .rv-item{padding:9px 0}@media(max-width:350px){#new-reflect-page .rv-head h2{font-size:calc((15px) * var(--kona-ui-scale,1))}#new-reflect-page .rv-strip img{width:20px;height:20px}#new-reflect-page .rv-strip{min-width:100px}}

/* Keep month navigation and calendar mode on separate rows to prevent collisions. */
#page-records .review-calendar-mode{position:static!important;margin:0 0 6px!important;pointer-events:auto!important}


/* Keep review week rows inside the phone width and give long notes their own readable line. */
#page-records .weekrow{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex-wrap:wrap;align-content:start;gap:3px 8px;padding:7px 0;overflow:hidden;text-align:left;background:transparent!important;border:0;border-bottom:1px solid #DDE6E0;border-radius:0;box-shadow:none!important}
#page-records .weekrow .d{line-height:calc((22px) * var(--kona-ui-scale,1))}
#page-records .weekrow .h{display:-webkit-box;flex:1 0 100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;font-size:calc((13px) * var(--kona-ui-scale,1))!important;line-height:1.4}
#page-records .calendar-toolbar #exportTxt{min-width:44px;min-height:44px;height:44px;padding:0 8px;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:650}

#qc-v2{padding:10px 12px!important;margin:8px 0 10px!important;box-shadow:none!important}#qc-v2 .qc-title{margin-bottom:5px!important}#qc-v2 .qc-title span[hidden]{display:none!important}#qc-v2 .kx-chip{border:0;background:#edf5ef;color:#45725e;border-radius:7px;font-size:calc((11px) * var(--kona-ui-scale,1));max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:31px;padding:5px 7px}#qc-v2 .kx-chip::after{content:'⌄';padding-left:5px}#qc-v2 label[for=qc-select],#qc-v2 #qc-select{display:none!important}#qc-v2.kx-schedule-open label[for=qc-select],#qc-v2.kx-schedule-open #qc-select{display:block!important}#qc-v2.kx-schedule-open #qc-select{min-height:40px!important}#qc-v2 #qc-text{min-height:62px!important;padding:9px!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important}#qc-v2 #qc-text::placeholder{font-weight:400!important;color:#849587!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}#qc-v2 .qc-bottom{padding-top:6px!important}#qc-v2 #qc-submit{min-height:36px!important}#page-today .kx-summary{display:flex;flex-direction:column;padding:5px 0}#page-today .kx-summary[hidden],#page-today #todayTimeline[hidden]{display:none!important}#page-today .kx-event{background:transparent;border:0;border-bottom:1px solid #e6ede7;width:100%;display:flex;gap:10px;align-items:center;text-align:left;min-height:38px;padding:5px 3px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#365a4b}#page-today .kx-event small{color:#758c7e;min-width:45px}#page-today .kx-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#page-today .kx-empty{font-size:calc((11px) * var(--kona-ui-scale,1));color:#8a968c;padding:6px 3px}#page-today .kx-toggle{background:#eaf4ed;color:#3b6f58;border:0;border-radius:8px;min-height:33px;font-size:calc((11px) * var(--kona-ui-scale,1));padding:5px 8px;white-space:nowrap}#page-today .tl-card .sectionhead{display:flex;justify-content:space-between;align-items:center;gap:4px}#page-today .tl-card .sectionhead h2{font-size:calc((14px) * var(--kona-ui-scale,1))!important}#page-today .tl-card .sectionhead .right{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px}#page-checkin .kx-hidden{display:none!important}#page-checkin .kx-more{display:block;width:100%;margin-top:10px;min-height:38px;border:1px solid #dce8df;background:#f1f7f2;color:#3f7158;border-radius:8px;font-size:calc((12px) * var(--kona-ui-scale,1))}#page-checkin #generalNoteCard,#page-checkin #moodCard{padding-top:12px!important;padding-bottom:13px!important}#page-checkin #checkNote{min-height:80px!important}#page-records .review-nav.kx-old-nav{display:none!important}#page-records .kx-archive-select{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 1px;color:#55715d;font-size:calc((12px) * var(--kona-ui-scale,1))}#page-records .kx-archive-select[hidden],#page-records #kx-settings[hidden]{display:none!important}#page-records .kx-archive-select select{min-height:39px;max-width:210px;flex:1;background:#fff;border:1px solid #d9e6dd;border-radius:9px;color:#385f50;font-size:calc((12px) * var(--kona-ui-scale,1));padding:6px}#page-records #kx-settings{border-top:1px solid #e3e8e0;margin-top:14px;padding:9px 0}#page-records #kx-settings summary{color:#62776c;font-size:calc((12px) * var(--kona-ui-scale,1));padding:6px}#page-records .kx-calendar-toggle{border:0;background:none;color:#6c8879;font-size:calc((11px) * var(--kona-ui-scale,1));padding:7px}#page-focus .focus-card.kx-ready{padding-top:10px!important;padding-bottom:12px!important}#page-focus .focus-card.kx-ready .focus-clock-area{margin:4px 0!important}@media(max-width:355px){#qc-v2 .kx-chip{max-width:55%}#page-today .kx-toggle{font-size:calc((10px) * var(--kona-ui-scale,1));padding:4px}}

/* kona-mood-ui-fix-v1 */

#moodGrid.kona-energy-grouped{display:flex;flex-direction:column;gap:11px}
.kona-energy-group{min-width:0}
.kona-energy-label{display:flex;justify-content:space-between;align-items:center;min-height:16px;margin:0 1px 5px;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:650;color:#61766d}
.kona-energy-label span:last-child{font-weight:500;color:#71837c}
.kona-energy-cells{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-width:0}
.kona-energy-cells .mood{box-sizing:border-box;min-width:0;width:100%;min-height:44px;height:auto;padding:6px 2px;border-radius:11px;font-size:calc((clamp(10px,2.9vw,12px)) * var(--kona-ui-scale,1));line-height:1.2;letter-spacing:-.25px;overflow-wrap:anywhere}
#page-checkin .kona-energy-cells .mood{height:auto;min-height:44px}
#konaActionInputModal[hidden]{display:none!important}
#konaActionInputModal{z-index:250;box-sizing:border-box;overscroll-behavior:contain}
#konaActionInputModal .kona-input-sheet{box-sizing:border-box;width:min(100%,470px);max-height:84dvh;border-radius:22px 22px 0 0;background:#FAF7F2;padding:18px 17px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 32px #102A2225;color:#243c36;overflow-y:auto}
#konaActionInputModal .kona-input-sheet .top{margin-bottom:16px}
#konaActionInputModal .kona-input-sheet .top strong{font-size:calc((17px) * var(--kona-ui-scale,1));white-space:normal}
#konaActionInputModal .kona-input-sheet .close{min-width:44px;min-height:44px}
#konaActionInputModal .kona-input-field{box-sizing:border-box;display:block;width:100%;min-height:48px;border:1px solid #ccdad4;border-radius:12px;background:#fff;color:#243c36;padding:11px 13px;font:inherit;font-size:calc((16px) * var(--kona-ui-scale,1));outline-offset:3px}
#konaActionInputModal .kona-input-field:focus{outline:2px solid #6A98C6}
#konaActionInputModal .kona-input-actions{display:flex;gap:9px;margin-top:16px}
#konaActionInputModal .kona-input-actions button{flex:1;min-height:46px;border-radius:12px;border:1px solid #bcd0c8;background:transparent;color:#315c52;font:inherit;font-weight:700;font-size:calc((14px) * var(--kona-ui-scale,1))}
#konaActionInputModal .kona-input-actions .kona-input-save{background:#6A98C6;border-color:#6A98C6;color:white}
@media(max-width:350px){.kona-energy-cells{gap:4px}.kona-energy-cells .mood{font-size:calc((10px) * var(--kona-ui-scale,1))}}


/* kona-two-step-mood-v2 */

#page-checkin #moodGrid.kona-two-step{display:flex;flex-direction:column;gap:9px;min-width:0}
#page-checkin #moodGrid .kona-step-title{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:750;color:#5F806F}
#page-checkin #moodGrid .kona-step-label{font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:700;color:#243C34}
#page-checkin #moodGrid .kona-choice-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#page-checkin #moodGrid .kona-score-choice{transition:background-color .12s ease,border-color .12s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:72px;min-width:0;padding:8px 2px;border:1px solid #D4E3DF;border-radius:11px;background:#E1F1F2;color:#193B42;text-align:center}
#page-checkin #moodGrid .kona-score-choice strong{font-size:calc((23px) * var(--kona-ui-scale,1));line-height:1;font-weight:700}
#page-checkin #moodGrid .kona-score-choice small{font-size:calc((10px) * var(--kona-ui-scale,1));line-height:1.16;font-weight:550;overflow-wrap:anywhere}
#page-checkin #moodGrid .kona-score-choice:hover{border-color:#7EAFC8}#page-checkin #moodGrid .kona-score-choice:focus-visible,#page-checkin #moodGrid .kona-mood-back:focus-visible{outline:2px solid #6A98C6;outline-offset:2px}
#page-checkin #moodGrid .kona-mood-rowhead{display:flex;align-items:center;justify-content:space-between;gap:8px}
#page-checkin #moodGrid .kona-mood-back{min-height:36px;border:0;background:transparent;color:#2D698F;padding:0 5px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:700}
#page-checkin #moodCard.is-collapsed #moodGrid.kona-two-step{display:none}
@media(max-width:350px){#page-checkin #moodGrid .kona-choice-row{gap:4px}#page-checkin #moodGrid .kona-score-choice small{font-size:calc((9px) * var(--kona-ui-scale,1))}}


/* kona-qa-20261024 */

#page-today #qc-v2 #qc-submit{min-height:44px!important;min-width:88px}
#page-today #dayEmoji{min-width:44px;min-height:44px}
#page-today #openAllMemos{min-height:44px}
#page-records #calPrev,#page-records #calNext{min-width:44px;min-height:44px}
#qc-review-list button{min-height:44px;min-width:44px;padding:8px 10px}
#qc-review-list .qc-record-head{flex-wrap:wrap}
#qc-review-list .qc-record{overflow-wrap:anywhere}


/* kona-mood-reflect-timeline-v3 */

#page-checkin #moodGrid .kona-score-choice{border-width:1.5px;color:#24343D}
#page-checkin #moodGrid .kona-mood-rowhead .kona-step-title{color:#41566E}
#new-reflect-page .rv-timeline{display:flex;flex-direction:column;gap:7px;margin:7px 0 18px;padding:0 0 0 4px}
#new-reflect-page .rv-timegroup{position:relative;min-width:0;padding-left:22px;border-left:1.5px solid #DAE5E7;margin-left:6px}
#new-reflect-page .rv-timegroup>h4{position:relative;margin:0 0 8px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:750;line-height:1.5;color:#375E70}
#new-reflect-page .rv-timegroup>h4::before{content:"";width:9px;height:9px;background:#8FB3CA;border:2px solid #FAF7F2;border-radius:50%;position:absolute;left:-30px;top:3px}
#new-reflect-page .rv-timegroup .rv-item{padding:7px 0 12px;border-top:0;border-bottom:1px solid #E8EDEB;max-width:100%;min-width:0}
#new-reflect-page .rv-timegroup .rv-item:last-child{border-bottom:0}
#new-reflect-page .rv-timegroup .rv-entry-time{display:block;font-size:calc((10px) * var(--kona-ui-scale,1));font-weight:600;line-height:1.4;color:#728891;margin:0 0 4px}
#new-reflect-page .rv-timegroup .rv-item strong{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.35;color:#315769}
#new-reflect-page .rv-timegroup .rv-item p{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 3px}
#new-reflect-page .rv-timegroup .rv-controls button{min-height:42px}
#page-today .kona-reflect-shortcut{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-top:1px solid #DDE9E8;color:#39738E;font-weight:750;font-size:calc((13px) * var(--kona-ui-scale,1));min-height:45px;padding:10px 6px;margin-top:9px}
#page-today .kona-reflect-shortcut::after{content:'→';font-size:calc((18px) * var(--kona-ui-scale,1));font-weight:400}
#page-today #homeNightCard{display:none!important}


/* kona-storage-recovery-css */

#konaStorageRecoveryBanner{position:sticky;top:0;z-index:9999;background:#FFF3E9;border:1px solid #C46A45;border-radius:12px;padding:14px 16px;margin:8px 7px 16px;color:#5F2F20;box-shadow:0 4px 16px #46302024;line-height:1.45}
#konaStorageRecoveryBanner strong{display:block;font-size:calc((16px) * var(--kona-ui-scale,1))}
#konaStorageRecoveryBanner p{font-size:calc((13px) * var(--kona-ui-scale,1));margin:7px 0}
#konaStorageRecoveryBanner .kona-recovery-actions{display:flex;gap:8px;flex-wrap:wrap}
#konaStorageRecoveryBanner button{min-height:44px;min-width:135px;flex:1;border:1px solid #C46A45;border-radius:9px;background:#FFFDFC;color:#663322;padding:8px 11px;font:inherit;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700}
#konaStorageRecoveryBanner button:nth-child(2){background:#9B513B;color:#FFF}


/* kona-audit-fixes-20261024 */

#new-reflect-page .rv-nav button{min-width:44px!important;min-height:44px!important;padding:7px 11px!important;display:inline-flex;align-items:center;justify-content:center;font-size:calc((15px) * var(--kona-ui-scale,1))}
#new-reflect-page .rv-nav button:focus-visible{outline:2px solid #427EAA;outline-offset:2px}
#new-reflect-page .rv-mood-chip{display:inline-block;margin-top:7px;padding:5px 9px;color:#253747;border:1px solid #B8C8CC;border-radius:10px;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700}
#new-reflect-page .rv-done:disabled{cursor:not-allowed;opacity:.48;filter:grayscale(.25)}
#page-checkin .kona-score-choice{border-width:2px!important;min-height:78px!important}
#page-checkin .kona-score-choice small{font-weight:700!important;color:#263A46!important}
#page-today #kx-schedule,#page-today #kx-timeline-toggle,#page-today #openAllMemos{min-height:44px!important}


/* kona-reflect-full-card-background-v1 */

#new-reflect-page .rv-timegroup .rv-item[class*="rv-kind-"]{
 box-sizing:border-box;background:#F4F7F7;border:1px solid #DFE8E8;border-left-width:4px;
 border-radius:11px;padding:11px 13px;margin:7px 0 11px;min-width:0;
}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-mood{background:#F0EAFB;border-color:#C9B7EC}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-checkin{background:#F2ECFA;border-color:#D0BFE9}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-prayer{background:#F9EAF1;border-color:#E8BDD0}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-devotion{background:#EFEFFC;border-color:#C8C5E9}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-focus{background:#E8F3FB;border-color:#ACD2EC}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-capture{background:#FFF5D9;border-color:#EBD58C}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-schedule{background:#EAF6EF;border-color:#AFDAC3}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-personal{background:#F0F4F8;border-color:#C5D4E3}
#new-reflect-page .rv-timegroup .rv-item.rv-kind-daily{background:#F7F1E8;border-color:#E2D2BD}
#new-reflect-page .rv-timegroup .rv-item[class*="rv-kind-"] .rv-entry-time{color:#485C66;font-weight:650}
#new-reflect-page .rv-timegroup .rv-item[class*="rv-kind-"] p{color:#26363C}
#new-reflect-page .rv-timegroup .rv-item[class*="rv-kind-"] .rv-mood-chip{background:transparent!important;padding:4px 0;border:0;font-size:calc((11px) * var(--kona-ui-scale,1))}
#page-today #kx-summary:not([hidden]){display:flex;flex-direction:column;gap:5px}
#page-today #kx-summary .kona-event-count{align-self:flex-start;font-size:calc((11px) * var(--kona-ui-scale,1));color:#61798A;margin:0 2px 2px}
#page-today #kx-summary .kona-event-visible{width:100%;min-height:44px;text-align:left;padding:9px 11px;border-radius:9px;border:1px solid #DDE8E6;background:#F7FBFA;display:flex;align-items:flex-start;gap:12px;overflow-wrap:anywhere}
#page-today #kx-summary .kona-event-visible small{flex-shrink:0;min-width:88px;font-size:calc((11px) * var(--kona-ui-scale,1));color:#4F7186;line-height:1.45}
#page-today #kx-summary .kona-event-visible span{flex:1;min-width:0;font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.4;color:#243D43;font-weight:650}
#page-today #kx-timeline-toggle{min-height:44px;min-width:100px}


/* kona-today-ux-20261025-v1 */

/* Today: minimal ocean-blue hierarchy, original data controls preserved */
#page-today.kona-today-v2{--kona-ink:#294451;--kona-wave:#3E7C9C;--kona-muted:#78909B;--kona-sea:#EEF5F8;--kona-line:#D9E5E9}
#page-today.kona-today-v2>.day-signature{padding:3px 6px;margin:1px 0 10px;min-height:52px;border:1px solid var(--kona-line);border-radius:13px;background:#FFFDFB;box-shadow:none}
#page-today.kona-today-v2>.day-signature .emoji-pick{width:42px;min-height:44px}
#page-today.kona-today-v2>.day-signature .headline-wrap{border:0}
#page-today.kona-today-v2 #dayHeadline{font-family:inherit!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:500;min-height:44px;padding:10px 2px}
#page-today.kona-today-v2 #dayHeadline::placeholder{color:#839393}
#page-today.kona-today-v2 #qc-v2{margin:0 0 14px!important;padding:12px 13px!important;border:1px solid var(--kona-line)!important;border-radius:14px!important;background:#FAFCFC!important;box-shadow:none!important;min-height:0!important}
#page-today.kona-today-v2 #qc-v2 .qc-title{min-height:33px;margin:0 0 7px!important;gap:10px}
#page-today.kona-today-v2 #qc-v2 .qc-title b{font-size:calc((15px) * var(--kona-ui-scale,1));color:var(--kona-ink)}
#page-today.kona-today-v2 #qc-v2 .kx-chip{background:#E9F2F6!important;color:#4E7285!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;min-height:34px!important;max-width:59%;border-radius:8px!important;padding:7px 9px!important}
#page-today.kona-today-v2 #qc-v2 #qc-text{display:block;box-sizing:border-box;min-height:52px!important;max-height:160px;padding:10px 11px!important;background:#FFFFFF!important;border:1px solid #DFE8EA!important;border-radius:10px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.45}
#page-today.kona-today-v2 #qc-v2 #qc-text::placeholder{color:#81909A!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#page-today.kona-today-v2 #qc-v2 .qc-bottom{min-height:46px;padding-top:6px!important;gap:12px}
#page-today.kona-today-v2 #qc-v2 .qc-bottom small{font-size:calc((11px) * var(--kona-ui-scale,1));color:#82979F}
#page-today.kona-today-v2 #qc-v2 #qc-submit{background:var(--kona-wave)!important;border-radius:9px!important;padding:9px 14px!important;min-height:44px!important;min-width:94px!important;color:white!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#page-today.kona-today-v2 #qc-v2 #qc-submit:focus-visible{outline:2px solid #215E8A;outline-offset:2px}
#page-today.kona-today-v2>.home-checkins{box-shadow:none!important;border:0!important;background:transparent!important;padding:4px 0 5px!important;margin:0 0 7px!important}
#page-today.kona-today-v2>.home-checkins .sectionhead{min-height:30px;margin:0 2px 7px!important}
#page-today.kona-today-v2>.home-checkins .sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1));color:var(--kona-ink)}
#page-today.kona-today-v2>.home-checkins .sectionhead .micro{display:none}
#page-today.kona-today-v2 #todayCheckins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;position:relative;min-height:0}
#page-today.kona-today-v2 #todayCheckins::before,#page-today.kona-today-v2 #todayCheckins::after{display:none!important}
#page-today.kona-today-v2 #todayCheckins .home-checkin{background:#F4F8FA!important;border:1px solid #E0EAEC!important;border-radius:11px!important;box-shadow:none!important;min-width:0!important;min-height:68px!important;padding:11px 7px!important;gap:4px!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;position:relative}
#page-today.kona-today-v2 #todayCheckins .home-checkin.is-current{background:#EAF3F9!important;border-color:#9CBED3!important;box-shadow:inset 0 0 0 1px #BAD2E1!important}
#page-today.kona-today-v2 #todayCheckins .home-checkin.is-done{background:#E8F1EE!important;border-color:#A6C6BD!important}
#page-today.kona-today-v2 #todayCheckins .home-checkin .journey-dot{display:none!important}
#page-today.kona-today-v2 #todayCheckins .home-checkin b{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:750!important;color:#355B71!important;white-space:nowrap}
#page-today.kona-today-v2 #todayCheckins .home-checkin small{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#77909A!important;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#page-today.kona-today-v2 #todayCheckins .home-checkin.is-done small{color:#4C7B72!important}
#page-today.kona-today-v2 .kona-reflect-shortcut{display:flex!important;width:100%;min-height:43px!important;align-items:center;justify-content:space-between;padding:7px 3px!important;margin:8px 0 1px!important;border-top:1px solid var(--kona-line)!important;border-bottom:0!important;background:transparent!important;color:#3E7C9C!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;letter-spacing:.05px}
#page-today.kona-today-v2 .kona-reflect-shortcut::after{font-size:calc((15px) * var(--kona-ui-scale,1))!important}
#page-today.kona-today-v2 .kona-plan-label{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:800;color:#738A96;letter-spacing:.07em;text-transform:uppercase;padding:10px 3px 3px;margin:0}
#page-today.kona-today-v2 #pageheadExtra{margin:0 0 7px!important;padding:0!important;min-height:44px}
#page-today.kona-today-v2 #pageheadExtra .tasks-overview{min-height:44px!important;display:flex;align-items:center}
#page-today.kona-today-v2 #pageheadExtra .task-fold{font-size:calc((13px) * var(--kona-ui-scale,1))!important;color:var(--kona-ink)!important;font-weight:750!important;min-height:44px}
#page-today.kona-today-v2 #pageheadExtra .task-add{min-height:44px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:var(--kona-wave)!important}
#page-today.kona-today-v2 #todayTaskCard{margin-bottom:9px!important}
#page-today.kona-today-v2>.tl-card{margin-top:0!important;margin-bottom:10px!important;padding:10px 12px 11px!important;border:1px solid var(--kona-line)!important;border-radius:13px!important;box-shadow:none!important;background:#FFFFFF!important}
#page-today.kona-today-v2>.tl-card .sectionhead{min-height:44px!important;margin:0 0 1px!important}
#page-today.kona-today-v2>.tl-card .sectionhead h2{font-size:calc((14px) * var(--kona-ui-scale,1))!important;color:var(--kona-ink);flex:1;min-width:0}
#page-today.kona-today-v2>.tl-card .sectionhead .right{display:flex;gap:7px;flex:0 0 auto;align-items:center;flex-wrap:nowrap!important}
#page-today.kona-today-v2 #quickAddEvent{min-height:44px!important;height:44px!important;min-width:78px!important;border-radius:10px!important;background:var(--kona-sea)!important;color:var(--kona-wave)!important;border:0;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:750}
#page-today.kona-today-v2 .kona-more{position:relative;display:flex;align-items:center}
#page-today.kona-today-v2 .kona-more>summary{min-height:44px;min-width:44px;display:grid;place-items:center;border:1px solid var(--kona-line);background:white;color:var(--kona-wave);border-radius:10px;cursor:pointer;font-size:calc((21px) * var(--kona-ui-scale,1));font-weight:650;list-style:none}
#page-today.kona-today-v2 .kona-more>summary::-webkit-details-marker{display:none}
#page-today.kona-today-v2 .kona-more-panel{position:absolute;right:0;top:47px;min-width:155px;display:flex;flex-direction:column;gap:3px;padding:6px;background:white;border:1px solid var(--kona-line);border-radius:11px;box-shadow:0 8px 24px #243F4726;z-index:70}
#page-today.kona-today-v2 .kona-more-panel button{height:auto;min-height:44px;width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#365969!important;background:transparent!important;border:0!important;padding:9px 10px!important}
#page-today.kona-today-v2 #kx-summary{padding:0!important;gap:3px!important}
#page-today.kona-today-v2 #kx-summary .kona-event-count{color:#84959D!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;margin:0 0 2px!important}
#page-today.kona-today-v2 #kx-summary .kona-event-visible{background:#F7FAFB!important;border-color:#E3EBED!important;min-height:44px;border-radius:9px!important;padding:9px 10px!important}
#page-today.kona-today-v2 #kx-summary .kona-event-visible small{color:#5B8295!important}
#page-today.kona-today-v2 #kx-summary .kona-event-visible span{color:#365461!important;font-weight:600}
#page-today.kona-today-v2 .kona-timeline-link{margin:4px 0 0;padding:0!important;display:flex;justify-content:flex-end;min-height:42px;align-items:center}
#page-today.kona-today-v2 #kx-timeline-toggle{border:0!important;min-height:42px!important;padding:7px 5px!important;background:transparent!important;color:var(--kona-wave)!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:750!important}
#page-today.kona-today-v2 #kx-timeline-toggle::after{content:' ↗'}
#page-today.kona-today-v2 #weekLecture{min-height:42px!important;max-width:100%;padding:8px 9px!important;margin:0 0 5px!important;background:transparent!important;border:0!important;border-top:1px solid var(--kona-line)!important;border-radius:0!important;gap:8px!important;box-shadow:none!important}
#page-today.kona-today-v2 #weekLecture .summary small{font-size:calc((11px) * var(--kona-ui-scale,1));color:#7B929E}
#page-today.kona-today-v2 #weekLecture .week-edit{min-height:40px!important;height:auto!important;color:var(--kona-wave)!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;white-space:normal;text-align:right}
#page-today.kona-today-v2 #weekLecture strong{font-size:calc((12px) * var(--kona-ui-scale,1))}
body:not(.kona-full-timeline-visible) #jumpTimelineNow{display:none!important}
body.kona-full-timeline-visible #jumpTimelineNow{display:block!important}
#page-today.kona-today-v2 .footer-note{font-size:calc((10px) * var(--kona-ui-scale,1))}
@media(max-width:355px){
#page-today.kona-today-v2 #qc-v2 .kx-chip{max-width:52%!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important}
#page-today.kona-today-v2 #todayCheckins{gap:5px}
#page-today.kona-today-v2 #todayCheckins .home-checkin{padding:10px 5px!important}
#page-today.kona-today-v2 #todayCheckins .home-checkin b{font-size:calc((11px) * var(--kona-ui-scale,1))!important}
#page-today.kona-today-v2 #quickAddEvent{min-width:68px!important}
#page-today.kona-today-v2 #pageheadExtra .task-fold{font-size:calc((12px) * var(--kona-ui-scale,1))!important}
}


/* kona-today-ux-20261025-v2 */

#page-today.kona-today-v2 #qc-v2 #qc-text{height:54px!important;min-height:54px!important;max-height:175px}
#page-today.kona-today-v2 #qc-v2 .qc-bottom{padding-top:2px!important;min-height:44px!important}
#page-today.kona-today-v2 #qc-v2 .qc-title{margin-bottom:5px!important}
#page-today.kona-today-v2 .kona-more:not([open])>.kona-more-panel{display:none!important}
#page-today.kona-today-v2 .kona-more[open]>.kona-more-panel{display:flex!important}
#page-today.kona-today-v2 .kona-more>summary:focus-visible,#page-today.kona-today-v2 .home-checkin:focus-visible{outline:2px solid #3E7C9C;outline-offset:2px}


/* kona-ux-four-fixes */

.task-important-control{min-height:48px;gap:12px;cursor:pointer}.task-important-control small{display:block;color:var(--sub);font-size:calc((11px) * var(--kona-ui-scale,1));margin-top:3px}.task-important-control input{width:22px;height:22px;accent-color:#315F8A;flex-shrink:0}.focus-summary{flex-wrap:wrap;gap:6px}#focusTotal{font-size:calc((11px) * var(--kona-ui-scale,1));overflow-wrap:anywhere}
.task-just-added{animation:konaTaskAdded 2s ease-out}@keyframes konaTaskAdded{from{background:#DCE9F2}to{background:transparent}}@media(prefers-reduced-motion:reduce){.task-just-added{animation:none}}


/* reflection-journey-style */

/* Reflection journey: compact context, comfortable touch targets, original palette. */
#page-records #new-reflect-page button,#page-records #new-reflect-page summary,#page-records .mini-btn,#page-records .review-backup button,#page-records .kx-archive-select select{min-height:44px}#page-records #new-reflect-page button,#page-records .kx-archive-select select{font-size:calc((13px) * var(--kona-ui-scale,1))}#page-records #new-reflect-page .rv-nav button{min-width:44px}
@media(max-width:340px){body:not(.focus-immersive) .pagehead{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}body:not(.focus-immersive) .pagehead .datecontrol{grid-column:1!important;grid-row:2!important;justify-self:end!important}}
.reflection-context,.weekly-records,.response-sources{border-top:1px solid #DCE5E8;margin:14px 0;padding:4px 0}.reflection-context>summary,.weekly-records>summary,.response-sources>summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:650;color:#315F71}.reflection-help{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.55;color:#526772}.reflection-saved-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:calc((14px) * var(--kona-ui-scale,1));margin:6px 0 14px}.response-source{border-left:2px solid #ACC4D4;padding:5px 0 6px 10px;margin:8px 0}.response-source p{font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.response-source small{font-size:calc((12px) * var(--kona-ui-scale,1));color:#526772}.archived-weekly-reflection{border-bottom:1px solid #DCE5E8;padding:4px 0 14px;margin-bottom:12px}.archived-weekly-reflection h3{font-size:calc((16px) * var(--kona-ui-scale,1))}.archived-weekly-reflection strong{font-size:calc((13px) * var(--kona-ui-scale,1))}.weekly-records .weekly-summary{white-space:pre-line}#new-reflect-page .rv-flower small{display:block!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.5;color:#526772;margin-top:7px}#new-reflect-page .rv-flower{flex-wrap:wrap}#new-reflect-page .rv-flower small{flex-basis:100%}#page-records button,#page-records select,#page-records summary,#page-checkin #lectureNoteReveal{min-height:44px}#page-records .rv-nav button{min-width:44px}#page-records button,#page-records select{font-size:calc((13px) * var(--kona-ui-scale,1))}#page-records .reflection-settings-link{font-size:calc((12px) * var(--kona-ui-scale,1))}#page-records .rv-read-more{min-height:44px}#page-records button:focus-visible,#page-records select:focus-visible,#page-records summary:focus-visible,.listening-tools button:focus-visible{outline:2px solid #315F8A;outline-offset:3px}.reflection-context textarea{font-size:calc((16px) * var(--kona-ui-scale,1))}.listening-tools{display:flex;align-items:center;gap:8px;padding:0 3px}.listening-tools p{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.5;color:#526772;flex:1}.listening-tools button{min-height:44px;background:transparent;border:0;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1));white-space:nowrap}.quiet-timer-message{text-align:center;font-size:calc((18px) * var(--kona-ui-scale,1));line-height:1.6;color:#315F71;margin:auto;padding:25px 5px}body.quiet-listening-timer #focusClock,body.quiet-listening-timer #timerProgress,body.quiet-listening-timer #focusDurations{display:none!important}.quiet-listening-timer .focus-clock-area{min-height:0!important}.focus-immersive .listening-tools{z-index:2;position:relative}.focus-immersive .listening-tools p{display:none}.focus-immersive .listening-tools button{color:#234F6C}.focus-immersive.quiet-listening-timer #quietTimerMessage{position:absolute;inset:30% 20px auto;margin:0;pointer-events:none}.weekly-response-review{margin-top:8px}@media(max-width:360px){.reflection-period-bar .reflection-settings-link{margin-left:0}#new-reflect-page .rv-head{gap:6px}.weekly-summary{font-size:calc((12px) * var(--kona-ui-scale,1))}}


/* review-calendar-overlap-fix */

/* Keep month navigation and calendar mode on separate rows to prevent collisions. */
#page-records .review-calendar-mode{position:static!important;margin:0 0 6px!important;pointer-events:auto!important}


/* week-view-mobile-fix */

/* Keep review week rows inside the phone width and give long notes their own readable line. */
#page-records .weekrow{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex-wrap:wrap;align-content:start;gap:3px 8px;padding:7px 0;overflow:hidden;text-align:left;background:transparent!important;border:0;border-bottom:1px solid #DDE6E0;border-radius:0;box-shadow:none!important}
#page-records .weekrow .d{line-height:calc((22px) * var(--kona-ui-scale,1))}
#page-records .weekrow .h{display:-webkit-box;flex:1 0 100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;font-size:calc((13px) * var(--kona-ui-scale,1))!important;line-height:1.4}
#page-records .calendar-toolbar #exportTxt{min-width:44px;min-height:44px;height:44px;padding:0 8px;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:650}


/* kona-review-polish-v1 */

.rv-save-feedback{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0 10px}.rv-save-status{font-size:calc((12px) * var(--kona-ui-scale,1));color:#456653;line-height:1.5}.rv-save-status:empty{display:none}#kona-archive-reflection-entry button{display:none!important}.rv-save-feedback button[hidden]{display:none!important}.archive-date-tools{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0}.archive-date-tools strong{font-size:calc((13px) * var(--kona-ui-scale,1))}.archive-date-tools button{min-height:44px;font-size:calc((12px) * var(--kona-ui-scale,1));border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 12px;color:#315F8A}.archive-reflection-link{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:calc((12px) * var(--kona-ui-scale,1));margin:0 0 10px}.archive-reflection-link button{min-height:44px;background:transparent;border:0;color:#315F8A;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650}#viewCal[hidden],#reflectionCollection[hidden],#reflectDay[hidden]{display:none!important}


/* kona-editorial-ui-v1 */

#page-today.kona-today-v2>.day-signature{border:0;border-bottom:1px solid #DCE5E8;border-radius:0;background:transparent;padding:5px 0 14px;margin-bottom:14px}#page-today.kona-today-v2 #dayHeadline{border-bottom:1px solid #CCD9DF!important;background:transparent!important;border-radius:0!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important}
#page-today.kona-today-v2 #qc-v2{border:0!important;border-bottom:1px solid #DCE5E8!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:6px 0 12px!important;margin-bottom:12px!important}#page-today.kona-today-v2 #qc-v2 .qc-title b{font-size:calc((16px) * var(--kona-ui-scale,1));color:#24485D;display:flex;align-items:center;gap:9px}#page-today.kona-today-v2 #qc-v2 .kx-chip{border-radius:99px!important;max-width:53%;font-size:calc((11px) * var(--kona-ui-scale,1))!important;min-height:40px!important}#page-today.kona-today-v2 #qc-v2 #qc-text{border:0!important;border-bottom:1px solid #91B3CC!important;border-radius:0!important;background:transparent!important;padding:12px 1px!important;line-height:1.5;font-size:calc((14px) * var(--kona-ui-scale,1))!important;height:62px!important;min-height:62px!important}#page-today.kona-today-v2 #qc-v2 #qc-submit{background:transparent!important;color:#245D87!important;border-radius:0!important;min-width:96px!important;padding:8px 0!important;font-weight:700}#page-today.kona-today-v2 #qc-v2 #qc-submit::after{content:' →'}
#page-today.kona-today-v2>.home-checkins{border-bottom:1px solid #DCE5E8!important;padding:6px 0 12px!important;margin-bottom:0!important}#page-today.kona-today-v2 #homeCheckinsTitle{font-size:calc((16px) * var(--kona-ui-scale,1));display:flex;align-items:center;gap:9px}#page-today.kona-today-v2 #todayCheckins{gap:0;padding:4px 0 0;isolation:isolate}#page-today.kona-today-v2 #todayCheckins::before{display:block!important;content:'';position:absolute;top:25px;left:16.666%;right:16.666%;height:2px;background:#C1D4DE;z-index:-1}#page-today.kona-today-v2 #todayCheckins .home-checkin,#page-today.kona-today-v2 #todayCheckins .home-checkin.is-current,#page-today.kona-today-v2 #todayCheckins .home-checkin.is-done{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;min-height:83px!important;padding:6px 2px!important;gap:4px!important}#page-today.kona-today-v2 #todayCheckins .home-checkin .journey-dot{display:flex!important;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;flex-shrink:0;border:2px solid #A4BDC9;border-radius:50%;background:var(--bg,#FAF7F2);color:white;box-shadow:none;margin:0 0 3px}#page-today.kona-today-v2 #todayCheckins .home-checkin.is-current .journey-dot{border-color:#417EAA;outline:2px solid #DCEAF3;outline-offset:3px}#page-today.kona-today-v2 #todayCheckins .home-checkin.is-done .journey-dot{background:#4D9694;border-color:#4D9694}#page-today.kona-today-v2 #todayCheckins .home-checkin small{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#5B7380!important}
#page-today.kona-today-v2 .kona-plan-label{display:none}#page-today.kona-today-v2 #pageheadExtra{border-bottom:1px solid #DCE5E8;padding:4px 0!important;margin:0!important}#page-today.kona-today-v2 #pageheadExtra .task-fold{font-size:calc((15px) * var(--kona-ui-scale,1))!important;display:flex;align-items:center;gap:8px}#page-today.kona-today-v2 #todayTaskCard{background:transparent;border:0;box-shadow:none;padding:6px 0}#page-today.kona-today-v2 #todayTaskCard .task-name{font-size:calc((14px) * var(--kona-ui-scale,1))}#page-today.kona-today-v2 .kona-reflect-shortcut{border-bottom:1px solid #DCE5E8!important;border-top:0!important;min-height:56px!important;font-size:calc((15px) * var(--kona-ui-scale,1))!important;padding:10px 0!important;margin:0!important;gap:9px;justify-content:flex-start}#page-today.kona-today-v2 .kona-reflect-shortcut::after{margin-left:auto}
#page-today.kona-today-v2 #weekLecture{padding:8px 0!important;margin:8px 0 0!important;border:0!important}#page-today.kona-today-v2>.tl-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 0!important;margin:0!important}#page-today.kona-today-v2>.tl-card .sectionhead h2{font-size:calc((16px) * var(--kona-ui-scale,1))!important;display:flex;align-items:center;gap:9px}#page-today.kona-today-v2 #quickAddEvent{min-width:52px!important;border-radius:0!important;background:transparent!important;padding:5px!important}#page-today.kona-today-v2 .kona-more>summary{border:0;background:transparent;min-width:36px}#page-today.kona-today-v2 #kx-timeline-toggle{min-width:0!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;white-space:nowrap}#page-today.kona-today-v2 #kx-timeline-toggle::after{content:''}#page-today.kona-today-v2 .kona-timeline-link:empty{display:none}#page-today.kona-today-v2 #kx-summary .kona-event-visible{position:relative;display:grid!important;grid-template-columns:88px 16px minmax(0,1fr);gap:10px;min-height:54px!important;background:transparent!important;border:0!important;border-bottom:1px solid #DCE5E8!important;border-radius:0!important;padding:8px 0!important;text-align:left}#page-today.kona-today-v2 #kx-summary .kona-event-visible::before{content:'';grid-column:2;grid-row:1;align-self:stretch;justify-self:center;width:1px;background:#B7D2E4}#page-today.kona-today-v2 #kx-summary .kona-event-visible::after{content:'';position:absolute;left:102px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#7CAACB}#page-today.kona-today-v2 #kx-summary .kona-event-visible small{grid-column:1;grid-row:1;font-size:calc((11px) * var(--kona-ui-scale,1))!important;min-width:0!important;white-space:normal}#page-today.kona-today-v2 #kx-summary .kona-event-visible span{grid-column:3;grid-row:1;font-size:calc((14px) * var(--kona-ui-scale,1))!important}
.editorial-section-icon{width:21px;height:21px;flex:0 0 21px;stroke:#4D819C;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#new-reflect-page>h3:first-of-type{padding:10px 0 13px;margin:0;font-size:calc((14px) * var(--kona-ui-scale,1));color:#315F71;border-bottom:1px solid #DCE5E8}#new-reflect-page .rv-timeline{padding-top:10px}#new-reflect-page .rv-timegroup{margin:0 0 12px;padding:0;border:0}#new-reflect-page .rv-timegroup>h4{margin:6px 0 10px;padding-left:0;font-size:calc((12px) * var(--kona-ui-scale,1));color:#566E7A}#new-reflect-page .rv-timegroup .rv-item[class*="rv-kind-"]{display:grid;grid-template-columns:40px 10px minmax(0,1fr);gap:8px;background:transparent!important;border:0!important;box-shadow:none;border-radius:0;padding:0!important;margin:0 0 12px!important;position:relative}#new-reflect-page .rv-entry-time{grid-column:1;grid-row:1;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#567080!important;padding-top:10px;font-variant-numeric:tabular-nums;overflow-wrap:normal}#new-reflect-page .rv-entry-rail{grid-column:2;grid-row:1;position:relative;width:2px;background:var(--entry-accent,#8BB2CC);margin:15px auto 0;align-self:stretch}#new-reflect-page .rv-entry-rail::before{content:'';position:absolute;top:-5px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--entry-accent,#8BB2CC)}#new-reflect-page .rv-entry-body{grid-column:3;grid-row:1;min-width:0;background:var(--entry-tint,#F0F5F8);border-radius:5px;padding:9px 11px;position:relative}#new-reflect-page .rv-entry-body>strong{display:block;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.45;padding-right:24px;color:#233F52}#new-reflect-page .rv-kind-label{display:inline-block;color:#315F71;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:700;margin:0 0 5px}#new-reflect-page .rv-missing-time{display:block;font-size:calc((11px) * var(--kona-ui-scale,1));color:#526E7A;margin-bottom:4px}#new-reflect-page .rv-entry-body p{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;color:#344D5C!important}#new-reflect-page .rv-note-preview:not(.rv-expanded){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}#new-reflect-page .rv-read-more{font-size:calc((12px) * var(--kona-ui-scale,1));color:#315F8A;min-height:40px;border:0;background:transparent;padding:5px 0}#new-reflect-page .rv-read-more[hidden]{display:none!important}#new-reflect-page .rv-entry-body .rv-mood-chip{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#344D5C}#new-reflect-page .rv-kind-mood,#new-reflect-page .rv-kind-checkin{--entry-tint:#F5F0FA;--entry-accent:#A795CA}#new-reflect-page .rv-kind-focus{--entry-tint:#EDF5FA;--entry-accent:#8DB8D8}#new-reflect-page .rv-kind-prayer{--entry-tint:#FAF0F4;--entry-accent:#CB9BAC}#new-reflect-page .rv-kind-devotion{--entry-tint:#F1F1FB;--entry-accent:#A6A2CF}#new-reflect-page .rv-kind-capture{--entry-tint:#FCF6E5;--entry-accent:#C7B079}#new-reflect-page .rv-kind-schedule{--entry-tint:#EFF7F2;--entry-accent:#91BBA6}#new-reflect-page .rv-kind-personal,#new-reflect-page .rv-kind-daily{--entry-tint:#F5F2ED;--entry-accent:#B3A58A}#new-reflect-page .rv-entry-menu{position:absolute;right:5px;top:4px}#new-reflect-page .rv-entry-menu>summary{list-style:none;cursor:pointer;min-width:40px;min-height:40px;display:grid;place-items:center;font-size:calc((20px) * var(--kona-ui-scale,1));color:#315F71}#new-reflect-page .rv-entry-menu>summary::-webkit-details-marker{display:none}#new-reflect-page .rv-entry-menu>.rv-controls{position:absolute;right:0;top:40px;z-index:10;min-width:110px;background:#fff;border:1px solid #D7E2E7;border-radius:8px;padding:5px;box-shadow:0 5px 15px #163D501A}#new-reflect-page .rv-entry-menu>.rv-controls button{display:block;min-height:44px;width:100%;background:transparent;color:#315F8A;border:0}#new-reflect-page .rv-entry-body textarea{width:100%;font-size:calc((14px) * var(--kona-ui-scale,1));min-height:130px}#new-reflect-page>.rv-label textarea{font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.5;min-height:86px}#new-reflect-page>h3{font-size:calc((17px) * var(--kona-ui-scale,1))}#new-reflect-page .rv-label{font-size:calc((13px) * var(--kona-ui-scale,1))}
@media(max-width:360px){#page-today.kona-today-v2>.tl-card .sectionhead{flex-wrap:wrap!important}#page-today.kona-today-v2>.tl-card .sectionhead h2{flex:1 0 100%}#page-today.kona-today-v2>.tl-card .sectionhead .right{margin-left:auto}#new-reflect-page .rv-timegroup .rv-item[class*="rv-kind-"]{grid-template-columns:34px 8px minmax(0,1fr);gap:6px}}


/* editorial-finishing */

#page-today.kona-today-v2 .sectionhead h2::after,#page-today.kona-today-v2 #weekLecture .summary small::after,#new-reflect-page .rv-timegroup>h4::before{display:none!important}#new-reflect-page .rv-timeline{padding-left:0}
@media(max-width:360px){#page-today.kona-today-v2 #qc-v2 .qc-title b{font-size:calc((15px) * var(--kona-ui-scale,1))}#page-today.kona-today-v2 #qc-v2 .kx-chip{max-width:48%!important}#page-today.kona-today-v2 #qc-v2 .qc-title{gap:6px}}


/* original-style-42 */
@media(max-width:360px){.app:has(#page-today.active) .brand-name,.app:has(#page-records.active) .brand-name{font-size:calc((20px) * var(--kona-ui-scale,1))!important}}

/* kona-weekly-reflection-v1 */

.reflection-period-bar{display:flex;align-items:center;gap:6px;margin:10px 0 12px;flex-wrap:wrap}.reflection-period-bar>button{min-height:44px;padding:8px 15px;border:1px solid #D8E4E8;border-radius:9px;background:transparent;color:#315F71;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:650}.reflection-period-bar>button[aria-pressed=true]{background:#E7F1F6;border-color:#9FBDCE;color:#234F6C}.reflection-period-bar .reflection-settings-link{margin-left:auto;font-size:calc((11px) * var(--kona-ui-scale,1));padding:6px 8px;border:0}.rv-session-duration{display:block;font-size:calc((12px) * var(--kona-ui-scale,1));color:#536A79;margin:3px 0 6px}.weekly-summary{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.55;margin:8px 0 15px;color:#456170}.weekly-day{border-bottom:1px solid #DCE5E8;padding:4px 0}.weekly-day>summary{cursor:pointer;min-height:44px;padding:10px 1px;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:650;color:#31546B}.weekly-day-body{padding:2px 10px 12px}.weekly-moment{border-left:2px solid #ACC4D4;padding:5px 0 7px 10px;margin:7px 0}.weekly-moment small{display:block;color:#536D7B;font-size:calc((11px) * var(--kona-ui-scale,1))}.weekly-moment p{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.weekly-moment strong{font-size:calc((13px) * var(--kona-ui-scale,1))}.weekly-day-body button{min-height:44px;border:0;background:transparent;color:#315F8A;font-size:calc((12px) * var(--kona-ui-scale,1));padding:5px 0}.weekly-daily-reflection{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.5;white-space:pre-wrap;color:#3C5868;margin:8px 0}.weekly-count{font-size:calc((12px) * var(--kona-ui-scale,1));color:#536D7B;margin-top:12px}.weekly-day-body .weekly-empty{font-size:calc((12px) * var(--kona-ui-scale,1));color:#647A85}.weekly-form-label{display:block;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:650;color:#31546B;margin:14px 0 6px}.weekly-form-label textarea{display:block;width:100%;min-height:90px;padding:10px;margin-top:7px;border:1px solid #D7E2E6;border-radius:9px;font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.5;color:#294651;background:white;resize:vertical}#weeklyReflectionSettingsModal select{min-height:44px}#weeklyReflectionSettingsModal .micro{line-height:1.55}#new-reflect-page .rv-head{flex-wrap:wrap}


/* capture-tabs-style */

body #page-today #konaReflectShortcut{display:none!important}#page-capture .headline-wrap{align-items:stretch!important}#page-capture .carry-label{text-align:left!important}#page-capture .day-signature{box-shadow:none!important;border-radius:0!important}#page-capture #qc-v2 .capture-link:not([open])>:not(summary){display:none!important}
#dock .tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;display:grid!important}#dock .tabs button{min-width:0;padding:6px 1px;font-size:calc((11px) * var(--kona-ui-scale,1));min-height:58px}#dock .tabs .navico{width:25px;height:25px}
#page-capture{padding-bottom:20px}#page-capture .day-signature{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-bottom:1px solid #DCE5E8;padding:6px 0 15px;margin:0 0 18px}#page-capture .headline-wrap{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}#page-capture .carry-label{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;color:#486777}#page-capture #dayHeadline{border:0!important;background:transparent!important;border-radius:0!important;width:100%;padding:5px 0!important;font-size:calc((15px) * var(--kona-ui-scale,1))!important;min-height:36px;line-height:1.5;color:#31546B}#page-capture #dayEmoji{background:transparent;border:0;flex-shrink:0}#page-capture #jumpCalendar,#page-capture #useSuggest{display:none!important}
#page-capture #qc-v2{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;margin:0!important}#page-capture #qc-v2 .qc-title{display:none!important}#page-capture #qc-text{display:block!important;width:100%;min-height:240px!important;height:clamp(240px,38dvh,420px)!important;resize:vertical;border:0!important;border-bottom:1px solid #A8C3D3!important;border-radius:0!important;background:transparent!important;padding:8px 0 14px!important;font-size:calc((16px) * var(--kona-ui-scale,1))!important;line-height:1.7!important;color:#294651}#page-capture #qc-text::placeholder{color:#617984;opacity:1}#page-capture #qc-v2 .qc-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0!important}#page-capture #qc-state{flex:1;font-size:calc((12px) * var(--kona-ui-scale,1));color:#526D7B;line-height:1.5}#page-capture #qc-state:empty{display:none}#page-capture #qc-v2 #qc-submit{margin-left:auto;min-height:46px;min-width:120px;padding:10px 18px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;border:0!important;border-radius:10px!important;background:#315F8A!important;color:white!important;font-weight:650}#page-capture #qc-submit::after{content:none!important}#page-capture #qc-view{min-height:44px;font-size:calc((13px) * var(--kona-ui-scale,1));color:#315F8A;background:transparent;border:0;padding:6px 0}#page-capture #qc-view[hidden]{display:none!important}
#page-capture .capture-link{margin:8px 0 0;border-top:1px solid #E0E7EA;padding:3px 0}#page-capture .capture-link summary{font-size:calc((12px) * var(--kona-ui-scale,1));color:#526D7B;min-height:44px;padding:12px 0;cursor:pointer}#page-capture #qc-v2 .capture-link #qc-select{display:block!important;width:100%;min-height:44px;font-size:calc((14px) * var(--kona-ui-scale,1));border:1px solid #D3E1E7;border-radius:8px;margin:4px 0 12px}#page-capture #qc-v2 .capture-link label{display:block!important;font-size:calc((12px) * var(--kona-ui-scale,1));color:#526D7B;margin-top:4px}#page-capture #qc-v2 .capture-link #kx-schedule{display:none!important}#page-capture .active-session-banner{font-size:calc((12px) * var(--kona-ui-scale,1));min-height:44px;margin:15px 0 0;padding:8px 10px;border-radius:7px}
#page-today>.home-checkins,#page-today>.kona-reflect-shortcut,#page-today>#konaPlanLabel,#morningTaskCard{display:none!important}#page-today>#storageNote{font-size:calc((11px) * var(--kona-ui-scale,1))}#page-today .kona-plan-heading{margin:5px 0 12px;font-size:calc((18px) * var(--kona-ui-scale,1));color:#31546B}#page-schedule #backFromManage{font-size:calc((13px) * var(--kona-ui-scale,1))}#page-capture button:focus-visible,#page-capture summary:focus-visible,#page-capture textarea:focus-visible,#page-capture input:focus-visible{outline:2px solid #315F8A;outline-offset:3px}
@media(max-width:360px){#dock .tabs button{font-size:calc((10px) * var(--kona-ui-scale,1))}#page-capture #qc-text{min-height:220px!important}#page-capture .day-signature{margin-bottom:12px}}


/* selected-capture-checkin-ui */

/* Selected visual: Capture A + compact check-in C; existing brand/navigation retained. */
body #page-capture .day-signature{align-items:center!important;padding:12px 0 18px!important;margin-bottom:20px!important;gap:12px!important}body #page-capture .headline-wrap{gap:4px!important}body #page-capture .carry-label{font-size:calc((13px) * var(--kona-ui-scale,1))!important;color:#315F71!important;font-weight:700}body #page-capture #dayHeadline{font-size:calc((16px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;min-height:54px!important;height:auto!important;padding:3px 0!important;resize:none!important;overflow:hidden!important;font-weight:400!important;white-space:pre-wrap}body #page-capture #dayEmoji{width:40px;height:44px;display:grid;place-items:center;padding:0}body #page-capture #dayEmoji img{width:34px;height:34px;object-fit:contain}.carry-edit{min-width:40px;min-height:44px;border:0;background:transparent;display:grid;place-items:center}.carry-edit img{width:19px;height:19px;opacity:.7}
body #page-capture #captureComposerHeading{display:block!important;font-size:calc((22px) * var(--kona-ui-scale,1));font-weight:750;line-height:1.25;color:#24485D;margin:0 0 8px}#captureComposerDescription{font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.55;color:#5C7380;margin:0 0 16px}body #page-capture #qc-text{border:1px solid #CFDCE3!important;background:#fff!important;border-radius:9px!important;font-size:calc((16px) * var(--kona-ui-scale,1))!important;line-height:1.55!important;height:172px!important;min-height:140px!important;max-height:none!important;padding:12px!important;resize:vertical!important}#captureMicHelp{display:flex;align-items:center;gap:8px;font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.5;color:#617983;margin:9px 0 18px}#captureMicHelp img{width:16px;height:16px;opacity:.65}body #page-capture #qc-v2 .qc-bottom{border-top:1px solid #DCE5E8;padding:10px 0!important;margin-top:0;flex-wrap:wrap;align-items:center!important}body #page-capture #qc-v2 .capture-link{margin:0!important;padding:0!important;border:0!important;flex:1;min-width:0}body #page-capture #qc-v2 .capture-link summary{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.4;min-height:44px;padding:12px 2px;color:#315F8A;white-space:normal}body #page-capture #qc-v2 #qc-submit{min-width:104px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;padding:10px 14px!important;margin:0!important}body #page-capture #qc-state{display:block;flex-basis:100%;order:3}body #page-capture #qc-state:empty{display:none}body #page-capture #qc-v2 .capture-link[open]{flex-basis:100%;order:2}
body #page-checkin .phases{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;position:relative;padding:9px 0 16px!important;margin:0 0 16px!important;border-bottom:1px solid #DCE5E8;isolation:isolate}body #page-checkin .phases::before{left:16.666%!important;right:16.666%!important;top:22px!important;height:1px;background:#BACFD9;z-index:-1}body #page-checkin .phases [data-phase="night"]{display:none!important}body #page-checkin .phases button{min-height:54px!important;gap:7px!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;padding:0!important;border:0!important;background:transparent!important}body #page-checkin .phases small{font-size:calc((13px) * var(--kona-ui-scale,1))!important}body #page-checkin .phases .phase-node{width:22px!important;height:22px!important;background:#FAF7F2!important;border:1.5px solid #AAC2CE!important}body #page-checkin .phases button.active .phase-node{border:6px solid #477FA8!important;background:#fff!important;outline:2px solid #CDDFEB;outline-offset:1px}body #page-checkin .phases button.active small{color:#315F8A!important;font-weight:750}#checkFlowHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px}#checkFlowHeading h2{font-size:calc((20px) * var(--kona-ui-scale,1));line-height:1.3;color:#24485D;margin:0}#checkFlowHeading #checkState{font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.4;max-width:45%;text-align:right;color:#587A79}
body #page-checkin #moodCard,body #page-checkin #generalNoteCard,body #page-checkin #lectureNoteCard{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important}body #page-checkin #moodCard>.sectionhead,body #page-checkin #moodBanner,body #page-checkin #moodCard .mood-axis,body #page-checkin #changeMoodBtn,body #page-checkin #lectureNoteReveal,body #page-checkin #checkWindow,body #page-checkin #checkPrayer{display:none!important}body #page-checkin #moodGrid{display:block!important;margin:0!important;padding:0!important}body #page-checkin .compact-mood-question{font-size:calc((15px) * var(--kona-ui-scale,1));color:#476B7D;margin:0 0 14px}body #page-checkin .compact-scale{margin:0 0 18px}body #page-checkin .compact-scale-label{font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:650;color:#31546B;margin:0 0 8px}body #page-checkin .compact-scale-buttons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}body #page-checkin .compact-scale-choice{width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;margin:auto!important;border:1px solid #B8CBD5!important;border-radius:50%!important;background:transparent!important;color:#3C5868!important;padding:0!important;display:grid!important;place-items:center!important;font-size:calc((19px) * var(--kona-ui-scale,1))!important;font-weight:500!important}body #page-checkin .compact-scale-choice img{width:25px;height:25px;opacity:.75}body #page-checkin .compact-scale-choice[aria-pressed="true"]{background:#6092B8!important;border-color:#6092B8!important;color:#fff!important}body #page-checkin .compact-scale-choice[aria-pressed="true"] img{filter:brightness(0) invert(1);opacity:1}#morningPrayerPrompt{display:grid;grid-template-columns:34px 1fr;gap:6px 10px;padding:14px;border:1px solid #D5E1E7;border-radius:9px;background:#fff;margin:4px 0 20px}#morningPrayerPrompt[hidden]{display:none!important}#morningPrayerPrompt>img{width:32px;height:32px;object-fit:contain}#morningPrayerPrompt h3{font-size:calc((15px) * var(--kona-ui-scale,1));line-height:1.4;margin:0 0 3px;color:#31546B}#morningPrayerPrompt p{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.5;margin:0;color:#607986}#morningPrayerPrompt button{grid-column:1/-1;min-height:44px;border:0;border-radius:8px;background:#315F8A;color:white;font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:650;margin-top:5px}.compact-scale-ends{display:flex;justify-content:space-between;font-size:calc((11px) * var(--kona-ui-scale,1));color:#637B88;margin-top:6px;padding:0 10px}
body #page-checkin #generalNoteCard{border-top:1px solid #DCE5E8!important;padding-top:16px!important;margin-top:5px!important}body #page-checkin #generalNoteTitle{font-size:calc((14px) * var(--kona-ui-scale,1))!important;color:#315F71!important;margin:0 0 8px!important}body #page-checkin #checkNote{height:95px!important;min-height:95px!important;max-height:none!important;background:#F0EEEA!important;border:0!important;border-radius:9px!important;font-size:calc((15px) * var(--kona-ui-scale,1))!important;line-height:1.55!important;padding:12px!important}body #page-checkin .recorded-time-row{display:none!important}#checkTimeDetails{margin:8px 0 16px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#607986}#checkTimeDetails summary{min-height:44px;cursor:pointer;padding:12px 0}body #page-checkin #checkTimeDetails .recorded-time-row{display:flex!important;margin:0 0 8px}#checkFlowRetry{min-height:44px;border:0;background:transparent;color:#315F8A;font-size:calc((12px) * var(--kona-ui-scale,1))}#checkFlowRetry[hidden]{display:none!important}
body #page-checkin #lectureNoteCard>.sectionhead{display:none!important}body #page-checkin #lectureNoteCard .label,body #page-checkin #classContextLabel{font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:650!important;color:#31546B!important;margin:14px 0 7px!important}body #page-checkin #lectureNoteCard textarea{min-height:100px!important;font-size:calc((15px) * var(--kona-ui-scale,1))!important;line-height:1.55!important;padding:11px!important;border:1px solid #D3DFE5!important;border-radius:8px!important;background:#fff!important}body #page-checkin #lectureLinks:empty{display:none}body #page-checkin #lectureLinks .micro{display:none}body #page-checkin #classReviewContext{min-height:44px;font-size:calc((14px) * var(--kona-ui-scale,1));padding:10px;background:#fff;border:1px solid #D3DFE5;border-radius:8px}#classActionLabel{display:block;font-size:calc((14px) * var(--kona-ui-scale,1));color:#31546B;font-weight:650;margin:17px 0 7px}body #page-checkin .lecture-action{display:flex;flex-wrap:wrap;gap:8px}body #page-checkin #lectureAction{min-height:44px;font-size:calc((14px) * var(--kona-ui-scale,1));padding:10px;flex:1 0 100%;border:1px solid #D3DFE5;border-radius:8px}body #page-checkin #addLectureTask{min-height:44px;font-size:calc((13px) * var(--kona-ui-scale,1));margin-left:auto;background:#E8F1F8!important;color:#315F8A!important;padding:8px 15px!important}#legacyMiddayCheckin{margin-top:18px;border-top:1px solid #DCE5E8;padding:5px 0}#legacyMiddayCheckin summary{min-height:44px;padding:12px 0;font-size:calc((12px) * var(--kona-ui-scale,1));color:#607986;cursor:pointer}#legacyMiddayMood{font-size:calc((12px) * var(--kona-ui-scale,1));color:#607986}#new-reflect-page .rv-kind-class-review{--entry-tint:#EEF4FA;--entry-accent:#89AFCB}body #page-checkin .compact-scale-choice:focus-visible{outline:2px solid #315F8A;outline-offset:3px}body #page-checkin #lectureNoteCard.hidden{display:none!important}@media(max-width:350px){body #page-checkin .compact-scale-buttons{gap:3px}body #page-capture #captureComposerHeading{font-size:calc((20px) * var(--kona-ui-scale,1))}body #page-capture #qc-v2 #qc-submit{min-width:92px!important}}


/* compact-density-restoration */

/* Restore the established compact rhythm; functions and records stay intact. */
body #page-capture .day-signature{padding:4px 0 10px!important;margin-bottom:12px!important;gap:8px!important}
body #page-capture .carry-label{font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body #page-capture #dayHeadline{font-size:calc((14px) * var(--kona-ui-scale,1))!important;min-height:32px!important;line-height:1.4!important}
body #page-capture #dayEmoji img{width:26px;height:26px}
body #page-capture #captureComposerHeading{font-size:calc((17px) * var(--kona-ui-scale,1))!important;margin:0 0 8px!important}
#captureComposerDescription{display:none}
body #page-capture #qc-text{height:104px!important;min-height:104px!important;padding:10px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;border-radius:7px!important}
#captureMicHelp{font-size:calc((11px) * var(--kona-ui-scale,1));margin:5px 0 8px;gap:5px}
body #page-capture #qc-v2 .qc-bottom{padding:4px 0!important}
body #page-capture #qc-v2 #qc-submit{font-size:calc((13px) * var(--kona-ui-scale,1))!important;min-width:88px!important;padding:8px 12px!important;min-height:44px!important}
body #page-checkin .phases{padding:4px 0 8px!important;margin-bottom:10px!important}
body #page-checkin .phases::before{top:17px!important}
body #page-checkin .phases button{min-height:48px!important;gap:5px!important}
body #page-checkin .phases small{font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#checkFlowHeading{margin-bottom:10px}
#checkFlowHeading h2{font-size:calc((17px) * var(--kona-ui-scale,1))}
#checkFlowHeading #checkState{font-size:calc((10px) * var(--kona-ui-scale,1))}
#morningPrayerPrompt{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0 10px;margin:0 0 12px;background:transparent;border:0;border-bottom:1px solid #DCE5E8;border-radius:0}
#morningPrayerPrompt>img{width:24px;height:24px}
#morningPrayerPrompt h3{font-size:calc((13px) * var(--kona-ui-scale,1));margin:0}
#morningPrayerPrompt p{display:none}
#morningPrayerPrompt button{grid-column:auto;font-size:calc((12px) * var(--kona-ui-scale,1));padding:8px 12px;margin:0;min-height:44px;border-radius:6px}
body #page-checkin .compact-mood-question{display:none}
body #page-checkin .compact-scale{margin-bottom:10px}
body #page-checkin .compact-scale-label{font-size:calc((13px) * var(--kona-ui-scale,1));margin-bottom:5px}
body #page-checkin .compact-scale-choice{font-size:calc((17px) * var(--kona-ui-scale,1))!important}
.compact-scale-ends{margin-top:3px;font-size:calc((10px) * var(--kona-ui-scale,1))}
body #page-checkin #generalNoteCard{padding-top:10px!important;margin-top:3px!important}
body #page-checkin #generalNoteTitle{font-size:calc((13px) * var(--kona-ui-scale,1))!important;margin-bottom:6px!important}
body #page-checkin #checkNote{height:68px!important;min-height:68px!important;padding:9px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;border-radius:7px!important}
#checkTimeDetails{margin:3px 0 8px;font-size:calc((11px) * var(--kona-ui-scale,1))}
body #page-checkin #lectureNoteCard .label,body #page-checkin #classContextLabel{font-size:calc((13px) * var(--kona-ui-scale,1))!important;margin:9px 0 5px!important}
body #page-checkin #lectureNoteCard textarea{height:66px!important;min-height:66px!important;padding:8px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.45!important}
body #page-checkin #classReviewContext{padding:8px;font-size:calc((13px) * var(--kona-ui-scale,1))}
#classActionLabel{font-size:calc((13px) * var(--kona-ui-scale,1));margin:10px 0 5px}
body #page-checkin .lecture-action{flex-wrap:nowrap;gap:6px}
body #page-checkin #lectureAction{flex:1 1 auto;min-width:0;font-size:calc((13px) * var(--kona-ui-scale,1));padding:8px}
body #page-checkin #addLectureTask{flex:0 0 auto;font-size:calc((12px) * var(--kona-ui-scale,1));padding:8px 10px!important}
body #page-checkin #lectureTaskLinks button{font-size:calc((12px) * var(--kona-ui-scale,1));border:0;background:transparent;padding:8px 0;min-height:44px;text-align:left}


/* compact-final-polish */

#morningPrayerPrompt{display:block;padding:0 0 9px;margin-bottom:10px}
#morningPrayerPrompt button{display:inline-flex;align-items:center;gap:8px;background:#E8F1F8;color:#315F71;border:0;padding:8px 12px;min-height:44px;font-size:calc((13px) * var(--kona-ui-scale,1))}
#morningPrayerPrompt button img{width:22px;height:22px;object-fit:contain}
body #page-checkin .compact-scale-choice[data-dimension="energy"][aria-pressed="true"]{background:var(--energy-selected)!important;color:#263F50!important;border-color:#6A8798!important;box-shadow:0 0 0 2px #6A879833}
body #page-checkin #lectureTaskLinks button{border:0!important;box-shadow:none!important;outline:none;background:transparent!important;color:#315F71!important;font-weight:500}
body #page-checkin #lectureTaskLinks button:focus-visible{outline:2px solid #6A98C6;outline-offset:2px;border-radius:4px}
#new-reflect-page .rv-entry-body .rv-read-more{display:block;margin:4px 0 0;min-height:44px;text-align:left}
#new-reflect-page .rv-entry-body .rv-mood-chip{display:block;margin:2px 0 0!important;line-height:1.5;font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:500!important}


/* reflect-quiet-density */

/* Keep reading and reflection primary; metadata remains available on demand. */
#new-reflect-page .rv-entry-body p{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;margin:5px 0!important}
#new-reflect-page .rv-entry-body>strong{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:600}
#new-reflect-page .rv-entry-body{padding:8px 10px}
#new-reflect-page .rv-entry-body .rv-note-preview:not(.rv-expanded){-webkit-line-clamp:10}
#new-reflect-page .rv-entry-body .rv-read-more{font-size:calc((11px) * var(--kona-ui-scale,1));min-height:44px;padding:4px 0;margin:0}
#new-reflect-page .rv-missing-time{display:none}
#new-reflect-page .rv-timegroup>h4{font-size:calc((11px) * var(--kona-ui-scale,1));margin:5px 0 7px}
#new-reflect-page .rv-moment-count{font-size:calc((12px) * var(--kona-ui-scale,1))!important;padding:7px 0 9px!important}
#new-reflect-page .rv-writing-heading{font-size:calc((15px) * var(--kona-ui-scale,1))!important;margin:12px 0 5px}
#new-reflect-page .rv-label{font-size:calc((12px) * var(--kona-ui-scale,1))!important;margin-top:8px}
#new-reflect-page .rv-label textarea,#new-reflect-page .weekly-form-label textarea,#new-reflect-page .reflection-context textarea{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;padding:9px!important;min-height:64px!important;font-weight:400!important}
#new-reflect-page .weekly-moment p,#new-reflect-page .reflection-saved-text,#new-reflect-page .response-source p{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.5!important}
#new-reflect-page .rv-save-feedback{font-size:calc((10px) * var(--kona-ui-scale,1))!important;margin:2px 0 6px;color:#607986}
#new-reflect-page .rv-save-status{font-size:calc((10px) * var(--kona-ui-scale,1))!important;font-weight:400}
#new-reflect-page .rv-record-details{margin:0;font-size:calc((11px) * var(--kona-ui-scale,1));color:#607986}
#new-reflect-page .rv-record-details>summary{min-height:44px;padding:12px 0;cursor:pointer;list-style-position:inside}
#new-reflect-page .rv-collection-details{border-top:1px solid #DCE5E8;margin-top:10px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#607986}
#new-reflect-page .rv-collection-details>summary{min-height:44px;padding:12px 0;cursor:pointer}
#new-reflect-page .rv-collection-details .rv-flower{margin:0 0 8px}
#new-reflect-page .reflection-context{margin:7px 0;padding:0}
#new-reflect-page .reflection-context>summary{font-size:calc((12px) * var(--kona-ui-scale,1))}


/* note-label-quiet */
body #page-capture #captureComposerHeading{display:none!important}

body #page-capture .day-signature{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:6px!important;padding:7px 9px!important;margin:0 0 10px!important;background:#F3F6F3!important;border:1px solid #E2E9E4!important;border-radius:12px!important}
body #page-capture .headline-wrap{gap:2px!important;min-width:0}
body #page-capture .carry-label{margin-right:auto;font-family:var(--font-ui)!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:650!important;color:#3F5B4D!important;line-height:1.3}
body #page-capture #dayHeadline{min-height:38px!important;padding:2px 0!important;border:0!important;background:transparent!important;font-size:calc((15px) * var(--kona-ui-scale,1))!important;line-height:1.45!important;color:#294651!important}
body #page-capture #dayEmoji{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important}
body #page-capture #dayEmoji img{width:28px!important;height:28px!important}
body #page-capture .carry-edit{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:9px}
body #page-capture .carry-edit img{width:17px;height:17px}
body #page-capture #qc-v2 .qc-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:6px 10px!important;padding:8px 0!important}
body #page-capture #qc-state{grid-column:1!important;grid-row:1!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;min-width:0;overflow-wrap:anywhere}
body #page-capture #qc-view{grid-column:2!important;grid-row:1!important;display:inline-flex;align-items:center;justify-content:flex-end;min-width:44px;min-height:44px;padding:4px 0;border:0;background:transparent;color:#315F71;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}
body #page-capture #qc-view[hidden]{display:none!important}
body #page-capture #qc-v2 .capture-link{grid-column:1!important;grid-row:2!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
body #page-capture #qc-v2 .capture-link summary{min-height:44px!important;padding:10px 0!important}
body #page-capture #qc-v2 #qc-submit{grid-column:2!important;grid-row:2!important;justify-self:end!important;display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#4F8062!important;color:transparent!important;font-size:calc((0) * var(--kona-ui-scale,1))!important;line-height:0!important;box-shadow:none!important;position:relative}
body #page-capture #qc-v2 #qc-submit::before{content:"";width:11px;height:6px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
body #page-capture #qc-v2 #qc-submit:disabled{background:#C8D2CB!important;cursor:not-allowed;opacity:.72}
body #page-capture #qc-v2 #qc-submit:disabled::before{opacity:.68}
body #page-capture #qc-v2 #qc-submit:not(:disabled):hover{background:#3F6D51!important}
body #page-capture #qc-v2 #qc-submit:focus-visible{outline:2px solid #315F71!important;outline-offset:3px}
.app:has(#page-records.active.reflect-open) .pagehead .datecontrol{display:none!important}
#new-review-switch{gap:4px!important;padding:3px!important;margin:4px 0 7px!important}
#new-review-switch button{min-width:44px!important;min-height:44px!important;border-radius:8px!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important}
#new-review-switch button[aria-pressed="true"]{background:#E6F0EA!important;color:#285D4D!important;box-shadow:inset 0 0 0 1px #AFC8B6!important}
#new-review-switch button:focus-visible,.reflection-period-bar>button:focus-visible,#new-reflect-page .rv-nav button:focus-visible{outline:2px solid #487F6C!important;outline-offset:2px}
#new-reflect-page .reflection-period-bar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;align-items:center!important;gap:4px!important;margin:4px 0 7px!important}
#new-reflect-page .reflection-period-bar>button{min-width:44px!important;min-height:44px!important;padding:7px 10px!important}
#new-reflect-page .reflection-period-bar .reflection-settings-link{margin:0!important;padding:6px 8px!important;white-space:nowrap}
#new-reflect-page .rv-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:0 8px!important;margin:0 0 8px!important}
#new-reflect-page .rv-head-title{grid-column:1!important;grid-row:1/3!important;min-width:0}
#new-reflect-page .rv-head-title h2{margin:0!important;font-size:calc((17px) * var(--kona-ui-scale,1))!important;line-height:1.3!important}
#new-reflect-page .rv-head-title>small{display:block;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#5D7168!important;white-space:nowrap}
#new-reflect-page .rv-head .rv-nav{grid-column:2!important;grid-row:1/3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;margin:0!important}
#new-reflect-page .rv-head .rv-nav button{min-width:44px!important;min-height:44px!important;padding:6px 10px!important}
#new-reflect-page .rv-moment-count{margin:3px 0!important;padding:3px 0 5px!important}
#new-reflect-page .rv-empty-guidance{margin:0 0 7px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.45!important;color:#536B5F!important}
#new-reflect-page .rv-done-reason{display:block;flex:1 1 100%;font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.4;color:#5D7168}
#new-reflect-page .rv-done-reason[hidden]{display:none!important}
#new-reflect-page .rv-done:disabled{opacity:.72!important;filter:none!important;color:#586D61!important;background:#EEF1ED!important}
#new-reflect-page .rv-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px!important}
#new-reflect-page .rv-done{min-height:44px!important}
#new-reflect-page .rv-save-status{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#3F6652!important}
#new-reflect-page textarea:focus-visible{outline:2px solid #487F6C!important;outline-offset:2px}
@media(max-width:340px){#new-reflect-page .reflection-period-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}#new-reflect-page .reflection-period-bar .reflection-settings-link{grid-column:1/-1;justify-self:end;min-height:44px!important}}
.pagehead{grid-template-columns:minmax(0,1fr) 44px auto!important}
.pagehead .app-settings-shortcut{grid-column:2!important;grid-row:1!important;display:inline-grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#315F71;font-size:calc((18px) * var(--kona-ui-scale,1))}
.pagehead .app-settings-shortcut:focus-visible{outline:2px solid #487F6C;outline-offset:2px}
.pagehead .datecontrol{grid-column:3!important}
@media(max-width:410px){.pagehead{grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important}.pagehead .datecontrol{grid-column:1!important;grid-row:2!important;justify-self:end!important}.pagehead .app-settings-shortcut{grid-column:2!important;grid-row:2!important;justify-self:end!important}}
@media(max-width:410px){.app:has(#page-records.active.reflect-open) .pagehead{grid-template-rows:auto!important}.app:has(#page-records.active.reflect-open) .pagehead .app-settings-shortcut{grid-row:1!important}}
#page-checkin .class-notes-shortcut{display:inline-flex;align-items:center;justify-content:flex-start;min-width:44px;min-height:44px;margin:0 0 6px;padding:8px 4px;border:0;background:transparent;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;text-decoration:underline;text-underline-offset:3px}
#page-checkin .class-notes-shortcut:focus-visible{outline:2px solid #487F6C;outline-offset:2px}
#page-records #kx-settings .app-settings-back{min-width:44px;min-height:44px;padding:8px 10px;border:0;background:transparent;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650}
#page-records #kx-settings .app-settings-back:focus-visible{outline:2px solid #487F6C;outline-offset:2px}
#page-records .qc-record-target{background:#EAF2E9;border-radius:8px;box-shadow:0 0 0 3px #B5CEB8;scroll-margin-block:35vh}
#page-records .qc-record-target:focus{outline:2px solid #487F6C;outline-offset:3px}

:root{--ink:#294651;--sub:#536B5F;--faint:#536B5F}
.app{color:#294651}
input[type="text"],input[type="search"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input:not([type]),textarea{font-family:'Pretendard',var(--font-ui),sans-serif!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;color:#294651}
input::placeholder,textarea::placeholder{color:#64776D;opacity:1}
#pageTitle,.page-title,h1{font-size:calc((18px) * var(--kona-ui-scale,1))!important;color:#294651}
.sectionhead h2,.note-title,.calendar-toolbar strong,.endday-head h2,#new-reflect-page h2{font-size:calc((17px) * var(--kona-ui-scale,1))!important;color:#294651}
.app label,.app .label,.app .micro,.app small{color:#536B5F}
.app label,.app .label{font-size:calc((12px) * var(--kona-ui-scale,1))}
.app .micro,.app .small{font-size:calc((12px) * var(--kona-ui-scale,1))}
.pagehead .relative-day,.pagehead .datebox span{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#294651}
#dock .tabs button{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important}
#dock .tabs button.active{background:#E7F0E9!important;color:#285D4D!important}
#dock .tabs button:focus-visible{outline:2px solid #487F6C;outline-offset:2px}
#new-review-switch button.on,#new-review-switch button[aria-pressed="true"],#page-records .review-nav button.active{background:#E7F0E9!important;border-color:#A8C6B1!important;color:#285D4D!important}

#page-capture #qc-v2{display:flex;flex-direction:column;gap:0;margin:5px 0 12px!important;padding:10px 12px 8px!important;border:1px solid #DCE5DE!important;border-radius:13px!important;background:#FFF!important;box-shadow:0 2px 8px #294c3708!important}
#page-capture #qc-v2 .day-signature{order:0;display:flex;align-items:center;gap:7px;min-height:44px;margin:0 0 8px!important;padding:0 0 5px!important;border:0!important;border-bottom:1px solid #E4E9E3!important;border-radius:0!important;background:transparent!important}
#page-capture #qc-v2 .carry-label{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:600!important;color:#536B5F!important}
#page-capture #qc-v2 #dayHeadline{min-height:38px!important;height:auto!important;max-height:none!important;padding:2px 0!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.45!important;color:#294651!important}
#page-capture #qc-v2 #dayEmoji{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
#page-capture #qc-v2 #dayEmoji img{width:20px!important;height:20px!important;object-fit:contain}
#page-capture #qc-v2 .carry-edit{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
#page-capture #captureComposerHeading{order:1;margin:0 0 4px!important;font-size:calc((16px) * var(--kona-ui-scale,1))!important;line-height:1.3;color:#294651}
#page-capture #captureComposerDescription{display:none!important}
#page-capture #qc-v2 #qc-text{order:2;box-sizing:border-box;width:100%;min-height:104px!important;height:auto!important;max-height:240px;padding:9px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.55!important;color:#294651!important;resize:vertical}
#page-capture #captureMicHelp{order:3;margin:3px 0 0!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#536B5F}
#page-capture #qc-v2 .qc-bottom{order:4;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;gap:2px 8px!important;padding:4px 0 0!important}
#page-capture #qc-v2 #qc-state{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#536B5F!important}
#page-capture #qc-v2 #qc-view{min-height:44px!important;color:#315F71!important}
#page-capture #qc-v2 .capture-link summary{font-size:calc((12px) * var(--kona-ui-scale,1));color:#315F71}
#page-capture #qc-v2 #qc-submit{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;background:#4F8062!important;color:transparent!important;font-size:calc((0) * var(--kona-ui-scale,1))!important;padding:0!important}
#page-capture #qc-v2 #qc-submit::before{content:"";width:11px;height:6px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
#page-capture #qc-v2 .capture-link{padding:0!important;border:0!important}
#page-capture #qc-v2 .capture-link summary{min-height:44px!important;padding:10px 0!important}

#checkFlowHeading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:0 8px;margin:2px 0 5px}
#checkFlowHeading h2{grid-column:1;grid-row:1;margin:0;font-size:calc((18px) * var(--kona-ui-scale,1));line-height:1.25;color:#294651}
#checkFlowHeading #checkState{grid-column:1;grid-row:2;min-height:0;margin:2px 0 0;font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.3;color:#536B5F}
#page-checkin .class-notes-shortcut{grid-column:2;grid-row:1/3;justify-self:end;min-width:44px;min-height:44px;margin:0;padding:6px 8px;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap;text-decoration:none}
#page-checkin .class-notes-shortcut[hidden]{display:none!important}
#page-checkin #lectureNoteCard .class-note-field,#page-checkin #lectureNoteCard textarea,#page-checkin #lectureNoteCard input{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important}

#page-today #todayTaskCard{margin:2px 0 5px!important;padding:0!important}
#page-today #pageheadExtra{gap:0!important;margin-bottom:3px!important}
#page-today #weekLecture{margin:0!important;padding:2px 0!important;min-height:28px!important}
#page-today #weekLecture .summary{gap:6px!important}
#page-today #weekLecture .summary small{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#536B5F!important}
#page-today #weekLecture .summary strong{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#294651!important}
#page-today #weekLecture .week-edit{min-width:44px!important;min-height:44px!important;width:auto!important;max-width:150px;padding:4px 6px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.2;white-space:normal!important;text-align:right}
#page-today .tasks-overview{min-height:38px!important}
#page-today .timeline-hours{width:36px!important}
#page-today .time-grid{inset-inline-start:36px!important}
#page-today .eventblock .eventtitle .t,#page-today .timeline-hours div{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;line-height:1.3!important;color:#536B5F!important;letter-spacing:0!important}
#page-today .eventblock.is-current .eventtitle .t{color:inherit!important}

#new-reflect-page .reflection-period-bar .reflection-settings-link{display:inline-grid!important;place-items:center;width:44px;min-width:44px!important;height:44px;min-height:44px!important;padding:0!important;border-radius:50%!important;background:transparent!important;color:#315F71!important;font-size:calc((17px) * var(--kona-ui-scale,1))!important}
#new-reflect-page .reflection-period-bar .reflection-settings-link:focus-visible{outline:2px solid #487F6C;outline-offset:2px}
#new-reflect-page .rv-head{grid-template-columns:minmax(0,1fr) auto!important}
#new-reflect-page .rv-head-title{min-width:0;max-width:100%}
#new-reflect-page .rv-head-title h2{font-size:calc((17px) * var(--kona-ui-scale,1))!important;overflow-wrap:anywhere}
#new-reflect-page .rv-selected-period{display:block;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.35;color:#536B5F!important}
#new-reflect-page textarea,#new-reflect-page .rv-label textarea,#new-reflect-page .weekly-form-label textarea,#new-reflect-page .reflection-context textarea{font-family:'Pretendard',var(--font-ui),sans-serif!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.55!important}
#new-reflect-page .rv-nav button{font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#new-reflect-page .rv-entry-time,#new-reflect-page .rv-missing-time,#new-reflect-page .weekly-summary{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#536B5F!important}
#new-reflect-page .rv-note-preview{color:#294651}
@media(max-width:390px){#new-reflect-page .rv-head{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px!important;align-items:start!important}#new-reflect-page .rv-head-title{grid-column:1!important;grid-row:1!important;width:100%;min-width:0}#new-reflect-page .rv-head .rv-nav{grid-column:1!important;grid-row:2!important;display:flex!important;width:100%;justify-content:space-between!important;gap:4px!important}#new-reflect-page .rv-head .rv-nav button{min-width:44px!important;min-height:44px!important;padding:5px 8px!important}#new-reflect-page .rv-selected-period{white-space:normal!important;overflow-wrap:anywhere}}

#page-records .review-backup{display:flex;flex-wrap:wrap;gap:6px;min-height:0;margin:0;padding:8px 0;color:#536B5F}
#page-records .review-backup button{min-height:44px}
#page-records .day-review{margin:2px 0 8px;padding:6px 0}
#page-records .day-review-entry{min-height:44px;padding:5px 0}
#page-records .day-review-entry-time,#page-records .day-review-foot{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#536B5F!important}
#page-records .day-review-entry-title{font-size:calc((13px) * var(--kona-ui-scale,1))!important;color:#294651!important}
#page-records .qc-record-head{align-items:center;gap:8px}
#page-records .qc-record-head>div{display:flex;align-items:center;gap:4px}
#page-records .qc-record-head>div>button{min-height:44px;padding:4px 8px;border:0;background:transparent;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-records .qc-record-menu{position:relative;display:inline-block}
#page-records .qc-record-menu>summary{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 8px;border-radius:9px;color:#536B5F;font-size:calc((12px) * var(--kona-ui-scale,1));cursor:pointer;list-style:none}
#page-records .qc-record-menu>summary::-webkit-details-marker{display:none}
#page-records .qc-record-menu[open]>button{position:absolute;z-index:3;right:0;top:44px;min-width:80px;min-height:44px;border:1px solid #DCE5DE;border-radius:9px;background:#FFFBE8;color:#8A5142;box-shadow:0 4px 14px #294c371c}
#page-records .weekly-day{margin:3px 0;border-bottom:1px solid #E4E9E3}
#page-records .weekly-day>summary{min-height:44px;padding:10px 2px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#294651}

#kx-settings[hidden],#kx-settings:not([open]){display:none!important}
#kx-settings[open]{position:fixed;z-index:80;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:calc(env(safe-area-inset-top,0px) + 18px) 14px calc(env(safe-area-inset-bottom,0px) + 18px);background:rgba(35,51,45,.34)}
#kx-settings[open]>summary{display:none}
#kx-settings .settings-panel-body{position:relative;width:min(100%,470px);max-height:calc(100dvh - 36px);overflow:auto;margin:auto;padding:18px 14px 12px;border:1px solid #DCE5DE;border-radius:16px;background:#FFFBE8;box-shadow:0 16px 44px #223d321f;color:#294651}
#kx-settings .app-settings-back,#kx-settings .settings-close{min-width:44px;min-height:44px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650}
#kx-settings .app-settings-back{display:block;margin:0 0 4px}
#kx-settings .settings-close{position:absolute;top:8px;right:8px;font-size:calc((15px) * var(--kona-ui-scale,1))}
#kx-settings .review-backup{display:flex;flex-wrap:wrap;gap:6px;min-height:0;margin:8px 0;padding:10px 0;border-bottom:1px solid #E4E9E3;color:#536B5F;font-size:calc((12px) * var(--kona-ui-scale,1))}
#kx-settings .review-backup #backupStatusText{flex:1 1 100%;min-width:0}
#kx-settings .review-backup button{min-width:44px;min-height:44px;padding:6px 10px;border:1px solid #DCE5DE;border-radius:10px;background:#fff;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1))}
#kx-settings .review-reset-link{justify-content:flex-start;gap:8px;margin:8px 0 0;padding-top:8px}
#kx-settings .review-reset-link button{min-height:44px}
#kx-settings button:focus-visible{outline:2px solid #487F6C;outline-offset:2px}
body #page-checkin #generalNoteCard #checkNote{font-family:'Pretendard',var(--font-ui),sans-serif!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important}
#page-capture #qc-v2 .qc-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:minmax(44px,auto) 44px!important;align-items:center!important;gap:2px 8px!important;padding:4px 0 0!important}
#page-capture #qc-state-group{grid-column:1!important;grid-row:1!important;display:flex;align-items:center;gap:6px;min-width:0;min-height:44px}
#page-capture #qc-state{min-width:0;flex:1 1 auto;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.35;overflow-wrap:anywhere;color:#536B5F!important}
#page-capture #qc-view{flex:0 0 auto;min-width:44px;min-height:44px;padding:4px 2px;border:0;background:transparent;color:#315F71;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}
#page-capture #qc-view[hidden]{display:none!important}
#page-capture #qc-v2 .capture-link{grid-column:1!important;grid-row:2!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important}
#page-capture #qc-v2 .capture-link summary{min-height:44px!important;padding:10px 0!important;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1))}
#page-capture #qc-v2 .qc-save-action{grid-column:2!important;grid-row:2!important;display:flex;align-items:center;justify-self:end;gap:6px;min-height:44px}
#page-capture #qc-submit-label{min-width:34px;color:#536B5F;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;white-space:nowrap}
#page-capture #qc-v2 #qc-submit{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;border-radius:50%!important;background:#4F8062!important;color:transparent!important;font-size:calc((0) * var(--kona-ui-scale,1))!important;padding:0!important}
#page-capture #qc-v2 #qc-submit::before{content:"";width:11px;height:6px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
#page-capture #qc-v2 #qc-submit:disabled{background:#C8D2CB!important;cursor:not-allowed}

/* Review, search and schedule emphasis: compact controls with stable touch areas. */
#page-records{position:relative}
#page-records #new-review-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 48px)!important;margin:0 48px 14px 0!important;padding:4px!important;gap:2px!important;background:#EDF3ED;border:0;border-radius:13px;box-sizing:border-box}
#page-records #new-review-switch button{min-width:0;min-height:44px;padding:8px 4px;border:0;border-radius:9px;background:transparent;color:#536B5F;font:600 calc((12px) * var(--kona-ui-scale,1)) Pretendard,sans-serif}
#page-records #new-review-switch button[aria-pressed="true"]{background:#DDEBE1;color:#294F40;box-shadow:0 1px 3px #29465118}
#page-records #review-reflection-settings{position:absolute;inset:2px 0 auto auto;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#315F71;font-size:calc((17px) * var(--kona-ui-scale,1));border-radius:10px}
#page-records #archive-search{margin:12px 0 16px;padding:0}
#archive-search[hidden]{display:none!important}
#archive-search>label{display:block;margin:0 0 5px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;color:#536B5F}
#archive-search .archive-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
#page-records #archive-search-input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid #CFDCD3;border-radius:10px;background:#fff;color:#294651;font:calc((13.5px) * var(--kona-ui-scale,1)) Pretendard,sans-serif!important}
#archive-search-clear{min-width:44px;min-height:44px;padding:8px;border:0;border-radius:10px;background:transparent;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600}
#archive-search-status{min-height:18px;margin:6px 0;color:#536B5F;font-size:calc((12px) * var(--kona-ui-scale,1))}
#archive-search-results{display:grid;gap:8px}
#archive-search-results[hidden]{display:none!important}
#page-records .archive-search-result{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:60px;width:100%;box-sizing:border-box;text-align:left;padding:11px 12px;border:1px solid #DCE5DE;border-radius:12px;background:#fff;color:#294651}
.archive-search-meta{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:600;color:#536B5F}.archive-search-preview{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1));line-height:1.5;white-space:normal;overflow-wrap:anywhere}
#page-records.archive-searching [data-review-panel]{display:none!important}
#page-today #kx-summary .kona-event-visible{position:relative;grid-template-columns:100px minmax(0,1fr) auto!important;gap:9px!important;box-sizing:border-box;border-radius:10px;padding:12px 8px!important;margin:3px 0!important}
#page-today #kx-summary .kona-event-visible.is-current{background:#E4EFE5!important;border-left:3px solid #48755C!important}
#page-today #kx-summary .kona-event-visible.is-current>span:not(.event-now-badge){font-weight:750;color:#294651}
#page-today #kx-summary .kona-event-visible.is-past{background:transparent!important;color:#536B5F!important}
#page-today #kx-summary .kona-event-visible.is-past>span{color:#536B5F!important;font-weight:500}
#page-today .event-now-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:3px 6px;border-radius:7px;background:#39654F;color:#fff;font:650 calc((11px) * var(--kona-ui-scale,1)) Pretendard,sans-serif;line-height:1.3}
#page-today .eventblock.is-current{background:#E4EFE5!important}
@media(max-width:390px){#page-today #kx-summary .kona-event-visible{grid-template-columns:88px minmax(0,1fr) auto!important;gap:6px!important}}

#page-today #kx-summary .kona-event-visible{grid-template-columns:88px 14px minmax(0,1fr) auto!important;gap:6px!important;text-align:left!important}
#page-today #kx-summary .kona-event-visible>small{grid-column:1!important;grid-row:1;color:#536B5F!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#page-today #kx-summary .kona-event-visible>span:not(.event-now-badge){grid-column:3!important;grid-row:1;justify-self:stretch!important;text-align:left!important;min-width:0;overflow-wrap:anywhere}
#page-today #kx-summary .kona-event-visible>.event-now-badge{grid-column:4!important;grid-row:1;justify-self:end!important;width:auto!important;color:#fff!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;padding:3px 6px!important;line-height:1.3!important}
#page-records:has(#review-reflection-settings[hidden]) #new-review-switch{width:100%!important;margin-right:0!important}

.app #page-today.page.active #kx-summary button.kx-event.kona-event-visible.is-current span.event-now-badge{color:#fff!important;width:auto!important;grid-column:4!important;text-align:center!important}

/* Capture home and clearer search scope. */
.app #page-capture #qc-v2 #qc-submit{min-width:100px!important;width:auto!important;height:44px!important;border-radius:12px!important;color:#fff!important;font:650 calc((12px) * var(--kona-ui-scale,1)) Pretendard,sans-serif!important;padding:0 15px!important;background:#39654F!important;box-shadow:0 2px 5px #29465116!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.app #page-capture #qc-v2 #qc-submit::before,.app #page-capture #qc-v2 #qc-submit::after,#qc-submit-label{display:none!important}
.app #page-capture #qc-v2 #qc-submit:disabled{background:#E3EAE3!important;color:#64766A!important;box-shadow:none!important}
#page-capture #qc-v2 .qc-bottom{grid-template-columns:minmax(0,1fr) auto!important}
#review-reflection-settings{display:none!important}
#page-records #new-review-switch{width:100%!important;margin-right:0!important}
.app:has(#page-records.active.archive-searching) .datecontrol,.app:has(#page-records.active.archive-searching) .datebox,.app:has(#page-records.active.archive-searching) #prevDay,.app:has(#page-records.active.archive-searching) #nextDay{display:none!important}
.capture-home{margin:18px 0 12px;display:grid;gap:18px}.capture-context{padding:14px 14px 4px;border:1px solid #DCE5DE;border-radius:16px;background:#EDF3ED}.capture-context-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.app .capture-home h2{font:700 calc((14px) * var(--kona-ui-scale,1)) Pretendard,sans-serif;color:#294651;margin:0}.capture-context-head button{min-height:44px;border:0;background:transparent;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600;padding:4px}.capture-event{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;margin:5px 0 11px;color:#294651;font:500 calc((13px) * var(--kona-ui-scale,1))/1.5 Pretendard,sans-serif}.capture-event-label{color:#536B5F;font-size:calc((12px) * var(--kona-ui-scale,1))}.capture-check-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid #D6E1D7;margin-top:12px;padding:5px 0}.capture-check-links button{min-height:44px;min-width:0;border:0;border-radius:9px;background:transparent;color:#315F71;font:600 calc((12px) * var(--kona-ui-scale,1)) Pretendard,sans-serif}.capture-check-links button:hover{background:#E0EADF}.capture-recent{display:grid;gap:7px}.capture-recent h2{margin:0 0 4px!important}.capture-recent-note{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;min-height:58px;padding:11px 12px;border:1px solid #E0E6DF;border-radius:12px;background:#fff;color:#294651;min-width:0;font:calc((13px) * var(--kona-ui-scale,1))/1.5 Pretendard,sans-serif}.capture-recent-note>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.capture-recent-label{font-size:calc((11px) * var(--kona-ui-scale,1));color:#536B5F;font-weight:600}.capture-empty{font:calc((12px) * var(--kona-ui-scale,1))/1.5 Pretendard,sans-serif;color:#536B5F;margin:8px 0}.backup-reminder{display:flex;align-items:center;gap:7px;background:#EDF3ED;border-radius:10px;padding:4px 9px;margin-bottom:10px;font:calc((12px) * var(--kona-ui-scale,1))/1.4 Pretendard,sans-serif;color:#294651}.backup-reminder>span{flex:1}.backup-reminder button{min-height:44px;min-width:44px;border:0;background:transparent;color:#315F71;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600}.backup-reminder[hidden]{display:none!important}#page-records.archive-searching #backup-reminder{display:none!important}


/* 2026-10-27 — Capture editorial polish: one primary editor, lean context, actionable progress. */
#page-capture #qc-v2{
  padding:12px 14px 10px!important;
  margin:2px 0 0!important;
  border:1px solid #DCE5DE!important;
  border-radius:16px!important;
  box-shadow:0 1px 4px #2946510A!important;
}
#page-capture #qc-v2 .day-signature{margin-bottom:6px!important;padding-bottom:5px!important}
#page-capture #captureComposerHeading{display:block!important;order:1!important;margin:6px 0 1px!important;font:700 calc((13px) * var(--kona-ui-scale,1))/1.4 Pretendard,sans-serif!important;color:#3D6051!important}
#page-capture #qc-v2 #qc-text{min-height:90px!important;height:100px!important;max-height:230px!important;padding:8px 2px 4px!important;line-height:1.55!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;resize:vertical}
#page-capture #captureMicHelp{margin:1px 0 3px!important}
#page-capture #qc-v2 .qc-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;column-gap:8px!important;row-gap:0!important;padding:2px 0 0!important;align-items:center!important}
#page-capture #qc-state-group{min-height:0!important;grid-column:1/-1!important;grid-row:1!important;padding:0!important;margin:0!important}
#page-capture #qc-state-group:not(.has-feedback){display:none!important}
#page-capture #qc-state-group.has-feedback{display:flex!important;min-height:27px!important}
#page-capture #qc-v2 .capture-link{grid-column:1!important;grid-row:2!important}
#page-capture #qc-v2 .capture-link summary{display:flex;align-items:center;min-height:44px!important;padding:8px 0!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#page-capture #qc-v2 .qc-save-action{grid-column:2!important;grid-row:2!important}
.app #page-capture #qc-v2 #qc-submit{min-width:104px!important;border-radius:999px!important;background:#35634E!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;box-shadow:none!important}
.app #page-capture #qc-v2 #qc-submit:not(:disabled):hover{background:#294F40!important}
.app #page-capture #qc-v2 #qc-submit:focus-visible{outline:2px solid #32634E;outline-offset:2px}
.capture-home{margin:18px 0 10px!important;gap:16px!important}
.capture-context{border:0!important;border-radius:0!important;background:transparent!important;padding:0!important}
.capture-context-head{border-bottom:1px solid #DCE5DE;padding-bottom:2px}
.app .capture-home h2{font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:750!important;letter-spacing:-.15px}
.capture-context-head button{padding:6px 2px!important;text-decoration:underline;text-underline-offset:3px}
.capture-event{grid-template-columns:64px minmax(0,1fr)!important;margin:10px 0!important;gap:8px!important;line-height:1.45!important}
.capture-event>span:last-child{overflow-wrap:anywhere}
.capture-check-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;margin-top:12px!important;padding-top:9px!important;border-top:1px solid #DCE5DE!important}
.capture-check-links .capture-check-link{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px!important;padding:5px 0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#536B5F!important;line-height:1.25!important}
.capture-check-links .capture-check-link.is-done{color:#315E48!important}
.capture-check-link .capture-check-mark{display:grid;place-items:center;width:21px;height:21px;border:1.5px solid #BBCBC0;border-radius:50%;font-size:calc((16px) * var(--kona-ui-scale,1));line-height:1;color:#849C8B}
.capture-check-link.is-done .capture-check-mark{border-color:#448469;background:#448469;color:#fff;font-size:calc((13px) * var(--kona-ui-scale,1))}
.capture-check-link .capture-check-name{font-size:calc((11.5px) * var(--kona-ui-scale,1));font-weight:650;text-align:center}
.capture-check-links .capture-check-link:focus-visible{outline:2px solid #487F6C;outline-offset:0}
.capture-recent{gap:2px!important}
.capture-recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px;gap:6px}
.capture-recent-count{font-size:calc((11px) * var(--kona-ui-scale,1));color:#536B5F}
.capture-recent-note{min-height:52px!important;padding:8px 1px!important;border:0!important;border-bottom:1px solid #E0E6DF!important;border-radius:0!important;background:transparent!important;gap:2px!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important}
.capture-recent-note:focus-visible{outline:2px solid #487F6C;outline-offset:-2px}
.capture-recent .capture-empty{margin:4px 0 6px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
@media(max-width:350px){.capture-check-link .capture-check-name{font-size:calc((10.5px) * var(--kona-ui-scale,1))}#page-capture #qc-v2{padding-inline:10px!important}}

body #page-capture #captureComposerHeading{display:block!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;margin:6px 0 1px!important}
body #page-capture #qc-state-group.has-feedback #qc-state{display:inline!important;color:#3D6051!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}

/* KONA DAYS & MOMENTS — coherent editorial layout, 2026-10-27.
   Source: UI-only refinements. Keep legacy IDs, data attributes, storage and handlers intact.
   13.5px minimum for editable prose; 44px interactive targets where practical. */
:root {
  --kona-ink:#294651;
  --kona-muted:#5a6f66;
  --kona-green:#315f4f;
  --kona-green-dark:#244d40;
  --kona-green-wash:#eaf2eb;
  --kona-paper:#faf8f4;
  --kona-line:#dce6de;
  --kona-yellow:#f8e8ae;
}
html{scroll-padding-bottom:94px}
body{background:var(--kona-paper)!important;color:var(--kona-ink)!important}
.app{padding-left:14px!important;padding-right:14px!important;padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
.app .page{min-width:0}
.app .page-title{font-size:calc((19px) * var(--kona-ui-scale,1))!important;line-height:1.32!important;font-weight:760!important;letter-spacing:-.35px!important;margin:10px 0 15px!important;color:var(--kona-ink)!important}
.app .sectionhead{gap:8px!important;min-height:34px!important;margin-bottom:8px!important}
.app .sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;letter-spacing:-.2px!important;font-weight:730!important;color:var(--kona-ink)!important}
.app .sectionhead .right{gap:5px!important;flex-wrap:wrap;justify-content:flex-end}
.app .sectionhead .right>*{flex-shrink:0}
.app .small,.app .micro{color:var(--kona-muted)!important;line-height:1.45!important}
.app .small{font-size:calc((12px) * var(--kona-ui-scale,1))!important}.app .micro{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important}
.app .label{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;color:var(--kona-muted)!important;margin:10px 0 5px!important}
.app .field,.app textarea,.app input:not([type="checkbox"]):not([type="radio"]),.app select{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.5!important}
.app .field{background:#fff!important;border:1px solid var(--kona-line)!important;border-radius:11px!important;padding:10px 11px!important;color:var(--kona-ink)!important}
.app textarea.field{min-height:90px!important}
.app textarea::placeholder,.app input::placeholder{color:#87988b!important;opacity:1}
.app :is(button,summary,input,textarea,select):focus-visible{outline:2px solid #317259!important;outline-offset:2px!important}
.app .solid{background:var(--kona-green-dark)!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important;min-height:44px!important}
.app .outline{border-color:#bed0c5!important;border-radius:999px!important;min-height:44px!important;background:transparent!important}
.app button:disabled{opacity:.6!important}
.app .manage-btn,.app .mini-btn:not(.add),.app .kx-toggle{color:#376655!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:650!important}
.app .mini-btn.add{width:auto!important;min-width:36px!important;min-height:36px!important;padding:0 7px!important;border-radius:999px!important;color:var(--kona-green)!important;background:var(--kona-green-wash)!important}
.app :is(.manage-btn,.kx-toggle):focus-visible{border-radius:6px}
/* Pinned dock — avoid five competing filled tiles; active page gets a single guide. */
#dock{padding-bottom:env(safe-area-inset-bottom,0px)!important;background:var(--kona-paper)!important}
#dock .tabs{padding:5px 5px 1px!important;gap:1px!important}
#dock .tabs button{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;line-height:1.3!important;min-height:61px!important;height:auto!important;border-radius:12px 12px 0 0!important;transition:background-color .15s ease,color .15s ease}
#dock .tabs button.active{background:#e8f0e9!important;color:#245642!important;font-weight:750!important}
#dock .tabs button.active .navico{transform:none!important}
#dock .tabs .navico{width:23px!important;height:23px!important}
#dock .shore-art{opacity:.52!important}
/* Today / Plan. Clear reading order: tasks, class, schedule. No repeated framed boxes. */
#page-today #pageheadExtra{margin-bottom:10px!important}
#page-today .pinned-summary{padding:3px 0 10px!important;border-bottom:1px solid var(--kona-line)!important}
#page-today .tasks-overview{align-items:center!important;min-height:44px!important}
#page-today .task-fold{font-size:calc((14px) * var(--kona-ui-scale,1))!important;color:var(--kona-ink)!important;font-weight:750!important;text-align:left!important}
#page-today .task-add{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:var(--kona-green)!important;min-height:44px!important}
#page-today .week-lecture{border:0!important;border-bottom:1px solid var(--kona-line)!important;border-radius:0!important;background:transparent!important;padding:10px 0!important;margin:0 0 15px!important;min-height:50px!important;box-shadow:none!important}
#page-today .week-lecture .summary small{background:linear-gradient(transparent 62%,var(--kona-yellow) 62%)!important;color:var(--kona-ink)!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:700!important}
#page-today .week-edit{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;padding-inline:3px!important}
#page-today .tl-card{margin:0 0 16px!important}
#page-today .tl-card>.sectionhead{min-height:42px!important;border-bottom:1px solid var(--kona-line)!important;padding:0 0 7px!important;margin:0 0 3px!important}
#page-today .tl-card .sectionhead .right{gap:3px!important}
#page-today .tl-card .all-notes-btn{font-size:calc((11px) * var(--kona-ui-scale,1))!important}
#page-today #kx-summary{padding:0!important}
#page-today #kx-summary .kona-event-visible{min-height:49px!important;padding:9px 3px!important;border-radius:0!important;border-bottom:1px solid #e4eae5!important;margin:0!important;align-items:center!important;gap:5px!important}
#page-today #kx-summary .kona-event-visible>small{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;color:#6a8075!important;font-variant-numeric:tabular-nums}
#page-today #kx-summary .kona-event-visible>span:not(.event-now-badge){font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:570!important;color:var(--kona-ink)!important;line-height:1.4!important}
#page-today #kx-summary .kona-event-visible.is-current{background:var(--kona-green-wash)!important;border-left:3px solid #3d795d!important;border-bottom-color:var(--kona-line)!important;padding-left:6px!important;border-radius:5px!important}
#page-today #kx-summary .kona-event-visible.is-past{opacity:.73!important}
#page-today .home-checkins{margin:8px 0 14px!important;padding:0 0 13px!important;border-bottom:1px solid var(--kona-line)!important}
#page-today .home-checkin-grid{gap:6px!important}
#page-today .home-checkin{font-size:calc((12px) * var(--kona-ui-scale,1))!important;min-height:48px!important}
#page-today .home-checkin small{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:var(--kona-muted)!important}
#page-today .endday{border-top:1px solid var(--kona-line)!important;margin-top:15px!important;padding-top:12px!important}
#page-today #homeNightNote{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.55!important}
/* Schedule & task editor: two obvious tabs and a compact list. */
#page-schedule .manage-head{margin:0 0 6px!important;gap:6px!important;min-height:44px!important}
#page-schedule .manage-caption{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:var(--kona-muted)!important}
#page-schedule #tutorialButton{min-height:40px!important;border-radius:999px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;border-color:var(--kona-line)!important}
#page-schedule .subtabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:4px 0 15px!important;border-bottom:1px solid var(--kona-line)!important}
#page-schedule .subtabs button{min-height:46px!important;padding:9px 8px!important;color:#66786c!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:650!important;position:relative}
#page-schedule .subtabs button.active{color:#245c48!important;border-bottom:3px solid #376d54!important;font-weight:760!important}
#page-schedule .card{padding:0!important;margin:0 0 14px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#page-schedule .sectionhead{padding:0 0 8px!important;border-bottom:1px solid var(--kona-line)!important}
#page-schedule .sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1))!important}
#page-schedule #eventManageList,#page-schedule #taskManageList{margin-top:2px!important}
#page-schedule #eventManageList>* ,#page-schedule #taskManageList>* {scroll-margin-top:100px}
/* Check-in: stepper stays a navigation aid; one editor has priority. */
#page-checkin .phases{margin:0 0 10px!important;padding:3px 0 9px!important;border-bottom:1px solid var(--kona-line)!important;gap:2px!important}
#page-checkin .phases button{min-height:51px!important;color:#607b6c!important;gap:5px!important;align-items:center!important}
#page-checkin .phases button.active{color:#2d654c!important;font-weight:750!important}
#page-checkin .phases button small{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.25!important;white-space:nowrap!important}
#page-checkin #checkFlowHeading{display:flex!important;align-items:center!important;gap:8px!important;border-bottom:1px solid var(--kona-line)!important;padding:2px 0 8px!important;margin-bottom:13px!important}
#page-checkin #checkFlowTitle{font-size:calc((17px) * var(--kona-ui-scale,1))!important;letter-spacing:-.25px!important;line-height:1.35!important}
#page-checkin #checkState{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#547364!important;line-height:1.4!important}
#page-checkin .class-notes-shortcut{margin-left:auto!important;padding:7px 3px!important;font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;text-decoration:none!important;white-space:nowrap!important}
#page-checkin #generalNoteCard,#page-checkin #moodCard,#page-checkin #lectureNoteCard,#page-checkin #morningTaskCard{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0 0 17px!important}
#page-checkin #generalNoteCard .row,#page-checkin #moodCard .sectionhead{margin-bottom:7px!important}
#page-checkin #generalNoteTitle{font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:750!important;color:var(--kona-ink)!important}
#page-checkin #checkNote{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.6!important;background:#fff!important;border:1px solid #d8e5dc!important;border-radius:13px!important;min-height:99px!important;padding:12px!important;box-shadow:none!important}
#page-checkin #lectureNoteCard textarea{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.6!important;min-height:90px!important}
#page-checkin #classReviewContext,#page-checkin #lectureAction{min-height:44px!important}
#page-checkin #checkTimeDetails{margin:3px 0 13px!important;padding:0!important}
#page-checkin #checkTimeDetails summary,#page-checkin #legacyMiddayCheckin summary{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;color:var(--kona-muted)!important;min-height:40px!important;display:flex!important;align-items:center!important}
#page-checkin .mood-banner{border-radius:11px!important;box-shadow:none!important}
#page-checkin .mood-grid{gap:6px!important}
#page-checkin #moodGrid .compact-scale-choice{min-width:40px!important;min-height:42px!important;border-radius:10px!important}
#page-checkin #lectureNoteCard .lecture-action{gap:7px!important}
#page-checkin #addLectureTask{white-space:nowrap!important}
#page-checkin #morningPrayerPrompt{border-radius:12px!important;margin:0 0 12px!important}
/* Focus: turn many controls into a clear task–timer–start progression. */
#page-focus .focus-card{padding:0 0 12px!important;background:transparent!important;border:0!important;box-shadow:none!important}
#page-focus #kindSeg{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:0 0 15px!important;padding:0!important;border-bottom:1px solid var(--kona-line)!important}
#page-focus #kindSeg button{min-width:0!important;min-height:48px!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;color:#6a8075!important;font-weight:700!important;border-radius:0!important;border:0!important;border-bottom:3px solid transparent!important;background:transparent!important}
#page-focus #kindSeg button.active{color:#245642!important;border-bottom-color:#326a51!important}
#page-focus .focus-controls{margin:0 0 5px!important}
#page-focus #focusTarget,#page-focus #focusContext{min-height:44px!important}
#page-focus #focusContext{margin-top:6px!important}
#page-focus #listeningPrompt{font-size:calc((12.5px) * var(--kona-ui-scale,1))!important;line-height:1.55!important;color:var(--kona-muted)!important}
#page-focus #quietTimerToggle,#page-focus #focusNoteToggle{min-height:38px!important;color:var(--kona-green)!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#page-focus .focus-clock-area{margin:16px 0 12px!important;padding:10px 0 2px!important;min-height:172px!important;display:flex;flex-direction:column;align-items:center;justify-content:center}
#page-focus #focusSessionTitle{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;color:var(--kona-muted)!important;margin:2px 0!important;font-weight:650!important}
#page-focus #focusClock{font-size:calc((clamp(59px,17vw,79px)) * var(--kona-ui-scale,1))!important;line-height:1.2!important;letter-spacing:-2.5px!important;font-variant-numeric:tabular-nums!important;color:var(--kona-green-dark)!important}
#page-focus #focusDurations{display:flex!important;align-items:center;justify-content:center;gap:4px!important;margin:12px 0 14px!important}
#page-focus #focusDurations button{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:680!important;min-width:43px!important;min-height:40px!important;border-radius:999px!important}
#page-focus #focusDurations button.active{background:var(--kona-green-wash)!important;color:var(--kona-green-dark)!important;box-shadow:inset 0 0 0 1px #a9caba!important}
#page-focus .timer-row{margin:8px 0 6px!important;gap:8px!important}
#page-focus #focusStart{min-height:48px!important;border-radius:999px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;letter-spacing:.1px!important}
#page-focus .focus-summary{border-top:1px solid var(--kona-line)!important;padding:10px 0!important;margin-top:8px!important;gap:6px!important}
#page-focus #focusTotal{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;color:var(--kona-muted)!important}
#page-focus #focusHint{margin-top:7px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:var(--kona-muted)!important}
#page-focus #timerNote{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important}
/* Review: quick find, clear temporal navigation, restrained empty states. */
#page-records #reviewBackupStatus{display:flex;align-items:center;gap:6px!important;padding:9px 0!important;margin:0 0 6px!important;border:0!important;border-bottom:1px solid var(--kona-line)!important;border-radius:0!important;background:transparent!important}
#page-records #backupStatusText{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;line-height:1.45!important;color:var(--kona-muted)!important;min-width:0;flex:1}
#page-records :is(#backupNow,#restoreNow){border-radius:999px!important;background:var(--kona-green-wash)!important;min-height:38px!important;padding:6px 11px!important;font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;color:var(--kona-green-dark)!important;white-space:nowrap!important}
#page-records #new-review-switch{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;margin:4px 0 12px!important;background:transparent!important;padding:0!important;width:100%!important;border-radius:0!important;border-bottom:1px solid var(--kona-line)!important}
#page-records #new-review-switch button{background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;min-height:46px!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;color:#657c6e!important}
#page-records #new-review-switch button[aria-pressed="true"],#page-records #new-review-switch button.active{background:transparent!important;color:#265d49!important;border-bottom-color:#357257!important;font-weight:750!important;box-shadow:none!important}
#page-records #archive-search{margin:9px 0 12px!important}
#page-records #archive-search-input{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;min-height:44px!important;border-color:var(--kona-line)!important}
#page-records .archive-search-result{border:0!important;border-bottom:1px solid var(--kona-line)!important;border-radius:0!important;padding:11px 2px!important;background:transparent!important;min-height:62px!important}
#page-records .archive-search-preview{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.5!important}
#page-records .review-panel .card,#page-records .review-panel>#viewCal,#page-records .review-panel>#viewWeek{border:0!important;border-bottom:1px solid var(--kona-line)!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;padding:10px 0 13px!important;margin:0 0 13px!important}
#page-records .review-panel .sectionhead{margin:0 0 8px!important}
#page-records .review-panel .sectionhead h2{font-size:calc((15px) * var(--kona-ui-scale,1))!important}
#page-records .calendar-toolbar{gap:5px!important;min-height:42px!important;margin:0 0 7px!important}
#page-records .calendar-toolbar strong{font-size:calc((15px) * var(--kona-ui-scale,1))!important;font-weight:700!important}
#page-records .calendar-toolbar .mini-btn{min-width:36px!important;min-height:36px!important}
#page-records .calendar{gap:4px!important}
#page-records .calendar button{border-radius:9px!important;min-height:38px!important}
#page-records #dayReviewBody{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.55!important}
#page-records #reviewOpenToday{font-size:calc((12px) * var(--kona-ui-scale,1))!important;white-space:nowrap!important;color:#2c6550!important}
#page-records #new-reflect-page .rv-head-title h2{font-size:calc((17px) * var(--kona-ui-scale,1))!important;font-weight:760!important}
#page-records #new-reflect-page .rv-entry-body{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.55!important}
#page-records #new-reflect-page .rv-controls{margin-top:7px!important}
#page-records #new-reflect-page .rv-empty-guidance{font-size:calc((12.5px) * var(--kona-ui-scale,1))!important}
/* Settings are located inside Review, not a separate dock tab. */
#page-records #kx-settings{background:transparent!important;border-top:1px solid var(--kona-line)!important;margin-top:16px!important;padding-top:10px!important}
#page-records #kx-settings>summary{font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:750!important;color:var(--kona-ink)!important;min-height:44px!important;display:flex;align-items:center}
#page-records #kx-settings .review-reset-link{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:8px 0 4px!important}
#page-records #kx-settings .review-reset-link button{min-height:44px!important;padding:8px 10px!important;border-radius:10px!important;border:1px solid var(--kona-line)!important;background:transparent!important;color:var(--kona-green-dark)!important;font-size:calc((12.5px) * var(--kona-ui-scale,1))!important;text-align:center!important}
#page-records #openAppReset{color:#9a3c4c!important}
/* Modal buttons and labels: predictable, accessible action hierarchy. */
.modal-under .sheet{border-radius:20px 20px 0 0!important}
.modal-under .sheet .top{padding-bottom:8px!important;border-bottom:1px solid var(--kona-line)!important}
.modal-under .sheet .top strong{font-size:calc((16px) * var(--kona-ui-scale,1))!important}
.modal-under .sheet :is(.solid,.outline){min-height:44px!important}
.modal-under .sheet .label{font-size:calc((12px) * var(--kona-ui-scale,1))!important}
@media(max-width:375px){
 .app{padding-inline:12px!important}
 #page-today .tl-card .sectionhead .right{gap:1px!important}
 #page-today #kx-summary .kona-event-visible{grid-template-columns:81px 11px minmax(0,1fr) auto!important}
 #page-checkin #checkFlowHeading{flex-wrap:wrap!important}
 #page-checkin .class-notes-shortcut{margin-left:0!important}
 #page-focus #focusDurations{gap:2px!important}
 #page-focus #focusDurations button{min-width:40px!important;padding-inline:6px!important}
 #page-records #backupStatusText{font-size:calc((11px) * var(--kona-ui-scale,1))!important}
 #page-records :is(#backupNow,#restoreNow){padding-inline:7px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
}
@media(prefers-reduced-motion:reduce){#dock .tabs button{transition:none!important}}
/* Settings overlay is mounted dynamically from Review. Keep its own layout scoped. */
#kx-settings[open] .settings-panel-body{border-radius:19px!important;background:#fffefa!important;padding:16px!important;box-shadow:0 10px 30px #18392a1a!important;gap:5px!important;color:var(--kona-ink)!important}
#kx-settings[open] .kona-settings-heading{font-size:calc((19px) * var(--kona-ui-scale,1))!important;font-weight:780!important;line-height:1.3!important;letter-spacing:-.3px!important;margin:9px 0 7px!important;color:var(--kona-ink)!important}
#kx-settings[open] .app-settings-back,#kx-settings[open] .settings-close{min-height:40px!important;color:#2c6550!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:700!important}
#kx-settings[open] #reviewBackupStatus{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--kona-line)!important;padding:10px 0 13px!important;margin:0 0 5px!important}
#kx-settings[open] #backupStatusText{grid-column:1/-1!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:var(--kona-muted)!important}
#kx-settings[open] :is(#backupNow,#restoreNow){min-height:44px!important;border:1px solid #c9d9ce!important;border-radius:12px!important;background:var(--kona-green-wash)!important;color:var(--kona-green-dark)!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;padding:9px 6px!important}
#kx-settings[open] .review-reset-link{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border:0!important;margin:3px 0!important}
#kx-settings[open] .review-reset-link button{width:100%!important;min-height:44px!important;border:1px solid var(--kona-line)!important;border-radius:12px!important;background:transparent!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:670!important;padding:9px 5px!important;color:var(--kona-green-dark)!important}
#kx-settings[open] #openAppReset{color:#984e52!important;border-color:#e5c9c9!important}
#kx-settings[open] .reflection-settings-open{margin:1px 0 0!important;width:100%!important;min-height:44px!important;border:0!important;border-top:1px solid var(--kona-line)!important;border-radius:0!important;text-align:left!important;justify-content:flex-start!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:var(--kona-green-dark)!important;padding:9px 6px!important}
/* Specificity repair: old emergency Check-in overrides should not keep prose at 68px. */
body .app #page-checkin #generalNoteCard textarea#checkNote.field{font:400 calc((13.5px) * var(--kona-ui-scale,1))/1.6 Pretendard,sans-serif!important;min-height:100px!important;height:auto!important;padding:12px!important;border:1px solid #d8e5dc!important;border-radius:13px!important;background:#fff!important;color:var(--kona-ink)!important}
/* Keep Settings readable on narrow screens instead of collapsing to content width. */
body #kx-settings[open] .settings-panel-body{box-sizing:border-box!important;width:min(350px,calc(100vw - 32px))!important;max-width:350px!important;min-width:0!important;margin:0 auto!important}

/* Final pass: restore the original playful 2-column Plan + Notes surface. */
#page-today #kx-summary.kx-summary{--kona-plan-notes-columns:minmax(0,43%) minmax(0,57%);display:block!important;overflow:visible!important;padding:5px 0 11px!important}
#page-today #kx-summary .kona-rich-intro{display:block;position:relative;padding:8px 0 7px;border-bottom:1px solid #d6e7de}
#page-today #kx-summary .kona-rich-lane{display:grid;grid-template-columns:var(--kona-plan-notes-columns);width:100%;min-width:0;min-height:36px;align-items:center;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:750;color:#426e60}
#page-today #kx-summary .kona-rich-lane span:first-child{padding-left:10px;box-sizing:border-box}
#page-today #kx-summary .kona-rich-lane span:last-child{padding-left:9px;padding-right:88px;box-sizing:border-box;border-left:1px solid #dbe6df}
#page-today #kx-summary .kona-notes-open-all{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:calc((11px) * var(--kona-ui-scale,1));min-height:36px;padding:5px 8px;background:#edf5ef;border:0;border-radius:999px;color:#396551;white-space:nowrap}
#page-today #kx-summary .kona-event-count{display:block;padding:5px 0;color:#7a8e83;font-size:calc((10.5px) * var(--kona-ui-scale,1));font-weight:550}
#page-today #kx-summary .kona-rich-rows{display:grid;gap:0}
#page-today #kx-summary .kona-rich-row{display:grid;grid-template-columns:var(--kona-plan-notes-columns);border-bottom:1px solid #e2ebe4;min-height:63px;align-items:stretch}
#page-today #kx-summary button.kona-rich-event.kona-event-visible{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;grid-template-columns:none!important;gap:4px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:62px!important;text-align:left!important;position:relative!important;border:none!important;border-left:3px solid transparent!important;border-radius:8px 0 0 8px!important;margin:0!important;padding:9px 7px!important;background:#f8faf7!important;color:#34584b!important;box-shadow:none!important}
#page-today #kx-summary .kona-rich-event .kona-event-line{display:flex!important;align-items:flex-start!important;gap:7px!important;min-width:0!important;width:100%!important;grid-column:auto!important;grid-row:auto!important}
#page-today #kx-summary .kona-rich-event .kona-event-emoji{display:inline-block!important;flex:0 0 auto!important;font-size:calc((20px) * var(--kona-ui-scale,1))!important;line-height:1.1!important;width:25px!important;text-align:center!important;color:initial!important}
#page-today #kx-summary .kona-rich-event .kona-event-name{font-size:calc((12.2px) * var(--kona-ui-scale,1))!important;font-weight:700!important;line-height:1.35!important;min-width:0!important;overflow-wrap:anywhere!important;color:#2e5544!important}
#page-today #kx-summary .kona-rich-event>small{grid-column:auto!important;grid-row:auto!important;color:#788c80!important;font-size:calc((10.5px) * var(--kona-ui-scale,1))!important;padding-left:31px!important;white-space:nowrap!important}
#page-today #kx-summary .kona-rich-event.is-current{background:#e7f4e9!important;border-left-color:#4d986a!important}
#page-today #kx-summary .kona-rich-event.is-past{opacity:.77!important}
#page-today #kx-summary .kona-rich-event .event-now-badge{position:absolute!important;right:2px!important;bottom:4px!important;color:#fff!important;background:#438568!important;font-size:calc((9px) * var(--kona-ui-scale,1))!important}
#page-today #kx-summary .kona-rich-row[data-category=lecture] .kona-rich-event{background:#eff5fc!important;border-left-color:#a5c8df!important}
#page-today #kx-summary .kona-rich-row[data-category=meal] .kona-rich-event{background:#fff3ea!important;border-left-color:#e9bea5!important}
#page-today #kx-summary .kona-rich-row[data-category=worship] .kona-rich-event{background:#f5f0fc!important;border-left-color:#c8b4e4!important}
#page-today #kx-summary .kona-rich-row[data-category=group] .kona-rich-event{background:#fff0f0!important;border-left-color:#e6b4bd!important}
#page-today #kx-summary .kona-rich-row[data-category=duty] .kona-rich-event{background:#f0f2f2!important;border-left-color:#b4c4ca!important}
#page-today #kx-summary .kona-rich-row[data-category=personal] .kona-rich-event{background:#eff7ee!important;border-left-color:#b2d3b4!important}
#page-today #kx-summary .kona-rich-note{display:flex!important;flex-direction:column!important;gap:3px!important;align-items:flex-start!important;justify-content:center!important;background:#fffefb!important;border:0!important;border-left:1px solid #e1eae3!important;padding:10px 10px!important;color:#405f52!important;min-width:0!important;min-height:62px!important;text-align:left!important;border-radius:0!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.5!important}
#page-today #kx-summary .kona-rich-note.has-note{background:#fffdf4!important}
#page-today #kx-summary .kona-rich-note .kona-note-title{display:block!important;color:#365b4c!important;font-size:calc((12.3px) * var(--kona-ui-scale,1))!important;font-weight:750!important;white-space:normal!important}
#page-today #kx-summary .kona-note-snippet{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;word-break:break-word!important;white-space:pre-wrap!important;color:#63766a!important;font-size:calc((11.7px) * var(--kona-ui-scale,1))!important}
#page-today #kx-summary .kona-rich-note.is-expanded .kona-note-snippet{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;white-space:pre-wrap!important}
#page-today #kx-summary .kona-note-empty{color:#a5b7a6!important;font-size:calc((11.5px) * var(--kona-ui-scale,1))!important}
#page-today #kx-summary .kona-rich-note-edit{grid-column:2!important;min-height:39px!important;border:0!important;background:#fff9e7!important;color:#47745e!important;font-size:calc((11.5px) * var(--kona-ui-scale,1))!important;text-align:left!important;padding:8px 10px!important;font-weight:700!important}
#page-today #kx-summary .kona-plan-show-all{min-height:43px!important;width:100%!important;background:#eef6f0!important;color:#3c7158!important;border:0!important;border-radius:9px!important;margin-top:10px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#page-today #kx-summary .kona-plan-hint{font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;color:#7d9080!important;margin:9px 0 0!important}
/* Evening mood: same 5 energy hues across Check-in and Daily Review, with tonal mood steps. */
#page-records #new-reflect-page .rv-endday-mood{position:relative;margin:13px 0 18px!important;padding:17px 14px 14px!important;border:1px solid #dce9df!important;background:linear-gradient(140deg,#fffdf8 0%,#f5faf6 100%)!important;border-radius:18px!important;box-shadow:0 4px 12px #2d57420a!important;overflow:hidden!important}
#page-records #new-reflect-page .rv-endday-mood:before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--reflection-mood-color,#d8caf0)}
#page-records #new-reflect-page .rv-rating-heading{display:flex;gap:9px;align-items:flex-start;margin-bottom:15px}
#page-records #new-reflect-page .rv-rating-icon{font-size:calc((24px) * var(--kona-ui-scale,1));line-height:1.2}
#page-records #new-reflect-page .rv-rating-heading h3{font-size:calc((15px) * var(--kona-ui-scale,1))!important;margin:0 0 4px!important;font-weight:780!important;color:#365d4b!important}
#page-records #new-reflect-page .rv-rating-heading p{font-size:calc((11.5px) * var(--kona-ui-scale,1));line-height:1.55;color:#738d7b;margin:0}
#page-records #new-reflect-page .rv-rating-scales{display:grid;gap:13px}
#page-records #new-reflect-page .rv-rating-label{display:flex;align-items:baseline;gap:8px;font-size:calc((12.5px) * var(--kona-ui-scale,1));font-weight:750;color:#3b6353;margin-bottom:7px}
#page-records #new-reflect-page .rv-rating-label small{font-size:calc((11px) * var(--kona-ui-scale,1));color:#789184;font-weight:600}
#page-records #new-reflect-page .rv-rating-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#page-records #new-reflect-page .rv-rating-choice{width:100%;min-width:0;min-height:46px;border-radius:13px;border:1px solid #d4dcd5;background:var(--rating-color);color:#334e47;font-size:calc((20px) * var(--kona-ui-scale,1));font-weight:750;box-shadow:0 1px 2px #263f3a12;transition:transform .14s,box-shadow .14s}
#page-records #new-reflect-page .rv-rating-choice[aria-pressed=true]{border:2px solid #285d4a;box-shadow:0 0 0 2px #95beaa77,0 3px 8px #2b624723;transform:translateY(-1px)}
#page-records #new-reflect-page .rv-rating-legend{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#859789;font-size:calc((9px) * var(--kona-ui-scale,1))}
#page-records #new-reflect-page .rv-rating-status{min-height:16px;margin:10px 0 0;font-size:calc((11px) * var(--kona-ui-scale,1));color:#567866}
#page-records #new-reflect-page .rv-endday-mood + .rv-writing-heading{margin-top:10px!important}
#page-checkin #moodGrid .compact-scale-choice[data-dimension=happiness]{background:var(--mood-selected)!important;border-color:#c9d3cb!important}
#page-checkin #moodGrid .compact-scale-choice[data-dimension=happiness][aria-pressed=true]{border:2px solid #386c55!important;background:var(--mood-selected)!important;box-shadow:0 0 0 2px #72a78e44!important}
#page-checkin #moodGrid .compact-scale-choice[data-dimension=happiness][aria-pressed=true] img{filter:none!important;opacity:1!important}
@media(max-width:375px){#page-today #kx-summary .kona-rich-event .kona-event-name{font-size:calc((11.5px) * var(--kona-ui-scale,1))!important}#page-today #kx-summary .kona-rich-note{padding:8px 6px!important}#page-records #new-reflect-page .rv-rating-choices{gap:5px}#page-records #new-reflect-page .rv-endday-mood{padding:15px 11px!important}}
@media(prefers-reduced-motion:reduce){#page-records #new-reflect-page .rv-rating-choice{transition:none!important}}
/* Suppress legacy timeline dots in the new Plan/Notes two-column cards. */
#page-today.kona-today-v2 #kx-summary button.kona-rich-event.kona-event-visible::before,
#page-today.kona-today-v2 #kx-summary button.kona-rich-event.kona-event-visible::after{content:none!important;display:none!important}
#page-today.kona-today-v2 #kx-summary button.kona-rich-event.kona-event-visible .kona-event-emoji{grid-column:auto!important;grid-row:auto!important}
#page-today.kona-today-v2 #kx-summary .kona-rich-row .kona-rich-event>small{grid-column:auto!important;grid-row:auto!important;min-width:0!important}

/* Reflection -> Tasks opt-in: explicit and readable; no decorative cards. */
.rv-task-optin{padding:12px 3px 11px;margin:8px 0 10px;border-top:1px solid #dce7df;border-bottom:1px solid #dce7df}
.rv-task-checkbox-label{display:flex;align-items:center;gap:11px;font-size:calc((14px) * var(--kona-ui-scale,1));font-weight:650;color:#275749;min-height:44px;cursor:pointer}
.rv-task-checkbox-label input{appearance:auto;accent-color:#43806b;width:20px;height:20px;flex:none;margin:0}
.rv-task-checkbox-label input:focus-visible{outline:2px solid #377962;outline-offset:3px}
.rv-task-checkbox-label input:disabled{opacity:.48;cursor:not-allowed}
.rv-task-hint{display:block;margin:0 0 0 31px;color:#68756e;font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.45}
.rv-task-view{border:0;background:transparent;color:#28645a;text-decoration:underline;text-underline-offset:3px;font-size:calc((13px) * var(--kona-ui-scale,1));min-height:40px;padding:4px 7px}

/* Saved Capture tags, Review editing and Plan-note links. */
.kona-capture-tags{margin:7px 0 10px;padding:6px 0;border-top:1px solid #e6ebe6}
.kona-capture-tag-heading{display:flex;align-items:baseline;gap:9px;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:700;color:#385f50;margin-bottom:7px}
.kona-capture-tag-heading small{font-weight:400;color:#748079;font-size:calc((11px) * var(--kona-ui-scale,1))}
.kona-note-tag-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.kona-tag-chip{min-height:34px;border-radius:999px;background:transparent;border:1px solid #d6e2d9;color:#526a60;padding:6px 10px;font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.2;white-space:nowrap;cursor:pointer}
.kona-tag-chip.is-selected{background:#e9f3e8;border-color:#92b4a2;color:#1d634a;font-weight:700}
.kona-tag-chip:focus-visible{outline:2px solid #428168;outline-offset:2px}
.kona-note-metadata{margin:10px 0 5px;padding:8px 0 3px;border-top:1px solid #e6eae6;min-width:0}
.kona-metadata-label{font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;color:#426153;display:block;margin-bottom:7px}
.kona-metadata-label select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:39px;margin-top:5px;padding:7px 9px;font-size:calc((13px) * var(--kona-ui-scale,1));border:1px solid #dae5db;border-radius:10px;background:#fff;color:#264a3d}
.kona-note-metadata .kona-note-tag-chips{margin-bottom:8px}
.kona-linked-capture-count{display:block;font-size:calc((11px) * var(--kona-ui-scale,1));color:#537468;margin-top:5px}
.kona-linked-captures{grid-column:1/-1;display:grid;gap:5px;padding:6px 0 8px;border-top:1px solid #e7eae6}
.kona-linked-capture{display:block;width:100%;min-height:42px;text-align:left;white-space:pre-wrap;word-break:break-word;border:0;border-left:2px solid #94c6b1;background:#f1f7f0;border-radius:0 8px 8px 0;padding:7px 10px;color:#36534c;font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.45}

.kona-note-tag-details{border-top:1px solid #ebeeea;margin:9px 0 0;padding:3px 0 0}
.kona-note-tag-details summary{list-style:none;cursor:pointer;min-height:38px;display:flex;align-items:center;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:650;color:#557565;line-height:1.5;overflow-wrap:anywhere}
.kona-note-tag-details summary::-webkit-details-marker{display:none}
.kona-note-tag-details summary:focus-visible{outline:2px solid #43806b;outline-offset:2px}
.kona-note-tag-details .kona-note-tag-chips{padding-top:6px}
@media(max-width:430px){.kona-capture-tags .kona-note-tag-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:7px}}

/* Kona feeling language: one color per energy, one word per pair. */
body #page-checkin #moodGrid .compact-scale-buttons{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
body #page-checkin #moodGrid .compact-scale-choice.kona-feeling-choice,
body #page-records #new-reflect-page .rv-rating-choice.kona-feeling-choice{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:88px!important;padding:9px 3px!important;border-radius:13px!important;color:#233D45!important;font-weight:650!important;white-space:normal!important}
body #page-checkin #moodGrid .compact-scale-choice[data-dimension=energy]{background:var(--energy-selected)!important;border:1px solid #233d4524!important}
body #page-checkin #moodGrid .compact-scale-choice[data-dimension=happiness]{background:var(--mood-selected)!important}
.kona-feeling-choice svg{display:block!important;width:34px!important;height:30px!important;flex-shrink:0!important}
body .kona-feeling-choice .kona-choice-caption{display:block!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:1.3!important;overflow-wrap:normal!important;word-break:normal!important;text-align:center!important;min-height:26px!important;font-weight:650!important;color:#233D45!important}
body #page-checkin #moodGrid .compact-scale-choice[aria-pressed=true],body #page-records #new-reflect-page .rv-rating-choice[aria-pressed=true]{outline:2px solid #276E74!important;outline-offset:2px!important;border-color:#276E74!important;box-shadow:none!important}
.kona-feeling-choice:focus-visible{outline:3px solid #194E58!important;outline-offset:3px!important}
.kona-feeling-summary{display:flex;flex-direction:column;gap:3px;padding:13px 15px;margin:15px 0 4px;border-radius:12px;background:#EEF4F2;color:#233D45;font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.5}
.kona-feeling-summary strong{font-size:calc((19px) * var(--kona-ui-scale,1));font-weight:750}
.kona-feeling-summary span{font-size:calc((12px) * var(--kona-ui-scale,1))}
body #page-checkin .compact-scale-label{margin-bottom:10px!important}
body #page-checkin .compact-scale{margin-bottom:18px!important}
body #page-records #new-reflect-page .rv-rating-legend{display:none!important}
body #page-records #new-reflect-page .rv-entry-body .rv-mood-chip{display:inline-block!important;border-radius:9px;padding:6px 10px!important;color:#233D45!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:700!important}
@media(max-width:375px){body #page-checkin #moodGrid .compact-scale-buttons{gap:5px!important}body .kona-feeling-choice .kona-choice-caption{font-size:calc((9px) * var(--kona-ui-scale,1))!important}}

/* Memo first, emoji-only tags immediately below it. */
body #page-capture #qc-v2 .kona-capture-tags{order:4!important;width:100%;margin:9px 0 12px!important;padding:5px 0!important;border:0!important}
body #page-capture #qc-v2 .qc-bottom{order:5!important}
body #page-capture .kona-capture-tag-heading{display:none!important}
body #page-capture .kona-note-tag-chips{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#97B8B0 transparent;padding:4px 2px 7px!important;box-sizing:border-box!important}
body .kona-tag-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;min-width:44px!important;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;border-radius:50%!important;font-size:calc((21px) * var(--kona-ui-scale,1))!important;line-height:1!important;overflow:hidden!important}
body #page-capture .kona-tag-chip{justify-self:center!important}
body .kona-tag-chip.is-selected{background:#E1F0EB!important;border:2px solid #276E74!important;box-shadow:0 0 0 1px #276E7420!important}
body .kona-note-tag-details summary{font-size:calc((19px) * var(--kona-ui-scale,1));letter-spacing:3px}

body #page-capture .kona-capture-tags{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body #page-capture .kona-note-tag-chips:focus-visible{outline:2px solid #276E74;outline-offset:2px}
body #page-capture .kona-note-tag-chips::-webkit-scrollbar{height:3px}
body #page-capture .kona-note-tag-chips::-webkit-scrollbar-thumb{background:#97B8B0;border-radius:3px}

/* Text add actions need their own type scale; .add was designed for a plus glyph. */
.app button.kona-add-action{font-family:inherit!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:650!important;line-height:1.3!important;white-space:nowrap!important;min-height:44px!important;min-width:44px!important;width:auto!important;padding:8px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
#page-schedule .sectionhead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:3px!important;align-items:center!important}
#page-schedule .sectionhead>h2{grid-column:1;grid-row:1;min-width:0!important;margin:0!important;overflow-wrap:break-word}
#page-schedule .sectionhead>.right{display:contents!important}
#page-schedule #eventCount{grid-column:1;grid-row:2;min-width:0!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;text-align:left!important;white-space:normal!important;color:var(--kona-muted)}
#page-schedule #addEventBtn{grid-column:2;grid-row:1 / span 2;align-self:center!important}
#page-schedule #addTaskBtn{grid-column:2;grid-row:1;align-self:center!important}

/* One-row brand, concise date and settings at phone widths. */
body:not(.focus-immersive) .app>header.pagehead{display:grid!important;grid-template-columns:minmax(0,max-content) auto minmax(36px,1fr)!important;grid-template-rows:minmax(44px,auto)!important;gap:0 6px!important;align-items:center!important}
body:not(.focus-immersive) .app>header.pagehead>.brand{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:3px!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
body:not(.focus-immersive) .app>header.pagehead #brandName{font-size:calc((clamp(16px,4.8vw,21px)) * var(--kona-ui-scale,1))!important;min-width:0!important;max-width:100%!important;flex:0 1 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body:not(.focus-immersive) .app>header.pagehead .island-mark{width:clamp(18px,5vw,24px)!important;height:25px!important;flex-shrink:0!important}
body:not(.focus-immersive) .app>header.pagehead .datecontrol{grid-column:2!important;grid-row:1!important;display:flex;flex-wrap:nowrap!important;gap:1px!important;min-width:0!important;width:auto!important;max-width:none!important;justify-self:start!important;white-space:nowrap!important;height:44px!important}
body:not(.focus-immersive) .app>header.pagehead .datebox{min-width:42px!important;width:auto!important;height:44px!important;padding:0 2px!important}
body:not(.focus-immersive) .app>header.pagehead .datebox span{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.2!important;white-space:nowrap!important}
body:not(.focus-immersive) .app>header.pagehead .relative-day{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.2!important;white-space:nowrap!important;padding:2px 3px!important}
body:not(.focus-immersive) .app>header.pagehead .datecontrol>button:not(.todaychip){width:24px!important;min-width:24px!important;height:44px!important;min-height:44px!important}
body:not(.focus-immersive) .app>header.pagehead .app-settings-shortcut{grid-column:3!important;grid-row:1!important;width:36px!important;min-width:36px!important;height:44px!important;min-height:44px!important;justify-self:end!important}

/* Optional metadata stays visually subordinate to the memo. */
.kona-event-note-tags{margin:6px 0 2px;border:0;padding:0;min-width:0}
.kona-event-note-tags summary{list-style:none;display:flex;align-items:center;min-height:32px;font-size:calc((17px) * var(--kona-ui-scale,1));line-height:1.3;color:#526D64;cursor:pointer;letter-spacing:2px}
.kona-event-note-tags summary::-webkit-details-marker{display:none}
.kona-event-note-tags .kona-note-tag-chips,.kona-note-metadata .kona-note-tag-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:3px;padding:3px 0 5px;max-width:100%;min-width:0;scrollbar-width:thin}
body .kona-event-note-tags .kona-tag-chip,body .kona-note-metadata .kona-tag-chip{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;flex:0 0 34px!important;font-size:calc((18px) * var(--kona-ui-scale,1))!important;border-color:transparent!important;background:transparent!important}
body .kona-note-metadata{margin:6px 0 2px;padding:5px 0 0}
body .kona-metadata-label{font-size:calc((11px) * var(--kona-ui-scale,1));margin-bottom:3px;font-weight:500}
body .kona-metadata-label select{width:auto!important;max-width:100%!important;min-height:32px!important;height:32px!important;margin:3px 0!important;padding:4px 22px 4px 7px!important;border-radius:6px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;background:transparent!important}
body .kona-note-tag-details{margin-top:4px;padding:0;border:0}
body .kona-note-tag-details summary{font-size:calc((16px) * var(--kona-ui-scale,1))!important;min-height:30px!important;line-height:1.3!important;letter-spacing:2px}
.kona-plan-note-tags{display:block;font-size:calc((15px) * var(--kona-ui-scale,1));line-height:1.5;letter-spacing:2px;margin-top:3px}
#recordEditModal textarea,#mealLogModal textarea{min-height:100px;line-height:1.5}

/* Review: readable records first, compact direct editing second. */
body:not(.focus-immersive) .app:has(#page-records.active.reflect-open)>header.pagehead .datecontrol{display:flex!important}
@media(max-width:375px){body:not(.focus-immersive) .app>header.pagehead{column-gap:4px!important;grid-template-columns:minmax(0,max-content) auto minmax(32px,1fr)!important}body:not(.focus-immersive) .app>header.pagehead .datebox span,body:not(.focus-immersive) .app>header.pagehead .relative-day{font-size:calc((11px) * var(--kona-ui-scale,1))!important}body:not(.focus-immersive) .app>header.pagehead .datecontrol>button:not(.todaychip){width:20px!important;min-width:20px!important}body:not(.focus-immersive) .app>header.pagehead .app-settings-shortcut{width:32px!important;min-width:32px!important}}
#page-records #new-reflect-page .rv-daily-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:12px 0 6px!important;padding:0!important}
#page-records #new-reflect-page .rv-daily-head .rv-selected-period,#page-records #new-reflect-page .rv-daily-head .rv-nav{display:none!important}
#page-records #new-reflect-page .rv-daily-head h2{font-size:calc((16px) * var(--kona-ui-scale,1))!important;margin:0!important}
#page-records #new-reflect-page .rv-moment-count{border:0!important;padding:0!important;margin:0!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#748379!important;font-weight:500!important}
#page-records #new-reflect-page .rv-timegroup{margin:14px 0!important}
#page-records #new-reflect-page .rv-timegroup>h4{font-size:calc((11px) * var(--kona-ui-scale,1))!important;letter-spacing:.3px;margin:0 0 8px!important;color:#7E8E83!important}
#page-records #new-reflect-page .rv-item .rv-entry-body{padding:6px 10px 8px!important;border-radius:0 9px 9px 0!important}
#page-records #new-reflect-page .rv-entry-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-width:0}
#page-records #new-reflect-page .rv-entry-heading .rv-kind-label{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#7C8C82!important;font-weight:500!important;margin:0!important}
#page-records #new-reflect-page .rv-entry-heading strong{display:inline!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;margin:0!important}
#page-records #new-reflect-page .rv-entry-heading .rv-session-duration{display:inline!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;margin:0!important}
#page-records #new-reflect-page .rv-entry-body .rv-note-preview{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.65!important;margin:6px 0!important;font-weight:400!important}
body .kona-note-metadata{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:flex-start;border:0!important;margin:3px 0 0!important;padding:0!important}
.kona-note-schedule{min-width:0;max-width:100%;position:relative}
body .kona-note-schedule>summary{display:block;list-style:none;cursor:pointer;min-height:30px!important;padding:6px 0!important;max-width:100%;color:#53776A!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;text-decoration:underline;text-decoration-color:#BDD1C6;text-underline-offset:3px;overflow-wrap:anywhere}
.kona-note-schedule>summary::-webkit-details-marker{display:none}
body .kona-note-schedule>select{max-width:100%;width:auto;min-height:34px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;border:1px solid #D4E1D8;border-radius:6px;background:white;padding:4px 7px;margin:2px 0 5px}
body .kona-note-metadata .kona-note-tag-details{position:relative;flex:0 1 auto;margin:0!important;padding:0!important;border:0!important;min-width:0;max-width:100%}
body .kona-note-metadata .kona-note-tag-details>summary{font-size:calc((16px) * var(--kona-ui-scale,1))!important;letter-spacing:1px!important;min-height:30px!important;padding:3px 0!important;line-height:1.5!important;cursor:pointer}
body .kona-note-metadata .kona-note-tag-chips{max-width:270px;width:100%;padding:3px 0!important}
#page-records .qc-record-head{display:flex;gap:8px;align-items:center;justify-content:space-between}
#page-records .qc-record-head>b{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:500!important;color:#6C8075!important}
#page-records .qc-record{border-radius:0!important;box-shadow:none!important;border-left:2px solid #A7C9B7!important;padding:8px 12px!important}
#page-records .qc-record>p{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.65!important;margin:6px 0!important}
/* Quiet segmented scales, shared between Check-in and Review. */
body #page-checkin #moodGrid .compact-scale-buttons,body #page-records #new-reflect-page .rv-rating-choices{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;padding:4px!important;background:#EEF3EE!important;border-radius:14px!important;box-sizing:border-box!important;align-items:stretch!important}
body #page-checkin #moodGrid .compact-scale-choice.kona-feeling-choice,body #page-records #new-reflect-page .rv-rating-choice.kona-feeling-choice{min-height:62px!important;height:auto!important;padding:7px 2px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important;outline:none!important;transform:none!important;gap:5px!important;color:#4F6A60!important}
body #page-checkin #moodGrid .compact-scale-choice[data-dimension=energy][aria-pressed=true]{background:var(--energy-selected)!important;border-color:#588273!important}
body #page-checkin #moodGrid .compact-scale-choice[data-dimension=happiness][aria-pressed=true]{background:var(--mood-selected)!important;border-color:#588273!important}
body #page-records #new-reflect-page .rv-rating-choice[aria-pressed=true]{background:var(--rating-color)!important;border-color:#588273!important}
body .kona-feeling-choice svg{width:44px!important;height:12px!important}
body #page-checkin #moodGrid .compact-scale-choice[data-dimension=happiness] svg,body #page-records #new-reflect-page .rv-rating-choice[data-dimension=happiness] svg{display:none!important}
body #page-checkin #moodGrid .compact-scale-choice[data-dimension=happiness],body #page-records #new-reflect-page .rv-rating-choice[data-dimension=happiness]{min-height:46px!important}
body .kona-feeling-choice .kona-choice-caption{font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:1.35!important;font-weight:500!important;min-height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body .kona-feeling-choice[aria-pressed=true] .kona-choice-caption{font-weight:750!important}
body #page-checkin #moodGrid .compact-scale-choice:focus-visible,body #page-records #new-reflect-page .rv-rating-choice:focus-visible{outline:2px solid #276E74!important;outline-offset:1px!important}
body #page-records #new-reflect-page .rv-endday-mood{background:transparent!important;border:0!important;border-top:1px solid #DCE7DE!important;border-radius:0!important;box-shadow:none!important;padding:15px 0 10px!important;margin:14px 0 4px!important}
body #page-records #new-reflect-page .rv-endday-mood:before{display:none!important}
body #page-records #new-reflect-page .rv-rating-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;gap:8px!important}
body #page-records #new-reflect-page .rv-rating-heading h3{font-size:calc((14px) * var(--kona-ui-scale,1))!important;margin:0!important}
body #page-records #new-reflect-page .rv-rating-status{font-size:calc((10px) * var(--kona-ui-scale,1))!important;margin:0!important;min-height:0!important}
body #page-records #new-reflect-page .rv-rating-scales{gap:10px!important}
body #page-records #new-reflect-page .rv-rating-label,body #page-checkin .compact-scale-label{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:600!important;margin:0 0 6px!important;color:#6E8175!important}
body .kona-feeling-summary{padding:5px 1px!important;margin:7px 0 0!important;border-radius:0!important;background:transparent!important;color:#396452!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;min-height:18px}
body .kona-feeling-summary strong{font-size:calc((15px) * var(--kona-ui-scale,1))!important;font-weight:650!important}
/* One journal surface; a next step and extra context are optional. */
#page-records #new-reflect-page .rv-writing-heading{font-size:calc((15px) * var(--kona-ui-scale,1))!important;margin:14px 0 0!important;padding:0!important}
#page-records #new-reflect-page .rv-save-feedback{margin:2px 0 5px!important}
#page-records #new-reflect-page .rv-save-status{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#84958A!important}
#page-records #new-reflect-page .rv-label{margin:4px 0!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
#page-records #new-reflect-page .rv-journal-main textarea{border:0!important;border-bottom:1px solid #D5E2D8!important;border-radius:0!important;background:transparent!important;min-height:120px!important;padding:10px 2px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.75!important;box-shadow:none!important;margin:0!important}
#page-records #new-reflect-page .rv-next-step{border:0;margin:4px 0 0}
#page-records #new-reflect-page .rv-next-step>summary{font-size:calc((12px) * var(--kona-ui-scale,1));color:#59776A;min-height:36px;padding:9px 0;cursor:pointer}
#page-records #new-reflect-page .rv-next-step textarea{min-height:64px!important;background:transparent!important;border:0!important;border-bottom:1px solid #D5E2D8!important;border-radius:0!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.6!important;padding:6px 2px!important}
#page-records #new-reflect-page .rv-task-optin{border:0!important;padding:3px 0!important;margin:0!important}
#page-records #new-reflect-page .rv-task-checkbox-label{font-size:calc((12px) * var(--kona-ui-scale,1))!important;min-height:36px!important}
#page-records #new-reflect-page .rv-task-hint:empty{display:none}
#page-records #new-reflect-page .reflection-context{margin:2px 0 9px!important;border:0!important;padding:0!important}
#page-records #new-reflect-page .reflection-context>summary{font-size:calc((12px) * var(--kona-ui-scale,1))!important;min-height:36px!important;padding:9px 0!important;font-weight:500!important}

/* Small visual circles, with padding around the emoji kept clickable. */
body .kona-tag-chip,body #page-capture .kona-tag-chip,body .kona-event-note-tags .kona-tag-chip,body .kona-note-metadata .kona-tag-chip{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important;padding:3px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.kona-tag-symbol{width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #D5DFD8;border-radius:50%;font-size:calc((18px) * var(--kona-ui-scale,1));line-height:1;box-sizing:border-box;background:#fff}
body .kona-tag-chip.is-selected{border:0!important;background:transparent!important;box-shadow:none!important}
.kona-tag-chip.is-selected .kona-tag-symbol{background:#E0F0E9;border-color:#37786B;box-shadow:0 0 0 1px #37786B}
body #page-capture .kona-note-tag-chips{gap:4px!important;scrollbar-width:none!important;padding:3px 0!important;mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent)}
body #page-capture .kona-note-tag-chips::-webkit-scrollbar{display:none}
body #page-capture #qc-v2 .day-signature{display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;min-height:36px!important;padding:0 0 6px!important;margin:0 0 10px!important;gap:6px!important}
body #page-capture #qc-v2 .carry-label{display:none!important}
body #page-capture #qc-v2 #dayEmoji{width:28px!important;min-width:28px!important;height:32px!important;min-height:32px!important}
body #page-capture #qc-v2 #dayEmoji img{width:24px!important;height:24px!important}
body #page-capture #qc-v2 #dayHeadline{height:32px!important;min-height:32px!important;max-height:32px;overflow:hidden!important;padding:3px 0!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;line-height:1.6!important;resize:none!important}
body #page-capture #qc-v2 .day-signature:focus-within #dayHeadline{max-height:120px;height:auto!important;min-height:48px!important;overflow:auto!important}
body #page-capture .carry-edit{width:28px!important;min-width:28px!important;height:36px!important;min-height:36px!important}
body #page-capture #qc-text{height:78px!important;min-height:78px!important;max-height:240px!important;line-height:1.6!important}
body #captureMicHelp{display:none!important}
body #page-capture #qc-v2 .kona-capture-tags{margin:5px 0 7px!important;padding:0!important}
body #page-checkin .phases{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:3px!important;border:0!important;background:#EEF3EE;border-radius:10px;margin:4px 0 12px!important;gap:3px!important}
body #page-checkin .phases:before,body #page-checkin .phase-node{display:none!important}
body #page-checkin .phases button{min-height:40px!important;min-width:0!important;padding:7px 2px!important;border:0!important;border-radius:8px!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
body #page-checkin .phases button.active{background:#fff!important;box-shadow:0 1px 3px #365A4912!important}
body #page-checkin .phases small{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:650!important;white-space:nowrap!important}
body #page-checkin #checkFlowHeading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;margin-bottom:8px}
body #page-checkin #checkFlowHeading h2{font-size:calc((16px) * var(--kona-ui-scale,1))!important;margin:0!important}
body #page-checkin #morningPrayerPrompt{border:0!important;background:transparent!important;padding:0!important;margin:0 0 10px!important;display:flex;justify-content:flex-end;border-radius:0!important}
body #page-checkin #morningPrayerPrompt[hidden]{display:none!important}
body #page-checkin #morningPrayerPrompt button{display:inline-flex!important;align-items:center;gap:5px;min-height:32px!important;padding:3px 7px!important;background:transparent!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#476E61!important}
body #page-checkin #morningPrayerPrompt img{width:16px!important;height:16px!important}
body #page-checkin .kona-feeling-summary:empty{display:none!important}
body #page-checkin #generalNoteCard{border-top:0!important}
body #page-records #new-reflect-page .rv-journal-main textarea{min-height:88px!important}
body #page-records #new-reflect-page .rv-writing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 2px}
body #page-records #new-reflect-page .rv-writing-toolbar .rv-writing-heading{margin:0!important}
body #page-records #new-reflect-page .rv-writing-toolbar .rv-controls{margin:0!important;flex:0 0 auto;align-items:center}
body #page-records #new-reflect-page .rv-writing-toolbar .rv-done{flex:none!important;min-height:34px!important;width:auto!important;padding:5px 10px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;border-radius:8px!important}
body #page-records #new-reflect-page .rv-done-reason{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body #page-records #new-reflect-page .rv-collection-details{border-top:1px solid #E0E8E1;margin-top:8px;padding-top:3px}
body #page-records #new-reflect-page .rv-collection-details>summary{font-size:calc((12px) * var(--kona-ui-scale,1));min-height:36px;padding:9px 0;color:#698075;cursor:pointer}
.flower-fallback{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:calc((22px) * var(--kona-ui-scale,1));line-height:1}
body.focus-screen:not(.focus-immersive) #timerStatus,body.focus-screen:not(.focus-immersive) .alarm-caption{display:none!important}
#focusSetupMore{margin:3px 0 0;padding:0;border:0}
#focusSetupMore>summary{font-size:calc((12px) * var(--kona-ui-scale,1));color:#688073;cursor:pointer;min-height:32px;padding:7px 1px}
body.focus-immersive #focusSetupMore>summary{display:none!important}
body #page-focus .focus-clock-area{margin:10px 0 8px!important;min-height:152px!important}
body #page-capture #qc-v2 #qc-text{height:78px!important;min-height:78px!important;max-height:240px!important;padding:7px 2px!important;line-height:1.6!important}
/* Compact, direct feeling input and Archive — Kona October 2026 */
body #moodGrid.kona-slim{display:block!important;padding:0!important;background:transparent!important;border:0!important}
.kona-slim-scale{padding:10px 0 6px;min-width:0}.kona-slim-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#6c8078}.kona-scale-value{border:0!important;background:transparent!important;box-shadow:none!important;color:#315f55!important;padding:5px 0 5px 12px!important;min-height:32px!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:700}.kona-scale-value:disabled{color:#89988e!important;opacity:1!important}
.kona-slim-rail{appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:3px 0 0;background:transparent!important;cursor:pointer;touch-action:pan-y}.kona-slim-rail::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(90deg,#d8caf0,#b9d7ee,#f4f1e9,#f8e399,#f3ab9b)}.kona-slim-rail::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:white;border:5px solid #53847a;margin-top:-8px;box-shadow:0 1px 5px #24473c25}.kona-slim-rail::-moz-range-track{height:5px;background:#cedfd5;border-radius:8px}.kona-slim-rail::-moz-range-thumb{width:14px;height:14px;border:4px solid #53847a;background:white;border-radius:50%}.kona-slim-rail.is-empty{opacity:.5}.kona-scale-stops{display:flex;justify-content:space-between;margin-top:-8px}.kona-scale-stops button{position:relative;border:0!important;box-shadow:none!important;background:transparent!important;width:32px;min-height:24px!important;padding:0!important}.kona-scale-stops button:before{content:'';display:block;margin:auto;width:5px;height:5px;border-radius:50%;background:#bdcbc3}.kona-scale-stops button[aria-pressed=true]:before{background:#3d7566;width:7px;height:7px}.kona-scale-ends{display:flex;justify-content:space-between;color:#89978e;font-size:calc((10px) * var(--kona-ui-scale,1))}.kona-slim-result{margin:12px 0 0!important;padding-top:10px;border-top:1px solid #e0e7df;font-size:calc((20px) * var(--kona-ui-scale,1));font-weight:700;color:#365f55}.kona-slim-result:empty{display:none}
body #dailyReflectionMood{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:18px 0!important}body #dailyReflectionMood .rv-rating-scales{display:block!important;padding:0!important}body #dailyReflectionMood .rv-rating-heading[hidden]{display:none!important}.kona-rating-summary{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #dce6dd;border-radius:14px;background:#fffefa;padding:13px 14px;text-align:left;min-height:66px}.kona-rating-dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 5px #eef3ec;flex-shrink:0}.kona-rating-words{flex:1;display:flex;flex-direction:column;gap:2px}.kona-rating-words strong{font-size:calc((17px) * var(--kona-ui-scale,1))}.kona-rating-words small{font-size:calc((11px) * var(--kona-ui-scale,1));color:#7c8a81}.kona-rating-edit{font-size:calc((11px) * var(--kona-ui-scale,1));color:#6d8c7c}.kona-rating-editor{background:#f0f4ed;padding:8px 15px 14px;border-radius:12px;margin-top:7px}.kona-rating-editor .rv-rating-status{font-size:calc((11px) * var(--kona-ui-scale,1));margin:8px 0 0}
body #eventManageList .record-item{display:grid!important;grid-template-columns:4px 48px minmax(0,1fr)!important;gap:10px!important;padding:13px 10px!important}body #eventManageList .record-item .buttons{grid-column:3;display:flex!important;justify-content:flex-start!important;gap:16px!important;margin-top:2px}body #eventManageList .record-item .buttons button{min-height:30px!important;padding:3px 0!important;background:transparent!important;border:0!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}.event-delete-btn{color:#9b685e!important}
body #page-records .archive-search{border:0!important;padding:0!important;margin:12px 0 20px!important;background:transparent!important}body #archive-search>label{display:none!important}body #archive-search-input{font-size:calc((14px) * var(--kona-ui-scale,1))!important;border-radius:12px!important;background:#fffefa!important;border:1px solid #dce5dc!important;height:43px!important;padding:10px 12px!important;min-width:0;width:100%}body .archive-search-row{display:flex;gap:10px}body #archive-search-clear{background:transparent;border:0;font-size:calc((12px) * var(--kona-ui-scale,1));padding:8px;color:#6f8479}body #archive-search-status{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#839188!important;margin:12px 0 3px!important}body #archive-search-results{display:block!important}body #archive-search-results[hidden]{display:none!important}body .archive-search-result{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important;text-align:left!important;padding:16px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid #e0e7df!important;border-radius:0!important;box-shadow:none!important;min-width:0}body .archive-search-meta{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#7d8d82!important}body .archive-result-title{font-size:calc((14px) * var(--kona-ui-scale,1));line-height:1.4;color:#365a50}body .archive-search-preview{font-size:calc((13px) * var(--kona-ui-scale,1))!important;line-height:1.6!important;color:#63776d!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-back{background:transparent;border:0;padding:10px 0;font-size:calc((12px) * var(--kona-ui-scale,1));color:#3f7564}.archive-filter-row{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px 0 10px}.archive-filter-row button{white-space:nowrap;border:1px solid #dee7dc;background:transparent;border-radius:99px;padding:6px 12px;min-height:34px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#6c8074}.archive-filter-row button[aria-pressed=true]{background:#e7efe4;color:#305f4e;border-color:#d1dfcf;font-weight:700}body #page-records .kx-archive-select{display:none!important}.archive-entry-actions{display:flex;justify-content:flex-end;gap:16px;padding:0 8px 9px}.archive-entry-actions button{border:0;background:transparent;padding:5px 0;min-height:30px;font-size:calc((12px) * var(--kona-ui-scale,1))}body #dayReviewBody .day-review-entry-row{border-bottom:1px solid #e1e7df}
@media(max-width:380px){body #eventManageList .record-item{grid-template-columns:3px 41px minmax(0,1fr)!important;gap:7px!important}}
body #page-records #new-reflect-page #dailyReflectionMood .rv-rating-heading[hidden]{display:none!important}
body #page-records #new-reflect-page #dailyReflectionMood .kona-rating-summary{padding:12px 14px!important;box-shadow:none!important}
/* Mobile hierarchy: quiet navigation, compact check-in, useful space for the plan. */
body #dock .tabs{padding:4px 5px 2px!important;gap:4px!important}
body #dock .tabs button{font-size:calc((9.5px) * var(--kona-ui-scale,1))!important;font-weight:550!important;line-height:1.2!important;min-height:49px!important;height:49px!important;padding:5px 1px!important;gap:4px!important;border-radius:10px!important;letter-spacing:0!important}
body #dock .tabs button.active{font-weight:650!important;background:#eaf1eb!important}
body #dock .tabs .navico,body #dock .tabs .navico svg,body #dock .tabs .navico img{width:20px!important;height:20px!important;min-width:20px!important}
body #dock{padding-bottom:env(safe-area-inset-bottom,0px)!important}
body #page-checkin .phases{margin:0 0 14px!important;padding:2px!important;border-radius:8px!important;background:#edf1eb!important}
body #page-checkin .phases button{min-height:34px!important;padding:6px 2px!important;border-radius:6px!important}
body #page-checkin .phases small{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:600!important}
body #page-checkin #checkFlowHeading{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;padding:0 0 9px!important;margin:0 0 8px!important;gap:8px!important}
body #page-checkin #checkFlowHeading h2{font-size:calc((16px) * var(--kona-ui-scale,1))!important;flex:1;min-width:0}
body #page-checkin #checkFlowHeading #checkState{font-size:calc((10px) * var(--kona-ui-scale,1))!important;max-width:100px!important;white-space:nowrap!important;flex:0 0 auto;margin:0!important}
body #page-checkin #checkFlowHeading #morningPrayerPrompt{margin:0!important;padding:0!important;flex:0 0 auto;background:transparent!important;min-height:0!important;width:auto!important}
body #page-checkin #morningPrayerPrompt button{font-size:calc((10px) * var(--kona-ui-scale,1))!important;min-height:28px!important;padding:3px 5px!important;gap:4px!important;border:0!important}
body #page-checkin #morningPrayerPrompt img{width:13px!important;height:13px!important}
body #page-checkin #moodCard{border:0!important;background:transparent!important;box-shadow:none!important;margin:0 0 15px!important;padding:0!important;min-height:0!important}
body #page-checkin .kona-slim-scale{padding:7px 0 3px!important}
body #page-checkin .kona-slim-label{font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body #page-checkin .kona-scale-value{font-size:calc((12px) * var(--kona-ui-scale,1))!important;min-height:27px!important}
body #page-checkin .kona-scale-ends{font-size:calc((9px) * var(--kona-ui-scale,1))!important}
body #page-checkin .kona-slim-result{font-size:calc((17px) * var(--kona-ui-scale,1))!important;margin:10px 0 0!important;padding-top:8px!important}
body #page-checkin #generalNoteCard{padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body #page-checkin #generalNoteCard>.row{margin-bottom:6px!important}
body #page-checkin #generalNoteTitle{font-size:calc((13px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;margin:0!important;color:#49695c!important}
body #page-checkin #checkNote{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.65!important;padding:12px!important;min-height:104px!important;height:116px;border-radius:12px!important;margin:0!important;background:#fffefa!important;border:1px solid #dce4da!important;box-shadow:none!important;max-height:none!important}
body #page-checkin .check-flow-time{margin-top:8px!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important}
body #page-today>.kona-plan-heading{display:none!important}
body #page-today #pageheadExtra{padding:0 0 9px!important;margin:0 0 10px!important;min-height:0!important}
body #page-today #pageheadExtra .task-fold{font-size:calc((14px) * var(--kona-ui-scale,1))!important;min-height:34px!important}
body #page-today #pageheadExtra button{font-size:calc((11px) * var(--kona-ui-scale,1))!important;min-height:32px!important}
body #page-today #todayTaskCard{margin:0!important;padding:3px 0!important}
body #page-today #weekLecture{margin:0 0 10px!important;padding:8px 0!important;min-height:32px!important;gap:8px!important}
body #page-today #weekLecture .label,body #page-today #weekLecture button,body #page-today #weekLecture span{font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.4!important}
body #page-today .tl-card{padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body #page-today .tl-card>.sectionhead{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;padding:0 0 7px!important;margin:0!important;min-height:34px!important;gap:8px!important}
body #page-today #todayScheduleHeading{font-size:calc((16px) * var(--kona-ui-scale,1))!important;white-space:nowrap!important;margin:0!important;flex:1!important}
body #page-today #todayScheduleHeading:before{display:none!important}
body #page-today .tl-card>.sectionhead .right{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;margin:0!important;width:auto!important;justify-content:flex-end!important}
body #page-today .tl-card>.sectionhead button,body #page-today .tl-card>.sectionhead summary{font-size:calc((11px) * var(--kona-ui-scale,1))!important;min-height:32px!important;padding:3px 0!important;white-space:nowrap!important}
body #page-today #kx-summary.kx-summary{padding:0!important}
body #page-today #kx-summary .kona-rich-intro{padding:2px 0 4px!important}
body #page-today #kx-summary .kona-rich-lane{min-height:29px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body #page-today #kx-summary .kona-notes-open-all{font-size:calc((10px) * var(--kona-ui-scale,1))!important;min-height:28px!important;padding:4px 7px!important;background:transparent!important}
body #page-today #kx-summary .kona-event-count{font-size:calc((10px) * var(--kona-ui-scale,1))!important;padding:3px 0!important}
body #page-today #kx-summary .kona-rich-event .event-now-badge{position:static!important;align-self:flex-start!important;margin:1px 0 0 31px!important;font-size:calc((8px) * var(--kona-ui-scale,1))!important;line-height:1.2!important;min-height:0!important;padding:2px 5px!important;border-radius:4px!important;transform:none!important}
body #page-today #kx-summary .kona-plan-hint{display:none!important}
/* Selected Plan direction: schedule first, one quiet priority row. */
body #page-today.kona-plan-schedule-first #konaPriorityTask{display:flex!important;align-items:center!important;gap:7px!important;min-height:40px!important;max-height:44px!important;padding:5px 9px!important;margin:0 0 13px!important;border:1px solid #dfe8d9!important;border-radius:9px!important;background:#edf3e8!important;box-shadow:none!important;overflow:hidden!important}
body #page-today.kona-plan-schedule-first #konaPriorityTask[hidden]{display:none!important}
body #konaPriorityTask .priority-star{font-size:calc((13px) * var(--kona-ui-scale,1));color:#79916b;flex:0 0 auto}
body #konaPriorityTask .pinned-item{display:flex!important;align-items:center!important;gap:7px!important;flex:1!important;min-width:0!important;padding:0!important;margin:0!important;min-height:28px!important;border:0!important;background:transparent!important}
body #konaPriorityTask .task-check{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;margin:0!important;padding:5px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:50%!important}
body #konaPriorityTask .task-check img{width:17px!important;height:17px!important}
body #konaPriorityTask .pinned-title{display:block!important;flex:1!important;min-width:0!important;min-height:28px!important;padding:4px 0!important;border:0!important;background:transparent!important;text-align:left!important;box-shadow:none!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:calc((20px) * var(--kona-ui-scale,1))!important}
body #konaPriorityTask .task-name{display:block!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:600!important;line-height:calc((20px) * var(--kona-ui-scale,1))!important}
body #konaPriorityTask .important-mark{display:none!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-intro,body #page-today.kona-plan-schedule-first #kx-summary .kona-event-count{display:none!important}
body #page-today.kona-plan-schedule-first .tl-card>.sectionhead{border:0!important;padding:0 0 12px!important;min-height:34px!important}
body #page-today.kona-plan-schedule-first #todayScheduleHeading{font-size:calc((19px) * var(--kona-ui-scale,1))!important;font-weight:700!important;letter-spacing:-.4px!important}
body #page-today.kona-plan-schedule-first #todayScheduleHeading .editorial-section-icon{display:none!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row{display:grid!important;grid-template-columns:45px minmax(0,1fr)!important;gap:0 10px!important;border-bottom:1px solid #e5e9df!important;padding:12px 0!important;min-height:0!important;background:transparent!important;position:relative!important}
body #page-today.kona-plan-schedule-first .kona-row-time{grid-column:1!important;grid-row:1 / span 3!important;align-self:start!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#829483!important;padding-top:2px!important;line-height:1.6!important;font-variant-numeric:tabular-nums}
body #page-today.kona-plan-schedule-first #kx-summary button.kona-rich-event.kona-event-visible{grid-column:2!important;grid-row:1!important;display:flex!important;justify-content:flex-start!important;gap:2px!important;min-height:0!important;border-radius:0!important;border-left-width:2px!important;border-left-style:solid!important;padding:0 0 1px 10px!important;background:transparent!important;opacity:1!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-event .kona-event-emoji{display:none!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-event .kona-event-line{gap:7px!important;align-items:center!important;flex-wrap:wrap!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-event .kona-event-name{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.45!important;font-weight:650!important;color:#365b49!important;overflow-wrap:anywhere!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-event>small{font-size:calc((10px) * var(--kona-ui-scale,1))!important;padding:0!important;color:#91a08e!important;line-height:1.5!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-event .event-now-badge{margin:0!important;align-self:center!important;min-height:0!important;position:static!important;background:#e3efdf!important;color:#568365!important;font-size:calc((8px) * var(--kona-ui-scale,1))!important;padding:2px 4px!important;line-height:1.2!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-note{grid-column:2!important;grid-row:2!important;min-height:28px!important;padding:4px 0 0 12px!important;background:transparent!important;border:0!important;border-left:2px solid #e3eadd!important;gap:1px!important;line-height:1.5!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-note-empty{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:400!important;color:#95a58f!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-note-title{font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;font-weight:600!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-note-snippet{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.55!important;color:#6d826f!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-note-edit,body #page-today.kona-plan-schedule-first #kx-summary .kona-linked-captures{grid-column:2!important;grid-row:auto!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body #page-today.kona-plan-schedule-first #pageheadExtra{padding:7px 0 0!important;margin:14px 0 0!important;border-top:1px solid #dfe6da!important;border-bottom:0!important}
body #page-today.kona-plan-schedule-first #pinRow{padding:0!important;margin:0!important}
body #page-today.kona-plan-schedule-first #pinRow>.important-head,body #page-today.kona-plan-schedule-first #pinRow>.pinned-list{display:none!important}
body #page-today.kona-plan-schedule-first #pinRow .tasks-overview{margin:0!important;padding:0!important;min-height:34px!important;background:transparent!important;border:0!important}
body #page-today.kona-plan-schedule-first #pinRow .task-fold{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:600!important;min-height:34px!important;background:transparent!important;color:#607c64!important}
body #page-today.kona-plan-schedule-first #pinRow .task-fold svg{display:none!important}
body #page-today.kona-plan-schedule-first #todayTaskCard>.sectionhead{display:flex!important;justify-content:flex-end!important;min-height:28px!important;margin:0!important;padding:0!important}
body #page-today.kona-plan-schedule-first #todayTaskCard #todayTasksHeading{display:none!important}
body #page-today.kona-plan-schedule-first #weekLecture{margin:14px 0 0!important;padding:9px 0!important;border-top:1px solid #e6ebdf!important}
body #page-today.kona-plan-schedule-first #konaScheduleMore .kona-more-panel #kx-timeline-toggle{display:block!important;width:100%!important;text-align:left!important;padding:9px 12px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-event .event-now-badge{display:inline-block!important;flex:0 0 auto!important;width:auto!important;max-width:max-content!important;text-align:center!important}
body #page-today.kona-plan-schedule-first #todayTaskCard .task-name{font-size:calc((12px) * var(--kona-ui-scale,1))!important}
/* Direct Plan view switch and tighter feeling input. */
body #page-today.kona-plan-schedule-first #konaPlanViews{display:inline-flex!important;align-items:center!important;gap:1px!important;background:#edf2e9!important;border-radius:7px!important;padding:2px!important;flex:0 0 auto!important}
body #page-today.kona-plan-schedule-first #konaPlanViews button{font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:1.2!important;min-height:26px!important;height:26px!important;min-width:0!important;padding:4px 7px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#82917e!important;box-shadow:none!important}
body #page-today.kona-plan-schedule-first #konaPlanViews button[aria-pressed=true]{background:#fffefa!important;color:#436747!important;font-weight:650!important;box-shadow:0 1px 2px #284c3010!important}
body #page-today.kona-plan-schedule-first #konaScheduleMore .kona-more-panel #kx-timeline-toggle{display:none!important}
body #page-today.kona-plan-schedule-first .tl-card>.sectionhead .right{gap:9px!important}
body #page-today.kona-plan-schedule-first #todayScheduleHeading{font-size:calc((17px) * var(--kona-ui-scale,1))!important}
body #page-checkin #moodGrid.kona-slim .kona-slim-scale,body #dailyReflectionMood .kona-rating-editor .kona-slim-scale{padding:2px 0 0!important;margin:0!important;min-height:0!important}
body #page-checkin #moodGrid.kona-slim .kona-slim-scale+.kona-slim-scale,body #dailyReflectionMood .kona-rating-editor .kona-slim-scale+.kona-slim-scale{margin-top:8px!important}
body .kona-slim-scale .kona-slim-label{min-height:23px!important;height:23px!important;margin:0!important;line-height:1.3!important}
body .kona-slim-scale .kona-scale-value{min-height:23px!important;height:23px!important;padding:2px 0 2px 9px!important;margin:0!important;line-height:1.3!important}
body .kona-slim-scale .kona-slim-rail{display:block!important;min-height:24px!important;height:24px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
body .kona-slim-scale .kona-scale-stops{height:14px!important;min-height:14px!important;margin:-5px 0 0!important;padding:0!important}
body .kona-slim-scale .kona-scale-stops button{height:20px!important;min-height:20px!important;padding:0!important;line-height:1!important}
body .kona-slim-scale .kona-scale-ends{font-size:calc((9px) * var(--kona-ui-scale,1))!important;line-height:calc((12px) * var(--kona-ui-scale,1))!important;min-height:12px!important;margin:0!important;padding:0!important}
body #page-checkin #moodGrid.kona-slim .kona-slim-result{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;margin:0!important;padding:0!important;border:0!important}
body #page-checkin #moodCard{margin:0 0 12px!important}
body #page-checkin #checkFlowHeading{margin-bottom:5px!important}
body #dailyReflectionMood .kona-rating-editor{padding:9px 12px!important}
@media(max-width:360px){body #page-today.kona-plan-schedule-first #todayScheduleHeading{font-size:calc((16px) * var(--kona-ui-scale,1))!important}body #page-today.kona-plan-schedule-first .tl-card>.sectionhead .right{gap:6px!important}body #page-today.kona-plan-schedule-first #konaPlanViews button{padding:4px 5px!important}}
/* A separate warm surface for the verse carried through today. */
body #page-capture #konaCarryToday.day-signature{display:grid!important;grid-template-columns:28px minmax(0,1fr) 28px!important;align-items:center!important;gap:9px!important;background:#fbf0d6!important;border:1px solid #eddfbb!important;border-radius:13px!important;padding:12px 13px!important;margin:0 0 13px!important;min-height:72px!important;box-shadow:none!important}
body #page-capture #konaCarryToday .carry-label{display:block!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:1.3!important;font-weight:650!important;color:#9b8653!important;margin:0 0 3px!important}
body #page-capture #konaCarryToday #dayHeadline{background:transparent!important;border:0!important;border-radius:0!important;min-height:25px!important;height:28px;max-height:120px!important;padding:0!important;margin:0!important;color:#73633d!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;line-height:1.6!important;box-shadow:none!important;resize:none!important;overflow:auto!important}
body #page-capture #konaCarryToday #dayHeadline::placeholder{color:#b0a17a!important}
body #page-capture #konaCarryToday #dayEmoji,body #page-capture #konaCarryToday .carry-edit{width:28px!important;height:32px!important;min-height:32px!important;min-width:28px!important;background:transparent!important;border:0!important;padding:0!important}
body #page-capture #konaCarryToday #dayEmoji img{width:23px!important;height:23px!important}
body #page-capture #konaCarryToday .carry-edit img{width:17px!important;height:17px!important;opacity:.65!important}
body #page-capture #captureScheduleLink>summary{font-size:calc((11px) * var(--kona-ui-scale,1))!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#617d69!important}
/* Prominent morning prayer, explicit combined feeling, dark Carry card. */
body #page-checkin #morningPrayerPrompt{display:block!important;width:100%!important;padding:0!important;margin:3px 0 12px!important;border:0!important;min-height:0!important;background:transparent!important;border-radius:10px!important}
body #page-checkin #morningPrayerPrompt[hidden]{display:none!important}
body #page-checkin #morningPrayerPrompt button{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;min-height:48px!important;height:auto!important;margin:0!important;padding:12px 16px!important;background:#e5eee1!important;border:1px solid #dce7d6!important;border-radius:10px!important;color:#3a6348!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:700!important;line-height:1.4!important;box-shadow:none!important}
body #page-checkin #morningPrayerPrompt img{width:21px!important;height:21px!important}
body #page-checkin #moodGrid.kona-slim .kona-slim-result{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important;margin:10px 0 1px!important;padding:8px 10px!important;border:0!important;border-radius:7px!important;background:#edf2e8!important;color:#46694a!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:600!important;line-height:1.5!important}
body #page-checkin #moodGrid.kona-slim .kona-slim-result:empty{display:none!important}
body #page-capture #konaCarryToday.day-signature{background:#274e47!important;border-color:#274e47!important;color:#fff!important}
body #page-capture #konaCarryToday .carry-label{color:#e0ebe4!important}
body #page-capture #konaCarryToday #dayHeadline{color:#fff!important;caret-color:#fff!important}
body #page-capture #konaCarryToday #dayHeadline::placeholder{color:#d0ded4!important;opacity:1!important}
body #page-capture #konaCarryToday .carry-edit img{filter:brightness(0) invert(1)!important;opacity:.8!important}
body #page-capture #konaCarryToday button:focus-visible,body #page-capture #konaCarryToday textarea:focus-visible{outline:2px solid #e1d399!important;outline-offset:3px!important}
/* One event per row; its notes occupy the right column. */
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-intro{display:block!important;padding:3px 0 6px!important;border-bottom:1px solid #dce5d9!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-lane{display:grid!important;grid-template-columns:minmax(0,44%) minmax(0,56%)!important;min-height:26px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#7b907d!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-lane span:first-child{padding-left:10px!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-lane span:last-child{padding:0 0 0 12px!important;border-left:1px solid #e0e7db!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-notes-open-all{display:none!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row{grid-template-columns:minmax(0,44%) minmax(0,56%)!important;grid-template-rows:auto minmax(30px,1fr)!important;gap:0!important;padding:0!important;min-height:74px!important;border-bottom:1px solid #e0e7db!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-row-time{grid-column:1!important;grid-row:1!important;align-self:start!important;padding:10px 9px 1px 10px!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;white-space:nowrap!important;color:#8b9c88!important}
body #page-today.kona-plan-schedule-first #kx-summary button.kona-rich-event.kona-event-visible{grid-column:1!important;grid-row:2!important;align-self:stretch!important;justify-content:flex-start!important;padding:0 9px 10px 9px!important;border-left:2px solid #cbdcc2!important;min-height:34px!important;border-radius:0!important;background:transparent!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-event .kona-event-name{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.45!important;word-break:normal!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-event>small{display:none!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-note{grid-column:2!important;grid-row:1 / span 2!important;align-self:stretch!important;justify-content:center!important;gap:3px!important;padding:10px 12px!important;border:0!important;border-left:1px solid #e0e7db!important;background:#fffef9!important;min-height:74px!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-note.has-note{background:#faf9ee!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-note-title{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:650!important;color:#3d604c!important;line-height:1.45!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-note-snippet{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.55!important;color:#738570!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-linked-capture-count{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#8c9b84!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-note-edit,body #page-today.kona-plan-schedule-first #kx-summary .kona-linked-captures{grid-column:2!important;grid-row:auto!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row[data-category=lecture] .kona-rich-event{border-left-color:#b1cddd!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row[data-category=meal] .kona-rich-event{border-left-color:#e6c3ab!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row[data-category=worship] .kona-rich-event{border-left-color:#cbbbe0!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row[data-category=group] .kona-rich-event{border-left-color:#e3becb!important}
/* Keep selected List/Timeline mode consistent with the visible content. */
body #page-today.kona-plan-schedule-first #kx-summary[hidden],body #page-today.kona-plan-schedule-first #todayTimeline[hidden]{display:none!important}
/* Audit 1: emoji-only tag tray and a schedule chip that looks editable. */
body #page-capture .kona-capture-tag-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px;align-items:start}
body #page-capture .kona-tag-tray-toggle{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;background:transparent!important;border:1px solid #dce5d8!important;border-radius:9px!important;font-size:calc((17px) * var(--kona-ui-scale,1))!important;color:#52705a!important}
body #page-capture .kona-capture-tags.is-expanded .kona-note-tag-chips{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;mask-image:none!important;gap:0!important}
body #page-capture .kona-capture-tags.is-expanded .kona-tag-tray-toggle{transform:rotate(180deg)}
body #page-capture #captureScheduleLink>summary.kona-auto-link-chip{display:inline-flex!important;align-items:center;gap:6px;min-height:34px!important;max-width:100%;padding:5px 8px!important;border:1px solid #dce6d9!important;border-radius:8px!important;background:#f0f5eb!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;cursor:pointer}
body #page-capture #captureScheduleLink>summary.kona-auto-link-chip img{width:13px;height:13px;opacity:.6;flex-shrink:0}
body #page-capture #captureScheduleLink>summary.kona-auto-link-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
body #page-capture #captureScheduleLink[open]>summary.kona-auto-link-chip{border-color:#7d9f7c}
/* Audit 2: energy is amount, mood is pleasantness. */
body .kona-slim-scale[data-dimension=energy] .kona-slim-rail::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e0e9db,#acc4a5,#527951)!important}
body .kona-slim-scale[data-dimension=happiness] .kona-slim-rail::-webkit-slider-runnable-track{background:linear-gradient(90deg,#9fb6cc,#c5cfd5,#e7e2d3,#ecd491,#ddb957)!important}
body .kona-slim-scale[data-dimension=energy] .kona-slim-rail::-moz-range-track{background:linear-gradient(90deg,#e0e9db,#527951)!important}
body .kona-slim-scale[data-dimension=happiness] .kona-slim-rail::-moz-range-track{background:linear-gradient(90deg,#9fb6cc,#e7e2d3,#ddb957)!important}
/* Audit 3: current and upcoming schedule first; older events remain one tap away. */
body #page-today .kona-plan-earlier{display:block!important;width:100%!important;min-height:36px!important;padding:7px 10px!important;text-align:left!important;border:0!important;border-bottom:1px solid #e1e8db!important;border-radius:0!important;background:#f1f4ec!important;color:#637d65!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row:has(.is-current){box-shadow:inset 3px 0 #658e60;background:#edf4e9!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row:has(.is-current) .kona-rich-note{background:#f4f8ee!important}
/* Audit 4: mode, duration and topic sit next to the action they describe. */
body #page-focus #focusLaunchSummary{font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.5!important;color:#586f5c!important;text-align:center!important;margin:8px 0 10px!important;overflow-wrap:anywhere!important}
body #page-focus #focusLaunchSummary[hidden],body #page-focus #focusTotal[hidden]{display:none!important}
body #page-focus #focusTotal{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#617763!important}
/* Audit 5: explicit Evening context and one Daily/Weekly completion pattern. */
body #dailyReflectionMood .kona-rating-words .kona-rating-context{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#647d66!important;font-weight:650!important;line-height:1.3!important}
body #dailyReflectionMood .kona-rating-words .kona-rating-detail{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#687f69!important;line-height:1.4!important}
body #page-records #new-reflect-page .rv-writing-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;margin:14px 0 2px!important}
body #page-records #new-reflect-page .rv-writing-toolbar .rv-controls{display:flex!important;flex:0 0 auto!important;gap:7px!important;padding:0!important;margin:0!important;border:0!important}
body #page-records #new-reflect-page .rv-writing-toolbar .rv-done{min-height:36px!important;height:auto!important;width:auto!important;flex:0 0 auto!important;padding:7px 10px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;border-radius:8px!important}
body #page-records #new-reflect-page .weekly-records{margin:12px 0 10px!important;border-top:1px solid #dfe7d9!important;border-bottom:1px solid #dfe7d9!important;padding:0!important}
body #page-records #new-reflect-page .weekly-records>summary{padding:10px 1px!important;min-height:40px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#4e7154!important}
body #page-records #new-reflect-page .rv-done-reason{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body #page-records #new-reflect-page .weekly-count{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#617763!important}
/* Audit 6: dates group the records; each result leads with its content. */
body #page-records .archive-period-row{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;padding:7px 0 3px;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#607965!important}
body #page-records .archive-period-row select{appearance:auto;min-height:34px!important;width:auto!important;max-width:150px!important;padding:5px 8px!important;border:1px solid #dce5d8!important;border-radius:8px!important;background:#fffefa!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#46664b!important}
body #archive-search-results .archive-date-group{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:700!important;color:#45694c!important;margin:15px 0 1px!important;padding:0!important}
body #archive-search-results .archive-search-result{gap:7px!important;padding:13px 0!important}
body #archive-search-results .archive-search-preview{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.55!important;color:#365c46!important;font-weight:500!important}
body #archive-search-results .archive-search-meta{font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.6!important;color:#607765!important;overflow-wrap:anywhere}
body #archive-search-status{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#607765!important}
/* Audit 7: small visual symbols, generous non-overlapping hit areas. */
:root{--kona-copy-size:14px;--kona-meta-size:11px;--kona-touch:44px;--kona-accessible-muted:#586f5d}
body .kona-tag-chip,body #page-capture .kona-tag-chip,body .kona-event-note-tags .kona-tag-chip,body .kona-note-metadata .kona-tag-chip{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:8px!important}
body .kona-tag-chip .kona-tag-symbol{width:28px!important;height:28px!important;min-width:28px!important;font-size:calc((18px) * var(--kona-ui-scale,1))!important}
body #page-capture .kona-note-tag-chips{gap:0!important}
body .kona-slim-scale .kona-scale-stops{display:flex!important;justify-content:space-between!important;height:24px!important;min-height:24px!important;margin:-8px 0 0!important}
body .kona-slim-scale .kona-scale-stops button{width:44px!important;min-width:44px!important;min-height:24px!important;height:24px!important;padding:0!important}
body .kona-slim-scale .kona-slim-label{min-height:26px!important;height:26px!important}
body .kona-slim-scale .kona-scale-value{min-height:26px!important;height:26px!important;min-width:44px!important;padding:3px 0 3px 8px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
body .kona-slim-scale .kona-scale-ends{font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:calc((14px) * var(--kona-ui-scale,1))!important;min-height:14px!important;color:var(--kona-accessible-muted)!important}
body .kona-slim-scale .kona-slim-label{font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:var(--kona-accessible-muted)!important}
body #page-capture #qc-text,body #page-checkin #checkNote,body #new-reflect-page textarea,body .modal-under input:not([type=checkbox]):not([type=radio]):not([type=range]),body .modal-under textarea{font-size:calc((var(--kona-copy-size)) * var(--kona-ui-scale,1))!important;line-height:1.6!important}
body #page-capture #qc-submit,body #page-capture #qc-view,body #focusDurations button{min-height:44px!important;min-width:44px!important}
body #page-today #konaPlanViews button{min-height:28px!important;height:28px!important;min-width:44px!important}
body #page-today #konaScheduleMore>summary{min-height:32px!important;min-width:32px!important;text-align:center!important}
body #page-today .kona-rich-note-edit,body .rv-entry-menu>summary,body .kona-note-tag-details>summary,body .kona-note-schedule-details>summary{min-height:28px!important;min-width:28px!important}
body #page-records .rv-missing-time,body #page-records .rv-save-status,body #page-records .rv-entry-time,body #page-today .kona-row-time{color:var(--kona-accessible-muted)!important}
body #page-capture #konaCarryToday .carry-edit,body #page-capture #konaCarryToday #dayEmoji{min-width:28px!important;min-height:32px!important}
body button:focus-visible,body summary:focus-visible,body select:focus-visible,body input:focus-visible,body textarea:focus-visible,body a:focus-visible{outline:2px solid #3d7b69!important;outline-offset:3px!important}
body #page-capture #konaCarryToday button:focus-visible,body #page-capture #konaCarryToday textarea:focus-visible{outline-color:#e6d28f!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}body *,body *:before,body *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* The timeline's floating Now control belongs only to the expanded Plan. */
body:not(:has(#page-today.active)) #jumpTimelineNow,body:has(#page-today.active #kx-summary:not([hidden])) #jumpTimelineNow{display:none!important}
/* Density pass: preserve Kona surfaces, give space to actual records. */
body #page-capture #konaCarryToday.day-signature{min-height:54px!important;padding:7px 12px!important;margin-bottom:12px!important}
body #page-capture #qc-v2 #qc-text{min-height:64px!important;height:64px;max-height:none!important;resize:vertical!important;overflow-y:hidden!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important}
body #page-capture #captureMicHelp{margin:4px 0 6px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body #page-capture .kona-capture-tags:not(.is-expanded) .kona-note-tag-chips>[data-tag-index]:nth-child(n+5):not([aria-pressed=true]){display:none!important}
body #page-capture .kona-capture-tag-row{justify-content:flex-start!important;gap:4px!important}
body #page-capture .kona-note-tag-chips{flex:0 1 auto!important;gap:2px!important}
body #page-capture .kona-tag-tray-toggle{font-size:calc((11px) * var(--kona-ui-scale,1))!important;min-width:44px!important;width:auto!important;padding:0 5px!important}
body #page-capture .kona-capture-tags.is-expanded .kona-note-tag-chips{flex:1!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row{min-height:56px!important;grid-template-rows:auto minmax(24px,1fr)!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row:not(.has-note) .kona-rich-note{min-height:56px!important;padding:6px 12px!important;background:transparent!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-rich-row.has-note .kona-rich-note{min-height:68px!important;padding:9px 12px!important}
body #page-today.kona-plan-schedule-first #kx-summary .kona-row-time{padding-top:6px!important;color:#61745e!important}
body #page-today.kona-plan-schedule-first #kx-summary button.kona-rich-event.kona-event-visible{padding-bottom:6px!important;min-height:24px!important}
body #page-today #kx-summary .kona-note-empty{font-size:calc((18px) * var(--kona-ui-scale,1))!important;color:#61765e!important}
body #todayTimeline .eventblock .ebline{align-items:flex-start!important}
body #todayTimeline .eventblock .eventtitle{white-space:normal!important;overflow:visible!important;min-width:0!important;display:block!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.2!important}
body #todayTimeline .event-title-copy{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;overflow-wrap:anywhere!important}
body #todayTimeline .eventblock .eventtitle .t{display:block!important;font-size:calc((9px) * var(--kona-ui-scale,1))!important;line-height:1.2!important;white-space:nowrap!important;color:#53685b!important}
body #todayTimeline .eventblock.short .t{display:none!important}
body #todayTimeline .time-note-slot.is-empty{height:28px!important;min-height:28px!important;max-height:28px!important;width:32px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;display:grid!important;place-items:center!important;opacity:1!important}
body #todayTimeline .time-note-slot.is-empty .empty-record-label{font-size:calc((18px) * var(--kona-ui-scale,1))!important;color:#607c67!important}
body #todayTimeline .event-now-badge{display:none!important}
body .kona-slim-label .kona-scale-selected{margin-left:auto!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#315f55!important}
body .kona-slim-scale .kona-scale-value{font-size:calc((10px) * var(--kona-ui-scale,1))!important;font-weight:500!important;color:#5c725f!important;min-width:44px!important;text-decoration:underline!important;text-underline-offset:3px!important}
body .kona-slim-scale .kona-scale-value:disabled{visibility:hidden!important}
body .kona-slim-scale .kona-scale-stops{height:20px!important;min-height:20px!important;margin:-8px 0 0!important}
body .kona-slim-scale .kona-scale-stops button{height:20px!important;min-height:20px!important}
body .kona-slim-scale .kona-scale-ends{line-height:calc((12px) * var(--kona-ui-scale,1))!important;min-height:12px!important}
body #page-checkin #moodGrid.kona-slim .kona-slim-scale+.kona-slim-scale{margin-top:6px!important}
body .app #page-checkin #generalNoteCard textarea#checkNote.field{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;min-height:90px!important;height:90px;overflow-y:hidden!important}
body #new-reflect-page .rv-linked-group{margin:5px 0 12px!important;border-left:2px solid #c8d9c4!important;padding-left:9px!important}
body #new-reflect-page .rv-linked-group h5{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin:0!important;padding:8px 0 4px!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;color:#3c6049!important}
body #new-reflect-page .rv-linked-group h5 small{font-size:calc((10px) * var(--kona-ui-scale,1))!important;font-weight:400!important;color:#5b735c!important}
body #new-reflect-page .rv-linked-entry .rv-entry-heading strong{display:none!important}
body #new-reflect-page .rv-linked-entry{padding-top:7px!important;padding-bottom:7px!important}
body #new-reflect-page textarea{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important}
/* Anchor, notes and review hierarchy: content first. */
body #page-capture #konaCarryToday.day-signature{grid-template-columns:minmax(0,1fr) 32px!important;min-height:86px!important;padding:13px 14px!important;gap:10px!important}
body #page-capture #konaCarryToday #dayEmoji{display:none!important}
body #page-capture #konaCarryToday .headline-wrap{min-width:0!important;grid-column:1!important}
body #page-capture #konaCarryToday #dayHeadline{min-height:46px!important;height:auto!important;max-height:180px!important;line-height:1.4!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important}
body #page-capture #konaCarryToday .carry-label{margin-bottom:5px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body #page-capture #konaCarryToday .carry-edit{grid-column:2!important;min-width:32px!important;min-height:44px!important}
/* Consistent compact line spacing for writing and reading. */
body .app textarea,body .modal-under textarea,body #page-capture #qc-v2 #qc-text,body .app #page-checkin #generalNoteCard textarea#checkNote.field,body #new-reflect-page textarea{line-height:1.4!important}
body .rv-note-preview,body .capture-recent-body,body .qc-record p,body .kona-note-snippet,body .kona-linked-capture,body .slot-preview,body #recordPreviewText,body .user-note,body #archive-search-results .archive-search-preview{line-height:1.4!important}
body #page-records #new-reflect-page .rv-note-preview{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.4!important;margin:3px 0!important;white-space:pre-wrap!important}
body #page-records #new-reflect-page .rv-head.rv-daily-head{display:flex!important;align-items:center!important;min-height:0!important;height:auto!important;margin:0 0 3px!important;padding:0!important;border:0!important}
body #page-records #new-reflect-page .rv-head.rv-daily-head .rv-head-title,body #page-records #new-reflect-page .rv-head.rv-daily-head .rv-nav{display:none!important}
body #page-records #new-reflect-page .rv-moment-count{display:block!important;margin:0!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;color:#627661!important}
body #page-records #new-reflect-page .rv-timeline{margin:0!important;padding-top:0!important}
body #page-records #new-reflect-page .rv-timegroup{margin:5px 0 12px!important;padding:0!important}
body #page-records #new-reflect-page .rv-timegroup>h4{font-size:calc((10px) * var(--kona-ui-scale,1))!important;font-weight:550!important;color:#657960!important;margin:8px 0 5px!important;padding:0!important;letter-spacing:.02em!important}
body #page-records #new-reflect-page .rv-linked-group{border-left:0!important;padding-left:0!important;margin:6px 0 10px!important}
body #page-records #new-reflect-page .rv-linked-group h5{font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.35!important;font-weight:750!important;color:#335a42!important;padding:4px 0 5px!important}
body #page-records #new-reflect-page .rv-linked-group h5 small{align-self:center!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;font-weight:400!important}
body #page-records #new-reflect-page .rv-item{margin:0 0 6px!important;padding:7px 0!important}
body #page-records #new-reflect-page .rv-entry-time{font-size:calc((10px) * var(--kona-ui-scale,1))!important;font-weight:500!important;color:#687a64!important}
body #page-records #new-reflect-page .rv-entry-body{padding:8px 10px!important;min-height:0!important;box-shadow:none!important}
body #page-records #new-reflect-page .rv-kind-label{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#6a7b66!important;font-weight:400!important}
body #page-records #new-reflect-page .rv-entry-heading:empty{display:none!important}
body #page-records #new-reflect-page .rv-linked-entry .rv-entry-heading .rv-user-note-title{display:block!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:650!important;color:#42644c!important}
body #page-records #new-reflect-page .kona-note-metadata{margin:4px 0 0!important;gap:8px!important}
body #page-records #new-reflect-page .kona-note-schedule>summary,body #page-records #new-reflect-page .kona-note-tag-details>summary,body #page-records #new-reflect-page .kona-event-note-tags>summary{font-size:calc((10px) * var(--kona-ui-scale,1))!important;min-height:28px!important;line-height:1.4!important;padding:5px 0!important;color:#62775f!important;background:transparent!important;border:0!important}
body #page-capture .capture-recent-note{padding:10px 0!important;gap:4px!important}
body #page-capture .capture-recent-label{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:650!important;color:#527057!important}
body #page-capture .capture-recent-body{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;color:#2e4b3e!important}
/* Match the existing high-specificity note rules. */
body .app #page-records #new-reflect-page .rv-entry-body .rv-note-preview{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.4!important;margin:3px 0!important}
body .app #page-capture #qc-v2 textarea#qc-text,body .app #page-checkin #generalNoteCard textarea#checkNote.field,body .app #page-records #new-reflect-page .rv-journal-main textarea,body .modal-under textarea{line-height:1.4!important}
body .app #page-today #kx-summary .kona-rich-row .kona-note-snippet,body .app #page-today #todayTimeline .slot-preview,body .app #page-records .qc-record>p,body .app #page-capture .capture-recent-note .capture-recent-body{line-height:1.4!important}
body #page-records #new-review-switch{margin-top:0!important;margin-bottom:8px!important}
body #page-capture .kona-capture-tags .kona-tag-tray-toggle{transform:none!important;white-space:nowrap!important}
body #page-capture .kona-capture-tags:not(.is-expanded) .kona-note-tag-chips{flex-wrap:nowrap!important;overflow-y:hidden!important}
/* Daily hierarchy: schedule -> optional title -> note -> metadata. */
body .app #page-records #new-reflect-page .rv-linked-group h5{font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:750!important;color:#335a42!important;display:flex!important;justify-content:space-between!important}
body .app #page-records #new-reflect-page .rv-linked-group h5 small{font-size:calc((10px) * var(--kona-ui-scale,1))!important;font-weight:400!important}
body .app #page-records #new-reflect-page .rv-linked-entry .rv-entry-heading .rv-user-note-title,body .app #page-records #new-reflect-page .rv-entry-heading .rv-user-note-title{display:block!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:700!important;color:#344d5c!important;line-height:1.4!important}
body .app #page-records #new-reflect-page .rv-entry-body .rv-note-preview{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:1.4!important;color:#344d5c!important}
body .app #page-records #new-reflect-page .rv-written-time{display:block!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;font-weight:400!important;color:#62775f!important;margin:3px 0!important}
body .app #page-records #new-reflect-page .rv-entry-menu .rv-controls{max-width:300px;width:240px!important}
body .app #page-records #new-reflect-page .rv-entry-menu .kona-note-metadata{display:block!important}
body .app #page-records #new-reflect-page .rv-entry-menu .kona-note-tag-chips{flex-wrap:wrap!important;overflow:visible!important}
body .app #page-records #new-reflect-page .rv-feeling-input-label{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:650!important;border-top:1px solid #dce4d8!important;padding-top:14px!important;margin:16px 0 4px!important;color:#5b735e!important}
/* Selected component set: A3 B1 C1 D2 E1 F2 G1 H1. */
body .app #page-capture #konaCarryToday.day-signature{min-height:78px!important;padding:10px 14px!important;border-radius:11px!important;margin-bottom:14px!important}
body .app #page-capture #konaCarryToday #dayHeadline{min-height:38px!important;line-height:1.4!important}
body .app #page-capture #qc-v2{border:1px solid #dce4dc!important;border-radius:13px!important;background:#fff!important;padding:14px!important}
body .app #page-capture #qc-v2 textarea#qc-text{min-height:84px!important;border:0!important;background:transparent!important;padding:6px 0!important;line-height:1.4!important}
body .app #page-capture #captureComposerHeading{font-size:calc((14px) * var(--kona-ui-scale,1))!important;margin:0 0 5px!important}
body .app #page-capture #captureScheduleLink>summary.kona-auto-link-chip{border:0!important;border-radius:0!important;background:transparent!important;padding:8px 0!important;min-height:44px!important;text-decoration:underline!important;text-underline-offset:4px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#4e715a!important}
body .app #page-capture #captureScheduleLink>summary.kona-auto-link-chip img{display:none!important}
body .app #page-capture #qc-v2 #qc-submit{min-height:44px!important;border-radius:22px!important;min-width:102px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
body .app #page-capture #qc-v2 #qc-submit:not(:disabled){background:#274e47!important;color:#fff!important}
body .app #page-capture .kona-tag-chip .kona-tag-symbol{width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important}
body .app #page-records #new-reflect-page .rv-timegroup>h4{display:flex!important;align-items:center!important;gap:12px!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.045em!important;margin:17px 0 9px!important;line-height:1.4!important;color:#536d58!important;background:transparent!important;border:0!important}
body .app #page-records #new-reflect-page .rv-timegroup>h4::after{content:'';flex:1;min-width:20px;height:1px;background:#b9cbbb}
body .app #page-records #new-reflect-page .rv-timegroup[data-daypart=morning]>h4{color:#8a702f!important}
body .app #page-records #new-reflect-page .rv-timegroup[data-daypart=morning]>h4::after{background:#d8c58d}
body .app #page-records #new-reflect-page .rv-timegroup[data-daypart=evening]>h4{color:#70698b!important}
body .app #page-records #new-reflect-page .rv-timegroup[data-daypart=evening]>h4::after{background:#c5bed7}
body .app #page-records #new-reflect-page .rv-timegroup .rv-item[class*=rv-kind-]{display:block!important;grid-template-columns:none!important;margin:0!important;padding:9px 0!important;border-bottom:1px solid #e0e6dd!important;background:transparent!important}
body .app #page-records #new-reflect-page .rv-entry-rail{display:none!important}
body .app #page-records #new-reflect-page .rv-item .rv-entry-body{background:transparent!important;border:0!important;border-radius:0!important;padding:0 28px 0 0!important;position:relative!important}
body .app #page-records #new-reflect-page .rv-linked-group .rv-item .rv-entry-body{padding-left:10px!important}
body .app #page-records #new-reflect-page .rv-entry-time{padding:0!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;margin:0 0 3px!important;font-weight:400!important}
body .app #page-records #new-reflect-page .rv-entry-time:empty{display:none!important}
body .app #page-records #new-reflect-page .rv-linked-group{margin:6px 0 10px!important}
body .app #page-records #new-reflect-page .rv-linked-group h5{margin:0!important;padding:6px 0!important}
body .app #page-records #new-reflect-page .rv-entry-menu{top:-7px!important;right:-6px!important}
body .app #page-records #new-reflect-page .rv-compact-checkin .rv-entry-body{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px 10px!important;padding-right:0!important}
body .app #page-records #new-reflect-page .rv-compact-checkin .rv-entry-heading{display:flex!important;align-items:center!important;gap:7px!important;flex:1 1 auto!important}
body .app #page-records #new-reflect-page .rv-compact-checkin .rv-entry-time{margin:0!important;white-space:nowrap!important}
body .app #page-records #new-reflect-page .rv-compact-checkin .rv-kind-label{margin:0!important;line-height:1.4!important}
body .app #page-records #new-reflect-page .rv-compact-checkin .rv-mood-chip{order:1!important;flex:0 0 auto!important;margin:0 0 0 auto!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;padding:4px 8px!important;line-height:1.4!important;border-radius:12px!important}
body .app #page-records #new-reflect-page .rv-compact-checkin .rv-note-preview,body .app #page-records #new-reflect-page .rv-compact-checkin .rv-read-more{order:2!important;flex-basis:100%!important}
body .app #page-records #new-reflect-page .rv-compact-checkin .rv-entry-body .rv-mood-chip{background:#eee8f5!important;border:0!important;box-shadow:none!important}
/* Bring Capture emoji circles slightly closer without changing the circles. */
body .app #page-capture .kona-note-tag-chips{gap:0!important}
body .app #page-capture .kona-capture-tags .kona-tag-chip{width:40px!important;min-width:40px!important;flex:0 0 40px!important;padding:8px 6px!important}
/* Fourteen expressive faces, seven per row. Existing stored tags remain valid. */
body .app #page-capture .kona-capture-tag-row{display:block!important}
body .app #page-capture .kona-capture-tags .kona-note-tag-chips{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px 0!important;width:100%!important;max-width:none!important;overflow:visible!important;mask-image:none!important;padding:3px 0!important}
body .app #page-capture .kona-capture-tags .kona-note-tag-chips>button.kona-tag-chip[data-tag-index]{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:5px!important}
body .app #page-capture .kona-capture-tags .kona-tag-tray-toggle{display:none!important}
/* Eight faces by default; More reveals the remaining choices. */
body .app #page-capture .kona-capture-tag-row{display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;gap:4px!important;align-items:start!important}
body .app #page-capture .kona-capture-tags .kona-note-tag-chips{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:3px 0!important}
body .app #page-capture .kona-capture-tags:not(.is-expanded) .kona-note-tag-chips>button.kona-tag-chip[data-tag-index]:nth-child(n+9){display:none!important}
body .app #page-capture .kona-capture-tags .kona-note-tag-chips>button.kona-tag-chip[data-tag-index]{padding:5px 0!important}
body .app #page-capture .kona-capture-tags .kona-tag-tray-toggle{display:block!important;min-width:36px!important;width:36px!important;min-height:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;transform:none!important}
/* Keep the brand left; move the complete date group next to Settings. */
body:not(.focus-immersive) .app>header.pagehead{grid-template-columns:minmax(0,1fr) auto 36px!important;column-gap:5px!important}
body:not(.focus-immersive) .app>header.pagehead .datecontrol{justify-self:end!important;justify-content:flex-end!important}
@media(max-width:375px){body:not(.focus-immersive) .app>header.pagehead{grid-template-columns:minmax(0,1fr) auto 32px!important;column-gap:3px!important}}
body .app #page-capture .kona-capture-tags:not(.is-expanded) .kona-note-tag-chips>button.kona-tag-chip[data-tag-index]:nth-child(-n+8){display:flex!important}
/* Audit fixes: consistent rhythm and explicit editing actions. */
body .app #page-capture #konaCarryToday #dayHeadline{font-size:calc((calc(16px - 2pt)) * var(--kona-ui-scale,1))!important;font-weight:550!important;color:#fff!important;line-height:1.4!important}
body .app #page-capture #konaCarryToday #dayHeadline::placeholder{font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:400!important;color:#d7e4da!important}
body .app #page-capture #qc-v2 .qc-bottom{padding:8px 0 0!important;margin-top:5px!important;border-top:0!important;gap:8px!important}
body .app #page-capture .kona-capture-tags{margin-bottom:0!important;padding-bottom:0!important}
body .app #page-capture #qc-v2 .kona-capture-tag-row{border-bottom:1px solid #e1e7df!important;padding-bottom:5px!important}
body .app #page-records #new-reflect-page #dailyReflectionMood{border-top:1px solid #dce4d8!important;margin:16px 0 4px!important;padding:12px 0 0!important;background:transparent!important}
body .app #page-records #new-reflect-page .rv-journal-main textarea,body .app #archive-search-results .archive-search-preview{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.4!important}
body .app #page-records #new-reflect-page .rv-edit-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-top:8px!important}
body .app #page-records #new-reflect-page .rv-edit-actions button{min-width:64px!important;min-height:44px!important;padding:8px 12px!important;border-radius:8px!important}
body .app #page-records #new-reflect-page .rv-edit-actions button:last-child{background:#274e47!important;color:white!important;border:0!important}
body .app #page-records #new-reflect-page .rv-edit-feedback{font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;color:#7b493a!important;margin:5px 0!important}
body .app #page-records #new-reflect-page .rv-edit-feedback:empty{display:none!important}
body .app #page-records .archive-period-row{display:flex!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;padding:3px 0!important}
body .app #archive-search-status{margin:0 auto 0 0!important;min-height:0!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body .app #archive-search-clear[hidden]{display:none!important}
body .app .archive-filter-row{padding:6px 0!important;gap:5px!important}
body .app #page-today #pinRow{margin-top:16px!important}
body .app #todayTimeline .eventblock.is-tiny .event-title-copy{display:block!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.2!important}
body .app #todayTimeline .eventblock.is-tiny .eventsub,body .app #todayTimeline .eventblock.is-tiny .eb-r{display:none!important}
body .app #todayTimeline .time-note-slot.is-empty{width:44px!important;height:28px!important;min-width:44px!important;padding:0!important}
body:not(.focus-immersive) .app>header.pagehead .datecontrol>button:not(.todaychip){width:28px!important;min-width:28px!important;height:44px!important}
@media(max-width:375px){body:not(.focus-immersive) .app>header.pagehead .datecontrol>button:not(.todaychip){width:24px!important;min-width:24px!important}}
body .app #page-today #pageheadExtra{margin-top:8px!important;padding-top:0!important}
body .app #page-today #pageheadExtra #pinRow{margin-top:0!important}

/* Relationship-based spacing: daypart > schedule > note > metadata. */
body .app #page-records #new-reflect-page .rv-timegroup{margin:28px 0 0!important}
body .app #page-records #new-reflect-page .rv-timegroup:first-child{margin-top:10px!important}
body .app #page-records #new-reflect-page .rv-timegroup>h4{margin:0 0 12px!important}
body .app #page-records #new-reflect-page .rv-linked-group{margin:20px 0 0!important}
body .app #page-records #new-reflect-page .rv-linked-group h5{padding:0 0 4px!important;align-items:baseline!important;gap:8px!important}
body .app #page-records #new-reflect-page .rv-linked-group h5 small{white-space:nowrap!important}
body .app #page-records #new-reflect-page .rv-linked-group .rv-item .rv-entry-body{padding-left:12px!important}
body .app #page-records #new-reflect-page .rv-timegroup .rv-item[class*=rv-kind-]{padding:6px 0!important}
body .app #page-records #new-reflect-page .rv-entry-heading:has(.rv-user-note-title){margin-bottom:4px!important}
body .app #page-records #new-reflect-page .rv-written-time{margin:6px 0 0!important}
body .app #page-capture #konaCarryToday.day-signature{min-height:0!important;padding:10px 14px!important}
body .app #page-capture #konaCarryToday #dayHeadline{min-height:24px!important;max-height:none!important;overflow:hidden!important}
body .app #page-capture #konaCarryToday.has-anchor #dayHeadline{min-height:38px!important}
body .app #page-capture #konaCarryToday .carry-label{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:500!important;color:#d7e4da!important}
body .app #page-capture #qc-v2 textarea#qc-text{min-height:64px!important;max-height:240px!important;overflow-y:auto!important;resize:none!important}
body .app .qc-record-menu{position:relative}
body .app .qc-record-menu>summary{min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;list-style:none}
body .app .qc-record-menu>summary::-webkit-details-marker{display:none}
body .app .qc-record-menu[open]{z-index:5}
body .app .qc-record-menu[open]>button{display:block!important;min-height:44px;min-width:100px;margin:0!important;text-align:left}
body .app .qc-record-menu>button{display:none!important}
body .app .capture-recent-note:focus-visible,body .app .rv-entry-menu>summary:focus-visible,body .app .qc-record-menu>summary:focus-visible{outline:2px solid #527f72;outline-offset:3px}

body .app .qc-record-menu:not([open])>.kona-note-metadata{display:none!important}
body .app .qc-record-menu[open]>.kona-note-metadata{display:block!important;max-width:240px}

/* Linked actions and consistent popup controls. */
body .app .kona-note-actions{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #dce4dc}
body .app .kona-note-actions button,body .modal-under .kona-note-actions button{min-height:44px!important;padding:8px 10px!important;text-align:left!important;background:#edf3ee!important;border:1px solid #d6e1d8!important;border-radius:8px!important;color:#315c50!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
body .app .rv-entry-menu .rv-controls{max-height:65dvh!important;overflow:auto!important}
body .app .qc-record-menu[open]{max-height:65dvh;overflow:auto}
body .app #page-today #kx-summary .kona-event-records{grid-column:1!important;grid-row:3!important;min-height:44px!important;padding:6px 10px!important;border:0!important;background:transparent!important;text-align:left!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#315f55!important;text-decoration:underline;text-underline-offset:3px}
body .app #kx-summary .kona-linked-capture-count{display:none!important}
body .app .kona-source-note{min-height:44px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;white-space:normal!important}
body .app #new-reflect-page .rv-open-original{min-height:44px!important;border:0!important;background:transparent!important;padding:6px 0!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#315f55!important;text-decoration:underline;text-underline-offset:3px}
body .app #new-reflect-page .rv-compact-checkin .rv-open-original{order:3!important;flex-basis:100%!important;text-align:left!important}
body .modal-under .sheet{box-sizing:border-box!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;scroll-padding-block:12px!important}
body .modal-under .sheet .top{display:flex!important;align-items:center!important;gap:12px!important}
body .modal-under .sheet .top strong{flex:1!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important}
body .modal-under .sheet .close{flex:0 0 44px!important;min-width:44px!important;min-height:44px!important}
body .modal-under .sheet :is(.field,.kona-input-field){box-sizing:border-box!important;max-width:100%!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.4!important}
body .modal-under .sheet :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select){min-height:44px!important}
body .modal-under .sheet .choice{min-height:44px!important;white-space:normal!important}
body .modal-under .kona-related-note{display:block;width:100%;min-height:44px;padding:12px 0;text-align:left;border:0;border-bottom:1px solid #dce4dc;background:transparent;white-space:pre-wrap;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1));line-height:1.4;color:#344d5c}
body .modal-under .kona-input-feedback{color:#8b493b;font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.4}
body .modal-under .kona-input-feedback:empty{display:none}
body .modal-under :is(button,input,select,textarea,summary):focus-visible{outline:2px solid #527f72;outline-offset:2px}

body #konaActionInputModal .kona-input-actions .kona-input-save{background:#274e47!important;border-color:#274e47!important;color:#fff!important}
body .app .kona-rating-summary .kona-rating-detail{white-space:normal!important;line-height:1.4!important}

body #recordEditModal .sheet{background:#faf7f2!important}
body #recordEditModal :is(textarea,select){background:#fff!important}
body .modal-under .sheet :is(.danger,.event-delete-btn){color:#984b44!important}

body .app .kona-timeline-record-count{display:block;font-size:calc((10px) * var(--kona-ui-scale,1));line-height:1.4;color:#315f55;margin-top:4px;text-decoration:underline;text-underline-offset:2px}
body .app .time-note-slot.compact-note .kona-timeline-record-count{margin-top:0}

/* The content itself is the editing entry point. */
body .app .kona-tap-edit{cursor:pointer!important}
body .app .kona-tap-edit:focus-visible{outline:2px solid #527f72!important;outline-offset:4px!important;border-radius:3px}
body .app #new-reflect-page .rv-entry-heading.kona-tap-edit{min-height:32px;align-items:center}
body #konaActionInputModal textarea.kona-input-field{display:block;box-sizing:border-box;width:100%;min-height:120px;max-height:45dvh;resize:vertical;font:inherit;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1));line-height:1.4;padding:12px;border:1px solid #bcd0c8;border-radius:10px;background:#fff;color:#344d5c}
/* Plan task completion uses a conventional checkbox, preserving stored checks. */
body .app #page-today .task-check{position:relative!important;border-radius:6px!important}
body .app #page-today .task-check img,body .app #page-today .task-check .flower-fallback{display:none!important}
body .app #page-today .task-check::before{content:'';display:block;width:20px;height:20px;box-sizing:border-box;border:1.5px solid #80958a;border-radius:5px;background:transparent}
body .app #page-today .task-check.completed::before{background:#315f50;border-color:#315f50}
body .app #page-today .task-check.completed::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 calc((14px) * var(--kona-ui-scale,1))/1 sans-serif}
body .app #page-today #konaPriorityTask .task-check::before{width:18px;height:18px}
/* Important tasks: pink marker on the title, without a star or badge. */
body .app #page-today .priority-star,body .app #page-today .important-mark{display:none!important}
body .app #page-today .task-title.important .task-name,body .app #page-today .pinned-title.important .task-name{display:inline!important;background:linear-gradient(transparent 48%,#f5bdd2 48%,#f5bdd2 92%,transparent 92%)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 2px!important;color:#344c42!important}
body .app #page-today #konaPriorityTask{background:transparent!important;border-color:transparent!important}
body .app #page-today .task-title.important .task-name,body .app #page-today .pinned-title.important .task-name{flex:0 1 auto!important;width:fit-content!important;max-width:100%!important}
/* Review final specification: shared record presentation, distinct tab layouts. */
body .app #page-records .review-record{position:relative!important;padding:8px 0!important;margin:0!important;border-bottom:1px solid #dce4dd!important;background:transparent!important}
body .app #page-records .review-record>.rv-entry-body{position:relative!important;padding:0 36px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important}
body .app #page-records .review-record .rv-note-preview{display:block!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:1.4!important;color:#344d5c!important;margin:0!important;padding:12px 0!important;min-height:44px!important;box-sizing:border-box!important;-webkit-line-clamp:unset!important;max-height:none!important}
body .app #page-records .review-record .rv-note-preview.review-preview{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;max-height:82px!important}
body .app #page-records .review-record .rv-note-preview.review-expanded{display:block!important;max-height:none!important;-webkit-line-clamp:unset!important}
body .app #page-records .review-record .rv-user-note-title{display:block!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:700!important;line-height:1.4!important;color:#344d5c!important;padding:10px 0!important;min-height:44px!important;box-sizing:border-box}
body .app #page-records .review-record-meta{display:flex;gap:8px;flex-wrap:wrap;color:#617368;font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.4}
body .app #page-records .review-feeling-values{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0}
body .app #page-records .review-feeling-value,body .app #page-records .review-add-feeling{min-height:44px!important;padding:10px!important;border:1px solid #d6e2d9!important;border-radius:9px!important;background:#edf3ee!important;color:#315d50!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
body .app #page-records .review-feeling-editor{padding:12px 0;border-top:1px solid #dce4dd;margin-top:8px}
body .app #page-records .review-schedule-context{display:block;min-height:44px;padding:8px 0;border:0;background:transparent;text-align:left;text-decoration:underline;text-underline-offset:3px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#315f55}
body .app #page-records .review-record .rv-entry-menu{position:absolute!important;right:-4px!important;top:0!important}
body .app #page-records .review-record .rv-entry-menu>summary{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;display:grid!important;place-items:center!important;padding:0!important}
body .app #page-records .review-record .rv-entry-menu .rv-controls{width:240px!important;max-width:min(240px,78vw)!important;max-height:65dvh!important;overflow:auto!important;align-items:stretch!important;gap:4px!important}
body .app #page-records .review-record .rv-controls button,body .app #page-records .review-record .rv-controls summary{display:block!important;box-sizing:border-box;width:100%!important;min-height:44px!important;padding:10px!important;text-align:left!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
body .app #page-records .review-record .rv-controls .kona-note-actions{margin:0;padding:0;border:0}
body .app #page-records .review-record .rv-controls .kona-note-metadata{display:block!important;margin:0!important}
body .app #page-records .review-record .review-delete{border-top:1px solid #d8e0d9!important;margin-top:6px!important;color:#984b44!important;background:transparent!important}
body .app #page-records .review-record>textarea{box-sizing:border-box;width:100%;min-height:84px;max-height:260px;padding:10px;border:1px solid #b6ccbf;border-radius:8px;background:#fff;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1));line-height:1.4;resize:vertical}
body .app #page-records .review-record>input{box-sizing:border-box;width:100%;min-height:44px;margin:6px 0;border:1px solid #b6ccbf;border-radius:8px;padding:8px;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))}
body .app #page-records .review-edit-context{display:block;color:#617368;font-size:calc((11px) * var(--kona-ui-scale,1));margin-bottom:8px}
body .app #page-records .rv-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
body .app #page-records .rv-edit-actions button{min-height:44px;min-width:70px;padding:8px 14px;border:1px solid #bacfc0;border-radius:8px;background:transparent;color:#315f50}
body .app #page-records .rv-edit-actions button:last-child{background:#274e47;color:#fff;border-color:#274e47}
body .app #page-records .review-section-heading{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:700!important;color:#456451!important;margin:16px 0 8px!important;letter-spacing:.03em}
body .app #new-reflect-page .rv-writing-toolbar{border-top:1px solid #bccfc0!important;margin-top:24px!important;padding-top:16px!important}
body .app #new-reflect-page .rv-writing-toolbar h3{font-size:calc((16px) * var(--kona-ui-scale,1))!important}
body .app #new-reflect-page>.rv-controls{justify-content:flex-end!important;margin:16px 0!important}
body .app #new-reflect-page .rv-done{min-height:44px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
body .app #new-reflect-page .rv-journal-main textarea{min-height:76px!important;height:76px;max-height:260px;overflow:auto!important}
body .app #new-reflect-page .weekly-records{margin:12px 0 20px!important;border:0!important;padding:0!important}
body .app #new-reflect-page .weekly-day{margin:18px 0!important;padding:0!important;border:0!important}
body .app #new-reflect-page .weekly-day>h4{font-size:calc((12px) * var(--kona-ui-scale,1));color:#456451;margin:8px 0}
body .app #new-reflect-page .review-preview-more,body .app #new-reflect-page .review-more-records>summary{min-height:44px;padding:10px 0;font-size:calc((11px) * var(--kona-ui-scale,1));color:#315f55;border:0;background:transparent}
body .app #new-reflect-page .review-reflection-preview{display:block;width:100%;min-height:44px;text-align:left;padding:10px;background:transparent;border:0;border-bottom:1px solid #dce4dd;color:#344d5c;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1));line-height:1.4}
body .app #page-records.review-modern-archive [data-review-panel],body .app #page-records.review-modern-archive .kx-archive-select,body .app #page-records.review-modern-archive #archivedWeeklyReflection{display:none!important}
body .app #page-records.review-modern-archive #archive-search{display:block!important}
body .app #page-records.review-modern-archive #archive-search-results:not([hidden]){display:block!important}
body .app #page-records.review-modern-archive #archive-search .archive-search-row[hidden]{display:none!important}
body .app #archive-search .review-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin:8px 0!important;padding:0!important}
body .app #archive-search .review-filter{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:calc((10px) * var(--kona-ui-scale,1));color:#617368}
body .app #archive-search .review-filter select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;max-width:100%;padding:8px;border:1px solid #cfdbd1;border-radius:8px;color:#315f50;background:#fffefb;font-size:calc((11px) * var(--kona-ui-scale,1));text-overflow:ellipsis}
body .app #archive-search .review-archive-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:36px}
body .app #archive-search .review-archive-context button{min-height:44px;border:0;background:transparent;color:#315f55;font-size:calc((11px) * var(--kona-ui-scale,1))}
body .app #archive-search mark{background:#f5df9b;color:inherit;padding:0}
body .app #archive-search .archive-search-preview{white-space:pre-wrap!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.4!important}
body .app #page-records .archive-search-meta{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#617368!important}
body .app #page-records :is(.kona-tap-edit,button,summary,input,textarea,select):focus-visible{outline:2px solid #527f72;outline-offset:3px}

body .app #page-records .review-session-title{display:block;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1));font-weight:650;min-height:44px;padding:10px 0;box-sizing:border-box;color:#344d5c}
body .app #page-records .review-empty-note{min-height:44px;padding:12px 0;margin:0;color:#6d7f73;font-size:calc((12px) * var(--kona-ui-scale,1));box-sizing:border-box}
body .app #page-records .weekly-feeling-summary{border-left:2px solid #c5d7c9;padding:8px 10px;margin:10px 0 16px}
body .app #page-records .weekly-feeling-summary small{display:block;color:#62766a;font-size:calc((10px) * var(--kona-ui-scale,1))}
body .app #page-records .weekly-feeling-summary button{display:block;width:100%;min-height:44px;padding:8px 0;border:0;background:transparent;text-align:left;color:#315f50;font-size:calc((11px) * var(--kona-ui-scale,1))}

body .app #page-records .review-record .rv-note-preview.review-preview:not(.review-expanded){padding:0!important;margin:12px 0!important;min-height:0!important;max-height:56.7px!important}

/* Review spacing follows semantic groups: title/body < records < schedules < dayparts. */
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record{padding:10px 0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-user-note-title{padding:0!important;min-height:0!important;margin:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview{padding:0!important;margin:0!important;min-height:44px!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-user-note-title + .rv-note-preview{margin-top:4px!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview.review-preview:not(.review-expanded){margin:0!important;min-height:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-user-note-title + .rv-note-preview.review-preview:not(.review-expanded){margin-top:4px!important}
body .app #page-records #new-reflect-page .rv-timegroup{margin:28px 0 0!important}
body .app #page-records #new-reflect-page .rv-timegroup:first-child{margin-top:12px!important}
body .app #page-records #new-reflect-page .rv-timegroup>h4{margin:0 0 12px!important}
body .app #page-records #new-reflect-page .rv-linked-group{margin:18px 0 0!important}
body .app #page-records #new-reflect-page .rv-timegroup>h4 + .rv-linked-group{margin-top:0!important}
body .app #page-records #new-reflect-page .rv-linked-group h5{padding:0!important;margin:0 0 6px!important}
body .app #page-records #new-reflect-page .rv-linked-group .rv-item .rv-entry-body{padding-left:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record-meta:not(:empty){margin-bottom:6px!important}

/* Note options are one vertical menu, never a wrapped toolbar. */
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-entry-menu>.rv-controls{display:block!important;position:absolute!important;right:0!important;top:40px!important;z-index:30!important;width:224px!important;min-width:0!important;max-width:calc(100vw - 32px)!important;max-height:min(55dvh,320px)!important;overflow:auto!important;margin:0!important;padding:6px!important;background:#fffefb!important;border:1px solid #d7e2da!important;border-radius:10px!important;box-shadow:0 8px 24px #23443520!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-controls .kona-note-actions{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-controls :is(button,summary){display:block!important;box-sizing:border-box!important;width:100%!important;min-height:44px!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:5px!important;background:transparent!important;text-align:left!important;letter-spacing:normal!important;line-height:1.4!important;color:#315c50!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-controls :is(button,summary):hover{background:#edf3ee!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-controls .review-delete{border-top:1px solid #dce4dd!important;border-radius:0!important;margin-top:4px!important;color:#984b44!important}
body .app #page-records .review-feeling-values{margin:0!important}
body .app #page-records .review-empty-note{padding:4px 0!important;min-height:32px!important}

body .app #page-records .review-combined-result{margin:12px 0 0!important;padding-top:10px!important;border-top:1px solid #dce4dd!important;font-size:calc((15px) * var(--kona-ui-scale,1))!important;font-weight:700!important;color:#315c50!important}

/* Review v3: relationship-based spacing, full-width daypart bars and linked rails. */
body .app #page-records{--review-gap-title:4px;--review-gap-linked:10px;--review-gap-event:20px;--review-gap-section:24px;--review-line:21px;--review-rail:#B4CDC1;padding-inline:2px!important}
body .app #page-records #new-reflect-page{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
body .app #page-records #new-reflect-page .rv-daily-head{margin:0!important;padding:0!important;min-height:0!important}
body .app #page-records #new-reflect-page .rv-moment-count{font-size:calc((11px) * var(--kona-ui-scale,1))!important;margin:0 0 12px!important}
body .app #page-records :is(.review-daily-anchor,.review-reflection-summary){margin:16px 0 24px!important;padding:0!important;cursor:pointer}
body .app #page-records :is(.review-daily-anchor,.review-reflection-summary)>h3{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:600!important;line-height:1.4!important;margin:0 0 6px!important;color:#456451!important;border:0!important;padding:0!important}
body .app #page-records :is(.review-daily-anchor,.review-reflection-summary)>p{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:calc((21px) * var(--kona-ui-scale,1))!important;margin:0!important;white-space:pre-wrap;overflow-wrap:anywhere}
body .app #page-records .review-daily-anchor{border-left:2px solid #315f50;padding-left:12px!important;min-height:44px}
body .app #page-records .review-daily-anchor>p{font-size:calc((calc(var(--reading-size,13.5px) - 2pt)) * var(--kona-ui-scale,1))!important}
body .app #page-records .review-reflection-summary>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#617368}
body .app #page-records #new-reflect-page .rv-timeline{padding:0!important}
body .app #page-records #new-reflect-page .review-v3-section{margin:24px 0 0!important}
body .app #page-records #new-reflect-page .review-section-bar{box-sizing:border-box;display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:44px!important;padding:8px 12px!important;border:0!important;border-radius:4px!important;background:#edf0eb!important;color:#456451!important;box-shadow:none!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.3!important;text-align:left!important}
body .app #page-records #new-reflect-page [data-daypart=morning]>.review-section-bar{background:#F7EDD9!important;color:#775C29!important}
body .app #page-records #new-reflect-page [data-daypart=afternoon]>.review-section-bar{background:#E5F0E9!important;color:#386651!important}
body .app #page-records #new-reflect-page [data-daypart=evening]>.review-section-bar{background:#ECE8F4!important;color:#66597C!important}
body .app #page-records .review-section-name{text-transform:uppercase;letter-spacing:.04em;font-weight:600}
body .app #page-records .review-section-count{margin-left:auto;min-width:0;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:400;overflow-wrap:anywhere;text-align:right}
body .app #page-records .review-section-chevron{flex:0 0 16px;font-size:calc((16px) * var(--kona-ui-scale,1));text-align:center;line-height:1}
body .app #page-records .review-fold-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 180ms ease}
body .app #page-records .review-fold-body.is-open{grid-template-rows:1fr}
body .app #page-records .review-fold-inner{min-height:0;overflow:hidden}
body .app #page-records .review-fold-body.is-open>.review-fold-inner{overflow:visible;padding-top:12px}
body .app #page-records #new-reflect-page .review-v3-section .rv-linked-group{margin:20px 0 0!important}
body .app #page-records #new-reflect-page .review-fold-inner>.rv-linked-group:first-child{margin-top:0!important}
body .app #page-records #new-reflect-page .review-event-heading{display:flex!important;align-items:baseline!important;justify-content:space-between;gap:12px!important;min-height:44px;box-sizing:border-box;padding:4px 0!important;margin:0 0 8px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;font-weight:600!important;line-height:1.4!important}
body .app #page-records .review-event-heading>span{min-width:0;overflow-wrap:anywhere}
body .app #page-records #new-reflect-page .review-event-heading>small{flex:0 0 auto;font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:1.4!important;white-space:nowrap}
body .app #page-records .review-linked-rail{border-left:2px solid var(--review-rail);padding-left:12px}
body .app #page-records #new-reflect-page .review-linked-rail .review-record{padding:0!important;margin:0 0 10px!important;border:0!important;background:transparent!important}
body .app #page-records #new-reflect-page .review-fold-inner>.review-record{padding:0!important;margin:0 0 16px!important;border:0!important}
body .app #page-records #new-reflect-page .review-linked-rail .rv-entry-body{padding-left:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-user-note-title{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:500!important;line-height:1.4!important;padding:0!important;margin:0!important;min-height:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:calc((21px) * var(--kona-ui-scale,1))!important;padding:0!important;margin:0!important;min-height:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-user-note-title+.rv-note-preview{margin-top:4px!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview.review-preview:not(.review-expanded){display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;max-height:63px!important;overflow:hidden!important;margin:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-user-note-title+.rv-note-preview.review-preview:not(.review-expanded){margin-top:4px!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record :is(textarea,input){font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:calc((21px) * var(--kona-ui-scale,1))!important}
body .app #page-records .review-record-meta{font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;font-weight:400!important;min-height:24px;gap:8px!important}
body .app #page-records .review-record-meta>time{margin-left:auto;font-size:calc((11px) * var(--kona-ui-scale,1))}
body .app #page-records .review-check-record .review-record-meta{font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:600!important}
body .app #page-records .review-feeling-values{margin:0 0 8px!important}
body .app #page-records .review-feeling-value{position:relative;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;min-height:24px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:500!important;text-decoration:underline;text-decoration-color:#b4cdc1;text-underline-offset:3px}
body .app #page-records .review-feeling-value::before{content:'';position:absolute;inset:-10px -4px;min-width:44px;min-height:44px}
body .app #page-records .review-group-more,body .app #page-records #new-reflect-page .review-preview-more{display:block;min-height:44px!important;padding:10px 0!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.4;border:0!important;background:transparent!important;color:#315f50;text-align:left}
body .app #page-records .review-linked-more[hidden],body .app #page-records #new-reflect-page .review-preview-more[hidden]{display:none!important}
body .app #page-records .review-unrecorded-check{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:12px;font-size:calc((13px) * var(--kona-ui-scale,1));color:#456451;cursor:pointer}
body .app #page-records .review-unrecorded-check small{font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:400;color:#617368}
body .app #page-records #new-reflect-page .rv-writing-toolbar{margin-top:24px!important;padding-top:16px!important}
body .app #page-records #new-reflect-page .rv-writing-toolbar h3{font-size:calc((18px) * var(--kona-ui-scale,1))!important;font-weight:600!important;line-height:1.3!important;margin-bottom:10px!important}
body .app #page-records #new-reflect-page .rv-journal-main textarea{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:calc((21px) * var(--kona-ui-scale,1))!important;min-height:84px!important}
body .app #page-records #new-reflect-page :is(.rv-next-step,.reflection-context){margin:10px 0!important}
body .app #page-records #new-reflect-page>.rv-controls{flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
body .app #page-records #new-reflect-page .rv-done{border-radius:8px!important;background:#274e47!important;border:1px solid #274e47!important;color:#fff!important;min-height:44px!important}
body .app #page-records #new-reflect-page .rv-done.is-complete{background:transparent!important;border-color:#c5d4c9!important;color:#315f50!important}
body .app #page-records .review-completed-label{font-size:calc((11px) * var(--kona-ui-scale,1));color:#315f50}
body .app:has(#page-records:not([hidden])) .datecontrol{min-width:0;gap:4px!important}
@media(max-width:360px){body .app #page-records .review-section-bar{gap:6px!important;padding-inline:10px!important}body .app #page-records .review-section-count{font-size:calc((10px) * var(--kona-ui-scale,1))}body .app #page-records .review-event-heading{gap:8px!important}body .app #page-records .review-section-name{font-size:calc((11px) * var(--kona-ui-scale,1))}}
@media(prefers-reduced-motion:reduce){body .app #page-records .review-fold-body{transition:none!important}}

body .app #page-records .review-text-paragraph{display:block;white-space:pre-wrap}
body .app #page-records .review-text-paragraph+.review-text-paragraph{margin-top:8px}
body .app #page-records .review-record .rv-entry-menu>summary{font-size:calc((18px) * var(--kona-ui-scale,1))!important}
/* Daily Review: time of day → context → thought. Exact times stay in editors. */
body .app #page-records #new-reflect-page .review-v3-section .rv-linked-group h5.review-event-heading{display:block!important;min-height:0!important;padding:0!important;margin:0 0 8px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:500!important;line-height:1.4!important;color:#617368!important}
body .app #page-records #new-reflect-page .review-v3-section .review-record-meta{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:400!important;min-height:0!important;color:#617368!important}
body .app #page-records #new-reflect-page .review-v3-section .review-session-title{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:500!important;color:#617368!important;margin:0 0 8px!important;line-height:1.4!important}
body .app #page-records #new-reflect-page .review-v3-section .rv-user-note-title{color:#30454d!important;font-weight:600!important}
body .app #page-records #new-reflect-page .review-v3-section .review-record-meta:empty{display:none!important}

/* Integrated editorial Review. */
body .app #page-records .review-record .rv-note-preview,body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview,body .app #page-records #new-reflect-page .rv-entry-body .rv-note-preview{line-height:calc(var(--reading-size,13.5px) * var(--reading-line,1.225))!important;min-height:0!important}
body .app #page-records .review-text-paragraph+.review-text-paragraph{margin-top:2px!important}
body .app #page-records .review-record :is(textarea,input),body #sessionMemo,body #timerNote{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:calc(var(--reading-size,13.5px) * var(--reading-line,1.225))!important}
body .app #page-records #new-reflect-page .review-v3-section .review-session-title{min-height:0!important;padding:0!important;margin:0 0 4px!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:calc(var(--reading-size,13.5px) * var(--reading-line,1.225))!important;font-weight:600!important}
body .app #page-records #new-reflect-page .review-fold-inner>.review-record{margin-bottom:12px!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-check-record,body .app #page-records #new-reflect-page .review-fold-inner>.review-check-record{border:1px solid #d7e2da!important;border-radius:8px!important;padding:10px 12px!important;background:#f3f6f2!important;box-sizing:border-box}
body .app #page-records #new-reflect-page .review-check-record>.rv-entry-body{padding:0!important}
body .app #page-records .review-check-header{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-bottom:6px}
body .app #page-records .review-check-header .review-record-meta,body .app #page-records .review-check-header .review-feeling-values{margin:0!important;min-height:0!important}
body .app #page-records .review-check-header .review-record-meta{font-size:calc((12px) * var(--kona-ui-scale,1))!important;font-weight:500!important}
body .app #page-records .review-check-header .review-feeling-value{background:#e2ece5!important;border-radius:99px!important;padding:3px 8px!important;min-height:0!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;text-decoration:none!important}
body .app #page-records .review-top-reflection{margin:12px 0 24px}body .app #page-records .review-top-reflection .rv-writing-toolbar{margin:0!important;padding-top:0!important}body .app #page-records .review-top-reflection textarea{line-height:calc(var(--reading-size,13.5px) * var(--reading-line,1.225))!important}body .app #page-records .review-final-feeling{margin:8px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}body .app #page-records .review-final-feeling small{font-size:calc((11px) * var(--kona-ui-scale,1))}body .app #page-records .review-final-feeling .review-feeling-editor{flex-basis:100%}
body .app #page-records .review-filter{margin:0 0 12px;font-size:calc((11px) * var(--kona-ui-scale,1))}body .app #page-records .review-filter summary{min-height:44px;cursor:pointer}body .app #page-records .review-filter select{max-width:100%}
body .app #page-records #new-reflect-page .review-section-bar{position:relative;min-height:44px!important;background:transparent!important;border-radius:8px!important;isolation:isolate}body .app #page-records #new-reflect-page .review-section-bar:before{content:'';position:absolute;inset:6px 0;border-radius:8px;z-index:-1;background:#ECE8F4}body .app #page-records #new-reflect-page [data-daypart=morning]>.review-section-bar:before{background:#F7EDD9}body .app #page-records #new-reflect-page [data-daypart=afternoon]>.review-section-bar:before{background:#E5F0E9}
body .app #page-records .review-is-important :is(.rv-user-note-title,.rv-note-preview){text-decoration:underline;text-decoration-color:#f4b8cf;text-decoration-thickness:5px;text-underline-offset:-2px;text-decoration-skip-ink:none}
body .app #page-records .review-linked-action{font-size:calc((11px) * var(--kona-ui-scale,1));min-height:44px;border:0;background:transparent;color:#315c50}

body .app #page-records #new-reflect-page .review-v3-section .rv-linked-group h5.review-event-heading{display:flex!important;align-items:center!important;gap:5px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:500!important;color:#617368!important;margin-bottom:8px!important}body .app #page-records .review-calendar-icon{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1;flex:none}body .app #page-records #new-reflect-page .review-single-note .review-record{padding:0!important;margin:0!important;border:0!important}body .app #page-records #new-reflect-page .review-single-note .rv-entry-body{padding-left:0!important}
body .app #page-records #new-reflect-page .review-v3-section .rv-linked-group h5.review-event-heading{justify-content:flex-start!important}body .app #page-records #new-reflect-page .review-v3-section .rv-linked-group h5.review-event-heading>span{margin:0!important;flex:0 1 auto!important}body .app #page-records #new-reflect-page [data-daypart]>.review-section-bar{background:transparent!important}body .app #page-records .review-final-feeling-button{border:1px solid #d7e2da;border-radius:8px;background:#edf3ee;color:#315c50;padding:8px 12px;min-height:44px;font-size:calc((12px) * var(--kona-ui-scale,1))}body .app #page-records #new-reflect-page .review-top-reflection .rv-writing-toolbar{margin:0!important;padding:0!important;border:0!important}body .app #page-records #new-reflect-page .review-top-reflection .rv-writing-toolbar h3{margin:0 0 6px!important}

/* User note title and hanging emoji alignment. */
body .app #qc-note-title{display:block;width:100%;box-sizing:border-box;min-height:44px;margin:0 0 4px;padding:8px 0;border:0;border-bottom:1px solid #e0e7e1;background:transparent;font-family:inherit;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1));font-weight:600;color:#30454d;border-radius:0}body .app .capture-recent-title{display:block;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1));font-weight:600;margin:4px 0}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-has-emoji :is(.rv-user-note-title,.rv-note-preview){position:relative;padding-left:2em!important;box-sizing:border-box}body .app #page-records .review-note-leading-emoji{position:absolute;left:0;top:0;display:inline-block;width:1.5em;text-align:left;font-weight:400;line-height:inherit}
body .app #page-records #new-reflect-page .review-v3-section .rv-linked-group h5.review-event-heading{display:inline-flex!important;width:auto!important;max-width:100%;background:#edf2eb!important;border-radius:5px!important;padding:4px 7px!important;color:#52664e!important;box-sizing:border-box;margin-bottom:8px!important;font-weight:500!important}body .app #page-records .review-schedule-label{display:inline-block;background:#edf2eb;border-radius:5px;padding:4px 7px;color:#52664e;font-size:calc((11px) * var(--kona-ui-scale,1));font-weight:500;margin-bottom:8px}

body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-has-emoji .rv-note-preview{min-height:16.5px!important}
/* Display preferences and restrained dark palette. */
:root{--reading-size:13.5px;--reading-line:1.225}
body .app .app-settings-shortcut{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;border:1px solid #dce5df!important;border-radius:12px!important;background:#edf2ec!important;color:#385c4e!important;padding:10px!important}
body .app #kx-settings .display-settings{margin:12px 0 20px;padding:0;border-bottom:1px solid #dce5df}body .app #kx-settings .display-settings h2{font-size:calc((18px) * var(--kona-ui-scale,1));font-weight:600;margin:0 0 6px}body .app #kx-settings .display-settings-hint{font-size:calc((12px) * var(--kona-ui-scale,1));color:#607267;line-height:1.5;margin:0 0 12px}body .app #kx-settings .display-setting-row{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;margin:0;border-bottom:1px solid #e3e9e3;font-size:calc((13px) * var(--kona-ui-scale,1))}body .app #kx-settings .display-setting-row>span{flex:1;min-width:0}body .app #kx-settings .display-setting-row small{display:block;font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.4;color:#607267;margin-top:4px}body .app #kx-settings .display-setting-row select{width:145px;max-width:48%;min-height:44px;border:1px solid #cbd8cf;border-radius:8px;background:#fffefb;padding:6px 8px;font-size:calc((12px) * var(--kona-ui-scale,1));color:#315c50}body .app #kx-settings .display-setting-row input{width:24px;height:24px;min-height:0!important;accent-color:#315c50}body .app #kx-settings .display-reading-preview{white-space:pre-wrap;margin:16px 0;padding:12px;background:#eef3ee;border-radius:8px;font-size:calc((var(--reading-size)) * var(--kona-ui-scale,1));line-height:var(--reading-line)}body .app #kx-settings .display-settings-reset{min-height:44px;border:1px solid #cbd8cf;border-radius:8px;background:transparent;padding:8px 12px;font-size:calc((12px) * var(--kona-ui-scale,1))}body .app #kx-settings .display-settings-status{min-height:16px;font-size:calc((11px) * var(--kona-ui-scale,1));color:#607267}
html body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record :is(.rv-note-preview,.rv-user-note-title),html body .app #page-records #new-reflect-page .rv-entry-body .rv-note-preview,html body .app #page-records #new-reflect-page .rv-journal-main textarea,html body .app :is(#qc-text,#qc-note-title,#checkNote,#timerNote,#sessionMemo,.capture-recent-title,.capture-recent-body),html body #sessionMemo,html body .app #page-records .review-record :is(input,textarea){font-size:calc((var(--reading-size)) * var(--kona-ui-scale,1))!important;line-height:var(--reading-line)!important}
html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-appearance=dark]{--bg:#18231f;--surface:#22302a;--ink:#e0e9e1;--sub:#a9bbae;--line:#44594c;background:#18231f!important;color:#e0e9e1!important}
html[data-appearance=dark] body,html[data-appearance=dark] body .app{background:#18231f!important;color:#e0e9e1!important}
html[data-appearance=dark] body .app *{color:inherit!important;border-color:#44594c!important}
html[data-appearance=dark] body :is(.sheet,#kx-settings .settings-panel-body),html[data-appearance=dark] body .app :is(.card,.field,input,textarea,select,.display-reading-preview,.prayer-card,.task-row,.task-item,.capture-recent-note,.review-check-record,.review-final-feeling-button,.review-event-heading,.review-schedule-label,.kona-tag-chip,.review-feeling-value,.review-feeling-editor,.weekly-day-card,.archive-result-card,td,.plan-note-cell,.plan-event-cell,.review-filter select){background:#22302a!important;color:#e0e9e1!important;border-color:#44594c!important}
html[data-appearance=dark] body .app :is(.pagehead,.dock,.bottom-nav,nav,.phases,.segment,.segmented,.tabs){background:#18231f!important}
html[data-appearance=dark] body .app :is(button,summary){color:#c9ded0!important}html[data-appearance=dark] body .app :is(.solid,.rv-done,#qc-submit:not(:disabled)){background:#3e705d!important;color:#ffffff!important}
html[data-appearance=dark] body .app :is(input,textarea)::placeholder{color:#9aafa1!important;opacity:1}html[data-appearance=dark] body .app :is(button:disabled,input:disabled){opacity:.5}
html[data-appearance=dark] body .app #page-records #new-reflect-page [data-daypart]>.review-section-bar{background:transparent!important;color:#e0e9e1!important}html[data-appearance=dark] body .app #page-records #new-reflect-page [data-daypart=morning]>.review-section-bar:before{background:#51442d!important}html[data-appearance=dark] body .app #page-records #new-reflect-page [data-daypart=afternoon]>.review-section-bar:before{background:#2e493a!important}html[data-appearance=dark] body .app #page-records #new-reflect-page [data-daypart=evening]>.review-section-bar:before{background:#42394f!important}
html[data-appearance=dark] body .app :is(.rv-controls,.kona-note-tag-chips,.settings-panel-body,.display-setting-row select,.app-settings-shortcut){background:#22302a!important}html[data-appearance=dark] body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-entry-menu>.rv-controls{background:#22302a!important}html[data-appearance=dark] body .app :is(.review-is-important,.important){text-decoration-color:#b26885!important}
html[data-appearance=dark] body .app #konaCarryToday{background:#284d40!important;color:#eff7ed!important}html[data-appearance=dark] body .app #page-records #new-reflect-page .review-v3-section .rv-linked-group h5.review-event-heading{background:#2b3e32!important;color:#bbd3bf!important}
@media(max-width:360px){body .app #kx-settings .display-setting-row{gap:8px}body .app #kx-settings .display-setting-row select{width:125px}}

:root[data-appearance=dark] body .app :is(#page-capture,#page-checkin,#page-schedule,#page-records,#page-focus,#kx-settings) *{color:#e0e9e1!important}
:root[data-appearance=dark] body .app #qc-v2,:root[data-appearance=dark] body .app #dock,:root[data-appearance=dark] body .app #dock .tabs,:root[data-appearance=dark] body .app .kona-tag-symbol{background:#22302a!important}
:root[data-appearance=dark] body .app #dock .active,:root[data-appearance=dark] body .app .phases .on,:root[data-appearance=dark] body .app .phases [aria-checked=true]{background:#355343!important;color:#f3faf4!important}
:root[data-appearance=dark] body .app #kx-settings :is(button,select,input){background:#2b4034!important;color:#e0e9e1!important;border-color:#617c68!important}
:root[data-appearance=dark] body .app :is(#page-capture,#page-checkin,#page-schedule,#page-records,#page-focus) :is(.solid,.rv-done,#qc-submit:not(:disabled)){background:#3e705d!important;color:white!important}
:root[data-appearance=dark] body .app #page-records #new-reflect-page .review-v3-section .rv-linked-group h5.review-event-heading{color:#d1e4cf!important}
:root[data-appearance=dark] body .app #page-capture #qc-v2{background:#22302a!important}:root[data-appearance=dark] body #dock,:root[data-appearance=dark] body #dock .tabs{background:#18231f!important}:root[data-appearance=dark] body #dock *{color:#c9ded0!important}:root[data-appearance=dark] body #dock .tabs button.active{background:#355343!important;color:#f3faf4!important}:root[data-appearance=dark] body .sheet *{color:#e0e9e1!important;border-color:#44594c!important}:root[data-appearance=dark] body .sheet :is(input,textarea,select,button){background:#2b4034!important;color:#e0e9e1!important}
:root[data-appearance=dark] body .app #page-today :is(.kona-rich-row,.kona-rich-note,.kona-plan-earlier,#konaPlanViews),:root[data-appearance=dark] body .app #page-checkin :is(.phases,textarea,input,.field){background:#22302a!important;color:#e0e9e1!important}:root[data-appearance=dark] body .app #page-today *{color:#e0e9e1!important}:root[data-appearance=dark] body .app #page-today #konaPlanViews [aria-checked=true],:root[data-appearance=dark] body .app #page-checkin .phases .active,:root[data-appearance=dark] body .app #page-today .event-now-badge{background:#355343!important}
:root body .app #page-capture #qc-v2 textarea#qc-text,:root body .app #page-checkin textarea,:root body .app #page-records #new-reflect-page textarea,:root body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview{font-size:calc((var(--reading-size)) * var(--kona-ui-scale,1))!important;line-height:var(--reading-line)!important}:root body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview.review-preview:not(.review-expanded){max-height:calc(var(--reading-size) * var(--reading-line) * 3 + 4px)!important}

/* Header Settings: plain gear, with a full 44px touch target at every width. */
:root body:not(.focus-immersive) .app>header.pagehead .app-settings-shortcut{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#284F46!important}
:root body:not(.focus-immersive) .app>header.pagehead .app-settings-shortcut svg{width:22px!important;height:22px!important;flex:none;fill:none;stroke:#284F46!important;stroke-width:2}

/* Plan uses one schedule list. */
#todayTimeline,#jumpTimelineNow,#kx-timeline-toggle,#konaPlanViews,#konaTimelineLink{display:none!important}

/* Compact check-in scales with the combined feeling beside the heading. */
body .app #page-checkin #checkFlowHeading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:2px 8px!important;padding-bottom:6px!important;margin-bottom:6px!important}
body .app #page-checkin #checkFlowTitle{grid-column:1!important;grid-row:1!important}
body .app #page-checkin #checkFeelingSummary{grid-column:2!important;grid-row:1!important;justify-self:end!important;text-align:right!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:600!important;line-height:1.3!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:#46694a!important}
body .app #page-checkin #checkFeelingSummary[hidden]{display:none!important}
body .app #page-checkin #checkState{grid-column:1!important;grid-row:2!important;text-align:left!important;max-width:none!important;justify-self:start!important}
body .app #page-checkin #morningPrayerPrompt{grid-column:2!important;grid-row:2!important;justify-self:end!important}
body .app #page-checkin .class-notes-shortcut{grid-column:2!important;grid-row:1!important}
body .app #page-checkin #moodGrid.kona-slim{display:grid!important;gap:4px!important}
body .app #page-checkin #moodGrid.kona-slim .kona-slim-scale{padding:0!important;margin:0!important}
body .app #page-checkin #moodGrid.kona-slim .kona-slim-label{height:22px!important;min-height:22px!important}
body .app #page-checkin #moodGrid.kona-slim .kona-slim-rail{height:24px!important;min-height:24px!important}
body .app #page-checkin #moodGrid.kona-slim .kona-scale-stops{height:16px!important;min-height:16px!important;margin-top:-8px!important}
body .app #page-checkin #moodGrid.kona-slim .kona-scale-ends{font-size:calc((10px) * var(--kona-ui-scale,1))!important;line-height:calc((12px) * var(--kona-ui-scale,1))!important;min-height:12px!important}

/* Two compact rows: label, slider, selected value, reset. */
body .app #page-checkin #moodGrid.kona-slim{gap:0!important}
body .app #page-checkin #moodGrid.kona-slim .kona-slim-scale{display:grid!important;grid-template-columns:48px minmax(0,1fr) 42px 34px!important;grid-template-rows:44px!important;column-gap:6px!important;align-items:center!important;padding:0!important;margin:0!important}
body .app #page-checkin #moodGrid.kona-slim .kona-slim-label{display:contents!important}
body .app #page-checkin #moodGrid.kona-slim .kona-slim-label>span{grid-column:1;grid-row:1;font-size:calc((12px) * var(--kona-ui-scale,1))!important;line-height:1.2!important}
body .app #page-checkin #moodGrid.kona-slim .kona-slim-rail{grid-column:2;grid-row:1;height:44px!important;min-height:44px!important;width:100%!important;margin:0!important}
body .app #page-checkin #moodGrid.kona-slim .kona-scale-selected{grid-column:3;grid-row:1;font-size:calc((11px) * var(--kona-ui-scale,1))!important;line-height:1.2!important;text-align:right!important;overflow-wrap:anywhere}
body .app #page-checkin #moodGrid.kona-slim .kona-scale-value{grid-column:4;grid-row:1;width:34px!important;min-width:34px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important}
body .app #page-checkin #moodGrid.kona-slim .kona-scale-stops,body .app #page-checkin #moodGrid.kona-slim .kona-scale-ends{display:none!important}
body .app #page-checkin #moodGrid.kona-slim{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;grid-auto-flow:row!important}

/* Consistent inline emoji row and expandable More on every note editor. */
body .kona-inline-emoji-picker{display:grid!important;grid-template-columns:minmax(0,1fr) 40px!important;align-items:start!important;gap:4px!important;width:100%!important;min-width:0!important}
body .kona-inline-emoji-picker>.kona-note-tag-chips{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:2px!important;overflow:visible!important;padding:0!important;min-width:0!important;max-width:100%!important}
body .kona-inline-emoji-picker .kona-tag-chip{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:2px!important;font-size:calc((20px) * var(--kona-ui-scale,1))!important}
body .kona-inline-emoji-picker:not(.is-expanded) .kona-tag-chip:nth-child(n+8){display:none!important}
body .kona-inline-emoji-picker>.kona-emoji-more{min-width:40px!important;width:40px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#376655!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;text-align:center!important}
body .kona-event-note-tags,body .kona-note-tag-details{min-width:0!important;width:100%!important;margin:6px 0!important}

/* Fifteen optional tags, eight plus seven, with 36px circles. */
body .app :is(.kona-note-tag-chips,#konaCaptureTagTray){display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:330px!important;overflow:visible!important;max-height:none!important;padding:0!important;flex:none!important}
body .app :is(.kona-capture-tag-row,.kona-inline-emoji-picker){display:block!important;width:100%!important;overflow:visible!important}
body .app :is(.kona-note-tag-chips,#konaCaptureTagTray) .kona-tag-chip{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;max-width:36px!important;min-width:0!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:50%!important;visibility:visible!important;opacity:1!important}
body .app .kona-tag-chip .kona-tag-symbol{font-size:calc((20px) * var(--kona-ui-scale,1))!important;line-height:1!important}
body .app :is(.kona-emoji-more,.kona-tag-tray-toggle){display:none!important}
body .app .kona-tag-chip[aria-pressed=true]{outline:2px solid #386651!important;outline-offset:1px;background:#e5f0e9!important}
body .app :is(.review-is-important .rv-user-note-title,.review-is-important .rv-note-preview,.capture-recent-note.is-important .capture-recent-title,.capture-recent-note.is-important .capture-recent-body){text-decoration:underline;text-decoration-color:#efbbd1;text-decoration-thickness:6px;text-underline-offset:-2px;text-decoration-skip-ink:none}
body .app .reflection-later{margin-top:14px;padding-top:10px;border-top:1px solid #dce5df}body .app .reflection-later>p{white-space:pre-wrap}body .app .reflection-later>small{display:block;margin-top:12px;color:#62766b}
body .app #page-capture #qc-v2 .kona-tag-tray-toggle,body .app .kona-inline-emoji-picker>.kona-emoji-more{display:none!important}
body .app #page-capture #qc-v2 .kona-capture-tag-row{display:block!important}
body .app #page-capture #qc-v2 #konaCaptureTagTray{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:330px!important;padding:2px!important;overflow:visible!important}

/* One row by default; More reveals the second row, Less folds it. */
body .app #page-capture #qc-v2 .kona-capture-tag-row,body .app .kona-inline-emoji-picker{position:relative!important;width:100%!important;max-width:330px!important;display:block!important}
body .app #page-capture #qc-v2 .kona-tag-tray-toggle,body .app .kona-inline-emoji-picker>.kona-emoji-more{display:flex!important;position:absolute!important;bottom:0!important;right:0!important;align-items:center!important;justify-content:center!important;width:calc((100% - 42px)/8)!important;min-width:0!important;max-width:36px!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:1px solid #dce5d8!important;border-radius:8px!important;background:transparent!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important;transform:none!important;color:#52705a!important}
body .app #page-capture #qc-v2 .kona-capture-tags:not(.is-expanded) #konaCaptureTagTray>.kona-tag-chip:nth-child(n+8),body .app .kona-inline-emoji-picker:not(.is-expanded)>.kona-note-tag-chips>.kona-tag-chip:nth-child(n+8){display:none!important}
body .app #page-capture #qc-v2 #konaCaptureTagTray{padding:0!important}

/* Compact Focus setup; keep the start action and summary in normal flow. */
body:not(.focus-immersive) .app #page-focus.active{height:auto!important;min-height:0!important;display:flex!important;gap:0!important;padding:0 0 16px!important}
body:not(.focus-immersive) .app #page-focus.active>.focus-card{flex:none!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important}
body .app #page-focus #kindSeg{margin-bottom:10px!important}
body .app #page-focus #kindSeg button{min-height:40px!important;padding:6px 8px!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important}
body .app #page-focus .focus-controls{min-height:0!important;margin:0!important;padding:0!important}
body .app #page-focus :is(#focusTarget,#focusContext){height:38px!important;min-height:38px!important;margin:0!important;padding:6px 10px!important;border:1px solid #dce5df!important;border-radius:9px!important;box-shadow:none!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;background:transparent!important}
body .app #page-focus #focusSetupMore{margin:2px 0 0!important;padding:0!important;border:0!important}
body .app #page-focus #listeningTools{margin:0!important;padding:0!important;min-height:0!important;justify-content:flex-end!important}
body .app #page-focus #listeningTools[hidden]{display:none!important}
body .app #page-focus #listeningPrompt,body .app #page-focus #focusLaunchSummary{display:none!important}
body .app #page-focus #quietTimerToggle{min-height:32px!important;padding:3px 0 3px 10px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important}
body:not(.focus-immersive) .app #page-focus .focus-clock-area{flex:none!important;min-height:0!important;margin:6px 0!important;padding:4px 0!important;gap:0!important}
body:not(.focus-immersive) .app #page-focus #focusClock{font-size:calc((64px) * var(--kona-ui-scale,1))!important;line-height:1.15!important;margin:0 0 8px!important}
body .app #page-focus #focusDurations{margin:0!important;gap:6px!important;justify-content:center!important}
body .app #page-focus #focusDurations button[data-time]{flex:0 1 38px!important;width:38px!important;min-width:32px!important;height:36px!important;min-height:36px!important;padding:0!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;box-shadow:none!important}
body .app #page-focus .timer-row{position:static!important;flex:none!important;width:100%!important;margin:10px 0 8px!important;padding:0!important;transform:none!important}
body:not(.focus-immersive) .app #page-focus #focusStart{height:44px!important;min-height:44px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important}
body .app #page-focus .focus-summary{position:static!important;flex:none!important;margin:8px 0 0!important;padding:8px 0!important;min-height:32px!important;flex-wrap:wrap!important}

/* Soft white fields on the existing warm canvas. */
body .app #page-focus :is(#focusTarget,#focusContext){background:#fff!important}
html[data-appearance=dark] body .app #page-focus :is(#focusTarget,#focusContext){background:#22302a!important}

/* Review: a readable journal, with controls quieter than the written record. */
body .app #page-records #new-reflect-page{background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}
body .app #page-records .review-top-reflection{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 0 16px!important;margin:0 0 14px!important;border-bottom:1px solid #dce5df!important}
body .app #page-records .rv-writing-heading{font-size:calc((22px) * var(--kona-ui-scale,1))!important;font-weight:750!important;color:#245448!important;margin:0!important}
body .app #page-records .rv-writing-toolbar{padding:0!important;margin:0 0 8px!important;border:0!important;background:transparent!important}
body .app #page-records .rv-journal-main textarea{background:transparent!important;border:0!important;border-bottom:1px solid #dce5df!important;border-radius:0!important;box-shadow:none!important;min-height:72px!important;padding:6px 0 10px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;line-height:1.6!important;resize:vertical!important}
body .app #page-records .review-final-feeling{display:flex!important;align-items:center;flex-wrap:wrap;gap:6px!important;padding:6px 0!important;margin:4px 0!important;border:0!important;background:transparent!important}
body .app #page-records .review-final-feeling>small{font-size:calc((11px) * var(--kona-ui-scale,1))!important;color:#65796d!important}
body .app #page-records .review-final-feeling-button{min-height:32px!important;padding:4px 10px!important;background:#eaf2eb!important;border:0!important;border-radius:16px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important;color:#245448!important}
body .app #page-records .review-final-feeling .review-feeling-editor{flex-basis:100%;padding:8px 0!important;border:0!important;background:transparent!important}
body .app #page-records :is(.rv-next-step,.reflection-context,.reflection-later){background:transparent!important;border:0!important;border-top:1px solid #e2e8e1!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:4px 0!important}
body .app #page-records :is(.rv-next-step,.reflection-context,.reflection-later)>summary{min-height:40px!important;padding:9px 0!important;font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:500!important;color:#315b4c!important}
body .app #new-reflect-page .rv-extra-records{margin:4px 0;border-top:1px solid #e2e8e1}
body .app #new-reflect-page .rv-extra-records>summary{box-sizing:border-box;min-height:44px;padding:10px 0;cursor:pointer;font-size:calc((13px) * var(--kona-ui-scale,1));font-weight:500;color:var(--ink)}
body .app #new-reflect-page .rv-extra-records .rv-extra-section{border:0!important;padding:0!important;margin:8px 0 12px!important}
body .app #new-reflect-page .rv-extra-section h4{margin:0 0 4px;font-size:calc((12px) * var(--kona-ui-scale,1));font-weight:600;color:var(--sub)}
body .app #page-records #new-reflect-page .rv-writing-toolbar{flex-wrap:wrap!important}
body .app #page-records #new-reflect-page .rv-writing-toolbar>.review-final-feeling{display:contents!important}
body .app #new-reflect-page .rv-writing-toolbar .review-final-feeling-button{margin-left:auto;max-width:100%;white-space:normal}
body .app #new-reflect-page .rv-writing-toolbar .review-feeling-editor{flex:1 0 100%;box-sizing:border-box;min-width:0}
body .app #page-records .rv-save-feedback{margin:2px 0!important;padding:0!important;font-size:calc((10px) * var(--kona-ui-scale,1))!important}
body .app #page-records .rv-controls>.rv-done{min-height:38px!important;padding:6px 16px!important;font-size:calc((12px) * var(--kona-ui-scale,1))!important}
body .app #page-records .rv-timegroup{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:14px 0!important;padding:0!important}
body .app #page-records .review-section-bar{background:transparent!important;border:0!important;border-bottom:1px solid #dce5df!important;border-radius:0!important;box-shadow:none!important;min-height:44px!important;padding:8px 0!important;color:#315b4c!important}
body .app #page-records .review-section-name{font-size:calc((13px) * var(--kona-ui-scale,1))!important;letter-spacing:.04em!important;font-weight:700!important}
body .app #page-records .review-section-count{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#7b897f!important}
body .app #page-records :is(.review-fold-inner,.rv-linked-group,.review-single-note){padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body .app #page-records .review-event-heading{display:flex!important;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 10px!important;margin:0!important;padding:12px 0 5px!important;font-size:calc((14px) * var(--kona-ui-scale,1))!important;color:#315b4c!important;font-weight:650!important}
body .app #page-records .review-event-time{font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:400!important;color:#6c7c71!important;white-space:nowrap}
body .app #page-records .review-linked-rail{border-left:2px solid #b4cdc1!important;margin:4px 0 4px 3px!important;padding-left:12px!important;background:transparent!important}
body .app #page-records .review-record{border:0!important;border-bottom:1px solid #e5eae3!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:10px 0!important;margin:0!important}
body .app #page-records :is(.rv-user-note-title,.review-class-title){font-size:calc((15px) * var(--kona-ui-scale,1))!important;line-height:1.4!important;font-weight:700!important;color:#245448!important;margin:0 0 4px!important}
body .app #page-records :is(.rv-note-preview,.review-class-part p,.review-note-followup p){font-size:calc((13.5px) * var(--kona-ui-scale,1))!important;line-height:1.55!important;color:var(--ink)!important;margin:3px 0 8px!important;white-space:pre-wrap;overflow-wrap:anywhere}
body .app #page-records .review-record-meta{font-size:calc((10px) * var(--kona-ui-scale,1))!important;color:#77877c!important;gap:8px!important;margin-bottom:4px!important}
body .app #page-records .review-class-part{display:block!important;margin:10px 0!important;padding:0!important;border:0!important;background:transparent!important}
body .app #page-records .review-class-part>small{display:block;font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:650;color:#577565}
body .app #page-records .review-class-time{font-size:calc((10px) * var(--kona-ui-scale,1));color:#77877c}
body .app #page-records .review-note-followup{border-left:2px solid #b4cdc1;padding-left:10px;margin:12px 0 4px}
body .app #page-records .review-note-followup small{font-size:calc((10px) * var(--kona-ui-scale,1));color:#65796d}
html[data-appearance=dark] body .app #page-records :is(.rv-writing-heading,.review-section-bar,.review-event-heading,.rv-user-note-title,.review-class-title){color:#b9d6c3!important}
html[data-appearance=dark] body .app #page-records .review-final-feeling-button{background:#283c32!important;color:#d1e2d4!important}

/* Settings sections use rows, not nested cards. */
body .app #kx-settings .kona-settings-section,body .app #kx-settings .display-settings{border:0!important;border-top:1px solid #dce5df!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:14px 0!important;margin:0!important}
body .app #kx-settings :is(.kona-settings-section h2,.display-settings h2){font-size:calc((15px) * var(--kona-ui-scale,1))!important;margin:0 0 8px!important;color:var(--ink)!important}
body .app #kx-settings .kona-settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 0;font-size:calc((13px) * var(--kona-ui-scale,1))}
body .app #kx-settings .kona-settings-row>span{flex:1;min-width:0}body .app #kx-settings .kona-settings-row small{display:block;font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.4;color:var(--sub);margin-top:3px}
body .app #kx-settings .kona-settings-row select{max-width:48%;min-height:36px;border:1px solid #dce5df;border-radius:8px;padding:4px 6px;background:var(--surface);color:var(--ink);font-size:calc((12px) * var(--kona-ui-scale,1))}
body .app #kx-settings .kona-settings-row input[type=checkbox]{width:20px;height:20px;accent-color:#326a51;flex:none}
body .app #kx-settings :is(.settings-save-status,.settings-help){font-size:calc((11px) * var(--kona-ui-scale,1));line-height:1.5;color:var(--sub)}
body .app #kx-settings #reviewBackupStatus{display:flex!important;flex-wrap:wrap!important;margin:0!important;background:transparent!important;border:0!important;padding:4px 0!important}
body .app #page-records #review-reflection-settings{display:none!important}
:root body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview.review-preview:not(.review-expanded){display:-webkit-box!important;-webkit-line-clamp:var(--review-preview-lines,3)!important;-webkit-box-orient:vertical!important;overflow:hidden!important;max-height:calc(var(--reading-size,13.5px) * 1.55 * var(--review-preview-lines,3) + 4px)!important}

/* Record options are a viewport-contained sheet, not a clipped row popover. */
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-entry-menu[open]>.rv-controls{position:fixed!important;inset:auto 12px calc(var(--dock-h,76px) + env(safe-area-inset-bottom,0px) + 8px)!important;width:auto!important;max-width:480px!important;max-height:55dvh!important;margin-inline:auto!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:100!important;box-sizing:border-box!important;padding:12px!important}
body .app #page-records .review-record .rv-entry-menu .rv-controls .kona-note-tag-chips{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px 2px!important;width:100%!important;min-width:0!important;overflow:visible!important;padding:4px 0!important}
body .app #page-records .review-record .rv-entry-menu .rv-controls .kona-note-tag-chips button{display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;max-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0!important;font-size:calc((20px) * var(--kona-ui-scale,1))!important;line-height:1!important;text-align:center!important;overflow:visible!important}
body .app #page-records .review-record{position:relative!important;min-width:0!important;padding-right:36px!important}
body .app #page-records .review-record .rv-entry-menu{position:absolute!important;top:0!important;right:-4px!important;margin:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-preview-more[hidden]{display:none!important}
body .app :is(.app-settings-back,.archive-back){display:none!important}

/* Shared Review hierarchy: anchor, compact record header, optional content. */
body .app #dayReviewBody .day-review-head{margin:0 0 14px!important;padding:0!important;border:0!important;background:transparent!important}
body .app #dayReviewBody .day-review-primary{display:block!important}
body .app #dayReviewBody .day-review-anchor-label{display:block;font-size:calc((12px) * var(--kona-ui-scale,1));color:#315f50;margin-bottom:5px}
body .app #dayReviewBody .day-review-headline{font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;line-height:1.55!important;font-weight:600!important}
body .app #dayReviewBody .day-review-entry-row{position:relative!important;display:block!important;padding:10px 38px 10px 0!important;margin:0!important;min-height:0!important}
body .app #dayReviewBody .day-review-entry{display:block!important;width:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important}
body .app #dayReviewBody .day-review-entry-head{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:4px 8px!important;margin:0!important}
body .app #dayReviewBody .day-review-entry-time{font-size:calc((11px) * var(--kona-ui-scale,1))!important;white-space:nowrap;color:var(--sub)}
body .app #dayReviewBody .day-review-entry-title{font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:500!important;line-height:1.5!important}
body .app #dayReviewBody .day-review-entry-text{display:block!important;margin:5px 0 0!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:1.55!important;white-space:pre-wrap;overflow-wrap:anywhere}
body .app #dayReviewBody .archive-entry-actions{position:absolute!important;right:0!important;top:6px!important;padding:0!important;margin:0!important;display:block!important}
body .app #dayReviewBody .archive-entry-actions>summary{display:grid;place-items:center;min-width:32px;min-height:32px;padding:0;list-style:none}
body .app #dayReviewBody .archive-entry-actions[open]{z-index:20;background:var(--paper,#faf8f3);padding:0 6px 6px!important;border:1px solid #dce5df;border-radius:8px}
body .app #dayReviewBody .day-review-foot,body .app #dayReviewBody .day-review-entry-empty{display:none!important}
body .app #page-records :is(.review-class-part,#dayReviewBody .review-class-part){display:block!important;margin:8px 0!important;padding:8px 10px!important;border:1px solid #dce5df!important;border-radius:6px!important;background:#f0f4ef!important}
body .app #page-records :is(.review-class-part small,.review-part-label){display:inline-block;font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:600!important;color:#315f50!important;margin-bottom:3px}
body .app #page-records .review-class-part p{margin:3px 0 0!important;font-size:calc((var(--reading-size,13.5px)) * var(--kona-ui-scale,1))!important;font-weight:400!important;line-height:1.55!important}
body .app #page-records .review-record{padding-right:0!important}
body .app #page-records .review-record :is(.rv-user-note-title,.review-session-title){font-size:calc((13px) * var(--kona-ui-scale,1))!important;font-weight:500!important}
body .app #page-records .review-record .rv-entry-body{padding-right:34px!important}
html[data-appearance=dark] body .app #page-records .review-class-part{background:#22302a!important;border-color:#44594c!important}
body .app #dayReviewBody .review-is-important .day-review-entry-text{text-decoration-line:underline;text-decoration-color:#efb4cc;text-decoration-thickness:.45em;text-underline-offset:-.2em;text-decoration-skip-ink:none}

/* Labels identify the field; the author's words remain plain and indented. */
body .app #page-records :is(.review-class-part,#dayReviewBody .review-class-part){border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;margin:6px 0!important}
body .app #page-records :is(.review-class-part small,.review-part-label){display:inline-block!important;background:#e8efe4!important;color:#315f50!important;border-radius:4px!important;padding:1px 6px!important;margin:0 0 4px!important;font-size:calc((11px) * var(--kona-ui-scale,1))!important;font-weight:600!important}
body .app #page-records .review-class-part :is(p,.day-review-entry-text){margin:0 0 0 8px!important;padding:0!important;background:transparent!important;font-weight:400!important}
body .app #page-records .review-record .rv-entry-body{padding-right:0!important}
body .app #page-records .review-record.review-has-options .rv-entry-body{padding-right:32px!important}
body .app #dayReviewBody .day-review-entry-row:not(.review-has-options){padding-right:0!important}
html[data-appearance=dark] body .app #page-records .review-class-part{background:transparent!important;border:0!important}
html[data-appearance=dark] body .app #page-records :is(.review-class-part small,.review-part-label){background:#344b3e!important;color:#e6eee9!important}

body .app #dayReviewBody .day-review-entry-row{padding-top:7px!important;padding-bottom:7px!important}
body .app #dayReviewBody .day-review-entry-text{margin-top:3px!important}
body .app #page-records :is(.rv-entry-menu,.archive-entry-actions,.qc-record-menu){display:none!important}
body .app #dayReviewBody .day-review-entry-row{padding-right:0!important}
body .app #page-records .review-record .rv-entry-body{padding-right:0!important}
body .app #dayReviewBody .day-review-entry-time{display:inline-block!important;min-width:5.5em!important;font-variant-numeric:tabular-nums;white-space:nowrap}
#konaReviewEditor .sheet{box-sizing:border-box;width:min(100% - 24px,520px);max-height:85dvh;overflow:auto}
#konaReviewEditor label{display:block;margin:10px 0 4px}
#konaReviewEditor textarea{width:100%;box-sizing:border-box;margin-top:4px}
#konaReviewEditor .rv-edit-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
/* Shared record actions, including editors mounted outside the app shell. */
body :is(.rv-edit-actions,.review-entry-actions){display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
body :is(.rv-edit-actions,.review-entry-actions)>button,
body .rv-controls>button,
body .note-highlight-toggle{box-sizing:border-box;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #cbd9d0;border-radius:10px;background:#f3f6f2;color:#315f50;font-family:inherit;font-size:calc((13.5px) * var(--kona-ui-scale,1));font-weight:600;line-height:1.4;white-space:normal;overflow-wrap:anywhere;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:none}
body :is(.rv-edit-actions,.review-entry-actions)>button{flex:1 0 auto;min-width:min-content;margin:0;overflow-wrap:normal}
body :is(.rv-edit-actions,.review-entry-actions)>button.solid{background:#274e47;color:#fff;border-color:#274e47}
body :is(.rv-edit-actions,.review-entry-actions)>button.danger,
body .rv-controls>button.review-delete{background:#fbf3f1;color:#984b44;border-color:#e4c9c3}
body .note-highlight-toggle{background:#faf5e5;border-color:#e7d9ac;color:#705b26;margin-block:8px}
body .note-highlight-toggle[aria-pressed=true]{background:#f4dc83;border-color:#b89b42;color:#4b3c17;box-shadow:inset 0 0 0 1px #b89b42}
body :is(.rv-edit-actions,.review-entry-actions)>button:focus-visible,
body .note-highlight-toggle:focus-visible{outline:2px solid #527f72;outline-offset:3px}
body :is(.rv-edit-actions,.review-entry-actions)>button:disabled{opacity:.45;cursor:not-allowed}
:root[data-appearance=dark] body .sheet :is(.rv-edit-actions,.review-entry-actions)>button.solid{background:#91b9a3!important;color:#15291f!important;border-color:#91b9a3!important}
:root[data-appearance=dark] body :is(.rv-edit-actions,.review-entry-actions)>button.danger,
:root[data-appearance=dark] body .rv-controls>button.review-delete{background:#392a28!important;color:#f0b9ad!important;border-color:#79554c!important}
:root[data-appearance=dark] body .note-highlight-toggle{background:#393522!important;color:#f0df9a!important;border-color:#776a3e!important}
:root[data-appearance=dark] body .note-highlight-toggle[aria-pressed=true]{background:#d9bd63!important;color:#302810!important;border-color:#d9bd63!important}
/* Only the leading title/body receives emoji indentation. */
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-has-emoji :is(.rv-user-note-title,.rv-note-preview){padding-left:0!important}
body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-has-emoji .review-emoji-target{position:relative;padding-left:2em!important}
/* Enlarge type without scaling the page or changing its v64 visual theme. */
:root[data-ui-enlarged=true] .app :is(button,summary,input:not([type=checkbox]):not([type=radio]),textarea,select){height:auto!important;min-width:0;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere;line-height:1.4!important}
:root[data-ui-enlarged=true] .app :is(.pagehead,.headright,.datecontrol,.sectionhead,.rv-record-meta,.day-review-entry-head,.rv-edit-actions){height:auto!important;flex-wrap:wrap!important;gap:6px}
:root[data-ui-enlarged=true] .app :is(.ellip,.kona-event-name,.kona-note-title,.capture-recent-title,.review-session-title,.review-class-title){white-space:normal!important;text-overflow:clip!important;overflow:visible!important;height:auto!important;min-width:0!important}
:root[data-ui-enlarged=true] .app :is(.kona-rich-row,.kona-rich-event,.kona-event-visible,.plan-note-cell,.plan-event-cell,.home-checkin,.day-review-entry,.review-section-bar){height:auto!important;min-width:0!important}
:root[data-ui-enlarged=true] .app #dock{height:auto!important;min-height:76px}
:root[data-ui-enlarged=true] .app #dock .tabs{height:auto!important;align-items:stretch;grid-auto-rows:auto}
:root[data-ui-enlarged=true] .app #dock .tabs button{height:auto!important;padding-block:8px!important;min-width:0!important;white-space:normal!important}
:root[data-ui-enlarged=true] .app :is(.sheet,.settings-panel-body){max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box;max-width:calc(100vw - 24px)!important}
:root[data-ui-enlarged=true] .app :is(.kona-note-tag-chips,.capture-tag-tray){flex-wrap:wrap!important;max-width:100%;height:auto!important}
:root[data-ui-enlarged=true] .app :is(.kona-tag-chip,.kona-tag-tray-toggle){min-width:2.6em!important;min-height:2.6em!important;height:auto!important;width:auto!important;padding:4px!important}
:root[data-ui-enlarged=true] .app :is(.focus-clock-area,.focus-clock-wrap){height:auto!important;min-height:0!important}
:root[data-ui-enlarged=true] .app :is(#focusClock,.focus-clock){font-size:calc((clamp(48px,16vw,100px)) * var(--kona-ui-scale,1))!important;white-space:nowrap!important}
@media(max-width:600px){
 :root[data-ui-enlarged=true] .app .pagehead{align-items:flex-start!important}
 :root[data-ui-enlarged=true] .app .headright{max-width:100%;margin-left:auto}
 :root[data-ui-enlarged=true] .app :is(.display-setting-row,.kona-settings-row){flex-wrap:wrap!important;align-items:flex-start!important}
 :root[data-ui-enlarged=true] .app :is(.display-setting-row,.kona-settings-row)>span{flex:1 0 100%!important}
 :root[data-ui-enlarged=true] .app :is(.display-setting-row,.kona-settings-row) select{width:100%!important;max-width:100%!important}
}
:root[data-ui-enlarged=true] body:not(.focus-immersive) .app>header.pagehead{grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;row-gap:2px!important}
:root[data-ui-enlarged=true] body:not(.focus-immersive) .app>header.pagehead .brand{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:100%!important}
:root[data-ui-enlarged=true] body:not(.focus-immersive) .app>header.pagehead #brandName{max-width:100%!important;width:auto!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;height:auto!important}
:root[data-ui-enlarged=true] body:not(.focus-immersive) .app>header.pagehead .app-settings-shortcut{grid-column:2!important;grid-row:1!important}
:root[data-ui-enlarged=true] body:not(.focus-immersive) .app>header.pagehead .datecontrol{grid-column:1/-1!important;grid-row:2!important;justify-self:end!important;max-width:100%!important}
:root[data-ui-enlarged=true] body .app #page-capture #qc-v2 #konaCaptureTagTray,:root[data-ui-enlarged=true] body .app .kona-inline-emoji-picker>.kona-note-tag-chips{grid-template-columns:repeat(auto-fit,minmax(calc(36px * var(--kona-ui-scale,1)),1fr))!important;max-width:100%!important;min-width:0!important}
:root[data-ui-enlarged=true] body .app :is(.kona-note-tag-chips,#konaCaptureTagTray) button.kona-tag-chip{width:calc(36px * var(--kona-ui-scale,1))!important;max-width:none!important;min-width:0!important;height:calc(36px * var(--kona-ui-scale,1))!important;min-height:0!important}
:root[data-ui-enlarged=true] body .app :is(.kona-tag-tray-toggle,.kona-emoji-more){position:static!important;width:auto!important;height:auto!important;margin:4px 0 0 auto!important;min-width:44px!important;min-height:36px!important}
:root[data-ui-enlarged=true] body .app #page-today .task-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;height:auto!important;overflow-wrap:anywhere;line-height:1.4!important;max-width:100%!important}
:root[data-ui-enlarged=true] body .app #page-today :is(.quicktask,.task-title,.pinned-title){height:auto!important;align-items:flex-start!important}
:root[data-ui-enlarged=true] body .modal-under .sheet{height:auto!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;max-width:calc(100vw - 24px)!important;box-sizing:border-box}
:root[data-ui-enlarged=true] body .modal-under :is(button,input:not([type=checkbox]):not([type=radio]),textarea,select){height:auto!important;white-space:normal!important;min-width:0!important;line-height:1.4!important;overflow-wrap:anywhere;box-sizing:border-box}
:root[data-ui-enlarged=true] body .app #page-records :is(#new-reflect-page,#archive-search-results) .review-record .rv-note-preview.review-preview:not(.review-expanded){max-height:calc(var(--reading-size,13.5px) * var(--kona-ui-scale,1) * 1.55 * var(--review-preview-lines,3) + 4px)!important}

/* Focus controls: one shape family, with the existing timer and ocean scene. */
body.focus-immersive[data-focus-ocean] #focusModeBadge{display:inline-flex!important;align-items:center;justify-content:center;text-align:center;width:max-content!important;min-width:54px;max-width:none!important;box-sizing:border-box;white-space:nowrap!important;word-break:keep-all;line-height:1.3;padding:6px 12px;border-radius:999px}
body.focus-immersive[data-focus-ocean] #page-focus .timer-row{flex-wrap:nowrap!important;gap:8px!important;margin-bottom:6px!important}
body.focus-immersive[data-focus-ocean] #page-focus :is(#focusStart,#focusEnd,#focusMore){height:48px!important;min-height:48px!important;border-radius:14px!important;box-sizing:border-box}
body.focus-immersive[data-focus-ocean] #page-focus #focusStart{flex:1!important;width:auto!important;min-width:0!important;padding:0 14px!important}
body.focus-immersive[data-focus-ocean] #page-focus #focusEnd{flex:0 0 82px!important;width:82px!important;min-width:0!important;padding:0 10px!important}
body.focus-immersive[data-focus-ocean] #page-focus #focusMore{flex:0 0 44px!important;width:44px!important;padding:0!important}
body.focus-immersive[data-focus-ocean] #page-focus #focusNoteToggle{height:44px!important;min-height:44px!important;padding:0 16px!important;border-radius:14px!important;margin-top:0!important}
body.focus-immersive[data-focus-ocean]:not([data-focus-ocean="night"]) #page-focus :is(#focusEnd,#focusMore,#focusNoteToggle){background:#FFFDF5!important}

/* Read the original record before opening the reflection form. */
body .app #page-records .review-reflection-editor[hidden]{display:none!important}
body .app #page-records .rv-daily-head{display:flex!important;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
body .app #page-records .review-write-reflection{min-height:44px;padding:8px 12px;max-width:100%;white-space:normal}
body .app #page-records .review-reflection-summary{margin:10px 0 14px!important;min-height:44px}
body .app #page-records .review-saved-filters{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
body .app #page-records .review-saved-filters button{min-height:44px;padding:8px 12px;border:1px solid #d5dfd7;border-radius:10px;white-space:normal}
body .app #page-records .review-saved-filters button[aria-pressed=true]{background:#274e47;color:#fff;border-color:#274e47}
body .app #page-records .archive-filter-row.review-filters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:8px}
body .app #page-records .archive-filter-row.review-filters label{min-width:0;width:100%}
body .app #page-records .archive-filter-row.review-filters select{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
:root[data-appearance=dark] body .app #page-records .review-saved-filters button[aria-pressed=true]{background:#91b9a3!important;color:#15291f!important;border-color:#91b9a3!important}
body #kx-settings input[type=file][hidden]{display:none!important}

/* Supplied sheep artwork for the listening tag; same placement as existing tags. */
body .kona-sheep-icon{display:inline-block!important;width:1.45em!important;height:1.45em!important;max-width:none!important;object-fit:cover;vertical-align:-.3em;margin-right:.18em;filter:none!important}
body .kona-tag-symbol .kona-sheep-icon{width:28px!important;height:28px!important;margin:0;vertical-align:middle;background:transparent!important}
body .listening-tag-intro{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px 10px;margin:12px 0;align-items:center;text-align:left}
body .listening-tag-intro>img{grid-row:1/3;width:32px;height:32px;object-fit:contain}
body .listening-tag-intro>strong{font-size:calc((13px) * var(--kona-ui-scale,1));line-height:1.4}
body .listening-tag-intro>span{font-size:calc((12px) * var(--kona-ui-scale,1));line-height:1.4}
/* Fifteen tags and Collapse fit in two rows. */
body .app #page-capture #qc-v2 .kona-capture-tags.is-expanded #konaCaptureTagTray,body .app .kona-inline-emoji-picker.is-expanded>.kona-note-tag-chips{grid-template-columns:repeat(8,minmax(0,1fr))!important}
body .app #page-capture #qc-v2 .kona-capture-tags.is-expanded .kona-tag-tray-toggle,body .app .kona-inline-emoji-picker.is-expanded>.kona-emoji-more{width:calc((100% - 42px)/8)!important}

/* Practice guidance reserves scroll space so it cannot trap the target beneath it. */
body.practice-mode .app{padding-bottom:calc(38dvh + var(--dock-h,76px) + 24px)!important}
body.practice-mode .guided-target{scroll-margin-top:88px;scroll-margin-bottom:38dvh}
#guidedTour .tour-actions{position:sticky;bottom:0;background:var(--surface,#fff);padding-top:6px}
#tutorialModal .welcome-art{max-height:120px;object-fit:contain}
#tutorialCaptureSheep[hidden]{display:none}

#tutorialModal .tutorial-language-actions{display:flex;gap:12px;margin:20px 0}
#tutorialModal .tutorial-language-actions button{flex:1;min-height:48px}

/* Listening tag: preserve the supplied sheep, tint only its circular backing. */
body .app button.kona-tag-chip[data-tag="meaning_listening"] .kona-tag-symbol{background:transparent!important;border-radius:50%!important;display:inline-flex!important;align-items:center;justify-content:center;width:28px;height:28px}
/* Session title, timing and note form a single compact reading group. */
body .app #page-records .review-session-record .rv-user-note-title{padding:0!important;min-height:0!important;margin:0 0 9px!important}
body .app #page-records .review-session-record .review-record-meta{margin:0 0 2px!important}
body .app #page-records .review-session-record .rv-note-preview{padding:0!important;min-height:0!important;margin:0 0 6px!important}
/* Prayer library uses one heading and keeps each date/count together. */
body #focusLibraryModal .prayer-heading{display:none!important}
body #focusLibraryModal #focusLibraryTitle{white-space:nowrap}
body #focusLibraryModal .prayer-card>.sectionhead{display:flex;justify-content:flex-end;gap:10px;margin:0 0 8px}
body #focusLibraryModal #togglePrayerAdd{white-space:nowrap;width:auto;flex:none}
body #focusLibraryModal .prayer-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
body #focusLibraryModal .prayer-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0}
body #focusLibraryModal .prayer-title{min-width:0;overflow-wrap:anywhere;word-break:normal}
body #focusLibraryModal .prayer-copy>.meta-r{white-space:nowrap;flex:none;margin:0}
body #focusLibraryModal .prayer-item>.buttons{display:flex;flex-wrap:nowrap;gap:4px;flex:none}

body #focusLibraryModal .top{display:flex;align-items:center;flex-wrap:nowrap;gap:10px}
body #focusLibraryModal #focusLibraryTitle{flex:1;min-width:0}
body #focusLibraryModal .prayer-card>.sectionhead{display:none!important}
body #focusLibraryModal #togglePrayerAdd[hidden]{display:none!important}

body .settings-apply-actions{position:sticky;bottom:0;background:var(--surface,#fff);padding:10px 0;margin-top:12px;z-index:2;border-top:1px solid #dce4dd}body .settings-apply-actions button{width:100%;min-height:44px}body .settings-apply-actions p{margin:0 0 8px;font-size:calc((12px) * var(--kona-ui-scale,1))}
/* Keep the palm silhouette readable against the night palette. */
html[data-appearance=dark] .pagehead .island-mark circle{fill:#E7C875}
html[data-appearance=dark] .pagehead .island-mark path[stroke]{stroke:#C6B18E}
html[data-appearance=dark] .pagehead .island-mark path[fill="#1F3A2C"]{fill:#9DCBAE}
html[data-appearance=dark] .pagehead .island-mark path[fill="#4A8359"]{fill:#6EAB8C}

/* Restore launch artwork at its original aspect ratio in every theme. */
#launchScreen{background:#FDFDFB!important}
#launchScreen img{width:auto!important;height:auto!important;max-width:94vw!important;max-height:94vh!important;max-height:94svh!important;aspect-ratio:auto!important;object-fit:contain;filter:none!important}

/* Compact prayer header; keep full names in accessible button labels. */
body #focusLibraryModal .top #togglePrayerAdd{width:44px!important;min-width:44px!important;height:44px!important;padding:0!important}
body #focusLibraryModal .top #focusLibraryTitle{white-space:nowrap!important}
:root[data-appearance=dark] body:not(.focus-immersive) .app>header.pagehead .app-settings-shortcut{color:#B9D6C3!important}
:root[data-appearance=dark] body:not(.focus-immersive) .app>header.pagehead .app-settings-shortcut svg{stroke:#B9D6C3!important}
:root[data-appearance=dark] body .app #page-focus :is(#kindSeg button,#quietTimerToggle){color:#CFDED4!important}
/* Short mood states remain whole; only the rail yields space. */
body .app #page-checkin #moodGrid.kona-slim .kona-slim-scale{grid-template-columns:48px minmax(0,1fr) max-content 34px!important}
body .app #page-checkin #moodGrid.kona-slim .kona-scale-selected{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;min-width:42px}
/* Keep the first record group close to its filter without reducing touch targets. */
body .app #page-records #new-reflect-page .review-filter:not([open]){margin-bottom:4px!important}
body .app #page-records #new-reflect-page .rv-timeline>.review-v3-section:first-child{margin-top:0!important}
body .app #page-records :is(.review-event-time,.review-section-count,.review-record-meta>time){white-space:nowrap}

/* Focused On_HARU language welcome and capture refinements. */
#tutorialModal:has(#tutorialLanguage:not([hidden])){background:rgba(30,53,44,.22)!important;backdrop-filter:blur(7px);padding:24px!important}
#tutorialModal:has(#tutorialLanguage:not([hidden])) .tutorial-sheet{max-width:380px!important;border:1px solid #e3e9df!important;border-radius:28px!important;padding:38px 26px 28px!important;background:#faf9f5!important;box-shadow:0 18px 70px #20392c20!important}
#tutorialModal:has(#tutorialLanguage:not([hidden])) .top{display:none!important}
#tutorialLanguage{text-align:center;color:#294e40}
#tutorialLanguage .language-sheep{display:block;margin:0 auto 14px;object-fit:contain}
#tutorialLanguage .language-brand{font-family:Nunito,Pretendard,sans-serif;font-size:27px;font-weight:750;letter-spacing:.5px;margin-bottom:28px}
#tutorialModal #tutorialLanguage h2{font-family:Nunito,Pretendard,sans-serif;font-size:17px!important;font-weight:650;margin:0 0 10px;outline:none}
#tutorialLanguage p{font-size:13px!important;line-height:1.8!important;color:#748278;margin:0}
#tutorialModal #tutorialLanguage .tutorial-language-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 0}
#tutorialModal #tutorialLanguage .tutorial-language-actions button{min-height:54px;border:1px solid #cedbd1!important;border-radius:15px!important;background:#edf3ed!important;color:#315a46!important;font-family:Nunito,Pretendard,sans-serif!important;font-size:16px!important;font-weight:650;box-shadow:none!important}
#tutorialModal #tutorialLanguage .tutorial-language-actions button:hover{background:#e1ebe0!important;border-color:#6d9279!important}
#tutorialModal #tutorialLanguage .tutorial-language-actions button:focus-visible{outline:2px solid #386651;outline-offset:3px}
body .app #page-capture #captureComposerHeading{display:none!important}
body .app #page-capture button.kona-tag-chip[aria-pressed=true]{outline:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
body .app #page-capture button.kona-tag-chip[aria-pressed=true] .kona-tag-symbol{border:2px solid #386651!important;box-shadow:none!important;background:#e5f0e9!important}
body .app #page-capture button.kona-tag-chip:focus-visible{outline:2px solid #386651!important;outline-offset:3px!important}

/* On_HARU first-run branding: use the same handwritten mark as the app header. */
#tutorialLanguage .language-brand{
  font-family:'Pacifico','Gaegu','Pretendard','Apple SD Gothic Neo',cursive!important;
  font-weight:400!important;
  font-synthesis:none;
  font-size:clamp(30px,8vw,38px)!important;
  line-height:1.4;
  letter-spacing:0!important;
  color:#20584A;
}
/* Keep the guided card clear of the task title field while the form is open.
   The extra sheet scroll space lets the Save button move above the coachmark. */
body.practice-mode #guidedTour.tour-task-entry{
  top:auto!important;
  bottom:calc(env(safe-area-inset-bottom) + 8px)!important;
  max-height:min(28dvh,232px)!important;
  width:min(440px,calc(100vw - 20px));
}
body.practice-mode #taskFormModal .sheet{
  max-height:80dvh!important;
  padding-bottom:calc(29dvh + 22px + env(safe-area-inset-bottom))!important;
  scroll-padding-bottom:30dvh;
}
body.practice-mode #taskTitle{scroll-margin-top:12px}

/* On_HARU guided practice: two main actions, one quiet skip action, and a close icon. */
#guidedTour{position:fixed}
#guidedTour .tour-close{
  position:absolute;top:8px;right:10px;z-index:2;
  width:34px;height:34px;min-height:34px;padding:0;
  display:grid;place-items:center;
  border:0;border-radius:10px;background:transparent;
  font:400 25px/1 var(--font-ui,system-ui);color:#526B60;
}
#guidedTour .tour-close:hover{background:#EEF3EE}
#guidedTour .tour-close:focus-visible{outline:2px solid #286657;outline-offset:2px}
#guidedTour .tour-count,#guidedTour h2{padding-right:40px}
#guidedTour .tour-actions{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);
  align-items:center;gap:6px 8px!important;position:sticky;bottom:0;
  background:#fff;padding-top:9px;margin-top:7px;
}
#guidedTour #tourBack{grid-column:1;min-width:0;min-height:42px}
#guidedTour #tourNext{grid-column:2;min-width:0;min-height:42px}
#guidedTour #tourSkip{
  grid-column:1/-1;justify-self:center;min-height:29px!important;
  border:none!important;background:transparent!important;
  font-size:12px!important;line-height:1.4!important;
  font-weight:600;padding:2px 12px!important;color:#64766D!important;
}
#guidedTour :is(#tourBack,#tourNext,#tourSkip,#tourExit)[hidden]{display:none!important}
@media(max-width:380px){
  #guidedTour{padding:11px 13px}
  #guidedTour .tour-actions{gap:4px 7px!important}
  #guidedTour #tourBack,#guidedTour #tourNext{min-height:40px!important}
}


/* On_HARU Capture: rounded icon-only tag expander, matching the 36px emoji tokens. */
body .app #page-capture #qc-v2 .kona-tag-tray-toggle,
body .app .kona-inline-emoji-picker > .kona-emoji-more {
  display:flex!important;
  position:absolute!important;
  bottom:5px!important;
  right:0!important;
  box-sizing:border-box!important;
  width:calc((100% - 42px)/8)!important;
  max-width:36px!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  border:1px solid #D6E1D9!important;
  border-radius:50%!important;
  background:#FFFDF9!important;
  color:#426958!important;
  box-shadow:0 1px 3px rgba(35,76,58,.08)!important;
  font-family:Nunito,system-ui,sans-serif!important;
  font-weight:700!important;
  font-size:calc(20px * var(--kona-ui-scale,1))!important;
  line-height:1!important;
  letter-spacing:-.7px!important;
  text-align:center!important;
  transform:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
}
body .app #page-capture #qc-v2 .kona-tag-tray-toggle[aria-expanded="true"],
body .app .kona-inline-emoji-picker > .kona-emoji-more[aria-expanded="true"] {
  background:#E8F2EB!important;
  border-color:#A8C4B5!important;
  color:#245A48!important;
  box-shadow:none!important;
}
body .app #page-capture #qc-v2 .kona-tag-tray-toggle:focus-visible,
body .app .kona-inline-emoji-picker > .kona-emoji-more:focus-visible{
  outline:2px solid #386651!important;
  outline-offset:3px!important;
}
@media(hover:hover) {
  body .app #page-capture #qc-v2 .kona-tag-tray-toggle:hover,
  body .app .kona-inline-emoji-picker > .kona-emoji-more:hover{
    background:#EEF6F0!important;
    border-color:#B0CDBD!important;
  }
}

/* A quiet, readable version of the same control in dark mode. */
html[data-appearance="dark"] body .app #page-capture #qc-v2 .kona-tag-tray-toggle,
html[data-appearance="dark"] body .app .kona-inline-emoji-picker > .kona-emoji-more{
  background:#253C34!important;
  border-color:#577669!important;
  color:#DBEBDD!important;
}
html[data-appearance="dark"] body .app #page-capture #qc-v2 .kona-tag-tray-toggle[aria-expanded="true"],
html[data-appearance="dark"] body .app .kona-inline-emoji-picker > .kona-emoji-more[aria-expanded="true"]{
  background:#3D6150!important;
  border-color:#9AC3A9!important;
  color:#F3FCF5!important;
}

/* On_HARU welcome title: a clean Korean-friendly heading, without the playful script font. */
#tutorialModal #tutorialWelcome #tutorialHeading{
  font-family:'Pretendard','Pretendard Variable','Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif!important;
  font-size:calc(26px * var(--kona-ui-scale,1))!important;
  font-weight:700!important;
  font-synthesis:none!important;
  letter-spacing:-.045em!important;
  line-height:1.3!important;
  color:#245849!important;
  margin:12px 0 9px!important;
  text-wrap:balance;
}

/* On_HARU 2026-11 polish pass: fixed tag toggle and common task/event form controls. */
/* The More/Less control stays in the top-right cell when the second row opens. */
body .app #page-capture #qc-v2 .kona-capture-tag-row,
body .app .kona-inline-emoji-picker{position:relative!important}
body .app #page-capture #qc-v2 .kona-tag-tray-toggle,
body .app .kona-inline-emoji-picker>.kona-emoji-more{
 top:2px!important;bottom:auto!important;right:0!important;z-index:2;
}
body .app #page-capture #qc-v2 .kona-capture-tags.is-expanded #konaCaptureTagTray>button.kona-tag-chip:nth-child(8),
body .app .kona-inline-emoji-picker.is-expanded>.kona-note-tag-chips>button.kona-tag-chip:nth-child(8){
 grid-column:1!important;grid-row:2!important;
}
/* Make text-entry fields consistently read as fields, not empty divider lines. */
body #taskFormModal #taskTitle,
body #eventFormModal #eventTitle{
 display:block!important;width:100%!important;min-height:48px!important;
 border:1px solid #D6E1D9!important;border-radius:12px!important;
 padding:12px 14px!important;background:#FFFEFC!important;
 box-shadow:none!important;font-family:var(--font-ui)!important;
 font-size:calc(14px * var(--kona-ui-scale,1))!important;
 color:var(--ink)!important;outline:none!important;
}
body #taskFormModal #taskTitle:focus-visible,
body #eventFormModal #eventTitle:focus-visible{
 border-color:#28705E!important;box-shadow:0 0 0 3px rgba(40,112,94,.13)!important;
}
body #taskFormModal :is(.field,.pill-input,input[type="date"]),
body #eventFormModal :is(.field,.pill-input,input[type="date"],input[type="time"]){
 border-radius:12px!important;border-color:#D6E1D9!important;background:#FFFEFC!important;
}
/* The "Important" input is a labeled switch, not an unstyled browser checkbox. */
body #taskFormModal #taskImportant{
 -webkit-appearance:none!important;appearance:none!important;position:relative!important;
 box-sizing:border-box!important;flex:none!important;
 display:inline-block!important;width:44px!important;height:26px!important;
 min-width:44px!important;min-height:26px!important;border-radius:999px!important;
 border:1px solid #B7C9BE!important;background:#E7EBE6!important;cursor:pointer!important;
 transition:background .16s ease!important;
}
body #taskFormModal #taskImportant::before{
 content:"";position:absolute;top:2px;left:2px;
 width:20px;height:20px;border-radius:50%;background:#FFFFFF;
 box-shadow:0 1px 3px rgba(25,61,48,.20);transition:transform .16s ease;
}
body #taskFormModal #taskImportant:checked{background:#256B59!important;border-color:#256B59!important}
body #taskFormModal #taskImportant:checked::before{transform:translateX(18px)}
body #taskFormModal #taskImportant:focus-visible{outline:2px solid #256B59!important;outline-offset:3px!important}
html[data-appearance="dark"] body :is(#taskFormModal,#eventFormModal) :is(.title-input,.field,.pill-input,input[type="date"],input[type="time"]){
 background:#263C34!important;border-color:#60796A!important;color:#F2F8F4!important;
}
@media (prefers-reduced-motion:reduce){
 body #taskFormModal #taskImportant,body #taskFormModal #taskImportant::before{transition:none!important}
}

/* On_HARU shared confirmation / prompt dialog — replaces browser-native UI. */
dialog.onharu-native-replacement{
 box-sizing:border-box;
 width:min(420px,calc(100vw - 32px));
 max-width:calc(100vw - 32px);
 max-height:calc(100dvh - 32px);
 overflow-y:auto;
 padding:22px 20px 18px;
 border:1px solid #D8E3DC;
 border-radius:20px;
 background:#FFFEFB;
 color:#233F34;
 box-shadow:0 22px 70px rgba(20,48,37,.24);
 font-family:var(--font-ui,'Pretendard',system-ui,sans-serif);
 font-size:calc(14px * var(--kona-ui-scale,1));
 line-height:1.6;
}
dialog.onharu-native-replacement::backdrop{background:rgba(23,45,36,.45)}
dialog.onharu-native-replacement h2{
 margin:0 0 10px;font-size:calc(19px * var(--kona-ui-scale,1));
 font-weight:750;letter-spacing:-.035em;color:#1D4E3D;line-height:1.35;
}
dialog.onharu-native-replacement .onharu-dialog-message{
 margin:0 0 18px;color:#4C6055;line-height:1.65;white-space:pre-line;
 overflow-wrap:anywhere;
}
dialog.onharu-native-replacement .onharu-dialog-input{
 display:block;width:100%;min-height:48px;box-sizing:border-box;
 margin:0 0 18px;padding:11px 13px;border:1px solid #C9DCD0;
 border-radius:12px;background:#fff;color:#1F3E34;
 font:inherit;outline:none;
}
dialog.onharu-native-replacement .onharu-dialog-input:focus-visible{
 border-color:#286657;box-shadow:0 0 0 3px rgba(40,102,87,.13)
}
dialog.onharu-native-replacement .onharu-dialog-actions{
 display:grid;grid-template-columns:1fr 1.25fr;gap:10px
}
dialog.onharu-native-replacement button{
 box-sizing:border-box;min-width:0;min-height:44px;margin:0;padding:9px 12px;
 border:1px solid transparent;border-radius:12px;font:inherit;
 font-weight:700;cursor:pointer;box-shadow:none;
}
dialog.onharu-native-replacement .onharu-dialog-cancel{
 background:#F3F6F2;border-color:#D8E4DA;color:#385747;
}
dialog.onharu-native-replacement .onharu-dialog-accept{
 background:#205C48;color:#fff;
}
dialog.onharu-native-replacement .onharu-dialog-accept.is-danger{
 background:#A63E4A;color:#fff;
}
dialog.onharu-native-replacement button:focus-visible{
 outline:2px solid #286657;outline-offset:3px;
}
html[data-appearance="dark"] dialog.onharu-native-replacement{
 background:#243A31;border-color:#577265;color:#ECF4ED;
}
html[data-appearance="dark"] dialog.onharu-native-replacement :is(h2,.onharu-dialog-message){
 color:#E2F0E4;
}
html[data-appearance="dark"] dialog.onharu-native-replacement .onharu-dialog-input{
 background:#1C3028;color:#EDF5EF;border-color:#688573;
}
html[data-appearance="dark"] dialog.onharu-native-replacement .onharu-dialog-cancel{
 background:#344F40;border-color:#6C8573;color:#E5EEE6;
}

/* On_HARU 2026-11 follow-up: Settings rhythm, Plan hit targets, Review zero-state. */
body .app #kx-settings .display-settings-status:empty{
 display:none!important;min-height:0!important;margin:0!important;padding:0!important;
}
body .app #kx-settings[open] :is(.display-settings,.kona-settings-section){
 padding-top:12px!important;padding-bottom:12px!important;
}
body .app #kx-settings[open] .kona-settings-row select{
 min-height:42px!important;border-radius:11px!important;
 padding:7px 10px!important;max-width:52%!important;
}
body .app #kx-settings[open] .kona-settings-row input[type=checkbox]{
 width:22px!important;height:22px!important;min-width:22px!important;
 accent-color:#286657;cursor:pointer;
}
body .app #kx-settings[open] .settings-apply-actions{
 background:var(--surface,#fffefa);border-top:1px solid #E0E8E0;
}
body .app #page-today :is(#quickAddEvent,#quickAddTask,#pinRow .task-add){
 box-sizing:border-box;min-height:42px!important;
 min-width:40px;padding:7px 9px!important;
 border-radius:11px!important;
}
body .app #page-today #kx-summary .kona-notes-open-all{
 min-height:38px!important;padding-inline:8px!important;
}
body .app #page-records .onharu-review-empty{
 text-align:center;padding:25px 12px 22px;
 margin:8px 0 12px;border-top:1px solid #E0E9E2;
}
body .app #page-records .onharu-review-empty strong{
 display:block;font-size:calc(15px * var(--kona-ui-scale,1));
 color:var(--ink);font-weight:750;
}
body .app #page-records .onharu-review-empty p{
 margin:8px auto 16px;max-width:290px;line-height:1.6;
 color:var(--sub);font-size:calc(13px * var(--kona-ui-scale,1));
}
body .app #page-records .onharu-review-empty-action{
 min-height:43px;padding:9px 18px;border-radius:12px;
 border:1px solid #A5C9B7;background:#EBF4ED;
 color:#205B46;font-family:var(--font-ui);font-weight:700;cursor:pointer;
}
body .app #page-records .onharu-review-empty-action:focus-visible{
 outline:2px solid #286657;outline-offset:3px;
}
html[data-appearance="dark"] body .app #page-records .onharu-review-empty-action{
 background:#294A3A;border-color:#719783;color:#E9F4EA;
}

/* On_HARU: readable dark-theme note content. */
html[data-appearance="dark"] body .app #page-capture #qc-v2,
html[data-appearance="dark"] body .app #page-capture .capture-recent-note{background:#293D33!important;border-color:#577466!important}
html[data-appearance="dark"] body .app #page-capture :is(#qc-text,#qc-note-title,.capture-recent-title,.capture-recent-body){color:#F1F7F1!important}
html[data-appearance="dark"] body .app #page-capture :is(.capture-recent-label,.capture-recent-count){color:#BBD3C1!important}
html[data-appearance="dark"] body .app #page-capture :is(#qc-text,#qc-note-title)::placeholder{color:#AEC4B4!important;opacity:1!important}
html[data-appearance="dark"] body .app #page-records :is(#new-reflect-page,#archive-search-results,#dayReviewBody) :is(.rv-note-preview,.rv-user-note-title,.rv-entry-body,.day-review-entry-text,.review-session-title){color:#F0F7F0!important}
html[data-appearance="dark"] body .app #page-records :is(.review-record,.review-check-record,.review-session-record,.archive-result-card){background:#283B32!important;border-color:#506C5B!important}
html[data-appearance="dark"] body .app #page-today #kx-summary :is(.kona-note-snippet,.kona-rich-note){color:#EDF7EF!important}
html[data-appearance="dark"] body .app #page-records textarea,
html[data-appearance="dark"] body .app #page-checkin textarea,
html[data-appearance="dark"] body .app #page-focus textarea{color:#F0F7F0!important;background:#293D33!important}

/* On_HARU: optional short name is a folded advanced event setting. */
body #eventFormModal details.event-shortname-details{margin:10px 0 12px;border-top:1px solid #DEE7DD;border-bottom:1px solid #DEE7DD}
body #eventFormModal .event-shortname-details>summary{display:flex;gap:9px;align-items:center;min-height:46px;padding:8px 2px;list-style:none;cursor:pointer;color:var(--ink);font-weight:700}
body #eventFormModal .event-shortname-details>summary::-webkit-details-marker{display:none}
body #eventFormModal .event-shortname-details>summary small{font-size:11px;color:var(--sub);font-weight:500}
body #eventFormModal .event-shortname-details>summary::after{content:"⌄";margin-left:auto;color:var(--sub);font-size:18px}
body #eventFormModal .event-shortname-details[open]>summary::after{transform:rotate(180deg)}
body #eventFormModal .event-shortname-content{padding:2px 2px 15px}
body #eventFormModal .event-shortname-details>summary:focus-visible{outline:2px solid #368469;outline-offset:2px;border-radius:8px}
html[data-appearance=dark] body #eventFormModal .event-shortname-details{border-color:#577466}
html[data-appearance=dark] body #eventFormModal .event-shortname-details>summary{color:#EAF4EC!important}
html[data-appearance=dark] body #eventFormModal .event-shortname-details>summary small{color:#B8D0C0!important}