/* The 15-screen reference, bound to the existing account and TYT controllers. */
body.dd-studio :is(.tyt-page,.dd-subscription,.profileV2,.menu-preferences) {
  --account-teal:#226d64; --account-teal-soft:#e1f0e8;
  --account-rose:#934654; --account-rose-soft:#f2e0dc;
  --account-violet:#71528d; --account-violet-soft:#ebe6f6;
  --account-amber:#805d29; --account-amber-soft:#f4e9d8;
}
html[data-theme="dark"] body.dd-studio :is(.tyt-page,.dd-subscription,.profileV2,.menu-preferences) {
  --account-teal:#9bdfcc; --account-teal-soft:#25423f;
  --account-rose:#f5bec9; --account-rose-soft:#432e38;
  --account-violet:#dbbaf6; --account-violet-soft:#382c4f;
  --account-amber:#f2d09b; --account-amber-soft:#483721;
}
body.dd-studio .tyt-page {
  --brand:var(--dd-navy); --panel:var(--dd-surface); --panel2:var(--dd-soft);
  --stroke:var(--dd-edge); --text:var(--dd-ink); --muted:var(--dd-muted);
  --tyt-correct:var(--account-teal); --tyt-wrong:var(--account-rose); --tyt-blank:var(--dd-muted);
  max-width:860px; padding:24px 20px max(32px,env(safe-area-inset-bottom)); font-family:inherit;
}
body.dd-studio .tyt-page-head { margin-bottom:18px; }
body.dd-studio .tyt-page h1 { margin:0 0 20px; font-size:30px; line-height:1.2; font-weight:800; letter-spacing:-.03em; }
body.dd-studio .tyt-page :is(.tyt-page-head .btn,.tyt-link) { min-height:48px; border:0; background:var(--dd-surface); color:var(--dd-navy); border-radius:12px; font:inherit; font-size:14px; font-weight:650; line-height:1.4; }
body.dd-studio .tyt-summary { display:grid; gap:14px; padding:26px; color:#fff; background:#254671; border-radius:var(--dd-radius,22px); box-shadow:0 4px 12px #10233d26; }
body.dd-studio .tyt-net { display:grid; gap:12px; }
body.dd-studio .tyt-net>span { color:#d4e2f8; font-size:14px; font-weight:650; }
body.dd-studio .tyt-net>strong { color:#fff; font-size:52px; font-weight:820; line-height:1.08; letter-spacing:-.035em; }
body.dd-studio .tyt-net small { color:#d4e2f8; font-size:20px; margin-left:10px; }
body.dd-studio .tyt-summary .tyt-sample { color:#d4e2f8; font-size:13px; }
body.dd-studio .tyt-summary .tyt-sample b { color:var(--dd-gold,#ffd17b); font-weight:750; }
body.dd-studio .tyt-answer-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:18px 0; }
body.dd-studio .tyt-answer-count { display:grid; gap:8px; justify-items:center; padding:16px 6px; border-radius:14px; background:var(--dd-soft); color:var(--dd-navy); }
body.dd-studio .tyt-answer-count.is-correct { color:var(--account-teal); background:var(--account-teal-soft); }
body.dd-studio .tyt-answer-count.is-wrong { color:var(--account-rose); background:var(--account-rose-soft); }
body.dd-studio .tyt-answer-count strong { font-size:27px; font-weight:780; font-variant-numeric:tabular-nums; line-height:1.1; }
body.dd-studio .tyt-answer-count span { font-size:12px; font-weight:650; }
body.dd-studio .tyt-calculation { margin:18px 0 0; padding:0 16px; background:var(--dd-surface); border:1px solid var(--dd-edge); border-radius:14px; }
body.dd-studio .tyt-details summary { min-height:48px; padding:14px 0; font-weight:700; }
body.dd-studio .tyt-section-head { margin:28px 0 12px; }
body.dd-studio .tyt-section-head h2 { font-size:20px; font-weight:760; }
body.dd-studio .tyt-area-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body.dd-studio .tyt-area { --area-tone:var(--dd-navy); --area-tint:var(--dd-soft); min-width:0; padding:18px; border:0; border-radius:16px; background:var(--area-tint); }
body.dd-studio .tyt-area[data-area="turkce"] { --area-tone:var(--account-rose); --area-tint:var(--account-rose-soft); }
body.dd-studio .tyt-area[data-area="matematik"] { --area-tone:var(--account-violet); --area-tint:var(--account-violet-soft); }
body.dd-studio .tyt-area[data-area="sosyal"] { --area-tone:var(--account-amber); --area-tint:var(--account-amber-soft); }
body.dd-studio .tyt-area[data-area="fen"] { --area-tone:var(--account-teal); --area-tint:var(--account-teal-soft); }
body.dd-studio .tyt-area-head { align-items:flex-start; gap:8px; }
body.dd-studio .tyt-area-head h3 { color:var(--area-tone); font-size:15px; font-weight:750; }
body.dd-studio .tyt-area-head>strong { color:var(--area-tone); font-size:19px; flex-shrink:0; }
body.dd-studio .tyt-meter { height:8px; margin:16px 0 10px; background:color-mix(in srgb,var(--area-tone) 14%,var(--dd-surface)); border-radius:5px; }
body.dd-studio .tyt-area-foot { display:grid; gap:5px; color:var(--area-tone); font-size:12px; }
body.dd-studio .tyt-area-foot b { color:inherit; font-weight:750; }
body.dd-studio .tyt-details:not(.tyt-calculation) { margin-top:16px; }
body.dd-studio .tyt-empty { padding:22px 0 10px; }
body.dd-studio .tyt-own-rank { border:0; background:#254671; color:#fff; border-radius:var(--dd-radius,22px); box-shadow:0 4px 12px #10233d26; margin:20px 0 26px; }
body.dd-studio .tyt-own-rank :is(span,p) { color:#d4e2f8; }
body.dd-studio .tyt-own-rank strong { color:var(--dd-gold); font-weight:800; }
body.dd-studio .tyt-ranking-list { background:var(--dd-surface); border-radius:16px; overflow:hidden; }
body.dd-studio .tyt-ranking-list li { min-height:80px; padding:14px; }
body.dd-studio .tyt-ranking-list li:first-child { border-top:0; }
body.dd-studio .tyt-ranked-player { min-height:48px; }
body.dd-studio .tyt-ranked-net { color:var(--dd-navy); font-weight:750; }
body.dd-studio .tyt-error { background:var(--account-rose-soft); color:var(--account-rose); border:0; }
body.dd-studio.dd-pro .energy-subscription.pro-library-card.dd-subscription {
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:none; gap:20px;
  margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--dd-ink); overflow:visible;
}
body.dd-studio .dd-subscription .dd-subscription-hero { grid-area:auto; position:relative; isolation:isolate; display:grid; min-width:0; min-height:230px; padding:102px 24px 24px; border-radius:var(--dd-radius,22px); color:#fff; background:#254671; box-shadow:0 4px 12px #10233d26; }
body.dd-studio .dd-subscription .energy-subscription-copy { min-width:0; text-align:left; }
body.dd-studio .dd-subscription .energy-subscription-copy h2 { display:block; max-width:300px; margin:0 0 12px; color:#fff; font-size:32px; font-weight:820; letter-spacing:-.03em; line-height:1.14; }
body.dd-studio .dd-subscription .energy-subscription-copy :is(p,small,a) { color:#d4e2f8; font-size:13px; line-height:1.6; }
body.dd-studio .dd-subscription .energy-subscription-copy a { display:inline-flex; align-items:center; min-height:48px; color:var(--dd-gold); text-decoration:underline; text-underline-offset:4px; }
body.dd-studio .dd-subscription-art { position:absolute; top:20px; right:22px; width:106px; height:82px; pointer-events:none; }
body.dd-studio .dd-subscription-art>span { position:absolute; display:grid; place-items:center; width:58px; height:64px; border-radius:16px; box-shadow:0 4px 9px #10233d42; }
body.dd-studio .dd-subscription-book { left:0; top:0; background:#d8e7ff; color:#254671; transform:rotate(-14deg); }
body.dd-studio .dd-subscription-crown { right:0; bottom:0; background:var(--dd-gold,#ffd17b); color:#694c25; transform:rotate(10deg); }
body.dd-studio .dd-subscription-art svg { width:31px; height:31px; }
body.dd-studio .dd-subscription .subscription-details { margin:0; border:0; min-width:0; }
body.dd-studio .dd-subscription .subscription-details>summary { display:list-item; min-height:48px; padding:12px 0; font-size:17px; line-height:24px; font-weight:750; color:var(--dd-ink); cursor:pointer; }
body.dd-studio .dd-subscription .energy-library { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin:0 0 16px; padding:0 0 16px; border-bottom:1px solid var(--dd-edge); }
body.dd-studio .dd-subscription .energy-library strong { font-size:25px; color:var(--dd-navy); }
body.dd-studio .dd-subscription .energy-library :is(div>span,.pro-library-access) { color:var(--dd-muted); font-size:12px; }
body.dd-studio .dd-subscription .energy-library .pro-library-access { margin-left:auto; text-align:right; }
body.dd-studio .dd-subscription .energy-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; padding:0; list-style:none; }
body.dd-studio .dd-subscription .energy-benefits li { --feature-tone:var(--account-teal); --feature-tint:var(--account-teal-soft); display:flex; align-items:center; gap:10px; min-width:0; padding:14px 12px; border-radius:14px; background:var(--feature-tint); color:var(--feature-tone); font-size:13px; font-weight:650; line-height:1.4; }
body.dd-studio .dd-subscription .energy-benefits li:nth-child(3n+2) { --feature-tone:var(--account-rose); --feature-tint:var(--account-rose-soft); }
body.dd-studio .dd-subscription .energy-benefits li:nth-child(3n+3) { --feature-tone:var(--account-violet); --feature-tint:var(--account-violet-soft); }
body.dd-studio .dd-subscription .energy-benefits li>span:first-child { display:grid; place-items:center; flex:0 0 25px; color:inherit; }
body.dd-studio .dd-subscription .energy-benefits svg { width:23px; height:23px; }
body.dd-studio .dd-subscription .energy-benefits li>span:last-child { min-width:0; color:inherit; overflow-wrap:anywhere; }
body.dd-studio.dd-pro .dd-subscription .energy-subscription-actions { grid-area:auto; display:flex; flex-direction:column; gap:10px; margin:0; padding:0; border:0; }
body.dd-studio.dd-pro .dd-subscription .energy-subscription-actions>.btn { width:100%; min-height:48px; padding:12px 16px; border-radius:13px; font-size:14px; white-space:normal; }
body.dd-studio.dd-pro .dd-subscription .energy-subscription-actions>.primary { min-height:52px; background:var(--dd-gold); color:var(--dd-gold-ink,#26354c); border:0; box-shadow:0 3px 8px #68491324; font-weight:750; }
body.dd-studio .dd-subscription .subscription-error { color:#722b38; background:#f7dce1; border:0; padding:10px 12px; margin-top:12px; border-radius:10px; }
body.dd-studio .dd-subscription .subscription-notice { color:#155348; background:#dcf1e8; padding:10px 12px; margin-top:12px; border-radius:10px; }
body.dd-studio.dd-pro .cg-pro-offer .energy-subscription.pro-library-card.dd-subscription { padding:0; }
body.dd-studio .cg-pro-offer .cg-topic-close { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; min-height:48px; padding:0; border:1px solid var(--dd-edge); border-radius:12px; background:var(--dd-soft); color:var(--dd-navy); font-size:26px; line-height:1; }
body.dd-studio .pro-checkout-info { width:100%; max-width:720px; margin:auto; padding:20px 20px 40px; }
body.dd-studio .pro-checkout-info>.btn { margin-bottom:20px; }
body.dd-studio.dd-pro .profileV2 { max-width:1040px; width:100%; margin:auto; padding:22px 20px 36px; }
body.dd-studio.dd-pro .profileV2 .pt2 { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr); gap:26px; align-items:start; }
body.dd-studio.dd-pro .profileV2 .pt2-sidebar { position:static; display:grid; grid-template-columns:80px minmax(0,1fr); gap:10px 16px; align-items:center; padding:24px; background:#254671; color:#fff; border:0; border-radius:var(--dd-radius,22px); box-shadow:0 4px 12px #10233d26; }
body.dd-studio.dd-pro .profileV2 .pt2-avatarWrap { grid-column:1; grid-row:1 / 3; width:80px; height:80px; margin:0; background:#d8e7ff; border-radius:21px; box-shadow:0 4px 9px #10233d42; transform:rotate(-5deg); }
body.dd-studio .profileV2 .pt2-avatarWrap .dd-avatar-legacy { color:#254671; }
body.dd-studio.dd-pro .profileV2 .pt2-name { grid-column:2; grid-row:1; margin:0; color:#fff; text-align:left; font-size:25px; line-height:1.2; letter-spacing:-.025em; font-weight:800; overflow-wrap:anywhere; }
body.dd-studio.dd-pro .profileV2 .pt2-rank { grid-column:2; grid-row:2; margin:0; color:#d4e2f8; text-align:left; font-size:12px; line-height:1.6; }
body.dd-studio.dd-pro .profileV2 .pt2-miniStats { grid-column:1 / -1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; max-width:none; margin:12px 0 0; padding:18px 0 0; border:0; border-top:1px solid #ffffff2b; }
body.dd-studio.dd-pro .profileV2 .pt2-miniStats>div { display:grid; gap:6px; color:#d4e2f8; font-size:11px; text-align:left; }
body.dd-studio.dd-pro .profileV2 .pt2-miniStats strong { color:var(--dd-gold); font-size:27px; font-weight:780; font-variant-numeric:tabular-nums; }
body.dd-studio .profileV2 .pt2-progress-note { grid-column:1 / -1; color:#d4e2f8; font-size:11px; }
body.dd-studio.dd-pro .profileV2 .pt2-sidebar>.btn { grid-column:1 / -1; grid-row:auto; margin:8px 0 0; min-height:52px; background:var(--dd-gold); color:var(--dd-gold-ink); border:0; border-radius:13px; font-size:15px; font-weight:750; }
body.dd-studio.dd-pro .profileV2 .pt2-sidebar>.navBack { grid-column:1 / -1; grid-row:auto; justify-content:center; width:auto; min-height:48px; padding:10px; border:0; background:#ffffff14; color:#fff; border-radius:12px; }
body.dd-studio.dd-pro .profileV2 .pt2-sidebar>.navBack span { display:inline; }
body.dd-studio.dd-pro .profileV2 .pt2-main { min-width:0; display:grid; gap:18px; padding:0; }
body.dd-studio .profileV2 .profile-section-heading { padding:0; }
body.dd-studio.dd-pro .profileV2 .pt2-main h1 { color:var(--dd-ink); font-size:30px; line-height:1.2; letter-spacing:-.03em; margin:0; }
body.dd-studio.dd-pro .profileV2 .pt2-block { padding:20px; margin:0; border:1px solid var(--dd-edge); background:var(--dd-surface); color:var(--dd-ink); border-radius:18px; box-shadow:none; }
body.dd-studio.dd-pro .profileV2 .pt2-blockTitle { margin-bottom:16px; color:var(--dd-ink); font-size:17px; font-weight:750; }
body.dd-studio .profileV2 :is(.pv2Input,.input) { width:100%; min-height:48px; min-width:0; padding:11px 12px; color:var(--dd-ink); background:var(--dd-paper); border:1px solid var(--dd-edge); border-radius:12px; font-size:16px; }
body.dd-studio .profileV2 .profile-field-label { color:var(--dd-ink); font-size:13px; font-weight:650; }
body.dd-studio .profileV2 :is(.pt1-email,.pv2Hint,.pv2FriendStatus,.feedbackCharCount) { color:var(--dd-muted); font-size:12px; }
body.dd-studio .profileV2 .pt1-email { overflow-wrap:anywhere; }
body.dd-studio .profileV2 .avatar-picker-entry { min-height:88px; padding:14px; background:var(--dd-soft); color:var(--dd-ink); border:1px solid var(--dd-edge); border-radius:14px; }
body.dd-studio .profileV2 .avatar-picker-meta>span { color:var(--dd-muted); }
body.dd-studio.dd-pro .profileV2 .pt2-main .btn { min-height:48px; font-size:13px; white-space:normal; }
body.dd-studio .profileV2 .pv2FriendRow { min-height:70px; padding:12px 0; border-color:var(--dd-edge); }
body.dd-studio .menu-preference { min-height:74px; padding:12px 8px; gap:12px; }
body.dd-studio .menu-preference+.menu-preference { border-color:var(--dd-edge); }
body.dd-studio .menu-preference-icon { width:38px; height:40px; flex:0 0 38px; border-radius:11px; background:var(--account-teal-soft); color:var(--account-teal); }
body.dd-studio [data-preference-row="notifications"] .menu-preference-icon { background:var(--account-rose-soft); color:var(--account-rose); }
body.dd-studio .menu-preference-copy { font-size:14px; line-height:1.4; color:var(--dd-ink); }
body.dd-studio .menu-preference-status { color:var(--dd-muted); font-size:12px; }
body.dd-studio .preference-switch { width:48px; min-height:48px; border-radius:12px; }
body.dd-studio .preference-switch>span { top:15px; }
body.dd-studio .preference-switch[aria-checked="true"]::before { background:var(--dd-navy); }
body.dd-studio .preference-switch[aria-checked="true"]>span { background:var(--dd-surface); }
body.dd-studio :is(.tyt-page,.dd-subscription,.profileV2,.menu-preferences) :focus-visible { outline:3px solid var(--dd-navy); outline-offset:3px; }
body.dd-studio :is(.tyt-summary,.dd-subscription-hero,.pt2-sidebar) :focus-visible { outline-color:var(--dd-gold); }
@media(max-width:760px) {
  body.dd-studio.dd-pro .profileV2 .pt2 { grid-template-columns:minmax(0,1fr); gap:24px; }
  body.dd-studio.dd-pro .profileV2 .pt2-sidebar { grid-template-columns:76px minmax(0,1fr); padding:22px; }
  body.dd-studio.dd-pro .profileV2 .pt2-avatarWrap { width:76px; height:76px; }
}
@media(max-width:460px) {
  body.dd-studio .tyt-page { padding-inline:16px; }
  body.dd-studio .tyt-page h1 { font-size:28px; }
  body.dd-studio .tyt-summary { padding:22px; }
  body.dd-studio .tyt-net>strong { font-size:48px; }
  body.dd-studio .tyt-area-list { grid-template-columns:minmax(0,1fr); gap:10px; }
  body.dd-studio .tyt-area { padding:16px; }
  body.dd-studio .tyt-area-foot { display:flex; justify-content:space-between; }
  body.dd-studio .tyt-ranking-list li { grid-template-columns:22px minmax(0,1fr) auto; padding:12px 10px; gap:8px; }
  body.dd-studio .dd-subscription .dd-subscription-hero { padding-inline:20px; }
  body.dd-studio .dd-subscription .energy-subscription-copy h2 { font-size:30px; }
  body.dd-studio .dd-subscription .energy-benefits { grid-template-columns:minmax(0,1fr); }
  body.dd-studio .dd-subscription .energy-benefits li { min-height:58px; }
  body.dd-studio .dd-subscription .energy-library .pro-library-access { margin-left:0; text-align:left; }
  body.dd-studio .pro-checkout-info { padding-inline:16px; }
  body.dd-studio.dd-pro .profileV2 { padding-inline:16px; }
  body.dd-studio.dd-pro .profileV2 .pt2-name { font-size:23px; }
  body.dd-studio.dd-pro .profileV2 .pt2-block { padding:18px; }
}