.kh-dialog{position:fixed;inset:0;width:min(850px,calc(100% - 32px));height:min(900px,94dvh);max-height:none;max-width:none;margin:auto;padding:0;border:1px solid var(--line,#d8cbb2);border-radius:24px;background:var(--paper,#f7f1e3);color:var(--ink,#66523b);overflow:hidden}.kh-dialog::backdrop{background:#201b1688}.kh-shell{display:flex;flex-direction:column;height:100%;text-align:start;font-family:UI,system-ui,sans-serif;--kh-accent:#245d50;--kh-accent-ink:#fffaf0}.kh-shell[lang=en]{font-family:system-ui,sans-serif}.kh-shell *{box-sizing:border-box}.kh-shell button,.kh-shell input,.kh-shell select{font:inherit;color:inherit;min-height:44px}.kh-shell button{cursor:pointer;touch-action:manipulation;padding:8px 13px;border:1px solid var(--line,#d8cbb2);border-radius:11px;background:transparent}.kh-shell button:disabled{opacity:.45;cursor:default}.kh-shell :is(button,input,select,summary,a):focus-visible{outline:3px solid var(--kh-accent);outline-offset:3px}.kh-shell [hidden]{display:none!important}.kh-shell .kh-primary{background:var(--kh-accent);border-color:var(--kh-accent);color:var(--kh-accent-ink)}.kh-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 12px}.kh-title{font-size:calc(26px * var(--ui-text-scale,1));font-family:Title,UI,serif;font-weight:400;margin:0}.kh-shell[lang=en] .kh-title{font-family:inherit}.kh-subtitle{font-size:calc(12px * var(--ui-text-scale,1));margin:2px 0}.kh-close{font-size:calc(12px * var(--ui-text-scale,1))!important;max-width:150px}.kh-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 16px 9px;border-bottom:1px solid var(--line,#d8cbb2)}.kh-nav button{border:0;font-size:calc(14px * var(--ui-text-scale,1))}.kh-nav [aria-current=page]{background:var(--soft,#eee5d3);box-shadow:inset 0 -3px var(--kh-accent)}.kh-content{flex:1;overflow:auto;overscroll-behavior:contain;padding:20px 24px max(24px,env(safe-area-inset-bottom));scrollbar-gutter:stable}.kh-content h3{font-size:calc(22px * var(--ui-text-scale,1));font-weight:500;margin:0 0 12px}.kh-content h4{font-size:calc(16px * var(--ui-text-scale,1));font-weight:500;margin:0 0 12px}.kh-content p{line-height:1.85;margin:8px 0 13px}.kh-note{font-size:calc(12px * var(--ui-text-scale,1));opacity:.87;line-height:1.8}.kh-status{font-size:calc(13px * var(--ui-text-scale,1));padding:0 22px;min-height:0;margin:0}.kh-status:empty{display:none}.kh-banner{font-size:calc(13px * var(--ui-text-scale,1));line-height:1.8;padding:10px 22px;background:var(--soft,#eee5d3);margin:0}.kh-card{border:1px solid var(--line,#d8cbb2);border-radius:16px;padding:17px;margin:16px 0}.kh-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.kh-field{display:flex;flex-direction:column;gap:7px;min-width:120px;flex:1;font-size:calc(13px * var(--ui-text-scale,1))}.kh-field :is(input,select){background:var(--paper,#f7f1e3);border:1px solid var(--line,#d8cbb2);border-radius:10px;padding:9px 11px;width:100%;min-width:0;font-size:calc(16px * var(--ui-text-scale,1))}.kh-field input[type=file]{font-size:calc(13px * var(--ui-text-scale,1))}.kh-plan-form{display:grid;gap:16px}.kh-preview{padding:12px 14px;background:var(--soft,#eee5d3);border-radius:12px}.kh-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.kh-metrics>div{display:flex;flex-direction:column;gap:6px}.kh-metrics strong{font-size:calc(26px * var(--ui-text-scale,1));font-weight:500;color:var(--kh-accent)}.kh-metrics span{font-size:calc(12px * var(--ui-text-scale,1));line-height:1.7}.kh-progress{width:100%;height:11px;accent-color:var(--kh-accent)}.kh-total{display:flex;justify-content:space-between;gap:12px;font-size:calc(13px * var(--ui-text-scale,1))}.kh-days{list-style:none;max-height:35dvh;overflow:auto;padding:0;margin:12px 0;overscroll-behavior:contain}.kh-days li{border-bottom:1px solid var(--line,#d8cbb2)}.kh-days button{border:0;border-radius:0;display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;text-align:start}.kh-days button[aria-current=date]{background:var(--soft,#eee5d3);font-weight:600}.kh-days small{display:block;font-weight:400;opacity:.85}.kh-pages{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin:14px 0}.kh-pages li{border:1px solid var(--line,#d8cbb2);border-radius:12px;padding:9px;display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center}.kh-pages li[data-read=true]{background:var(--soft,#eee5d3)}.kh-page-info{font-size:calc(13px * var(--ui-text-scale,1))}.kh-page-info small{display:block;font-size:calc(11px * var(--ui-text-scale,1))}.kh-pages button{font-size:calc(11px * var(--ui-text-scale,1));padding:6px 8px;min-width:44px}.kh-pages .kh-page-action{grid-column:1/-1}.kh-pages-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:calc(12px * var(--ui-text-scale,1))}.kh-confirm{border:1px solid var(--kh-accent);background:var(--soft,#eee5d3);padding:14px;border-radius:14px;margin:14px 0}.kh-confirm button{margin:4px}.kh-history{margin:12px 0;border-bottom:1px solid var(--line,#d8cbb2);padding-bottom:12px}.kh-history summary,.kh-card>details>summary{cursor:pointer;min-height:44px;padding:8px 0;font-size:calc(14px * var(--ui-text-scale,1))}.kh-facts{border:1px solid var(--line,#d8cbb2);border-radius:12px;margin:10px 0;padding:12px}.kh-facts p{overflow-wrap:anywhere;font-size:calc(13px * var(--ui-text-scale,1))}.kh-privacy{border-top:1px solid var(--line,#d8cbb2);padding-top:16px;margin-top:24px}.kh-empty{text-align:center;padding:25px 12px}.kh-backup-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}body[data-theme=night] .kh-shell{--kh-accent:#9dc8b9;--kh-accent-ink:#15241f}
@media(max-width:650px){.kh-dialog{inset:0;width:100%;height:100dvh;border:0;border-radius:0}.kh-top{padding:max(12px,env(safe-area-inset-top)) 14px 9px}.kh-title{font-size:calc(24px * var(--ui-text-scale,1))}.kh-nav{padding-inline:8px}.kh-nav button{font-size:calc(13px * var(--ui-text-scale,1));padding-inline:5px}.kh-content{padding:16px 14px max(24px,env(safe-area-inset-bottom));scrollbar-gutter:auto}.kh-content h3{font-size:calc(20px * var(--ui-text-scale,1))}.kh-card{padding:14px}.kh-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-metrics strong{font-size:calc(24px * var(--ui-text-scale,1))}.kh-metrics span{font-size:calc(11px * var(--ui-text-scale,1))}.kh-status,.kh-banner{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.kh-shell *{scroll-behavior:auto!important}}

/* Keep Back physically left, above titles rather than competing for their width. */
.kh-shell .kh-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
}
.kh-shell .kh-top > :not(.kh-close) {
  grid-column: 1;
  grid-row: 2;
  min-width: 0;
  overflow-wrap: anywhere;
}
.kh-shell .kh-top > .kh-close {
  grid-column: 1;
  grid-row: 1;
  justify-self: left;
  min-width: 44px;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}