/* Beta 6.9 — Challenge */
.chp-page{--chp:#e6b94f;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;max-width:1180px;margin-inline:auto}
.chp-page>*{min-width:0;margin:0}
.chp-head{margin-bottom:0}
.chp-head .eyebrow{color:var(--chp)}
.chp-head h1{margin:4px 0 0}
.chp-head p{margin:6px 0 0;color:var(--muted,#858d9a)}

.chp-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;padding:20px 22px;border-color:color-mix(in srgb,var(--chp) 40%,var(--line,#282e38))}
.chp-ring{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at center,var(--surface,#101318) 0 62%,transparent 63%),conic-gradient(from -90deg,var(--chp) 0 var(--pct),color-mix(in srgb,var(--text,#f4f6f8) 10%,transparent) var(--pct) 100%)}
.chp-ring span{font-size:26px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--chp)}
.chp-hero-body{display:grid;gap:10px}
.chp-hero-body strong{font-size:clamp(28px,4vw,40px);line-height:1;font-variant-numeric:tabular-nums}
.chp-hero-body strong small{margin-left:8px;font-size:14px;font-weight:600;color:var(--muted,#858d9a)}
.chp-bar{display:block;height:8px;border-radius:999px;background:color-mix(in srgb,var(--text,#f4f6f8) 9%,transparent);overflow:hidden}
.chp-bar i{display:block;height:100%;width:var(--pct);border-radius:inherit;background:linear-gradient(90deg,var(--chp),#8f9bff)}
.chp-hero-body p{margin:0;font-size:13px;color:var(--muted,#858d9a)}

.chp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.chp-tiles article{display:grid;gap:4px;padding:14px;border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface,#101318)}
.chp-tiles span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--chp)}
.chp-tiles strong{font-size:22px;line-height:1.15;font-variant-numeric:tabular-nums}
.chp-tiles small{font-size:11px;color:var(--muted,#858d9a)}

.chp-chart header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.chp-chart header h2{margin:4px 0 0}
.chp-chart header small{color:var(--muted,#858d9a);font-size:12px;text-align:right}
.chp-scroll{overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.chp-bars{display:flex;gap:6px;min-width:max-content}
.chp-bars article{display:grid;gap:3px;width:32px;text-align:center;font-variant-numeric:tabular-nums}
.chp-col{position:relative;display:flex;align-items:flex-end;height:160px;border-radius:8px;background:var(--surface2,#151920);overflow:hidden}
.chp-col i{display:block;width:100%;background:linear-gradient(180deg,#8f9bff,var(--chp));border-radius:6px 6px 0 0}
.chp-col s{position:absolute;left:0;right:0;height:0;border-top:2px dashed var(--chp);text-decoration:none;opacity:.8}
.chp-bars article.is-sick .chp-col i{background:#b785ff}
.chp-bars article.is-sick .chp-col{outline:1px solid #b785ff;outline-offset:-1px}
.chp-bars b{font-size:9px;white-space:nowrap;overflow:hidden}
.chp-bars time{font-size:9px;color:var(--muted,#858d9a)}
.chp-empty{color:var(--muted,#858d9a)}

.chp-fold>summary{cursor:pointer;font-weight:700;list-style:none;display:flex;gap:8px;align-items:baseline}
.chp-fold>summary::-webkit-details-marker{display:none}
.chp-fold>summary small{font-weight:600;color:var(--muted,#858d9a)}
.chp-chart .chp-fold{margin-top:12px}
.chp-table{overflow-x:auto;margin-top:10px}
.chp-table table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.chp-table th,.chp-table td{padding:8px 10px;text-align:left;border-top:1px solid var(--line,#282e38);white-space:nowrap}
.chp-table thead th{border-top:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#858d9a)}
.chp-table small{color:#b785ff}

.chp-sick p{font-size:13px;line-height:1.6;color:var(--muted,#858d9a)}
.chp-sick-form{display:flex;gap:10px;align-items:end;margin:10px 0}
.chp-sick-form label{display:grid;gap:4px;font-size:12px;color:var(--muted,#858d9a);flex:1;max-width:260px}
.chp-muted{font-size:12px!important}
.chp-sick-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line,#282e38)}
.chp-sick-item .btn{padding:7px 12px;font-size:11px}

.chp-finish{display:flex;gap:10px}
.chp-history article{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line,#282e38)}
.chp-history article:first-of-type{margin-top:10px}
.chp-history article div{display:grid;gap:2px;min-width:0}
.chp-history article span{font-size:12px;color:var(--muted,#858d9a)}
.chp-history b{font-size:10px;letter-spacing:.1em;padding:3px 8px;border-radius:999px;border:1px solid var(--line,#282e38);color:var(--muted,#858d9a);white-space:nowrap}
.chp-history b.is-active{color:var(--chp);border-color:var(--chp)}
.chp-history b.is-completed{color:#5fe09a;border-color:#5fe09a}

/* Challenge günlüğü: mobilde biçim düğmeleri okunur boyutta */
@media (max-width:640px){
 .chp-page{gap:12px}
 .chp-hero{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px;padding:18px}
 .chp-hero-body{width:100%}
 .chp-ring{width:104px;height:104px}
 .chp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .chp-tiles article{padding:12px}
 .chp-tiles strong{font-size:19px}
 .chp-chart header{flex-direction:column;align-items:flex-start}
 .chp-chart header small{text-align:left}
 .chp-col{height:140px}
 .chp-bars article{width:28px}
 .chp-sick-form{flex-direction:column;align-items:stretch}
 .chp-sick-form label{max-width:none}
 .chp-finish{display:grid;grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
 .chp-page .journal-toolbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .chp-page .journal-toolbar button{min-height:36px;font-size:11px!important;letter-spacing:.04em;padding:6px 4px!important}
}
@media (min-width:1000px){.chp-tiles{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}}

/* ---------- Beta 7.6 · Challenge günlüğü ---------- */
.jr-panel{--jr:#e6b94f;display:grid;gap:14px}
.jr-panel .eyebrow{color:var(--jr)}
.jr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0!important}
.jr-head h2{margin:4px 0 0;font-size:20px}
.jr-head .btn{width:auto;margin:0;min-height:38px}
.jr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.jr-stats article{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line,#282e38);border-radius:12px;background:var(--surface2,#151920)}
.jr-stats span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--jr)}
.jr-stats strong{font-size:20px;font-variant-numeric:tabular-nums}
.jr-stats small{font-size:11px;color:var(--muted,#858d9a)}

/* Tarih şeridi */
.jr-panel .jr-strip{display:flex!important;gap:6px!important;overflow-x:auto;padding:2px 2px 6px!important;margin:0!important;scrollbar-width:thin}
.jr-panel .jr-strip .journal-day{position:relative;flex:none;display:grid!important;justify-items:center;gap:1px;width:48px;min-width:0!important;padding:7px 0 9px!important;border:1px solid var(--line,#282e38)!important;border-radius:12px!important;background:var(--surface,#101318)!important;color:var(--muted,#858d9a)!important;text-decoration:none}
.jr-panel .jr-strip .journal-day small{font-size:9px;font-weight:700;text-transform:uppercase}
.jr-panel .jr-strip .journal-day time{font-size:16px;font-weight:800;color:var(--text,#f4f6f8)}
.jr-panel .jr-strip .journal-day i{position:absolute;left:50%;bottom:4px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:transparent}
.jr-panel .jr-strip .journal-day.has-entry i{background:var(--jr)}
.jr-panel .jr-strip .journal-day.mood-1 i{background:#ff6b6b}
.jr-panel .jr-strip .journal-day.mood-2 i{background:#ffa25a}
.jr-panel .jr-strip .journal-day.mood-3 i{background:#e6d15a}
.jr-panel .jr-strip .journal-day.mood-4 i{background:#7fdc8a}
.jr-panel .jr-strip .journal-day.mood-5 i{background:#3fd0e6}
.jr-panel .jr-strip .journal-day.is-today{border-style:dashed!important}
.jr-panel .jr-strip .journal-day.is-selected{border-color:var(--jr)!important;background:color-mix(in srgb,var(--jr) 16%,var(--surface,#101318))!important}

/* Editör */
.jr-editor{display:grid;gap:12px;padding:14px!important;border:1px solid var(--line,#282e38);border-radius:16px;background:var(--surface,#101318)}
.jr-day-head{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;text-align:center}
.jr-day-head h3{margin:0;font-size:17px}
.jr-day-head p{margin:2px 0 0;font-size:12px;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.jr-day-head p b{color:var(--text,#f4f6f8)}
.jr-day-head .jr-sick{color:#b785ff}
.jr-nav{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line,#282e38);border-radius:12px;color:var(--text,#f4f6f8);font-size:22px;text-decoration:none}
.jr-nav:hover{border-color:var(--jr)}
.jr-nav.is-off{opacity:.3}
.jr-form{display:grid;gap:12px;margin:0}
.jr-scales{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jr-scale{position:relative;margin:0;padding:0;border:0;min-width:0}
.jr-scale legend{margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#858d9a)}
.jr-scale>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.jr-scale label{position:relative;margin:0;cursor:pointer}
.jr-scale input{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0!important;opacity:0;cursor:pointer}
.jr-scale span{display:grid;justify-items:center;gap:1px;padding:7px 2px;border:1px solid var(--line,#282e38);border-radius:10px;background:var(--surface2,#151920)}
.jr-scale span b{font-size:15px}
.jr-scale span small{font-size:9px;color:var(--muted,#858d9a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.jr-scale input:checked+span{border-color:var(--jr);background:color-mix(in srgb,var(--jr) 18%,var(--surface2,#151920))}
.jr-scale input:checked+span small{color:var(--text,#f4f6f8)}
.jr-scale input:focus-visible+span{outline:2px solid var(--jr);outline-offset:2px}
.jr-scale legend{display:flex;justify-content:space-between;align-items:center;width:100%}
.jr-clear{padding:0;text-transform:none;letter-spacing:0;font-weight:600;border:0;background:none;color:var(--muted,#858d9a);font-size:11px;cursor:pointer}
.jr-gratitude{display:grid;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#858d9a)}
.jr-gratitude input{min-height:44px;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none}
.jr-form .journal-compose{border:1px solid var(--line,#282e38);border-radius:14px;overflow:hidden;background:var(--surface2,#151920)}
.jr-form .journal-toolbar{display:flex!important;flex-wrap:wrap;gap:4px!important;padding:6px!important;border-bottom:1px solid var(--line,#282e38);background:color-mix(in srgb,var(--surface,#101318) 70%,transparent)}
.jr-form .journal-toolbar button{min-height:32px!important;padding:4px 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--text,#f4f6f8)!important;font-size:12px!important;letter-spacing:0!important;cursor:pointer}
.jr-form .journal-toolbar button:hover{border-color:var(--line,#282e38)!important;background:var(--surface,#101318)!important}
.jr-form .journal-rich-editor{min-height:200px;padding:14px 16px;font-size:15px;line-height:1.7;outline:none}
.jr-form .journal-rich-editor:empty::before{content:attr(data-placeholder);color:var(--muted,#858d9a)}
.jr-form .journal-rich-editor h4{margin:10px 0 4px;font-size:16px}
.jr-form .journal-rich-editor blockquote{margin:8px 0;padding-left:12px;border-left:3px solid var(--jr);color:var(--muted,#858d9a)}
.jr-prompts{display:flex;gap:6px;overflow-x:auto;padding:8px;border-top:1px dashed var(--line,#282e38);scrollbar-width:thin}
.jr-prompts button{flex:none;padding:6px 12px;border:1px solid var(--line,#282e38);border-radius:999px;background:var(--surface,#101318);color:var(--muted,#858d9a);font-size:12px;cursor:pointer;white-space:nowrap}
.jr-prompts button:hover{color:var(--jr);border-color:var(--jr)}
.jr-form .journal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.jr-form .journal-actions .btn{width:auto;margin:0;min-height:44px}
.jr-status{margin-right:auto;font-size:12px;color:var(--muted,#858d9a);font-variant-numeric:tabular-nums}
.jr-status[data-state=draft]::after{content:" · taslak cihazda korunuyor";color:var(--jr)}
.jr-status[data-state=restored]::after{content:" · kaydedilmemiş taslak geri yüklendi";color:var(--jr)}
.jr-form .journal-hint{font-size:11px;color:var(--muted,#858d9a)}

/* Arşiv */
.jr-archive>summary{cursor:pointer;font-weight:700;list-style:none}
.jr-archive>summary::-webkit-details-marker{display:none}
.jr-archive>summary small{margin-left:6px;color:var(--muted,#858d9a);font-weight:600}
.jr-search{width:100%;margin:10px 0;min-height:40px}
.jr-archive .journal-list{display:grid;gap:8px}
.jr-archive .journal-list article{display:grid;gap:6px;padding:12px;border:1px solid var(--line,#282e38);border-radius:12px;background:var(--surface,#101318)}
.jr-archive .journal-list article>header{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.jr-archive .journal-list article>header time{font-weight:800}
.jr-archive .journal-list article>header a{margin-left:auto;font-size:12px;color:var(--jr)}
.jr-badge{font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid var(--line,#282e38);color:var(--muted,#858d9a)}
.jr-badge.mood-1{color:#ff6b6b;border-color:#ff6b6b}
.jr-badge.mood-2{color:#ffa25a;border-color:#ffa25a}
.jr-badge.mood-3{color:#e6d15a;border-color:#e6d15a}
.jr-badge.mood-4{color:#7fdc8a;border-color:#7fdc8a}
.jr-badge.mood-5{color:#3fd0e6;border-color:#3fd0e6}
.jr-grat{margin:0;font-size:13px;font-style:italic;color:var(--muted,#858d9a)}

@media (max-width:640px){
 .jr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jr-scales{grid-template-columns:1fr}
 .jr-editor{padding:10px!important}
 .chp-page .jr-form .journal-toolbar{display:flex!important;grid-template-columns:none!important}
 .chp-page .jr-form .journal-toolbar button{min-height:36px!important;font-size:12px!important}
 .jr-form .journal-actions .btn{flex:1}
 .jr-status{flex-basis:100%}
}

/* ---------- Beta 14.6 · açılır / kapanır kartlar ---------- */
.jr-fold{display:block!important;padding:0!important;overflow:hidden}
.jr-fold>summary{list-style:none}
.jr-fold>summary::-webkit-details-marker{display:none}
.jr-fold-sum{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;user-select:none}
.jr-fold-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--jr,#e6b94f) 16%,transparent);color:var(--jr,#e6b94f)}
.jr-fold-ico svg,.jr-fold-chev svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jr-fold-text{display:grid;gap:2px;min-width:0}
.jr-fold-text .eyebrow{color:var(--jr,#e6b94f)}
.jr-fold-text b{font-size:18px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jr-fold-text small{font-size:12px;color:var(--muted,#858d9a)}
.jr-fold-chev{display:grid;place-items:center;color:var(--muted,#858d9a);transition:transform .25s}
.jr-fold[open] .jr-fold-chev{transform:rotate(180deg)}
.jr-fold-body,.cb-body{display:grid;gap:14px;padding:0 18px 18px}
.jr-fold[open]>summary{border-bottom:1px solid var(--line,#282e38);margin-bottom:16px}
.challenge-journal.jr-fold{max-width:1480px}

/* ---------- Beta 14.6 · Challenge kitabı ---------- */
.cb-panel{--jr:#d9b65c;width:100%;max-width:1480px;margin-inline:auto;box-sizing:border-box}
.cb-body{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.cb-body{grid-template-columns:300px minmax(0,1fr);align-items:start}}
.cb-side{display:grid;gap:12px;align-content:start}
.cb-side-act{display:grid;grid-template-columns:1fr auto;gap:8px}
.cb-side-act .btn{margin:0;min-height:42px}
.cb-cover{position:relative;display:grid;grid-template-rows:auto 1fr auto auto auto;justify-items:center;gap:10px;aspect-ratio:2/3;width:100%;max-width:300px;margin-inline:auto;padding:26px 22px 20px;border-radius:6px 14px 14px 6px;background:var(--cb-bg);color:var(--cb-ink);font-family:var(--cb-font);text-align:center;box-shadow:inset 9px 0 14px -8px rgba(0,0,0,.55),inset -1px 0 0 rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.35);overflow:hidden}
.cb-cover-frame{position:absolute;inset:12px 12px 12px 18px;border:1px solid color-mix(in srgb,var(--cb-accent) 70%,transparent);border-radius:4px;pointer-events:none}
.cb-cover-frame::after{content:"";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--cb-accent) 35%,transparent);border-radius:3px}
.cb-cover-top{position:relative;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--cb-accent);margin-top:8px;min-height:1em}
.cb-cover-title{position:relative;align-self:center;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.15;letter-spacing:.01em;overflow-wrap:anywhere}
.cb-cover-orn{position:relative;font-style:normal;color:var(--cb-accent);font-size:16px}
.cb-cover-sub{position:relative;font-size:13px;font-style:italic;line-height:1.4;opacity:.85;min-height:1em}
.cb-cover-foot{position:relative;font-size:9px;letter-spacing:.32em;color:var(--cb-accent);opacity:.8;margin-bottom:6px}
.cb-settings{border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface2,#151920)}
.cb-settings>summary{padding:12px 14px;font-size:13px;font-weight:700;cursor:pointer}
.cb-settings-form{display:grid;gap:10px;padding:0 14px 14px}
.cb-settings-form label{display:grid;gap:4px;margin:0;font-size:12px;color:var(--muted,#858d9a)}
.cb-settings-form input,.cb-settings-form textarea{width:100%}
.cb-swatches,.cb-fonts{margin:0;padding:0;border:0;min-width:0}
.cb-swatches legend,.cb-fonts legend{margin-bottom:6px;font-size:12px;color:var(--muted,#858d9a)}
.cb-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cb-swatches label{position:relative;display:grid!important;justify-items:center;gap:3px;cursor:pointer}
.cb-swatches input,.cb-fonts input{position:absolute;opacity:0;width:1px!important;height:1px!important;min-height:0!important}
.cb-swatches span{display:grid;place-items:center;width:100%;aspect-ratio:3/4;border-radius:4px 8px 8px 4px;border:2px solid transparent;font-size:14px;box-shadow:inset 4px 0 6px -4px rgba(0,0,0,.5)}
.cb-swatches small{font-size:10px}
.cb-swatches input:checked+span{border-color:var(--jr);box-shadow:0 0 0 2px color-mix(in srgb,var(--jr) 35%,transparent)}
.cb-fonts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cb-fonts label{position:relative;margin:0;cursor:pointer}
.cb-fonts span{display:block;padding:9px 10px;border:1px solid var(--line,#282e38);border-radius:10px;font-size:14px;color:var(--text,#f4f6f8);background:var(--surface,#101318)}
.cb-fonts input:checked+span{border-color:var(--jr);background:color-mix(in srgb,var(--jr) 14%,var(--surface,#101318))}
.cb-main{display:grid;gap:14px;min-width:0}
.cb-toc{display:grid;gap:10px;padding:14px;border:1px solid var(--line,#282e38);border-radius:16px;background:var(--surface,#101318)}
.cb-toc>header{display:flex;justify-content:space-between;align-items:center}
.cb-toc>header small{font-size:12px;color:var(--muted,#858d9a)}
.cb-toc-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.cb-toc-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border-radius:12px}
.cb-toc-list li.is-on{background:color-mix(in srgb,var(--jr) 14%,transparent)}
.cb-toc-list a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;color:var(--text,#f4f6f8);text-decoration:none;min-width:0}
.cb-toc-list a b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid color-mix(in srgb,var(--jr) 60%,transparent);color:var(--jr);font-size:13px;font-family:Georgia,serif}
.cb-toc-list a span{display:grid;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-toc-list a span small{font-weight:500;font-size:11px;color:var(--muted,#858d9a)}
.cb-toc-list a em{font-style:normal;font-size:11px;color:var(--muted,#858d9a);white-space:nowrap}
.cb-toc-act{display:flex;gap:4px;padding-right:6px}
.cb-toc-act form{margin:0}
.cb-toc-act button{width:32px;height:32px;padding:0;border-radius:9px;border:1px solid var(--line,#282e38);background:transparent;color:var(--text,#f4f6f8);cursor:pointer}
.cb-add{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px) auto;gap:8px;margin:0}
.cb-add .btn{margin:0;white-space:nowrap}
.cb-empty,.cb-hint{margin:0;font-size:13px;color:var(--muted,#858d9a)}
.cb-editor{display:grid;gap:12px;margin:0;padding:14px;border:1px solid var(--line,#282e38);border-radius:16px;background:var(--surface,#101318)}
.cb-editor-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px);gap:10px}
.cb-editor-head label{display:grid;gap:4px;margin:0;font-size:12px;color:var(--muted,#858d9a)}
.cb-ed-title input{font-size:18px;font-weight:700}
.cb-import{min-height:34px;max-width:170px;padding:0 8px;border-radius:9px;font-size:12px}
.cb-page{min-height:360px;padding:28px clamp(18px,4vw,48px)!important;border-radius:12px;background:#fbf8f0!important;color:#1f2430!important;font-family:var(--cb-font,Georgia,serif)!important;font-size:17px!important;line-height:1.75!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 10px 30px rgba(0,0,0,.25)}
.cb-page h3{font-size:22px;margin:1.2em 0 .4em;text-align:center}
.cb-page h4{font-size:16px;margin:1.2em 0 .3em;letter-spacing:.04em}
.cb-page blockquote{margin:1em 0;padding:.2em 1em;border-left:3px solid #b08a3e;font-style:italic;color:#4a4235}
.cb-page:empty::before{content:attr(data-placeholder);color:#9a907c}
@media (max-width:640px){.cb-add{grid-template-columns:1fr}.cb-editor-head{grid-template-columns:1fr}.cb-page{font-size:16px!important;padding:20px 16px!important}.jr-fold-sum{grid-template-columns:38px minmax(0,1fr) 26px;gap:10px;padding:14px}.jr-fold-ico{width:38px;height:38px}.jr-fold-body,.cb-body{padding:0 12px 14px}}

/* Okuma görünümü */
html.cb-reading,html.cb-reading body{overflow:hidden}
.cb-reader{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:auto minmax(0,1fr);background:rgba(10,12,16,.97)}
.cb-reader[hidden]{display:none}
.cb-reader-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;color:#f4f6f8}
.cb-reader-bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-reader-bar span{display:flex;gap:8px}
.cb-reader-bar .btn{margin:0;min-height:38px}
.cb-reader-scroll{overflow:auto;padding:10px 14px 60px;-webkit-overflow-scrolling:touch}
.cb-book{display:grid;gap:22px;max-width:760px;margin:0 auto;font-family:var(--cb-font,Georgia,serif)}
.cb-sheet{position:relative;min-height:min(110vw,1000px);padding:clamp(28px,7vw,72px) clamp(22px,7vw,76px);border-radius:4px;background:#fbf8f0;color:#1f2430;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.cb-sheet-cover{display:grid;place-items:center;padding:0;background:transparent;box-shadow:none}
.cb-cover.is-full{max-width:none;width:min(100%,560px);font-size:1.4em}
.cb-cover.is-full .cb-cover-title{font-size:clamp(28px,6vw,46px)}
.cb-sheet-title{display:grid;align-content:center;justify-items:center;gap:14px;text-align:center}
.cb-sheet-title h1{margin:0;font-size:clamp(30px,6vw,46px);line-height:1.15}
.cb-sheet-title .cb-sub{margin:0;font-style:italic;font-size:18px;color:#5a5244}
.cb-sheet-title .cb-author{margin:18px 0 0;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:#8a6a2c}
.cb-sheet-title .cb-dates{margin:0;font-size:13px;color:#7b7262}
.cb-sheet-ded{display:grid;align-content:center;text-align:center}
.cb-sheet-ded p{margin:0 auto;max-width:440px;font-style:italic;font-size:18px;line-height:1.8;color:#3d382f}
.cb-sheet-toc h2{margin:0 0 28px;text-align:center;font-size:26px;letter-spacing:.04em}
.cb-sheet-toc ol{display:grid;gap:12px;margin:0;padding-left:1.4em;font-size:17px}
.cb-sheet-toc li small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a6a2c}
.cb-chapter header{display:grid;justify-items:center;gap:8px;margin-bottom:34px;text-align:center}
.cb-ch-no{font-size:12px;letter-spacing:.28em;color:#8a6a2c}
.cb-chapter h2{margin:0;font-size:clamp(24px,4.6vw,34px);line-height:1.2}
.cb-chapter header i{font-style:normal;color:#b08a3e}
.cb-text{font-size:17.5px;line-height:1.85;text-align:justify;hyphens:auto}
.cb-text>p:first-child::first-letter,.cb-text>div:first-child::first-letter{float:left;margin:.08em .1em 0 0;font-size:3.4em;line-height:.85;font-weight:700;color:#8a6a2c}
.cb-text p,.cb-text div{margin:0 0 .9em;text-indent:1.4em}
.cb-text>p:first-child,.cb-text>div:first-child{text-indent:0}
.cb-text h3{margin:1.6em 0 .6em;text-align:center;font-size:21px;text-indent:0}
.cb-text h4{margin:1.4em 0 .4em;font-size:16px;letter-spacing:.06em;text-indent:0}
.cb-text blockquote{margin:1.2em 1.5em;font-style:italic;color:#4a4235}
.cb-text ul,.cb-text ol{margin:0 0 1em 1.5em}
.cb-blank{font-style:italic;color:#9a907c;text-indent:0!important}
.cb-colophon{padding:20px 0 0;text-align:center;font-size:12px;letter-spacing:.14em;color:#b9b2a2}
@media print{
  html.cb-printing body>*:not(.cb-reader){display:none!important}
  html.cb-printing,html.cb-printing body{overflow:visible!important;background:#fff!important}
  html.cb-printing .cb-reader{position:static;display:block;background:#fff;backdrop-filter:none}
  html.cb-printing .cb-reader-bar{display:none}
  html.cb-printing .cb-reader-scroll{overflow:visible;padding:0}
  html.cb-printing .cb-book{max-width:none;gap:0}
  html.cb-printing .cb-sheet{min-height:0;box-shadow:none;border-radius:0;background:#fff;break-after:page;page-break-after:always;padding:18mm 16mm}
  html.cb-printing .cb-sheet-cover{min-height:250mm}
  html.cb-printing .cb-cover{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  html.cb-printing .cb-colophon{color:#999}
}
:where(html[data-scheme="light"]) .jr-fold-ico{background:color-mix(in srgb,var(--jr,#b98b2c) 16%,#fff)}

/* ---------- Beta 17.3: süresiz challenge, günlük hedef, sonuç ve arşiv ---------- */
.chp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.chp-back{flex:none;white-space:nowrap}
.chp-ring{align-content:center}
.chp-ring small{display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#858d9a);text-align:center}
.chp-bars article.is-hit b{color:var(--chp)}
.chp-result{display:grid;gap:12px;border-color:color-mix(in srgb,#5fe09a 45%,var(--line,#282e38));background:linear-gradient(135deg,color-mix(in srgb,#5fe09a 9%,var(--surface,#101318)),var(--surface,#101318) 60%)}
.chp-result.is-short{border-color:color-mix(in srgb,var(--chp) 45%,var(--line,#282e38));background:linear-gradient(135deg,color-mix(in srgb,var(--chp) 9%,var(--surface,#101318)),var(--surface,#101318) 60%)}
.chp-result .eyebrow{color:#5fe09a}.chp-result.is-short .eyebrow{color:var(--chp)}
.chp-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.chp-result-grid article{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line,#282e38);border-radius:14px;background:color-mix(in srgb,var(--surface,#101318) 80%,transparent)}
.chp-result-grid span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#858d9a)}
.chp-result-grid strong{font-size:clamp(20px,3vw,28px);line-height:1.1;font-variant-numeric:tabular-nums}
.chp-result-grid strong small{font-size:12px;font-weight:600;color:var(--muted,#858d9a)}
.chp-result p{margin:0;font-size:13px;line-height:1.55;color:var(--muted,#858d9a)}
.chp-daily p{font-size:13px;line-height:1.6;color:var(--muted,#858d9a)}
.chp-daily-form{display:flex;gap:10px;align-items:end}
.chp-daily-form label{display:grid;gap:4px;font-size:12px;color:var(--muted,#858d9a);flex:1;max-width:260px}
.chp-archive{display:grid;gap:12px}
.chp-archive header h2{margin:4px 0 0}
.chp-arch-list{display:grid;gap:8px}
.chp-arch{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line,#282e38);border-radius:14px;color:inherit;text-decoration:none;transition:border-color .2s}
.chp-arch:hover,.chp-arch.is-current{border-color:color-mix(in srgb,var(--chp) 55%,var(--line,#282e38))}
.chp-arch-main{display:grid;gap:2px;min-width:0}
.chp-arch-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chp-arch-main small,.chp-arch-res small{font-size:11.5px;color:var(--muted,#858d9a)}
.chp-arch-res{display:grid;text-align:right;font-variant-numeric:tabular-nums}
.chp-arch em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;padding:3px 8px;border-radius:999px;border:1px solid var(--line,#282e38);color:var(--muted,#858d9a);white-space:nowrap}
.chp-arch em.is-active{color:var(--chp);border-color:var(--chp)}
.chp-arch em.is-completed{color:#5fe09a;border-color:#5fe09a}
.chp-new>summary{cursor:pointer;font-weight:800;font-size:13px}
.chp-create{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;align-items:end;margin-top:12px}
.chp-create label{display:grid;gap:4px;font-size:12px;color:var(--muted,#858d9a)}
.chp-create label small{font-size:10.5px;opacity:.8}
.chp-wide{grid-column:1/-1}
.chp-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0}
.chp-mode legend{font-size:12px;color:var(--muted,#858d9a);margin-bottom:4px}
.chp-mode label{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line,#282e38);border-radius:14px;cursor:pointer}
.chp-mode label:has(input:checked){border-color:var(--chp);background:color-mix(in srgb,var(--chp) 8%,transparent)}
.chp-mode label span{display:grid;gap:2px}
.chp-mode label b{color:var(--text,#f4f6f8);font-size:14px}
.chp-mode input{margin-top:3px;accent-color:var(--chp)}
.chp-create:has(input[value="open"]:checked) .chp-timed{display:none}
@media(max-width:640px){.chp-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chp-mode{grid-template-columns:1fr}.chp-arch{grid-template-columns:minmax(0,1fr) auto}.chp-arch em{grid-column:1/-1;justify-self:start}.chp-head{flex-direction:column}}

/* ---------- Beta 17.4: sesli röportaj (.ca-*) ---------- */
.ca-panel{display:grid;gap:12px;margin-top:16px;padding:16px;border:1px solid color-mix(in srgb,var(--chp,#e6b94f) 35%,var(--line,#282e38));border-radius:18px;background:color-mix(in srgb,var(--chp,#e6b94f) 5%,var(--surface,#101318))}
.ca-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.ca-head .eyebrow{color:var(--chp,#e6b94f)}
.ca-head h3{margin:4px 0}
.ca-head p{margin:0;max-width:640px;font-size:13px;line-height:1.5;color:var(--muted,#858d9a)}
.ca-dl{display:flex;gap:8px;flex-wrap:wrap}
.ca-rec{display:grid;gap:12px;padding:16px;border-radius:16px;background:var(--surface,#101318);border:1px solid var(--line,#282e38)}
.ca-q{display:grid;gap:4px}
.ca-q small{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--chp,#e6b94f)}
.ca-q strong{font-size:clamp(17px,2.4vw,21px);line-height:1.3}
.ca-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ca-btn{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 24px 0 18px;border:0;border-radius:999px;background:#e5484d;color:#fff;font:inherit;font-weight:900;letter-spacing:.06em;cursor:pointer;box-shadow:0 8px 22px rgba(229,72,77,.35)}
.ca-btn i{width:18px;height:18px;border-radius:50%;background:#fff}
.ca-rec.is-rec .ca-btn{background:#2b2f38;box-shadow:0 0 0 4px rgba(229,72,77,.5)}
.ca-rec.is-rec .ca-btn i{border-radius:4px;background:#e5484d;animation:caPulse 1.2s ease-in-out infinite}
@keyframes caPulse{50%{opacity:.35}}
.ca-rec.is-busy .ca-btn{opacity:.5;pointer-events:none}
.ca-time{font-size:22px;font-variant-numeric:tabular-nums;min-width:64px}
.ca-meter{color:var(--chp,#e6b94f);width:160px;height:34px;opacity:.25}
.ca-rec.is-rec .ca-meter{opacity:1}
.ca-nav{display:flex;flex-wrap:wrap;gap:8px}
.ca-nav .btn{min-height:36px;padding:0 12px;font-size:12px}
.ca-file{cursor:pointer}
.ca-msg{margin:0;font-size:12.5px;color:var(--muted,#858d9a);min-height:1em}
.ca-msg.is-bad{color:#ff8a8a}
.ca-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ca-list li{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line,#282e38);border-radius:14px;background:var(--surface,#101318)}
.ca-item-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ca-item-head small{color:var(--muted,#858d9a);font-size:12px;font-variant-numeric:tabular-nums}
.ca-list audio{width:100%;height:40px}
.ca-item-act{display:flex;gap:8px}
.ca-item-act form{margin:0}
.ca-item-act .btn{min-height:34px;padding:0 12px;font-size:12px}
.ca-del{color:#ff8a8a!important}
.ca-text>summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted,#858d9a)}
.ca-text form{display:grid;gap:8px;margin-top:8px}
.ca-text textarea{width:100%;resize:vertical}
.ca-tojr{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted,#858d9a)}
.ca-text .btn{justify-self:start}
@media(max-width:560px){.ca-btn{flex:1;justify-content:center}.ca-meter{width:100%}}

/* Beta 17.5: gün boyu süren kayıt */
.ca-list li.is-open{border-color:color-mix(in srgb,#e5484d 45%,var(--line,#282e38))}
.ca-item-head em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ff8a8a;margin-left:6px}
.ca-rec.is-busy .ca-btn{background:#2b2f38}