/* 24.2 — واجهة زجاجية هادئة: واجهة وظيفية بلا عبارات إنشائية. */
:root,
:root[data-theme="light"] {
  --bg: #eaf0f7;
  --paper: rgba(255,255,255,.53);
  --paper-strong: rgba(255,255,255,.77);
  --paper-soft: rgba(229,239,248,.57);
  --ink: #1c3043;
  --muted: #647689;
  --line: rgba(255,255,255,.62);
  --line-dark: rgba(112,140,163,.32);
  --accent: #486c88;
  --accent-deep: #274962;
  --gold: #7892aa;
  --gold-soft: #d9e5f0;
  --sage: rgba(227,236,247,.68);
  --shadow: 0 15px 42px rgba(37,68,99,.075);
  --glass-bg: rgba(255,255,255,.53);
  --glass-bg-soft: rgba(255,255,255,.4);
  --glass-bg-hover: rgba(255,255,255,.72);
  --glass-border: rgba(255,255,255,.75);
  --glass-highlight: rgba(255,255,255,.85);
  --glass-shadow: 0 17px 38px rgba(36,65,94,.08), inset 0 1px 0 rgba(255,255,255,.85);
  --glass-shadow-soft: 0 8px 22px rgba(36,65,94,.06);
  --glass-filter: blur(20px) saturate(125%);
  --glass-radius: 19px;
}
:root[data-theme="dark"] {
  --bg: #111d2b;
  --paper: rgba(35,50,68,.66);
  --paper-strong: rgba(47,65,84,.82);
  --paper-soft: rgba(65,86,105,.48);
  --ink: #eef5fa;
  --muted: #b6c6d3;
  --line: rgba(214,230,242,.15);
  --line-dark: rgba(204,230,248,.24);
  --accent: #a6d2ed;
  --accent-deep: #d1e8f5;
  --gold: #9eb4c5;
  --gold-soft: #40576b;
  --sage: rgba(57,77,98,.55);
  --shadow: 0 18px 45px rgba(0,0,0,.20);
  --glass-bg: rgba(39,56,76,.62);
  --glass-bg-soft: rgba(40,57,76,.4);
  --glass-bg-hover: rgba(67,90,114,.68);
  --glass-border: rgba(218,238,255,.2);
  --glass-highlight: rgba(245,252,255,.16);
  --glass-shadow: 0 20px 42px rgba(0,0,0,.2), inset 0 1px 0 rgba(245,252,255,.12);
  --glass-shadow-soft: 0 8px 24px rgba(0,0,0,.13);
  --glass-filter: blur(18px) saturate(120%);
}
html, body { color-scheme:light; }
html[data-theme="dark"], html[data-theme="dark"] body {color-scheme:dark;}
body {
  background:
    radial-gradient(ellipse 58vw 51vw at 96% 7%, rgba(169,201,228,.38), transparent 74%),
    radial-gradient(ellipse 49vw 55vw at 2% 54%, rgba(215,226,246,.65), transparent 73%),
    radial-gradient(ellipse 53vw 49vw at 77% 102%, rgba(205,227,234,.5), transparent 72%),
    var(--bg) !important;
  background-attachment: fixed !important;
}
html[data-theme="dark"] body {
  background:
    radial-gradient(ellipse 56vw 49vw at 100% 5%, rgba(48,90,117,.37), transparent 72%),
    radial-gradient(ellipse 52vw 62vw at -9% 62%, rgba(66,66,111,.27), transparent 72%),
    var(--bg) !important;
}
/* المعالم الرئيسة شفافة وليست مساحات ممتلئة باللون. */
.radi-sidebar,
.topbar,
.mobile-nav {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
  box-shadow: var(--glass-shadow-soft) !important;
}
.radi-sidebar {border-left:1px solid var(--line-dark)!important;}
.topbar {border-bottom:1px solid var(--glass-border)!important;}
.radi-brand .radi-brand-name{color:var(--ink)!important;letter-spacing:-2px!important;}
.radi-brand>span:nth-child(2){color:var(--muted)!important;letter-spacing:0!important;}
.sidebar-rule {color:var(--muted)!important;opacity:.33;}
.sidebar-label {font-weight:500;letter-spacing:0;}
.radi-menu > a {
  border: 1px solid transparent!important;
  border-radius: 13px!important;
  color: var(--muted) !important;
}
.radi-menu > a:hover,
.radi-menu > a.active {
  background: var(--glass-bg-hover) !important;
  border-color: var(--glass-border) !important;
  color:var(--accent-deep)!important;
  box-shadow:inset 0 1px 0 var(--glass-highlight), 0 5px 15px rgba(35,65,94,.055)!important;
}
.radi-menu > a.active:after {width:4px;height:4px;background:var(--accent)!important;}
.ui-icon {stroke-width:1.55!important;stroke-linecap:round;stroke-linejoin:round;}
.radi-menu .ui-icon{opacity:.78;}
.top-actions .iconbtn,
.iconbtn,
.mode-toggle,
.radi-command,
.radi-primary,.radi-secondary,
.radi-search-zone .searchbox button,
.radi-mood-options button,
.radi-studio-entry button {
  background:var(--glass-bg-soft)!important;
  border:1px solid var(--glass-border)!important;
  border-radius:12px!important;
  color:var(--accent-deep)!important;
  box-shadow:inset 0 1px 0 var(--glass-highlight), 0 5px 13px rgba(40,70,101,.052)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}
