/* Om Saravana Bhava — Phase 8: Personal Reading and Browser-Local Tools */
body.osb-phase8{
  --osb8-blue:#176b82;
  --osb8-gold:#d9a52c;
  --osb8-ruby:#8f2436;
  --osb8-panel:rgba(255,255,255,.91);
  background:
    linear-gradient(180deg,rgba(23,107,130,.055),transparent 25rem),
    radial-gradient(circle at 90% 8%,rgba(217,165,44,.08),transparent 28rem),
    var(--bg,#fff7ec);
}
body.osb-phase8 main,
body.osb-phase8 .dashboard,
body.osb-phase8 .workspace,
body.osb-phase8 .library{min-width:0}
body.osb-phase8 .workspace,
body.osb-phase8 .dashboard,
body.osb-phase8 .personal-hero,
body.osb-phase8 .library-hero{
  border-radius:28px;
}
body.osb-phase8 .card,
body.osb-phase8 .panel,
body.osb-phase8 .collection-card,
body.osb-phase8 .note-card,
body.osb-phase8 .practice-card,
body.osb-phase8 .data-card{
  border-radius:20px;
  border:1px solid rgba(23,107,130,.21);
  box-shadow:0 12px 36px rgba(15,55,67,.10);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body.osb-phase8 .card:hover,
body.osb-phase8 .collection-card:hover,
body.osb-phase8 .note-card:hover,
body.osb-phase8 .practice-card:hover{
  transform:translateY(-3px);
  border-color:rgba(23,107,130,.48);
  box-shadow:0 18px 46px rgba(15,55,67,.15);
}
body.osb-phase8 input,
body.osb-phase8 textarea,
body.osb-phase8 select{
  min-height:44px;
  border-radius:12px;
  border-color:rgba(23,107,130,.28);
}
body.osb-phase8 textarea{min-height:130px;resize:vertical}
body.osb-phase8 button,
body.osb-phase8 .btn,
body.osb-phase8 [role="button"]{min-height:44px}
body.osb-phase8 .empty-state,
body.osb-phase8 [class*="empty"]{
  border:1px dashed rgba(217,165,44,.50);
  border-radius:18px;
  padding:1.25rem;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,247,232,.72));
}
body.osb-phase8 .privacy-note,
body.osb-phase8 .local-only,
body.osb-phase8 [data-local-only]{
  border-left:4px solid var(--osb8-blue);
  border-radius:12px;
}
body.osb-phase8 progress,
body.osb-phase8 [role="progressbar"]{accent-color:var(--osb8-blue)}
body.osb-phase8 :focus-visible{outline:3px solid var(--osb8-blue);outline-offset:3px}
@media(max-width:760px){
  body.osb-phase8 .grid,
  body.osb-phase8 [class*="grid"]{grid-template-columns:1fr}
  body.osb-phase8 .workspace,
  body.osb-phase8 .dashboard,
  body.osb-phase8 .personal-hero,
  body.osb-phase8 .library-hero{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){
  body.osb-phase8 *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
@media(forced-colors:active){
  body.osb-phase8 .card,
  body.osb-phase8 .panel,
  body.osb-phase8 input,
  body.osb-phase8 textarea,
  body.osb-phase8 select{border:1px solid CanvasText}
}