/* Device preferences extend the incumbent mint/teal identity. Loaded after legacy CSS. */
html{--dn-display-paper:#edf5ef;--dn-display-surface:#fbfdfb;--dn-display-ink:#194e48;--dn-display-muted:#45635b;--dn-display-border:#8ba99a;--dn-display-focus:#26796e;--dn-display-accent-text:#32675b;--dn-display-primary:#194e48;--dn-display-on-primary:#fff;--dn-display-selected:#d9f08b;--dn-display-on-selected:#194e48;--dn-display-scale:1;color-scheme:light}
html[data-dn-theme="dark"]{--dn-display-paper:#102721;--dn-display-surface:#19392f;--dn-display-ink:#edf5ef;--dn-display-muted:#c0d7ca;--dn-display-border:#789b87;--dn-display-focus:#d9f08b;--dn-display-accent-text:#abd3b2;color-scheme:dark}
@media(prefers-color-scheme:dark){html[data-dn-theme="system"]{--dn-display-paper:#102721;--dn-display-surface:#19392f;--dn-display-ink:#edf5ef;--dn-display-muted:#c0d7ca;--dn-display-border:#789b87;--dn-display-focus:#d9f08b;--dn-display-accent-text:#abd3b2;color-scheme:dark}}
html[data-dn-contrast="true"]{--dn-display-ink:#08251c;--dn-display-muted:#173d2b;--dn-display-border:#173d2b;--dn-display-focus:#00482e}
html[data-dn-theme="dark"][data-dn-contrast="true"]{--dn-display-ink:#fff;--dn-display-muted:#fff;--dn-display-border:#fff;--dn-display-focus:#e7ff99}
@media(prefers-color-scheme:dark){html[data-dn-theme="system"][data-dn-contrast="true"]{--dn-display-ink:#fff;--dn-display-muted:#fff;--dn-display-border:#fff;--dn-display-focus:#e7ff99}}
html[data-dn-size="large"]{--dn-display-scale:1.2}html[data-dn-size="xlarge"]{--dn-display-scale:1.4}
html[data-dn-size="large"] :is(p,li,label,input,textarea,select,button,summary),html[data-dn-size="xlarge"] :is(p,li,label,input,textarea,select,button,summary){font-size:calc(1rem * var(--dn-display-scale))!important}
html[data-dn-spacing="true"] :is(p,li,label,input,textarea,select,button){line-height:1.9!important;letter-spacing:.015em}
html[data-dn-readable="true"] :is(body,body *,input,button,textarea,select){font-family:Arial,Verdana,sans-serif!important}
html[data-dn-theme]{--bg-ana:var(--dn-display-paper);--bg-ikincil:var(--dn-display-surface);--kart-bg:var(--dn-display-surface);--kart-zemin:var(--dn-display-surface);--metin-ana:var(--dn-display-ink);--metin-ikincil:var(--dn-display-muted);--metin-soluk:var(--dn-display-muted);--kart-kenar:var(--dn-display-border)}
html[data-dn-theme] body{background:var(--dn-display-paper);color:var(--dn-display-ink);--dn-ink:var(--dn-display-ink);--dn-paper:var(--dn-display-paper);--dn-muted:var(--dn-display-muted)}
html[data-dn-theme] :is(.dn-home,.dn-choice,.dn-footer,.dn-cookie,.dn-start-card,.dn-legal,.uye-beden,.topluluk-sayfa,.uye-kart,.cockpit-panel,.rp-shell,.rp-panel,.rp-reading,.rp-gate,.dn-checkpoint,.dn-preference-fields,.dn-sample-lesson){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.dn-intro,.dn-note,.dn-choices p,.dn-rhythm p,.uye-alt-metin,.focus-quiet,.rp-offer-copy){color:var(--dn-display-muted)}
html[data-dn-theme] :is(input,textarea,select){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border);caret-color:var(--dn-display-ink)}
html[data-dn-theme] :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--dn-display-focus);outline-offset:4px}
html[data-dn-theme] ::selection{background:#d9f08b;color:#102721}
.dn-display-settings,.dn-install,.dn-quiet-card,.focus-ambient{font:inherit;line-height:1.6;overflow-wrap:anywhere}
.dn-display-settings{max-width:72rem;margin:1rem auto;padding:0 clamp(1rem,3vw,3rem)}
.dn-preference-fields{padding:1rem 0;display:grid;gap:1rem;max-width:32rem}
:is(.dn-preference-fields,.dn-quiet-card,.focus-ambient) label{display:grid;gap:.4rem}
:is(.dn-preference-fields,.dn-quiet-card,.focus-ambient) select{max-width:100%;min-width:0;padding:.6rem;font:inherit}
:is(.dn-preference-fields,.dn-quiet-card,.dn-install,.focus-ambient) button{min-height:44px;padding:.6rem 1rem;font:inherit;cursor:pointer;border:1px solid var(--dn-display-border);border-radius:12px;background:var(--dn-display-surface);color:var(--dn-display-ink)}
:is(.dn-display-settings,.dn-install,.dn-quiet-card,.focus-ambient) summary{cursor:pointer;min-height:44px;align-content:center}
.dn-preference-check{grid-template-columns:auto 1fr!important;align-items:center}.dn-preference-check input{width:1.2rem;height:1.2rem}
.dn-quiet-actions{display:flex;gap:.75rem;flex-wrap:wrap}.dn-quiet-card blockquote{margin:1rem 0;padding:1rem 0;font-size:1.25em}
.dn-sample-lesson{max-width:72rem;margin:auto;padding:clamp(1.25rem,4vw,4rem);line-height:1.8}.dn-sample-lesson article{max-width:68ch}.dn-sample-lesson h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2}.dn-sample-lesson nav{display:flex;flex-wrap:wrap;gap:1rem}.dn-sample-lesson a{color:inherit;text-underline-offset:.2em}
/* Legacy dialogs and daily surfaces contain literal colors; override the real selectors. */
html[data-dn-theme] :is(.dn-welcome,.dn-reading-invitation,.dn-welcome-consents,.dn-mirror-block,.account-dialog,.account-danger,.benimseme-sayfa,.benimseme-kart,.benimseme-panel,.benimseme-giris,.benimseme-ayarlar,.cockpit-page,.cockpit-shell,.cockpit-card){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border);color-scheme:inherit}
html[data-dn-theme] :is(.dn-welcome,.dn-reading-invitation,.account-dialog,.account-danger) :is(p,label,legend,h1,h2,h3,small,blockquote){color:var(--dn-display-ink)}
html[data-dn-theme] :is(.dn-welcome-help,.dn-welcome-progress,.dn-mirror-heard,.dn-mirror-task,.dn-mirror-price,.dn-mirror-days li,.dn-mirror-clock,.dn-mirror-counts,.dn-reading-invitation-subline,.dn-reading-invitation-heading,.dn-reading-invitation-path,.dn-reading-invitation-kicker,.dn-mirror-free){color:var(--dn-display-ink)}
html[data-dn-theme] :is(.dn-welcome-options label.selected,.dn-welcome-options label:hover){background:#d9f08b;color:#194e48;border-color:#194e48}
html[data-dn-theme] .dn-welcome-options label.selected :is(small,strong,span){color:#194e48}
html[data-dn-theme] .dn-welcome-google{background:var(--dn-display-surface)!important;color:var(--dn-display-ink)!important}
html[data-dn-theme] :is(.account-stack,.account-danger) button{background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .account-danger{border-color:#b66f61}
html[data-dn-theme] .benimseme{--b-krem:var(--dn-display-paper);--b-kagit:var(--dn-display-surface);--b-yazi:var(--dn-display-ink);--b-ikincil:var(--dn-display-muted);--b-cizgi:var(--dn-display-border)}
html[data-dn-theme] :is(.cockpit-header-bar,.cockpit-tabs,.cockpit-bottom-section,.cockpit-preferences,.urge-stat-card,.urge-sub-card,.urge-card){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.cockpit-panel,.cockpit-header-bar) :is(h1,h2,h3,p,label,small,.cockpit-panel-title){color:var(--dn-display-ink)}
html[data-dn-theme] :is(.rp-page,.rp-card,.rp-banner,.rp-reading,.rp-day,.rp-block,.rp-digest-note,.rp-digest-full,.rp-alert){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.rp-page,.rp-card) :is(p,h1,h2,h3,label,small,.rp-brand,.rp-topnav a,.rp-kicker){color:var(--dn-display-ink)}
html[data-dn-theme] .rp-topnav a[aria-current="page"]{background:#194e48;color:#fff}
html[data-dn-theme] .dn-home .dn-button{background:#194e48;color:#fff!important}
html[data-dn-theme] .dn-home .dn-last .dn-button{background:#d9f08b;color:#194e48!important}
html[data-dn-theme] .dn-little-task{color:#194e48}
html[data-dn-theme] .dn-start-card .dn-card-top span{background:var(--dn-display-paper);color:var(--dn-display-ink)}
html[data-dn-theme] .dn-chip{background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .dn-chip:hover{background:#d9f08b;color:#194e48}
html[data-dn-theme] .dn-orbit{background:var(--dn-display-surface);color:var(--dn-display-ink)}
html[data-dn-theme] .topluluk-ust-bar{background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.topluluk-marka,.topluluk-alt-aciklama,.topluluk-ust-baslik,.topluluk-nav-bag,.topluluk-nav-cikis,.cockpit-handle,.cockpit-bio-line,.cockpit-name,.focus-sub,.focus-label,.focus-task-line,.focus-points,.focus-board-empty,.focus-board-caption){color:var(--dn-display-ink)}
html[data-dn-theme] :is(.topluluk-nav-bag.aktif,.topluluk-nav-bag:hover){background:#194e48;color:#fff;border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.cockpit-btn,.cockpit-btn-soft,.cockpit-kpi-pill,.cockpit-buddy-pill,.cockpit-privacy-tag,.urge-cat-chip,.urge-shield-pill,.urge-log-item,.focus-board-row,.focus-board-self,.focus-note,.focus-progress,.dn-checkpoint-chip,.dn-checkpoint-option,.dn-checkpoint-reveal,.dn-checkpoint-outcome,.dn-checkpoint-close){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.dn-checkpoint-chip:hover,.dn-checkpoint-chip[aria-pressed="true"],.dn-checkpoint-option:hover,.dn-checkpoint-option[aria-pressed="true"],.urge-cat-chip[aria-pressed="true"],.urge-cat-chip.active,.cockpit-btn:hover:not(:disabled)){background:#d9f08b;color:#194e48;border-color:#194e48}
html[data-dn-theme] :is(.cockpit-btn-primary,.dn-checkpoint-launch,.dn-checkpoint-outcome:first-child){background:#194e48;color:#fff;border-color:var(--dn-display-border)}
html[data-dn-theme] .dn-checkpoint-outcome:first-child :is(strong,small){color:#fff}
html[data-dn-theme] :is(.dn-checkpoint-error,.focus-error){color:var(--dn-display-ink);text-decoration:underline;text-decoration-color:#d48372}
html[data-dn-theme] .dn-checkpoint-x:hover{background:var(--dn-display-paper);color:var(--dn-display-ink)}
html[data-dn-theme] :is(.focus-note,.dn-checkpoint-reveal,.focus-board-row) :is(p,small,span,strong){color:inherit}
html[data-dn-theme] .topluluk-ust-bar :is(.topluluk-nav-cikis,.topluluk-nav-kilitle,.topluluk-cikis-dugme,.topluluk-kilitle-dugme){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .topluluk-ust-bar :is(.topluluk-nav-cikis,.topluluk-nav-kilitle,.topluluk-cikis-dugme,.topluluk-kilitle-dugme):hover{background:#d9f08b;color:#194e48}
html[data-dn-theme] .cockpit-header-bar .cockpit-identity-text .cockpit-handle{color:var(--dn-display-ink)}
/* Palette boundary: legacy text nodes inherit their actual surface/control pair.
   This also covers captions nested inside selected buttons without recoloring them white on mint. */
html[data-dn-theme] :is(.benimseme,.rp-page,.cockpit-shell,.account-dialog,.account-danger,.dn-welcome) :is(h1,h2,h3,p,span,strong,small,label,legend,blockquote){color:inherit!important}
html[data-dn-theme] :is(.benimseme,.rp-page,.cockpit-shell,.account-dialog,.account-danger,.dn-welcome){color:var(--dn-display-ink)}
html[data-dn-theme] :is(.benimseme-donus,.benimseme-hata,.benimseme-basarili,.benimseme-aktar>div,.benimseme-sonraki,.benimseme-gecmis li,.deneme-sesi,.gercek-eslik,.gercek-eslik__oda,.ilk-adim,.bugun-kopru){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .benimseme :is(h1,h2,h3,.benimseme-sayac-sayi,.benimseme-detay>summary,a){color:var(--dn-display-ink)}
html[data-dn-theme] .benimseme :is(button,.benimseme-buton,.benimseme-cip,.ilk-adim-secimler button,.gercek-eslik__dugme){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .benimseme :is(button.secili,button[aria-pressed="true"],button:hover:not(:disabled)){background:#d9f08b;color:#194e48;border-color:#194e48}
html[data-dn-theme] .benimseme .benimseme-buton.ana{background:#194e48;color:#fff;border-color:var(--dn-display-border)}
html[data-dn-theme] .benimseme .benimseme-buton.ana:hover:not(:disabled){background:#143d38;color:#fff}
html[data-dn-theme] :is(input,textarea)::placeholder{color:var(--dn-display-muted);opacity:1}
html[data-dn-theme] :is(.rp-day-item,.rp-path-card,.rp-consent-box,.rp-preview-stops,.rp-metric-box,.rp-membership-offer,.rp-milestone-badge,.rp-lock-notice,.rp-paid-card,.rp-evening){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .rp-page :is(button,.rp-btn,.rp-chip,.rp-bookmark-btn){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .rp-page :is(.rp-btn-primary,.rp-day-item.rp-day-active,.rp-path-card[aria-pressed="true"],.rp-chip[aria-pressed="true"]){background:#194e48;color:#fff;border-color:var(--dn-display-border)}
html[data-dn-theme] .dn-start-action{color:#194e48}
html[data-dn-theme] .dn-start .dn-button{background:#194e48;color:#fff!important}
html[data-dn-theme] .dn-welcome .dn-welcome-options label.selected{background:#d9f08b;color:#194e48!important}
html[data-dn-theme] :is(.gercek-eslik,.deneme-sesi,.ilk-adim) :is(h1,h2,h3,p,span,strong,small,label,summary){color:inherit!important}
html[data-dn-theme] .topluluk-ust-bar .ust-avatar{background:#fff;color:#194e48!important}
/* Remaining cockpit inset surfaces, including below-the-fold metrics and wave prompt. */
html[data-dn-theme] :is(.cockpit-mini-box,.urge-wave-bar,.footprint-strip,.takeaway-item,.cockpit-badge-card,.cockpit-badge-card.earned,.cockpit-lab-box,.takeaway-card-dialog,.focus-board-me,.focus-board-row.is-me){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.footprint-cell,.urge-wave-text,.urge-log-meta,.urge-log-detail,.urge-delete-btn,.cockpit-tab-btn,.focus-board-note,.focus-switch){color:var(--dn-display-ink)}
html[data-dn-theme] .cockpit-tab-btn[aria-selected="true"]{background:#194e48;color:#fff}
html[data-dn-theme] .footprint-dot{background:var(--dn-display-surface);color:var(--dn-display-ink)!important;border:1px solid var(--dn-display-border)}
html[data-dn-theme] .footprint-dot.active-both{background:#194e48;color:#fff!important}
html[data-dn-theme] .footprint-dot.active-read{background:#86efac;color:#14532d!important}
html[data-dn-theme] .footprint-dot.active-urge{background:#fde68a;color:#78350f!important}
html[data-dn-theme] :is(.urge-log-item div[style],.takeaway-item a,.takeaway-card-dialog a){color:var(--dn-display-ink)!important}
html[data-dn-theme] .cockpit-shell [role="status"]{background:var(--dn-display-surface)!important;color:var(--dn-display-ink)!important}
.focus-ambient{margin-block:1rem}.focus-ambient label{margin-block:.7rem}.focus-ambient input[type="range"]{width:100%}.focus-today-transfer{margin-top:1rem}.focus-today-transfer p{margin:.5rem 0}
html[data-dn-size] :is(.focus-actions,.focus-task-row,.dn-welcome-actions){flex-wrap:wrap}html[data-dn-size] :is(.focus-chips,.cockpit-panel,.benimseme-kart){min-width:0}html[data-dn-size] :is(button,a,label,p){overflow-wrap:anywhere}
/* Fixed-purpose surfaces own BOTH colors. Theme ink must never become white on a mint CTA. */
html[data-dn-theme] .dn-home .dn-welcome-trigger{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
html[data-dn-theme] .dn-home .dn-welcome-trigger:hover{background:#cbe477;color:var(--dn-display-on-selected)}
html[data-dn-theme] :is(.dn-welcome-primary,.cockpit-btn-primary,.dn-checkpoint-launch,.dn-checkpoint-outcome:first-child){background:var(--dn-display-primary);color:var(--dn-display-on-primary);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.dn-home,.dn-start) .dn-button{background:var(--dn-display-primary);color:var(--dn-display-on-primary)!important}
html[data-dn-theme] .dn-home .dn-last{background:var(--dn-display-primary);color:var(--dn-display-on-primary)}
html[data-dn-theme] .dn-home .dn-last :is(h2,p){color:var(--dn-display-on-primary);opacity:1}
html[data-dn-theme] .dn-home .dn-last .dn-button{background:var(--dn-display-selected);color:var(--dn-display-on-selected)!important}
html[data-dn-theme] .dn-hero h1 em{color:var(--dn-display-accent-text)}
html[data-dn-theme] .dn-start-card .dn-big-task{color:var(--dn-display-muted);text-decoration-color:var(--dn-display-border)}
html[data-dn-theme] :is(.dn-little-task,.dn-start-action){background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
html[data-dn-theme] .dn-little-task :is(small,strong){color:inherit}
html[data-dn-theme] .dn-cookie button{background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .dn-cookie button:hover{background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
.dn-cookie-dialog-slot{margin-bottom:1rem}
html.dn-cookie-modal-open{overflow:hidden}
.dn-cookie-backdrop{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:20px;box-sizing:border-box;background:rgba(8,31,27,.58);backdrop-filter:blur(2px);overflow-y:auto;overscroll-behavior:contain}
html[data-dn-theme="dark"] .dn-cookie-backdrop{background:rgba(3,12,10,.74)}
@media(prefers-color-scheme:dark){html[data-dn-theme="system"] .dn-cookie-backdrop{background:rgba(3,12,10,.74)}}
.dn-cookie{max-height:calc(100dvh - 24px);overflow-y:auto;box-sizing:border-box}
.dn-cookie-backdrop .dn-cookie{position:relative;inset:auto;width:min(100%,480px);max-width:480px;max-height:calc(100dvh - 40px);margin:0;padding:28px 30px;border-radius:24px;box-shadow:0 24px 64px rgba(8,31,27,.34);font-size:15px}
.dn-cookie-backdrop .dn-cookie strong{display:block;font:700 20px/1.3 'Manrope',sans-serif;margin:0 0 10px}
.dn-cookie-backdrop .dn-cookie p{margin:0 0 20px;line-height:1.65}
.dn-cookie-backdrop .dn-cookie>div{display:flex;flex-wrap:wrap;gap:12px}
.dn-cookie-backdrop .dn-cookie button{flex:1 1 170px;min-height:46px;padding:12px 18px;border-width:1.5px;border-radius:999px;font-weight:700}
.dn-cookie a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.dn-cookie button{min-height:44px}
/* 29–31 October 2026 (Oğuz): footer without legacy ↗ DopaNudge mark; Cookie preferences stays identical in size, alignment and styling to the footer links next to it. */
.dn-footer-inner{max-width:1200px}
.dn-footer-inner,.dn-footer nav{align-items:center}
@media(min-width:900px){.dn-footer-inner,.dn-footer nav{justify-content:center}}
.dn-footer nav a,.dn-footer nav button{display:inline-flex;align-items:center;padding:0;margin:0;min-height:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;text-decoration:none;cursor:pointer}
.dn-footer nav a:hover,.dn-footer nav button:hover{text-decoration:underline;text-underline-offset:.2em}
html[data-dn-size] .dn-footer nav button{font-size:inherit!important;font-weight:inherit}
.dn-cookie-dialog-slot .dn-cookie{position:static;inset:auto;box-sizing:border-box;width:100%;max-width:none;margin:0;box-shadow:none}
html[data-dn-theme] .dn-welcome :is(a,.dn-welcome-back,.dn-welcome-top button){color:var(--dn-display-ink)}
html[data-dn-theme] .dn-welcome .dn-welcome-error{background:var(--dn-display-paper);color:var(--dn-display-ink);border-color:#b66f61}
html[data-dn-theme] :is(.focus-timer,.focus-thought-note,.focus-live,.dn-checkpoint-x,.dn-checkpoint-small,.dn-checkpoint-closing,.dn-checkpoint-prompt){color:var(--dn-display-ink)}
html[data-dn-theme] .focus-progress{background:var(--dn-display-paper)}
html[data-dn-theme] .focus-progress span{background:var(--dn-display-focus)}
html[data-dn-theme] .urge-delete-btn:hover{background:var(--dn-display-paper);color:var(--dn-display-ink);outline:1px solid #b66f61}
html[data-dn-theme] :is(.rp-lock-notice,.rp-day-open,.rp-milestone-earned){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
/* Selected controls remain distinct from neutral surfaces; do not recolor all descendants globally. */
html[data-dn-theme] :is(.dn-welcome-options label.selected,.dn-welcome-options label:hover,.dn-checkpoint-chip:hover,.dn-checkpoint-chip[aria-pressed="true"],.dn-checkpoint-option:hover,.dn-checkpoint-option[aria-pressed="true"],.urge-cat-chip[aria-pressed="true"],.urge-cat-chip.active){background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
/* One compact normal-flow bar; expanded reading options push content down instead of covering it. */
.dn-utility-header{--dn-action-size:2.75rem;position:relative;z-index:20;padding:1rem clamp(1rem,3vw,2.5rem);background:var(--dn-display-paper);color:var(--dn-display-ink)}
.dn-utility-inner{position:relative;max-width:1160px;min-width:0;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.dn-utility-brand{display:inline-flex;align-items:center;gap:.45rem;min-width:0;color:var(--dn-display-ink);font:800 clamp(1rem,2vw,1.4rem)/1.3 'Manrope',sans-serif;text-decoration:none}
.dn-utility-brand svg{flex:none}
.dn-utility-logo{display:block;flex:none;box-sizing:border-box;width:3.25rem;height:3.25rem;padding:.15rem;object-fit:contain;background:transparent}
.dn-utility-actions{display:flex;align-items:center;gap:.5rem;flex:none}
.dn-utility-settings{position:static}
.dn-square-action{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--dn-action-size);height:var(--dn-action-size);padding:0;border:1px solid var(--dn-display-border);border-radius:.6rem;background:var(--dn-display-surface);color:var(--dn-display-ink);cursor:pointer;text-decoration:none;list-style:none;touch-action:manipulation}
.dn-square-action::-webkit-details-marker{display:none}
.dn-square-action:hover,.dn-square-action:focus-visible,.dn-utility-settings[open]>summary{border-color:var(--dn-display-ink);background:var(--dn-display-paper)}
.dn-action-tooltip{position:absolute;z-index:2;top:calc(100% + .5rem);right:0;width:max-content;max-width:15rem;padding:.4rem .65rem;border-radius:.35rem;background:var(--dn-display-ink);color:var(--dn-display-paper);font:500 .8rem/1.4 'DM Sans',sans-serif;white-space:nowrap;pointer-events:none;visibility:hidden}
.dn-square-action:hover>.dn-action-tooltip,.dn-square-action:focus-visible>.dn-action-tooltip{visibility:visible}
.dn-utility-settings[open]>summary>.dn-action-tooltip{visibility:hidden}
.dn-utility-panel{position:absolute;z-index:3;inset-inline-end:0;top:calc(100% + .5rem);box-sizing:border-box;width:min(23rem,100%);max-height:calc(100dvh - 6rem);overflow-y:auto;overscroll-behavior:contain;padding:1.25rem;border:1px solid var(--dn-display-border);border-radius:.8rem;background:var(--dn-display-surface);color:var(--dn-display-ink)}
.dn-utility-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.dn-utility-panel-heading h2{margin:0;font-size:1.1rem;line-height:1.4}
.dn-utility-panel-heading button{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;border:0;border-radius:.4rem;background:transparent;color:inherit;cursor:pointer}
.dn-utility-panel-heading button:hover{background:var(--dn-display-paper)}
.dn-utility-panel .dn-preference-fields{padding-bottom:0;max-width:100%}
.dn-utility-panel .dn-preference-fields select{border:1px solid var(--dn-display-border);border-radius:.4rem;min-height:2.75rem}
.dn-utility-panel .dn-preference-fields p{margin:0;color:var(--dn-display-muted);font-size:.85rem}
.dn-display-choice-group{display:grid;gap:.5rem;min-width:0}
.dn-display-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.dn-utility-panel .dn-display-choice{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:3.25rem;min-width:0;padding:.5rem;border:1px solid var(--dn-display-border);background:var(--dn-display-surface);color:var(--dn-display-ink);border-radius:.65rem;cursor:pointer}
.dn-utility-panel .dn-display-choice:hover{background:var(--dn-display-paper);border-color:var(--dn-display-ink)}
.dn-utility-panel .dn-display-choice[aria-pressed="true"]{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected);box-shadow:inset 0 0 0 2px var(--dn-display-on-selected)}
.dn-utility-panel .dn-display-choice:focus-visible{outline:3px solid var(--dn-display-focus);outline-offset:3px}
.dn-size-symbol{font-family:Arial,sans-serif;font-weight:700;line-height:1}
.dn-size-symbol-normal{font-size:1rem}.dn-size-symbol-large{font-size:1.4rem}.dn-size-symbol-xlarge{font-size:1.8rem}
@media(max-width:360px){.dn-utility-inner{gap:.5rem}.dn-utility-actions{gap:.35rem}.dn-utility-brand{gap:.25rem}.dn-utility-brand svg{width:1rem}}
@media(max-width:520px){.dn-utility-brand>span{display:none}}
.dn-appearance-bar{position:relative;z-index:20;margin:0;padding:0 clamp(1rem,3vw,2.5rem);border-bottom:1px solid var(--dn-display-border);background:var(--dn-display-paper);color:var(--dn-display-ink);font:500 13px/1.5 'DM Sans',sans-serif}
.dn-appearance-inner{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem 1.5rem;flex-wrap:wrap;padding-block:.4rem;min-width:0}
.dn-appearance-choice{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-height:44px;font-weight:600}
.dn-appearance-choice select{box-sizing:border-box;min-height:44px;min-width:8.5rem;max-width:100%;padding:.4rem .65rem;border:1px solid var(--dn-display-border);border-radius:10px;background:var(--dn-display-surface);color:var(--dn-display-ink);font:inherit}
.dn-appearance-bar .dn-display-settings{margin:0;padding:0;max-width:100%;min-width:0}
.dn-appearance-bar .dn-display-settings>summary{min-height:44px;line-height:1.5;align-content:center;color:var(--dn-display-ink);font-weight:600;text-underline-offset:3px}
.dn-appearance-bar .dn-display-settings[open]{flex-basis:100%}
.dn-appearance-bar .dn-preference-fields{max-width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.9rem 1.25rem;padding-block:.75rem 1rem;background:var(--dn-display-paper);color:var(--dn-display-ink)}
.dn-appearance-bar .dn-preference-fields>p{grid-column:1/-1;margin:0;color:var(--dn-display-muted)}
.dn-appearance-bar .dn-preference-fields>button{justify-self:start}
@media(max-width:520px){.dn-appearance-inner{gap:0 .75rem}.dn-appearance-choice{flex:1 1 100%}.dn-appearance-choice select{flex:1}.dn-appearance-bar .dn-display-settings{flex:1 1 100%}}
/* Account and directory tiles have their own legacy white backgrounds and teal links. */
html[data-dn-theme] :is(.uye-mini-kart,.eslesme-kart,.topluluk-liste-kutu,.uye-ozet-banner){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.uye-mini-isim,.eslesme-isim,.uye-mini-ad,.uye-profil-git-bag){color:var(--dn-display-ink)}
html[data-dn-theme] :is(.uye-mini-kul,.eslesme-kul,.uye-mini-kullanici,.uye-mini-biyo){color:var(--dn-display-muted)}
html[data-dn-theme] :is(.topluluk-uye-sayac,.uye-mini-oruntu,.eslesme-oruntu,.profil-oruntu-rozet){background:var(--dn-display-paper);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.uye-buton-ikincil,.uye-buton-google){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] :is(.uye-buton-ikincil:hover,.uye-buton-google:hover){background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
html[data-dn-theme] .uye-buton-ana{background:var(--dn-display-primary);color:var(--dn-display-on-primary);border-color:var(--dn-display-border)}
html[data-dn-theme] .uye-buton-ana:hover{background:#143d38;color:var(--dn-display-on-primary)}
html[data-dn-theme] .topluluk-ust-bar .topluluk-nav-cikis:not(:disabled){background:var(--dn-display-surface);color:var(--dn-display-ink);opacity:1}
html[data-dn-theme] .topluluk-ust-bar .topluluk-nav-cikis:hover:not(:disabled){background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
/* These two legacy headers set text colors inline; override only their actual structural nodes. */
html[data-dn-theme] .cockpit-panel div:has(> .footprint-strip)>div:first-child,
html[data-dn-theme] #profil-oyunlastirma-karti>div:first-child{color:var(--dn-display-ink)!important}
html[data-dn-theme] .cockpit-shell .cockpit-avatar{color:#fff!important}
/* Today inherits the daily tool palette; active navigation keeps its own dark/white pair. */
html[data-dn-theme] .benimseme .topluluk-ust-bar a.topluluk-nav-bag.aktif{background:var(--dn-display-primary);color:var(--dn-display-on-primary)!important}
/* Today owns legacy --b-* ink as well as the global theme palette. */
html[data-dn-theme] .benimseme{--b-mor-koyu:var(--dn-display-ink)}
html[data-dn-theme] .benimseme .topluluk-ust-bar a.topluluk-nav-bag{background:transparent;color:var(--dn-display-ink)!important;transition:none}
html[data-dn-theme] .benimseme .topluluk-ust-bar a.topluluk-nav-bag.aktif,
html[data-dn-theme] .benimseme .topluluk-ust-bar a.topluluk-nav-bag:hover{background:var(--dn-display-primary);color:var(--dn-display-on-primary)!important}
/* The shared product navigation uses a mint selected tab; Today's legacy link rule must not turn its label white. */
html[data-dn-theme] .benimseme .dn-product-nav>a[aria-current="page"]{color:var(--dn-display-on-selected)!important}
html[data-dn-theme] .benimseme .topluluk-ust-bar button.topluluk-nav-cikis:not(:disabled){background:var(--dn-display-surface);color:var(--dn-display-ink);opacity:1;transition:none}
html[data-dn-theme] .benimseme .topluluk-ust-bar button.topluluk-nav-cikis:hover:not(:disabled){background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
html[data-dn-theme] .benimseme .ilk-adim-takvim .uye-buton-ikincil{background:var(--dn-display-surface);color:var(--dn-display-ink)}
html[data-dn-theme] .benimseme .ilk-adim-takvim .uye-buton-ikincil:hover{background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
html[data-dn-theme] .benimseme #bugun-hafta-pusulasi .ilk-adim-secimler button{background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .benimseme #bugun-hafta-pusulasi .ilk-adim-secimler button[aria-pressed="true"],
html[data-dn-theme] .benimseme #bugun-hafta-pusulasi .ilk-adim-secimler button:hover:not(:disabled){background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
/* A theme switch must apply foreground and background atomically, without intermediate low-contrast colors. */
html[data-dn-theme] :is(.topluluk-nav-bag,.topluluk-nav-cikis,.uye-buton,.cockpit-btn,.dn-welcome-trigger,.ilk-adim-secimler button){transition-property:transform,box-shadow}
html[data-dn-theme] .rp-controls-grid{background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .rp-controls-grid .rp-control-field label{color:var(--dn-display-ink)}
/* These reader insets retain literal light/dark legacy colors unless paired at the component boundary. */
html[data-dn-theme="dark"] .rp-page .rp-step-bar{background:var(--dn-display-paper);color:var(--dn-display-ink)}
html[data-dn-theme="dark"] .rp-page :is(.rp-reading-meta,.rp-estimate-note,.rp-feedback-row){color:var(--dn-display-muted)}
html[data-dn-theme="dark"] .rp-page .rp-reading-meta .rp-badge{background:var(--dn-display-paper);color:var(--dn-display-ink)}
/* Discover's older cream panels need their own dark surfaces; selected controls keep the mint accent. */
html[data-dn-theme="dark"] .topluluk-sayfa :is(.empati-belirti-kutu,.donusum-vaat-kart,.donusum-adim,.persona-sekme-btn){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme="dark"] .topluluk-sayfa .donusum-adim.vurgu{background:color-mix(in srgb,var(--dn-display-primary) 12%,var(--dn-display-surface))}
html[data-dn-theme="dark"] .topluluk-sayfa .persona-sekme-btn.aktif{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
html[data-dn-theme="dark"] .topluluk-sayfa .empati-sayac-rozet{background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
html[data-dn-theme="dark"] .topluluk-sayfa .empati-yansima-vurgusu .empati-yansima-etiket{color:var(--dn-display-muted)}
@media(prefers-color-scheme:dark){
  html[data-dn-theme="system"] .rp-page .rp-step-bar{background:var(--dn-display-paper);color:var(--dn-display-ink)}
  html[data-dn-theme="system"] .rp-page :is(.rp-reading-meta,.rp-estimate-note,.rp-feedback-row){color:var(--dn-display-muted)}
  html[data-dn-theme="system"] .rp-page .rp-reading-meta .rp-badge{background:var(--dn-display-paper);color:var(--dn-display-ink)}
  html[data-dn-theme="system"] .topluluk-sayfa :is(.empati-belirti-kutu,.donusum-vaat-kart,.donusum-adim,.persona-sekme-btn){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
  html[data-dn-theme="system"] .topluluk-sayfa .donusum-adim.vurgu{background:color-mix(in srgb,var(--dn-display-primary) 12%,var(--dn-display-surface))}
  html[data-dn-theme="system"] .topluluk-sayfa .persona-sekme-btn.aktif{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
  html[data-dn-theme="system"] .topluluk-sayfa .empati-sayac-rozet{background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
  html[data-dn-theme="system"] .topluluk-sayfa .empati-yansima-vurgusu .empati-yansima-etiket{color:var(--dn-display-muted)}
}
/* The 30-day lab has repeated literal cream/white surfaces, independent of the 60-day reader. */
html[data-dn-theme] .topluluk-sayfa :is(.yolculuk-hero-banner,.yolculuk-hafta-kutu,.yolculuk-gun-satir,.gun-detay-kart,.oyunlastirma-ust-bar,.bes-dakika-oynatici,.konusma-paragraf,.mikro-adim-kutu,.interaktif-arac-kutusu,.arac-panel,.biyo-kadran-kart,.bilye-gorsel-kutu,.yarin-kancasi-kutu,.body-doubling-banner,.sos-kriz-cekmece,.sos-icerik-kutu,.yansima-kart,.kilit-uyari-banner,.c-gunu-banner){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .topluluk-sayfa :is(.yolculuk-gun-satir.kilitli,.yolculuk-gun-satir.kilitli:hover){background:var(--dn-display-paper);color:var(--dn-display-ink);opacity:1}
html[data-dn-theme] .topluluk-sayfa .yolculuk-gun-satir.aktif{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
html[data-dn-theme] .topluluk-sayfa :is(.yolculuk-hafta-baslik,.yolculuk-gun-no,.yolculuk-gun-etiket,.yolculuk-gun-baslik,.oyun-metrik-deger,.gun-detay-baslik,.mikro-adim-baslik,.oynatici-zaman,.arac-panel h4,.body-doubling-banner strong,.sos-tani-baslik){color:var(--dn-display-ink)}
html[data-dn-theme] .topluluk-sayfa :is(.yolculuk-gun-durum,.oyun-metrik-etiket,.gun-detay-alt,.oynatici-ipucu,.yansima-kart-metin,.body-doubling-banner p){color:var(--dn-display-muted)}
html[data-dn-theme] .topluluk-sayfa .yolculuk-gun-no{background:var(--dn-display-paper);color:var(--dn-display-ink)}
html[data-dn-theme] .topluluk-sayfa .yolculuk-gun-satir.tamamlandi .yolculuk-gun-no{background:var(--dn-display-primary);color:var(--dn-display-on-primary)}
html[data-dn-theme] .topluluk-sayfa .yolculuk-gun-satir.aktif :is(.yolculuk-gun-etiket,.yolculuk-gun-durum,.yolculuk-gun-baslik){color:var(--dn-display-on-selected)}
html[data-dn-theme] .topluluk-sayfa :is(.anket-davet-etiket,.gun-sure-rozet,.gun-literatur-etiket){background:var(--dn-display-paper);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .topluluk-sayfa .gun-literatur-etiket strong{color:inherit}
html[data-dn-theme] .topluluk-sayfa :is(.vites-btn,.boyut-sekme-btn,.topluluk-ufak-btn,.sos-acil-btn,.empati-belirti-satir){background:var(--dn-display-surface);color:var(--dn-display-ink);border-color:var(--dn-display-border)}
html[data-dn-theme] .topluluk-sayfa :is(.vites-btn.aktif,.boyut-sekme-btn.aktif){background:var(--dn-display-primary);color:var(--dn-display-on-primary)}
html[data-dn-theme] .topluluk-sayfa :is(.vites-btn:hover,.boyut-sekme-btn:hover,.topluluk-ufak-btn:hover,.sos-acil-btn:hover,.empati-belirti-satir.secili){background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
html[data-dn-theme] .topluluk-sayfa :is(.konusma-paragraf.vurgulu,.mikro-adim-kutu){background:var(--dn-display-paper);color:var(--dn-display-ink);border-color:var(--dn-display-focus)}
html[data-dn-theme] .topluluk-sayfa :is(.yolculuk-sayac-kutu,.birlikte-basaracagiz-kutu){background:var(--dn-display-primary);color:var(--dn-display-on-primary)}
html[data-dn-theme] .topluluk-sayfa :is(.yolculuk-sayac-kutu,.birlikte-basaracagiz-kutu) :is(.yolculuk-sayac-etiket,.yolculuk-sayac-deger,.yolculuk-sayac-alt,.birlikte-baslik,.birlikte-metin,strong){color:var(--dn-display-on-primary);opacity:1}
html[data-dn-theme] .topluluk-sayfa .yarin-kancasi-ust{color:var(--dn-display-ink)}
html[data-dn-theme] .dn-access-gate .dn-access-gate-kicker{color:var(--dn-display-ink)}
html[data-dn-theme] .topluluk-sayfa :is(.yolculuk-gun-satir,.konusma-paragraf){transition-property:transform,box-shadow}
/* One centered wordmark and a labeled navigation drawer. */
.dn-utility-header .dn-utility-inner{display:grid;grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;gap:clamp(.5rem,1.2vw,.9rem);align-items:center}
.dn-header-title{justify-self:start;color:var(--dn-display-ink);font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:700;text-decoration:none;line-height:1.2}
.dn-nav-drawer{box-sizing:border-box;position:fixed;inset:var(--dn-menu-top,0px) 0 0 auto;margin:0;padding:clamp(1rem,3vw,1.5rem);width:min(23rem,100%);height:calc(100dvh - var(--dn-menu-top,0px));max-height:calc(100dvh - var(--dn-menu-top,0px));max-width:100%;border:0;border-left:1px solid var(--dn-display-border);background:var(--dn-display-surface);color:var(--dn-display-ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:-12px 0 36px #0002}
.dn-nav-drawer::backdrop{inset:var(--dn-menu-top,0px) 0 0;background:#081f1bb3}
.dn-nav-drawer[open]{animation:dn-menu-in .18s ease-out}
.dn-nav-drawer[open][data-closing=true]{animation:dn-menu-out .18s ease-in forwards}
.dn-menu-items{display:flex;flex-direction:column;align-items:stretch;gap:1.5rem;max-width:1120px;margin-inline:auto}
.dn-menu-groups{display:grid;gap:1.5rem}
.dn-menu-group{min-width:0}
.dn-menu-group h2{margin:0 0 .75rem;padding:0 .75rem;font-size:1rem;line-height:1.4;font-weight:700;color:var(--dn-display-ink)}
.dn-menu-links,.dn-menu-footer{display:grid;gap:.5rem;min-width:0}
.dn-menu-footer{gap:.5rem;border-top:1px solid var(--dn-display-border);padding-top:1rem}
.dn-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dn-menu-note{display:block;font-size:.8rem;line-height:1.3;color:var(--dn-display-muted)}
.dn-settings-links{display:grid;gap:.35rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--dn-display-border)}.dn-settings-links>span{font-weight:700}.dn-settings-links a{color:inherit;min-height:44px;display:inline-flex;align-items:center}
.dn-apps-section{padding:.75rem 0;border-top:1px solid var(--dn-display-border)}.dn-apps-section h3{margin:0 0 .35rem;font-size:1.05rem}.dn-apps-section p{margin:0 0 .5rem}.dn-apps-badge{font-weight:400;color:var(--dn-display-muted)}.dn-apps-section:focus{outline:3px solid var(--dn-display-focus);outline-offset:4px}.dn-apps-section a{color:inherit;text-decoration:underline;text-underline-offset:.2em;font-weight:700}
.dn-menu-links>.dn-square-action,.dn-menu-footer>.dn-square-action,.dn-menu-items summary.dn-square-action{display:flex;justify-content:flex-start;gap:.75rem;box-sizing:border-box;width:100%;height:auto;min-height:52px;padding:.75rem 1rem;text-align:left;border-radius:.6rem;font-size:1rem;text-decoration:none}
.dn-menu-links>.dn-square-action,.dn-menu-links>.dn-utility-settings>summary.dn-square-action{border-color:transparent;background:transparent}.dn-menu-links>.dn-utility-settings>summary.dn-square-action:hover,.dn-menu-links>.dn-utility-settings[open]>summary.dn-square-action{border-color:var(--dn-display-border);background:var(--dn-display-paper)}
.dn-menu-links>.dn-square-action:hover{border-color:var(--dn-display-border);background:var(--dn-display-paper)}
.dn-menu-items .dn-menu-label{min-width:0;overflow-wrap:break-word;hyphens:auto}
.dn-menu-items svg{flex-shrink:0}.dn-menu-label{position:static;white-space:normal;line-height:1.4;color:inherit}
.dn-menu-items .dn-utility-settings{width:100%}
.dn-menu-items .dn-utility-panel{position:static;box-sizing:border-box;width:100%;max-width:100%;margin:.5rem 0 1rem;box-shadow:none}
@keyframes dn-menu-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes dn-menu-out{from{transform:translateX(0)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.dn-nav-drawer[open],.dn-nav-drawer[open][data-closing=true]{animation:none}}

.dn-menu-backdrop{position:fixed;inset:var(--dn-menu-top,0px) 0 0;z-index:30;width:100%;height:calc(100dvh - var(--dn-menu-top,0px));min-height:0;margin:0;padding:0;border:0;border-radius:0;background:#081f1bb3;cursor:default}.dn-menu-backdrop:hover{background:#081f1bb3}.dn-nav-drawer{z-index:31}
@media(min-width:900px){
 .dn-nav-drawer{inset:var(--dn-menu-top,0px) 0 auto;width:100%;height:auto;padding:1.5rem clamp(1.5rem,4vw,3rem);border-left:0;border-bottom:1px solid var(--dn-display-border);box-shadow:0 16px 32px #0002}
 .dn-menu-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem}
 .dn-menu-groups>.dn-menu-group:nth-child(even){border-left:1px solid var(--dn-display-border);padding-left:1rem}
 /* Fifth column (My space) spans a full row of its own between 900 and 1099px, two entries per line. */
 .dn-menu-groups>:is(.dn-menu-apps,.dn-menu-space){grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--dn-display-border);padding-top:1.25rem}
 :is(.dn-menu-apps,.dn-menu-space) .dn-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 /* Bottom horizontal utility bar: Tool guide, Pricing, Appearance, Feedback on the left; Download DopaNudge at the end. */
 .dn-menu-footer{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:flex-start;padding-top:.85rem}
 .dn-menu-footer>.dn-menu-group{flex:0 1 auto;min-width:0}
 .dn-menu-footer>.dn-menu-footer-download{margin-inline-start:auto;border-left:0;padding-left:0}
 .dn-menu-footer>.dn-menu-footer-help:has(.dn-utility-settings[open]){flex:1 1 100%}
 .dn-menu-footer .dn-menu-links{gap:.25rem}
 .dn-menu-links>.dn-square-action,.dn-menu-items summary.dn-square-action{padding:.6rem .75rem;gap:.55rem}
 .dn-menu-footer .dn-menu-links{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}
 .dn-menu-footer .dn-menu-links>.dn-square-action,.dn-menu-footer .dn-menu-links>.dn-utility-settings>summary.dn-square-action{width:auto}
 .dn-menu-footer .dn-menu-links>.dn-utility-settings{width:auto;flex:0 1 auto}
 .dn-menu-footer .dn-menu-links>.dn-utility-settings[open]{flex:1 1 100%}
 .dn-menu-footer .dn-display-choices{flex-wrap:wrap}
 .dn-nav-drawer[open]{animation:dn-menu-down .18s ease-out}
 .dn-nav-drawer[open][data-closing=true]{animation:dn-menu-up .18s ease-in forwards}
}
@keyframes dn-menu-down{from{clip-path:inset(0 0 100% 0);opacity:.6}to{clip-path:inset(0);opacity:1}}
@keyframes dn-menu-up{from{clip-path:inset(0);opacity:1}to{clip-path:inset(0 0 100% 0);opacity:.6}}
/* Five columns matching the five header buttons once the 1120px panel has room; below them Help and Download in one horizontal row. */
@media(min-width:1100px){
 .dn-menu-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
 .dn-menu-groups>.dn-menu-group:nth-child(even){border-left:0;padding-left:0}
 .dn-menu-groups>.dn-menu-group+.dn-menu-group{border-left:1px solid var(--dn-display-border);padding-left:.75rem}
 .dn-menu-groups>:is(.dn-menu-apps,.dn-menu-space){grid-column:auto;border-top:0;padding-top:0}
 :is(.dn-menu-apps,.dn-menu-space) .dn-menu-links{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.dn-nav-drawer[open],.dn-nav-drawer[open][data-closing=true]{animation:none}}

/* Menu (28 October 2026): the area heading opens the area; a small lock marks links behind a sign-in or membership door for this visitor. */
.dn-menu-heading-link{color:inherit;text-decoration:none;border-radius:6px}
.dn-menu-heading-link:hover{text-decoration:underline}
.dn-menu-heading-link:focus-visible{outline:3px solid #f2c94c;outline-offset:2px}
.dn-menu-lock{display:inline-flex;align-items:center;margin-left:auto;padding-left:.4rem;opacity:.7}
.dn-menu-lock svg{width:16px;height:16px}
.dn-menu-heading-link{display:inline-flex;align-items:center;gap:.35rem}.dn-menu-heading-link .dn-menu-lock{margin-left:0;padding-left:0}
/* Menu (29 October 2026, Oğuz): one type size everywhere (buttons and summaries no longer fall back to the browser font), the account strip on top,
   Help as the fifth column. */
.dn-menu-items a,.dn-menu-items button,.dn-menu-items summary,.dn-menu-items input,.dn-menu-items select,.dn-menu-items textarea{font:inherit}
.dn-menu-items .dn-menu-label{font-family:inherit;font-size:1rem;font-weight:inherit}
.dn-menu-account{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;border-bottom:1px solid var(--dn-display-border);padding-bottom:.6rem;margin-bottom:0}
.dn-menu-account-links,.dn-menu-account-get{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .25rem;min-width:0}
.dn-menu-account .dn-square-action{display:flex;justify-content:flex-start;gap:.55rem;width:auto;height:auto;min-height:44px;padding:.55rem .7rem;border-color:transparent;background:transparent;color:inherit;cursor:pointer}
.dn-menu-account .dn-square-action:hover{background:var(--dn-display-surface,rgba(0,0,0,.04))}
.dn-menu-alert{margin:0 0 .75rem;color:#9b1c1c}
/* 29–30 October 2026 (Oğuz): DopaNudge wordmark beside logo, always-visible points pill, desktop direct links + dropdowns with NO hamburger, and single-screen mobile accordion drawer. */
.dn-utility-inner{max-width:clamp(1180px,92vw,1760px)}
.dn-utility-header .dn-utility-inner{grid-template-columns:3.1rem minmax(0,1fr) auto}
.dn-header-right{display:inline-flex;align-items:center;gap:.45rem;justify-self:end}
.dn-header-desktop-controls{display:none}
.dn-points-pill{display:inline-flex;align-items:center;gap:.35rem;min-height:2.45rem;padding:.25rem .72rem;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--dn-display-primary) 32%,var(--dn-display-border));background:color-mix(in srgb,var(--dn-display-selected) 36%,var(--dn-display-surface));color:var(--dn-display-ink);font:700 .88rem/1.2 'Manrope','DM Sans',sans-serif;text-decoration:none;white-space:nowrap;box-sizing:border-box}
.dn-points-pill:hover{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
.dn-points-pill-star{color:#b4690e;font-size:.95rem;line-height:1}
html[data-dn-theme="dark"] .dn-points-pill{background:color-mix(in srgb,var(--dn-display-selected) 20%,var(--dn-display-surface));border-color:var(--dn-display-border);color:var(--dn-display-ink)}
html[data-dn-theme="dark"] .dn-points-pill:hover{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
html[data-dn-theme="dark"] .dn-points-pill-star{color:#f5c451}
.dn-points-pill-today{display:inline-block;padding:.1rem .42rem;border-radius:999px;background:var(--dn-display-primary);color:var(--dn-display-on-primary);font-size:.73rem;font-weight:700}
@media(max-width:480px){.dn-points-pill-today{display:none}.dn-points-pill{padding:.22rem .58rem;font-size:.82rem}}

/* Compact single-screen mobile drawer (<1100px): direct 1-tap rows + collapsed accordions + horizontal utility chips */
@media(max-width:1099px){
 .dn-utility-header{z-index:942}
 .dn-menu-backdrop{z-index:940}
 .dn-nav-drawer{z-index:941;padding:.85rem .95rem 1.1rem}
 .dn-menu-items{gap:.65rem}
 .dn-menu-account{padding-bottom:.5rem}
 .dn-menu-account-links{gap:.3rem}
 .dn-menu-account .dn-square-action{min-height:40px;padding:.4rem .68rem;border:1px solid var(--dn-display-border);border-radius:999px;background:var(--dn-display-paper);font-weight:600;font-size:.92rem}
 .dn-menu-account .dn-guest-cta-pill{min-width:6.8rem;justify-content:center;background:var(--dn-display-primary);color:var(--dn-display-on-primary);border-color:var(--dn-display-primary);font-weight:700}
 .dn-menu-account .dn-guest-cta-pill:hover{background:#143d38;color:var(--dn-display-on-primary)}
 .dn-menu-groups{display:flex;flex-direction:column;gap:.42rem;grid-template-columns:none}
 .dn-menu-groups>.dn-menu-group:nth-child(even),.dn-menu-groups>:is(.dn-menu-apps,.dn-menu-space){border:0;padding:0}
 .dn-menu-direct-group{display:flex;flex-direction:column;gap:.42rem}
 .dn-menu-direct-link{display:flex;align-items:center;gap:.65rem;box-sizing:border-box;width:100%;min-height:44px;padding:.5rem .82rem;border:1px solid var(--dn-display-border);border-radius:.72rem;background:var(--dn-display-paper);color:var(--dn-display-ink);font-weight:700;text-decoration:none}
 .dn-menu-direct-link:hover{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
 .dn-menu-direct-link .dn-menu-heading-go{margin-left:auto}
 .dn-menu-groups>.dn-menu-accordion.dn-menu-group,.dn-menu-accordion{border:1px solid var(--dn-display-border);padding:0;border-radius:.72rem;background:var(--dn-display-surface);overflow:hidden}
 .dn-menu-accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:44px;padding:.5rem .82rem;font-weight:700;color:var(--dn-display-ink);cursor:pointer;list-style:none}
 .dn-menu-accordion-summary::-webkit-details-marker{display:none}
 .dn-menu-accordion-summary:hover,.dn-menu-accordion[open]>.dn-menu-accordion-summary{background:var(--dn-display-paper)}
 .dn-menu-accordion-title{display:inline-flex;align-items:center;gap:.65rem}
 .dn-menu-accordion[open]>.dn-menu-accordion-summary .dn-header-caret{transform:rotate(180deg)}
 .dn-menu-accordion>.dn-menu-links{display:grid;grid-template-columns:1fr;gap:.18rem;padding:.35rem .45rem .5rem;border-top:1px solid color-mix(in srgb,var(--dn-display-border) 55%,transparent)}
 .dn-menu-accordion .dn-menu-links>.dn-square-action{min-height:42px;padding:.42rem .62rem;gap:.6rem;font-size:.94rem}
 .dn-menu-accordion .dn-menu-heading-link{font-weight:700;background:color-mix(in srgb,var(--dn-display-selected) 28%,var(--dn-display-paper));border-color:color-mix(in srgb,var(--dn-display-border) 60%,transparent)}
 .dn-menu-accordion .dn-menu-heading-link .dn-menu-heading-go{margin-left:auto}
 .dn-menu-footer{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.6rem;border-top:1px solid var(--dn-display-border)}
 .dn-menu-footer>.dn-menu-group{flex:0 1 auto;min-width:0}
 .dn-menu-footer>.dn-menu-footer-help:has(.dn-utility-settings[open]){flex:1 1 100%}
 .dn-menu-footer .dn-menu-links{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
 .dn-menu-footer .dn-menu-links>.dn-square-action,.dn-menu-footer .dn-menu-links>.dn-utility-settings>summary.dn-square-action{width:auto;min-height:38px;padding:.35rem .62rem;gap:.4rem;font-size:.86rem;border:1px solid var(--dn-display-border);border-radius:999px;background:var(--dn-display-paper)}
 .dn-menu-footer .dn-menu-links svg{width:17px;height:17px}
 .dn-menu-footer .dn-menu-links>.dn-utility-settings{width:auto;flex:0 1 auto}
 .dn-menu-footer .dn-menu-links>.dn-utility-settings[open]{flex:1 1 100%}
}

.dn-header-areas{display:none}
.dn-header-caret{flex:none;transition:transform .16s ease}
@media(min-width:1100px){
 .dn-utility-header .dn-utility-inner{grid-template-columns:3.25rem auto minmax(0,1fr) auto}
 .dn-utility-header .dn-header-title{justify-self:start}
 /* Desktop shows top-bar links + dropdowns ONLY — never the hamburger alongside them. */
 .dn-utility-header .dn-menu-toggle,.dn-nav-drawer,.dn-menu-backdrop{display:none!important}
 .dn-header-areas{display:flex;justify-self:start;margin-inline-start:clamp(.6rem,1.6vw,1.6rem);gap:.3rem;align-items:center}
 .dn-header-desktop-controls{display:inline-flex;align-items:center;gap:.45rem}
 .dn-header-guest-actions{display:inline-flex;align-items:center;gap:.35rem}
 .dn-header-area-link{display:inline-flex;align-items:center;gap:.32rem;min-height:2.55rem;padding:0 .88rem;border-radius:999px;border:1.5px solid transparent;color:var(--dn-display-ink);font-weight:700;font-size:.96rem;text-decoration:none;cursor:pointer;list-style:none;background:transparent;box-sizing:border-box;white-space:nowrap}
 .dn-header-area-link::-webkit-details-marker{display:none}
 .dn-header-area-link:hover,.dn-header-dropdown[open]>.dn-header-area-link{background:color-mix(in srgb,var(--dn-display-ink) 8%,transparent)}
 .dn-header-area-link:focus-visible{outline:3px solid var(--dn-display-focus,#1b4d40);outline-offset:2px}
 .dn-header-area-link[aria-current="page"],.dn-header-dropdown[data-current="true"]>.dn-header-area-link{background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
 .dn-header-areas-space,.dn-header-signin{border-color:var(--dn-display-border);background:var(--dn-display-surface)}
 .dn-header-feedback-btn{padding:0 .76rem;border-color:var(--dn-display-border);background:var(--dn-display-surface);font-size:.9rem}
 .dn-header-feedback-btn:hover{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
 .dn-header-signup{min-width:7.4rem;justify-content:center;background:var(--dn-display-primary);color:var(--dn-display-on-primary)!important;border-color:var(--dn-display-primary)}
 .dn-header-signup:hover{background:#143d38!important;color:var(--dn-display-on-primary)!important}
 .dn-header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;padding:0;border-radius:999px;border:1.5px solid var(--dn-display-border);background:var(--dn-display-surface);color:var(--dn-display-ink);cursor:pointer;list-style:none;box-sizing:border-box}
 .dn-header-icon-btn::-webkit-details-marker{display:none}
 .dn-header-icon-btn:hover,.dn-header-settings[open]>.dn-header-icon-btn,.dn-header-account-dropdown[open]>.dn-header-icon-btn{background:var(--dn-display-selected);color:var(--dn-display-on-selected);border-color:var(--dn-display-on-selected)}
 .dn-header-settings{position:relative}
 .dn-header-settings-panel{inset-inline-end:0;top:calc(100% + .55rem);width:22.5rem;z-index:45;box-shadow:0 18px 40px rgba(8,31,27,.16)}
 .dn-header-dropdown{position:relative}
 .dn-header-dropdown[open]>.dn-header-area-link .dn-header-caret{transform:rotate(180deg)}
 .dn-header-dropdown-panel{position:absolute;top:calc(100% + .55rem);inset-inline-start:0;z-index:45;width:min(22rem,calc(100vw - 2rem));max-height:calc(100dvh - 5.5rem);overflow-y:auto;padding:.55rem;border:1px solid var(--dn-display-border);border-radius:.95rem;background:var(--dn-display-surface);color:var(--dn-display-ink);box-shadow:0 18px 42px rgba(8,31,27,.16);box-sizing:border-box}
 .dn-header-account-dropdown[open]::after{content:"";position:absolute;top:100%;inset-inline-end:0;width:min(22rem,calc(100vw - 2rem));height:.7rem;z-index:44}
 .dn-header-dropdown-end{inset-inline-start:auto;inset-inline-end:0}
 .dn-header-dropdown-overview{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .78rem;margin-bottom:.35rem;border-radius:.68rem;background:color-mix(in srgb,var(--dn-display-selected) 36%,var(--dn-display-paper));color:var(--dn-display-ink);font-weight:700;font-size:.93rem;text-decoration:none}
 .dn-header-dropdown-overview:hover{background:var(--dn-display-selected);color:var(--dn-display-on-selected)}
 .dn-header-dropdown-list{display:grid;gap:.18rem}
 .dn-header-dropdown-item{display:flex;align-items:flex-start;gap:.68rem;width:100%;padding:.55rem .72rem;border:0;border-radius:.65rem;background:transparent;color:var(--dn-display-ink);text-align:left;text-decoration:none;font:inherit;cursor:pointer;box-sizing:border-box}
 .dn-header-dropdown-item svg{flex:none;margin-top:.12rem}
 .dn-header-dropdown-item:hover{background:var(--dn-display-paper)}
 .dn-header-dropdown-text{display:grid;gap:.1rem;min-width:0;flex:1}
 .dn-header-dropdown-label{font-weight:650;font-size:.94rem;line-height:1.3}
 .dn-header-dropdown-note{font-size:.78rem;line-height:1.32;color:var(--dn-display-muted)}
 .dn-header-dropdown-divider{height:1px;margin:.3rem .4rem;background:color-mix(in srgb,var(--dn-display-border) 55%,transparent)}
 .dn-header-signout .dn-header-dropdown-label{color:#a12a2a}
 html[data-dn-theme="dark"] .dn-header-signout .dn-header-dropdown-label{color:#f5a3a3}
 /* The header now carries the area row, so the page's own area tabs would repeat it. */
 .dn-product-nav{display:none}
}

/* 29 October 2026: an area heading in the menu opens its page; the arrow says so. */
.dn-menu-heading-go{font-weight:700;opacity:.75}
/* 29 October 2026 (Oğuz: "edit profile butonu büyük"): profile pill buttons keep their own size, scaled the same as the pill links beside them. */
html[data-dn-size] .cockpit-btn{font-size:calc(.82rem*var(--dn-display-scale))!important}

/* Shared compact header geometry across routes. */
@media(max-width:720px){
 .dn-utility-header .dn-header-title{white-space:nowrap;font-size:.9rem}
 .dn-utility-header .dn-utility-inner{column-gap:.4rem}
}

/* Keep navigation clear of guest account actions at the desktop breakpoint. */
@media(min-width:1100px) and (max-width:1279px){
 .dn-utility-header .dn-header-title{font-size:1.15rem}
 .dn-header-areas{margin-inline-start:.5rem;gap:.1rem}
 .dn-header-area-link{padding-inline:.55rem;font-size:.9rem}
 .dn-header-signup{min-width:6.4rem}
 .dn-header-desktop-controls{gap:.3rem}
}

/* 6 November 2026: no "0 pts" for a guest; the loading placeholder stays only in a browser that was signed in last time. */
.dn-points-pill[data-dn-points-state="guest-empty"],html:not([data-dn-signed-in-hint]) .dn-points-pill[data-dn-points-state="pending"]{display:none!important}

/* 9 November 2026 (Oğuz): official social profiles under the information links; same quiet style. */
.dn-footer-inner{flex-direction:column;gap:12px}
.dn-footer .dn-footer-social{gap:14px;opacity:.85}