.top-actions .iconbtn:hover,.iconbtn:hover,
.radi-command:hover,.radi-primary:hover,.radi-secondary:hover,
.radi-mood-options button:hover,.radi-studio-entry button:hover {
  background:var(--glass-bg-hover)!important;
  border-color:var(--glass-border)!important;
  transform:none!important;
}
.radi-primary {background:rgba(40,74,99,.82)!important;color:#fff!important;border-color:rgba(255,255,255,.52)!important;}
.radi-primary:hover {background:rgba(40,74,99,.94)!important;color:#fff!important;}
html[data-theme="dark"] .radi-primary {background:rgba(134,185,216,.26)!important;color:var(--ink)!important;}
.mode-toggle .mode-dot,.breadcrumb-dot {background:var(--accent)!important;}
kbd {border-color:var(--line-dark)!important;background:var(--glass-bg-soft)!important;box-shadow:none!important;}
/* بطاقة العنوان؛ زجاج حقيقي بإضاءة وحافة رقيقة. */
.radi-welcome {display:none!important;}
.radi-hero {
  background:linear-gradient(124deg,rgba(255,255,255,.76),rgba(244,249,254,.35) 72%)!important;
  border:1px solid var(--glass-border)!important;
  border-radius:26px!important;
  box-shadow:var(--glass-shadow)!important;
  -webkit-backdrop-filter:var(--glass-filter)!important;
  backdrop-filter:var(--glass-filter)!important;
  min-height:345px!important;
  overflow:hidden;
}
html[data-theme="dark"] .radi-hero {
  background:linear-gradient(128deg,rgba(69,88,111,.52),rgba(29,47,68,.42))!important;
}
.radi-hero::before {
  content:"";position:absolute;inset:-2px 0 auto 0;height:55%;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);
  opacity:.75;z-index:0;
}
.radi-hero-copy {padding:44px 46px!important;}
.radi-tag {color:var(--muted)!important;font-size:11px!important;}
.radi-tag>span{background:var(--accent)!important;}
.radi-hero h1 {font:600 clamp(38px,4.1vw,59px)/1.38 "Noto Naskh Arabic",serif!important;color:var(--ink)!important;margin:19px 0 14px!important;letter-spacing:-.8px!important;}
.radi-hero h1 em {color:var(--ink)!important;}
.radi-hero h1 em:after {display:none!important;}
.radi-hero-copy>p {font-size:13px!important;color:var(--muted)!important;line-height:2!important;max-width:490px;}
.radi-hero .hero-count {font-size:11px!important;color:var(--muted)!important;}
.radi-hero-art {
  background:radial-gradient(ellipse at center,rgba(176,209,233,.34),transparent 67%)!important;
  min-height:330px;
  isolation:isolate;
}
.radi-hero-art>* {display:none!important;}
/* لوحان شبه شفافين يحلان محل الختم المتشعب والزخرفة المكتوبة. */
.radi-hero-art::before, .radi-hero-art::after {
  content:"";position:absolute;display:block;z-index:1;
  border:1px solid rgba(255,255,255,.79);
  box-shadow:16px 24px 42px rgba(42,79,112,.12), inset 2px 2px 1px rgba(255,255,255,.64);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.radi-hero-art::before {
  width:200px;height:255px;right:calc(50% - 92px);top:calc(50% - 138px);
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(186,214,237,.27));
  border-radius:21px;transform:rotate(-12deg);
}
.radi-hero-art::after {
  width:200px;height:255px;right:calc(50% - 110px);top:calc(50% - 124px);
  background:linear-gradient(140deg,rgba(255,255,255,.39),rgba(145,185,217,.18));
  border-radius:21px;transform:rotate(9deg);
}
html[data-theme="dark"] .radi-hero-art::before,
html[data-theme="dark"] .radi-hero-art::after {
  background:linear-gradient(140deg,rgba(204,233,252,.21),rgba(112,150,188,.08));
  border-color:rgba(234,247,255,.26);
}
/* عناصر التصفح والبحث والبطاقات */
.radi-search-zone .searchbox,
.searchbox, .library-toolbar,.radi-daily,.radi-mood,.radi-pathway,
.radi-curated .poem-card,.poem-card,.hub-card,.index-card,
.radi-studio-entry,.resume-card,.index-block,
.indexes-hero,.astrolabe-experiment,.radi-static-poem,
.reader-wrap .poem-sheet,.glass,.glass-panel,
.settings-panel,.overlay-card,.drawer,
.stats-card,.about-card,.library-toolbar,
.view:not(#homeView) .library-toolbar,
.view:not(#homeView) .poem-card,
.view:not(#homeView) .empty,
.view:not(#homeView) .atlas-side .glass-panel,
.view:not(#homeView) .rhyme-side {
  background:var(--glass-bg)!important;
  border:1px solid var(--glass-border)!important;
  border-radius:19px!important;
  box-shadow:var(--glass-shadow-soft),inset 0 1px 0 var(--glass-highlight)!important;
  -webkit-backdrop-filter:var(--glass-filter)!important;
  backdrop-filter:var(--glass-filter)!important;
}
.radi-search-zone .searchbox {min-height:58px!important;border-radius:17px!important;}
.radi-search-zone .searchbox input {font-size:13px!important;}
.radi-search-hints{color:var(--muted)!important;}
.radi-search-hints button {color:var(--accent)!important;}
.radi-home-duo {gap:16px!important;}
.radi-daily {background:linear-gradient(139deg,var(--glass-bg),var(--glass-bg-soft))!important;}
.radi-daily .quote,.radi-daily .quote-meta,.radi-daily .radi-card-heading,
.radi-daily .quote-open{color:var(--ink)!important;}
.radi-daily .quote-meta {border-color:var(--line-dark)!important;}
.radi-quote-mark {color:var(--muted)!important;opacity:.22!important;}
.radi-card-heading .tiny-star {display:none!important;}
.radi-mood h2 {color:var(--ink)!important;}
.radi-mood-options button span {display:none!important;}
.radi-pathway {transition:background .2s,border-color .2s!important;}
.radi-pathway:hover,.radi-curated .poem-card:hover,.poem-card:hover {
  background:var(--glass-bg-hover)!important;transform:none!important;
  box-shadow:var(--glass-shadow-soft)!important;
}
.radi-pathway .pathway-top .ui-icon{
  width:42px!important;height:42px!important;padding:10px!important;
  background:var(--glass-bg-soft);border:1px solid var(--glass-border);
  border-radius:13px;color:var(--accent)!important;
  filter:drop-shadow(0 1px 2px rgba(45,80,113,.04));
}
.radi-pathway .pathway-top > span {color:var(--muted)!important;opacity:.63;}
.radi-section-head h2,.radi-mood h2,.radi-studio-entry h2{font-weight:500!important;}
.radi-section-head>a {color:var(--accent)!important;}
.radi-curated .poem-card,.poem-card {overflow:hidden;}
.chip,.meta .chip {background:var(--paper-soft)!important;color:var(--accent-deep)!important;border:1px solid var(--line-dark)!important;}
.radi-studio-entry {overflow:hidden;}
.radi-studio-entry .studio-star {display:none!important;}
.radi-studio-entry .studio-mini-art {
  background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(210,229,244,.36))!important;
  color:var(--ink)!important;border:1px solid var(--glass-border)!important;
  border-radius:14px!important;box-shadow:inset 0 1px 0 var(--glass-highlight)!important;
}
.view:not(#homeView) .searchbox,.view:not(#homeView) .constraint select,
select,input,textarea,.radi-command-dialog {
  border-color:var(--line-dark)!important;
}
/* التخلص من الزخارف غير الوظيفية لا من محتوى القصائد. */
.sidebar-bottom>span {display:none!important;}
.sidebar-verse {display:none!important;}
.radi-pathway .pathway-arrow{opacity:.55;}
.radi-quote-mark {pointer-events:none;}
.eyebrow,.radi-overline {color:var(--muted)!important;}
.footer {background:transparent!important;border-color:var(--line-dark)!important;}
.radi-runtime-hint,.radi-static-tool-note {background:var(--glass-bg)!important;border-color:var(--glass-border)!important;}
.radi-static-poem { -webkit-backdrop-filter:none!important;backdrop-filter:none!important; }
@media(max-width:1000px){
  .radi-hero-copy{padding:34px 30px!important;}
  .radi-hero h1{font-size:clamp(37px,5.4vw,53px)!important;}
  .radi-hero-art::before,.radi-hero-art::after{scale:.78;}
}
@media(max-width:760px){
  .radi-hero {display:block!important;min-height:0!important;border-radius:19px!important;}
  .radi-hero-copy{padding:29px 25px 27px!important;width:100%!important;}
  .radi-hero h1{font-size:clamp(36px,10vw,49px)!important;max-width:100%;}
  .radi-hero-copy>p{font-size:12px!important;max-width:100%;}
  .radi-hero-art {display:none!important;}
  .radi-home-duo {gap:14px!important;}
  .radi-pathway .pathway-top .ui-icon{width:37px!important;height:37px!important;padding:9px!important;}
  .topbar,.mobile-nav{-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;}
  .radi-primary,.radi-secondary {gap:8px!important;}
  .radi-sidebar{display:none!important;}
  .radi-static-poem {border-radius:14px!important;}
}
@media (prefers-reduced-transparency:reduce), (prefers-contrast:more){
  .radi-sidebar,.topbar,.mobile-nav,.radi-hero,.radi-daily,.radi-mood,.radi-pathway,.poem-card,.glass-panel,.library-toolbar {
    background:var(--paper-strong)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border-color:var(--line-dark)!important;
  }
}
@media print{
  body{background:#fff!important;}
  .reader-wrap .poem-sheet,.radi-static-poem{background:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
}


/* القراءة والوضوح في الوضعين */
input::placeholder,textarea::placeholder {color:var(--muted)!important;opacity:.88!important;}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder {color:#c0cfdb!important;opacity:.86!important;}
.v2356-theme-icon,.astro-ornament {display:none!important;}