/* B 모던 옐로우: selected 2026-09-08. Existing app hooks and dark colors are preserved. */
@font-face{font-family:PetRound;src:url('./assets/fonts/NanumSquareRoundOTFR.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:PetRound;src:url('./assets/fonts/NanumSquareRoundOTFEB.otf') format('opentype');font-weight:800;font-display:swap}
:root{
  --font:var(--mori-font-family-body);--fs:var(--mori-font-size-body);
  --r-sm:var(--mori-badge-radius);--r-md:var(--mori-card-radius);--r-lg:var(--mori-card-radius);--r-pill:var(--mori-button-radius);
  --theme-card-shadow:var(--shadow);--theme-cta-bg:var(--teal);--theme-cta-ink:var(--ground);
  --theme-badge-bg:var(--surface-2);--theme-profile-ring:var(--teal);
}
:root[data-mori-theme=modern-yellow][data-theme=light]{
  --ground:var(--mori-color-background);--surface:var(--mori-color-card);--surface-2:var(--mori-color-primary-soft);
  --ink:var(--mori-color-text-main);--ink-2:var(--mori-color-text-secondary-readable);--muted:var(--mori-color-text-secondary-readable);
  --line:var(--mori-color-divider);--line-soft:var(--mori-color-divider);
  --teal:var(--mori-color-text-accent);--teal-soft:var(--mori-color-primary-soft);
  --amber:var(--mori-color-text-accent);--amber-soft:var(--mori-color-primary-soft);
  --bubble-me:var(--mori-color-primary);--bubble-me-ink:var(--mori-color-text-on-primary);--bubble-cat:var(--mori-color-card);
  --theme-card-shadow:var(--mori-card-shadow);--theme-cta-bg:var(--mori-color-primary);--theme-cta-ink:var(--mori-color-text-on-primary);
  --theme-badge-bg:var(--mori-color-primary-soft);--theme-profile-ring:var(--mori-color-primary);
}
@media(prefers-color-scheme:light){
  :root[data-mori-theme=modern-yellow]:not([data-theme=dark]){
    --ground:var(--mori-color-background);--surface:var(--mori-color-card);--surface-2:var(--mori-color-primary-soft);
    --ink:var(--mori-color-text-main);--ink-2:var(--mori-color-text-secondary-readable);--muted:var(--mori-color-text-secondary-readable);
    --line:var(--mori-color-divider);--line-soft:var(--mori-color-divider);
    --teal:var(--mori-color-text-accent);--teal-soft:var(--mori-color-primary-soft);
    --amber:var(--mori-color-text-accent);--amber-soft:var(--mori-color-primary-soft);
    --bubble-me:var(--mori-color-primary);--bubble-me-ink:var(--mori-color-text-on-primary);--bubble-cat:var(--mori-color-card);
    --theme-card-shadow:var(--mori-card-shadow);--theme-cta-bg:var(--mori-color-primary);--theme-cta-ink:var(--mori-color-text-on-primary);
    --theme-badge-bg:var(--mori-color-primary-soft);--theme-profile-ring:var(--mori-color-primary);
  }
}
body{font-family:var(--font);font-size:var(--fs);font-weight:400;line-height:var(--mori-line-height-body);letter-spacing:var(--mori-letter-spacing-body);font-variant-numeric:tabular-nums}
button,input,textarea,select{font-family:inherit}button{min-height:var(--mori-touch-target-min)}
.who .n{font-family:var(--font);font-size:22px;font-weight:800;letter-spacing:-.2px}.who .s{font-size:13px;font-weight:400}
.today-heading h1,.record-heading h1,.gate:not(.writer-wait) h1,.pname{font-family:var(--font);font-size:var(--mori-font-size-heading);font-weight:800;line-height:var(--mori-line-height-heading);letter-spacing:-.2px}
.today-section h2,.import-invite h2,#paneLog h2,.card h2{font-family:var(--font);font-size:16px;font-weight:800;line-height:1.4}
.feature-dialog h2{font-family:var(--font);font-size:22px;font-weight:800;line-height:1.4}
.stream{gap:var(--mori-feed-gap)}
.bubble{padding:12px 16px;border-radius:var(--mori-card-radius);font-family:var(--font);font-size:16px;font-weight:400;line-height:1.65;letter-spacing:-.2px}
.row.cat .bubble{background:var(--bubble-cat);border:0;border-bottom-left-radius:var(--mori-card-radius);box-shadow:var(--theme-card-shadow)}
.row.me .bubble{background:var(--bubble-me);color:var(--bubble-me-ink);border-bottom-right-radius:var(--mori-card-radius)}
.row.me .shot{background:var(--bubble-me);border-radius:var(--mori-photo-radius)}
.entry textarea{min-width:0;min-height:50px;border-radius:var(--mori-card-radius);padding:12px 14px;font-size:16px;line-height:24px;background:var(--ground);color:var(--ink);border-color:var(--line)}
.feature-body :is(input:not([type=checkbox]):not([type=radio]),textarea,select),.peditor :is(input[type=text],input[type=number],textarea,select),.gate :is(input[type=text],input[type=number],select),#recordSearch{min-height:44px;border-radius:var(--mori-badge-radius);font-size:16px;line-height:24px}
.today-task button,.choices button,.review button,.fixlink,.pedit,.peditor .acts button,.peditor .danger,.gonetoggle,.gate .add,.acctbtn,.expbtn,.feature-actions button,.compose-tools button,.btn,.gate .go,.setback,.pswitch button{border-radius:var(--mori-button-radius)}
.btn:not(.line):not(.plain):not(.quiet),.peditor .acts button:not(.sub),.gate .go{background:var(--theme-cta-bg);color:var(--theme-cta-ink);border-color:transparent;min-height:48px;font-size:16px}
.entry .send{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;background:var(--bubble-me);color:var(--bubble-me-ink)}
.bar .avatar,.mini,.pphoto,.rnd{border-radius:50%}.bar .avatar,.pphoto{border:2px solid var(--theme-profile-ring)}
.feature-dialog,.gate .box,.intro-example{border:0;border-radius:var(--mori-card-radius);box-shadow:var(--theme-card-shadow)}
.sheetbox{border-top-left-radius:var(--mori-card-radius);border-top-right-radius:var(--mori-card-radius)}
.card{border:0;border-radius:var(--mori-card-radius);padding:var(--mori-card-padding);box-shadow:var(--theme-card-shadow)}
/* Preserve the existing section boundaries and order; style individual records. */
#paneLog .records-section{background:transparent;border:0;border-radius:0;box-shadow:none;padding:24px 0}
#paneLog .records-section+.records-section{border-top:1px solid var(--line)}
.record-list>li:not(.record-day){background:var(--surface);border:0;border-radius:var(--mori-card-radius);box-shadow:var(--theme-card-shadow);margin:0 0 12px}
.record-open{padding:16px}.record-open .record-text{font-size:16px;line-height:1.65}
.record-open .record-meta,.moment-date,.today-record small{font-size:13px;line-height:1.5;color:var(--muted)}
.record-day h3,.chip.days,.ptag{font-size:13px;font-weight:600;line-height:1.5;border-radius:var(--mori-badge-radius);padding:4px 10px;background:var(--theme-badge-bg);color:var(--ink)}
.record-day h3{display:inline-block}.conversation-day{font-size:13px;line-height:1.5}
.today-task,.today-record{background:var(--surface);border:0;border-radius:var(--mori-card-radius);box-shadow:var(--theme-card-shadow);padding:16px;margin-bottom:12px}
.today-task button{background:var(--teal-soft);color:var(--teal);border:0}
.today-task.done button{background:var(--surface-2);color:var(--muted)}
.moment-entry{background:var(--surface);border:0;border-radius:var(--mori-card-radius);box-shadow:var(--theme-card-shadow);padding:0 16px;margin:12px 0}
.moment-thumb{border-radius:var(--mori-photo-radius)}
.today-entry{background:var(--teal-soft);border-bottom-color:transparent}.today-entry span{color:var(--ink-2)}
.tabs button{position:relative;border-radius:12px;font-size:13px;margin:6px 4px;padding:8px 4px}
.tabs button.on{color:var(--ink);background:var(--teal-soft);border-top-color:transparent;font-weight:800}
.tabs button.on::before{content:none}.tabs button>*{position:relative}
.calendar-is-selected{background:var(--theme-cta-bg);color:var(--theme-cta-ink)}.calendar-is-selected::after{background:var(--theme-cta-ink)}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.conversation-status{margin:4px 0 20px 42px;max-width:calc(100% - 42px);font-size:13px;line-height:1.65;color:var(--muted)}
.conversation-status .expbtn{width:auto;padding:8px 16px;margin-top:8px;font-size:14px}
#updateNotice{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:14px;line-height:1.6}
#updateNotice .expbtn{width:auto;flex-shrink:0;font-size:14px;padding:8px 12px;margin:0}
@media(max-width:420px){#updateNotice{flex-wrap:wrap}}