/* أنماط صفحتي «الكتب» و«الفوائد» منقولة من «الوعي الشخصي» بأمر المالك، ومحصورة في «قيِّد» */
/* قواعدهم العامة للأيقونات والأزرار والحقول، محصورة في صفحتي الكتب والفوائد ونافذتهما */
:where(.lib-root,#libSheet) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
:where(.lib-root,#libSheet) button{cursor:pointer;border:0;background:transparent;border-radius:10px;padding:10px 14px;min-height:auto;font:inherit;color:inherit}
:is(.lib-root,#libSheet) .primary{background: var(--accent); color: var(--accent-fg); font-weight: 700;}
:is(.lib-root,#libSheet) .ghost{background: var(--accent-soft); color: var(--accent); font-weight: 500;}
:is(.lib-root,#libSheet) .danger{color: var(--high); font-weight: 500;}
:is(.lib-root,#libSheet) .danger.armed{background: var(--high); color: #fff;}
:is(.lib-root,#libSheet) .icon-btn{padding: 8px; color: var(--muted);}
:is(.lib-root,#libSheet) main.wrap{max-width: 720px; margin: 0 auto; display: grid; gap: 18px; outline: none;
  padding-block: 8px calc(var(--tabbar-h) + 96px + env(safe-area-inset-bottom, 0px));
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));}
:is(.lib-root,#libSheet) .section{display: grid; gap: 10px;}
:is(.lib-root,#libSheet) .section-head{display: flex; align-items: baseline; justify-content: space-between; gap: 8px;}
:is(.lib-root,#libSheet) .section-head small{color: var(--muted);}
:is(.lib-root,#libSheet) .task.done .check::before{background: var(--accent); border-color: var(--accent);}
:is(.lib-root,#libSheet) .task.done .check svg{opacity: 1;}
:is(.lib-root,#libSheet) .task.done .t-title{text-decoration: line-through; color: var(--muted); font-weight: 400;}
:is(.lib-root,#libSheet) .late{color: var(--high); font-weight: 700;}
:is(.lib-root,#libSheet) .num{font-variant-numeric: tabular-nums;}
:is(.lib-root,#libSheet) .empty{text-align: center; color: var(--muted); padding: 32px 16px; border: 1.5px dashed var(--line); border-radius: 14px;
  display: grid; gap: 6px; justify-items: center;}
:is(.lib-root,#libSheet) .empty strong{color: var(--fg); font-family: var(--font-display); font-size: 1.15rem;}
:is(.lib-root,#libSheet) .toolbar{display: flex; flex-wrap: wrap; gap: 8px; align-items: center;}
:is(.lib-root,#libSheet) .toolbar input[type=search]{flex: 1 1 200px;}
:is(.lib-root,#libSheet) .toolbar select{width: auto;}
:is(.lib-root,#libSheet) .seg{display: flex; gap: 2px; background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 3px;}
:is(.lib-root,#libSheet) .seg button{flex: 1; padding: 7px 12px; color: var(--muted); border-radius: 9px; white-space: nowrap;}
:is(.lib-root,#libSheet) .seg button[aria-pressed="true"]{background: var(--accent-soft); color: var(--accent); font-weight: 700;}
:is(.lib-root,#libSheet) .chips{display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none;}
:is(.lib-root,#libSheet) .chip{border: 1px solid var(--line); background: var(--card); border-radius: 99px; padding: 5px 12px; white-space: nowrap; font-size: .88rem; color: var(--muted);}
:is(.lib-root,#libSheet) .chip[aria-pressed="true"]{border-color: var(--accent); color: var(--accent); font-weight: 700;}
:is(.lib-root,#libSheet) .goal.done .check::before{background: var(--accent); border-color: var(--accent);}
:is(.lib-root,#libSheet) .goal.done .check svg{opacity: 1;}
:is(.lib-root,#libSheet) .tiles{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
@media (min-width: 560px){:is(.lib-root,#libSheet) .tiles{ grid-template-columns: repeat(4, minmax(0, 1fr)); }}
:is(.lib-root,#libSheet) .tile{background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; display: grid; gap: 2px;}
:is(.lib-root,#libSheet) .tile b{font-size: 1.7rem; font-family: var(--font-display); font-variant-numeric: tabular-nums; line-height: 1.2;}
:is(.lib-root,#libSheet) .tile span{color: var(--muted); font-size: .85rem;}
:is(.lib-root,#libSheet) .panel{background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 14px; display: grid; gap: 10px; min-width: 0;}
:is(.lib-root,#libSheet) .hbars{display: grid; gap: 8px; list-style: none; margin: 0; padding: 0;}
:is(.lib-root,#libSheet) .hbar{display: grid; grid-template-columns: minmax(0, 7.5em) 1fr auto; gap: 10px; align-items: center; font-size: .9rem;}
:is(.lib-root,#libSheet) .hbar .name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
:is(.lib-root,#libSheet) .hbar .track{height: 10px; background: var(--bg); border-radius: 99px; overflow: hidden;}
:is(.lib-root,#libSheet) .hbar .fill{height: 100%; background: var(--accent); border-radius: 99px;}
:is(.lib-root,#libSheet) .hbar .v{font-variant-numeric: tabular-nums; color: var(--muted); min-width: 2.5em; text-align: end;}
:is(.lib-root,#libSheet) .row-between{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;}
:is(.lib-root,#libSheet) .note-text{color: var(--muted); font-size: .88rem; margin: 0;}
:is(.lib-root,#libSheet) .btn-row{display: flex; gap: 8px; flex-wrap: wrap;}
:is(.lib-root,#libSheet) .alarm-actions button:not(.primary){background: color-mix(in srgb, var(--bg) 15%, transparent); color: var(--bg);}
:is(.lib-root,#libSheet) .sheet-head{display: flex; justify-content: space-between; align-items: center;}
:is(.lib-root,#libSheet) .field{display: grid; gap: 4px; min-width: 0;}
:is(.lib-root,#libSheet) .field > span{font-size: .85rem; color: var(--muted); font-weight: 500;}
:is(.lib-root,#libSheet) .hint{color: var(--muted); font-size: .76rem;}
:is(.lib-root,#libSheet) .grid2{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
@media (max-width: 360px){:is(.lib-root,#libSheet) .grid2{ grid-template-columns: 1fr; }}
:is(.lib-root,#libSheet) .switch{display: flex; align-items: center; gap: 8px; align-self: end; padding-bottom: 10px;}
:is(.lib-root,#libSheet) .switch input{width: 20px; height: 20px; accent-color: var(--accent);}
:is(.lib-root,#libSheet) .note-foot button.armed{color: var(--high); font-weight: 700;}
:is(.lib-root,#libSheet) .sheet-actions{display: flex; gap: 8px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 14px;}
:is(.lib-root,#libSheet) .sheet-actions .primary{flex: 1 1 120px;}
:is(.lib-root,#libSheet) .task.done .check .cnt,:is(.lib-root,#libSheet) .goal.done .check .cnt{display: none;}
:is(.lib-root,#libSheet) .progress-line{height: 6px; background: var(--line); border-radius: 99px; overflow: hidden;}
:is(.lib-root,#libSheet) .progress-line i{display: block; height: 100%; background: var(--accent); border-radius: 99px;}
:is(.lib-root,#libSheet) .cal-head{display: flex; align-items: center; justify-content: space-between; gap: 8px;}
:is(.lib-root,#libSheet) .cal-head .titles{display: grid; text-align: center;}
:is(.lib-root,#libSheet) .cal-head .titles small{color: var(--muted); font-size: .8rem;}
:is(.lib-root,#libSheet) .cal-head .nav{display: flex; gap: 4px;}
:is(.lib-root,#libSheet) .cal-head .nav button{padding: 8px; color: var(--fg); background: var(--card); border: 1px solid var(--line);}
:is(.lib-root,#libSheet) .cal-day .marks i.done{background: var(--line);}
:is(.lib-root,#libSheet) .sub.done span{text-decoration: line-through; color: var(--muted);}
:is(.lib-root,#libSheet) .sub button.armed{color: var(--high); font-weight: 700;}
:is(.lib-root,#libSheet) main.wrap > *,:is(.lib-root,#libSheet) .smart > *,:is(.lib-root,#libSheet) .section > *,:is(.lib-root,#libSheet) .panel > *,:is(.lib-root,#libSheet) #editor > *,:is(.lib-root,#libSheet) #projForm > *,:is(.lib-root,#libSheet) #libForm > *{min-width: 0;}
:is(.lib-root,#libSheet) .chips.wrap{flex-wrap: wrap; overflow: visible;}
:is(.lib-root,#libSheet) .sessions .num{color: var(--muted); flex: none;}
:is(.lib-root,#libSheet) main.wrap{padding-block: 8px calc(var(--tabbar-h) + 32px + env(safe-area-inset-bottom, 0px));}
:is(.lib-root,#libSheet) .section-head{flex-wrap: wrap; align-items: center;}
:is(.lib-root,#libSheet) .add-btn{display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 99px;
  background: var(--accent-soft); color: var(--accent); font-weight: 700; font-size: .9rem; white-space: nowrap;}
:is(.lib-root,#libSheet) .add-btn svg{width: 16px; height: 16px; stroke-width: 2.6;}
:is(.lib-root,#libSheet) .btn-row{display: flex; gap: 8px; flex-wrap: wrap; align-items: center;}
:is(.lib-root,#libSheet) .pbar{height: 6px; background: var(--line); border-radius: 99px; overflow: hidden; display: block;}
:is(.lib-root,#libSheet) .pbar i{display: block; height: 100%; background: var(--pc, var(--accent)); border-radius: 99px;}
:is(.lib-root,#libSheet) .pbar.big{height: 10px;}
:is(.lib-root,#libSheet) .psub.late{color: var(--high); justify-content: flex-start;}
:is(.lib-root,#libSheet) .crumbs{display: flex;}
:is(.lib-root,#libSheet) .phead .ghost{display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px;}
:is(.lib-root,#libSheet) .phead .ghost svg{width: 16px; height: 16px;}
:is(.lib-root,#libSheet) .cal-legend .chip{margin-inline-start: auto;}
:is(.lib-root,#libSheet) .xls-btn{display: inline-flex; align-items: center; gap: 4px; padding: 6px 12px; border-radius: 99px; border: 1px solid var(--line); background: var(--card); color: var(--fg); font-size: .9rem;}
:is(.lib-root,#libSheet) .xls-btn svg{width: 16px; height: 16px; color: #1d7a45;}
:is(.lib-root,#libSheet) .seg-wrap{flex-wrap: wrap;}
:is(.lib-root,#libSheet) .seg-wrap button{flex: 1 1 auto;}
:is(.lib-root,#libSheet) .seg button .num{opacity: .7; font-size: .85em;}
:is(.lib-root,#libSheet) .memo,:is(.lib-root,#libSheet) .book-card,:is(.lib-root,#libSheet) .benefit{display: grid; gap: 6px; text-align: start; align-content: start; min-width: 0;
  background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px;}
:is(.lib-root,#libSheet) .memo strong,:is(.lib-root,#libSheet) .book-card strong,:is(.lib-root,#libSheet) .benefit strong{font-size: 1.05rem; overflow-wrap: anywhere; display: inline-flex; align-items: center; gap: 4px;}
:is(.lib-root,#libSheet) .memo p,:is(.lib-root,#libSheet) .book-card p,:is(.lib-root,#libSheet) .benefit p{margin: 0; color: var(--fg); opacity: .85; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .95rem; line-height: 1.6;}
:is(.lib-root,#libSheet) .book-list{display: grid; gap: 8px;}
:is(.lib-root,#libSheet) .book-top{display: grid; gap: 0;}
:is(.lib-root,#libSheet) .book-top small{color: var(--muted);}
:is(.lib-root,#libSheet) .book-line{display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: .85rem; flex-wrap: wrap;}
:is(.lib-root,#libSheet) .book-line svg{width: 15px; height: 15px; flex: none;}
:is(.lib-root,#libSheet) .book-card{border-inline-start: 4px solid var(--line);}
:is(.lib-root,#libSheet) .book-card.s-reading{border-inline-start-color: var(--accent);}
:is(.lib-root,#libSheet) .book-card.s-read{border-inline-start-color: var(--low);}
:is(.lib-root,#libSheet) .book-card.s-want{border-inline-start-color: var(--task);}
:is(.lib-root,#libSheet) .book-card.s-stalled{border-inline-start-color: var(--mid);}
:is(.lib-root,#libSheet) .benefit{border-inline-start: 4px solid var(--goal);}
:is(.lib-root,#libSheet) .me-head .icon-btn[aria-pressed="true"]{color: var(--accent);}
:is(.lib-root,#libSheet) .me-head .danger{padding: 6px 10px;}
:is(.lib-root,#libSheet) .v-head .icon-btn{color: #f1f5f4;}
:is(.lib-root,#libSheet) .v-head .icon-btn[aria-pressed="true"]{color: #f5c542;}
:is(.lib-root,#libSheet) .v-head .icon-btn[aria-pressed="true"] svg{fill: currentColor;}
:is(.lib-root,#libSheet) .v-head .danger{margin-inline-start: auto;}
:is(.lib-root,#libSheet) .exit-bar .alarm-actions button:not(.primary){background: color-mix(in srgb, var(--bg) 15%, transparent); color: var(--bg);}
:is(.lib-root,#libSheet) .howto{background: var(--bg); border-radius: 12px; padding: 8px 12px; font-size: .9rem;}
:is(.lib-root,#libSheet) .howto summary{cursor: pointer; font-weight: 700; color: var(--accent);}
:is(.lib-root,#libSheet) .howto ol{margin: 8px 0 0; padding-inline-start: 1.3em; display: grid; gap: 4px;}
:is(.lib-root,#libSheet) .howto a{color: var(--accent);}
:is(.lib-root,#libSheet) .howto code{background: var(--card); padding: 0 4px; border-radius: 4px;}
:is(.lib-root,#libSheet) .review-card{display: grid; gap: 6px; background: var(--card); border: 1px solid var(--line); border-inline-start: 4px solid var(--goal); border-radius: 16px; padding: 12px 14px;}
:is(.lib-root,#libSheet) .review-card small{display: inline-flex; align-items: center; gap: 4px; color: var(--goal); font-weight: 700; font-size: .8rem;}
:is(.lib-root,#libSheet) .review-card small svg,:is(.lib-root,#libSheet) .book-line.ok svg{width: 15px; height: 15px;}
:is(.lib-root,#libSheet) .review-card strong{font-size: 1.1rem;}
:is(.lib-root,#libSheet) .review-card p{margin: 0; white-space: pre-wrap; overflow-wrap: anywhere;}
:is(.lib-root,#libSheet) .review-card.done span{color: var(--muted); font-size: .9rem;}
:is(.lib-root,#libSheet) .book-line.ok{color: var(--low);}
:is(.lib-root,#libSheet) .reading-goal,:is(.lib-root,#libSheet) .goal-cta{display: grid; gap: 6px; text-align: start; width: 100%; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px;}
:is(.lib-root,#libSheet) .goal-cta{display: flex; align-items: center; gap: 6px; color: var(--accent); font-weight: 700; border-style: dashed;}
:is(.lib-root,#libSheet) .goal-cta svg{width: 18px; height: 18px;}
:is(.lib-root,#libSheet) .reading-goal small{color: var(--muted);}
:is(.lib-root,#libSheet) .book-card .pbar{--pc: var(--accent);}
:is(.lib-root,#libSheet) .cal-head .nav button[disabled]{opacity: .35;}
:is(.lib-root,#libSheet) .section-head h2 small{font-family: var(--font-body); font-size: .85rem; color: var(--muted); font-weight: 400;}
:is(.lib-root,#libSheet) .habit-box .switch{padding: 0; align-self: auto;}
:is(.lib-root,#libSheet) .habit-card.done .check::before{background: var(--accent); border-color: var(--accent);}
:is(.lib-root,#libSheet) .habit-card.done .check svg{opacity: 1;}
:is(.lib-root,#libSheet) .habits-today > .row-between small{color: var(--muted);}
:is(.lib-root,#libSheet) .ht-row.done .check::before{background: var(--accent); border-color: var(--accent);}
:is(.lib-root,#libSheet) .ht-row.done .check svg{opacity: 1;}
:is(.lib-root,#libSheet) .ht-row.done .t-title{color: var(--muted);}
:is(.lib-root,#libSheet) .arch-main .book-line svg{width: 14px; height: 14px;}
:is(.lib-root,#libSheet) .me-recbar .primary{margin-inline-start: auto; padding: 6px 12px;}
:is(.lib-root,#libSheet) .me-recbar button:not(.primary){padding: 6px 10px;}
:is(.lib-root,#libSheet) .me-audio .danger{padding: 4px 8px; font-size: .8rem;}
:is(.lib-root,#libSheet) .idea-quick .primary{display: inline-flex; align-items: center; gap: 4px; padding: 0 14px; border-radius: 12px; flex: none;}
:is(.lib-root,#libSheet) .idea-quick .primary svg{width: 18px; height: 18px;}
:is(.lib-root,#libSheet) .j-card .book-line{grid-column: 1 / -1;}
:is(.lib-root,#libSheet) .j-today.done{border-style: solid; border-color: var(--line);}
:is(.lib-root,#libSheet) .j-blocks .switch{padding: 0; align-self: auto;}
:is(.lib-root,#libSheet) .j-more .ghost{display: inline-flex; align-items: center; gap: 4px;}
:is(.lib-root,#libSheet) .word-btn svg{color: #2b579a;}
:is(.lib-root,#libSheet) .j-start .row-between{gap: 8px;}
:is(.lib-root,#libSheet) .j-m-del.armed{width: auto !important; padding: 0 8px !important; background: var(--high); color: #fff !important;}
:is(.lib-root,#libSheet) .dec-risk .row-between input{flex: 1; min-width: 0;}
:is(.lib-root,#libSheet) .brv-due{display: flex; flex-wrap: wrap; gap: 6px; align-items: center; background: var(--accent-soft); border-radius: 12px; padding: 10px 12px;}
:is(.lib-root,#libSheet) .brv-due b{flex-basis: 100%;}
:is(.lib-root,#libSheet) .brv-due button{padding: 4px 12px; border-radius: 99px;}
:is(.lib-root,#libSheet) .brv-box{display: grid; gap: 6px; background: var(--bg); border-radius: 12px; padding: 10px;}
:is(.lib-root,#libSheet) .brv-box .switch{padding: 0; align-self: auto;}
:is(.lib-root,#libSheet) .brv-show{display: grid; gap: 4px; background: var(--bg); border-radius: 12px; padding: 10px 12px;}
:is(.lib-root,#libSheet) .brv-show h3{margin: 6px 0 0; font-size: 1rem; color: var(--accent);}
:is(.lib-root,#libSheet) .brv-show ul{margin: 0; padding-inline-start: 1.3em; display: grid; gap: 6px; line-height: 1.7;}
:is(.lib-root,#libSheet) .brv-show p{margin: 0; white-space: pre-wrap; line-height: 1.7;}
:is(.lib-root,#libSheet) .plan-card .row-between{gap: 8px; flex-wrap: wrap;}
:is(.lib-root,#libSheet) .plan-card .primary{padding: 7px 14px; border-radius: 10px; font-size: .92rem;}
:is(.lib-root,#libSheet) .hz-method .seg button{white-space: normal;}
:is(.lib-root,#libSheet) .pl-days .chip{padding: 6px 12px;}
:is(.lib-root,#libSheet) .fin-card .ok{color: var(--low);}
:is(.lib-root,#libSheet) .fin-plan .panel{display: grid; gap: 8px;}
:is(.lib-root,#libSheet) .fin-row.done input[data-k="name"]{text-decoration: line-through; opacity: .7;}
:is(.lib-root,#libSheet) .num-in{text-align: center; direction: ltr; font-variant-numeric: tabular-nums;}
:is(.lib-root,#libSheet) .hbars .bar i.over{background: var(--high);}
:is(.lib-root,#libSheet) .fin-imp .switch,:is(.lib-root,#libSheet) #libForm > .switch{padding: 6px 0; align-self: auto;}
:is(.lib-root,#libSheet) .fin-imp .switch span,:is(.lib-root,#libSheet) #libForm > .switch span{display: grid;}
:is(.lib-root,#libSheet) .fin-imp small,:is(.lib-root,#libSheet) #libForm > .switch small{color: var(--muted); font-size: .8rem;}
:is(.lib-root,#libSheet) .cv-page .chips{flex-wrap: wrap; overflow: visible;}
:is(.lib-root,#libSheet) .cv-item .switch{padding: 0; align-self: auto;}
:is(.lib-root,#libSheet) .fin-split.sm{height: 8px; margin-top: 2px;}
:is(.lib-root,#libSheet) .fin-plan .crumbs.row-between{flex-wrap: wrap; gap: 6px;}
:is(.lib-root,#libSheet) .fin-exp .switch{padding: 4px 0; align-self: auto;}
:is(.lib-root,#libSheet) .fin-exp .switch span{display: grid;}
:is(.lib-root,#libSheet) .tblock{background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 10px 12px; display: grid; gap: 6px;}
:is(.lib-root,#libSheet) .tblock-h{display: flex; align-items: center; justify-content: space-between; gap: 8px;}
:is(.lib-root,#libSheet) .tblock-h h2{margin: 0; font-size: 1.05rem; display: inline-flex; align-items: baseline; gap: 8px;}
:is(.lib-root,#libSheet) .tblock-h h2 small{color: var(--muted); font-weight: 400; font-size: .8rem;}
:is(.lib-root,#libSheet) .tlist button.done{opacity: .6;}
:is(.lib-root,#libSheet) .tblock .prayers,:is(.lib-root,#libSheet) .tblock .review-card{margin: 0; border: 0; padding: 0; background: transparent; box-shadow: none;}
:is(.lib-root,#libSheet) .tblock .j-today{border: 0; padding: 4px 0;}
:is(.lib-root,#libSheet) .habits-today .tblock-h{margin-bottom: 2px;}
:is(.lib-root,#libSheet) .ghost.sm{padding: 4px 8px; font-size: .8rem; display: inline-flex; align-items: center; gap: 3px; border-radius: 8px;}
:is(.lib-root,#libSheet) .ghost.sm svg{width: 14px; height: 14px;}
:is(.lib-root,#libSheet) .h-prof .switch{padding: 0; align-self: auto;}
:is(.lib-root,#libSheet) .h-ai .primary,:is(.lib-root,#libSheet) .h-ai .ghost{display: inline-flex; align-items: center; gap: 4px;}
:is(.lib-root,#libSheet) .h-days .chip small{opacity: .7; font-size: .75em;}
:is(.lib-root,#libSheet) .h-days .chip.is-today{border-style: dashed;}
:is(.lib-root,#libSheet) .shop-add .primary{padding: 0 12px;}
:is(.lib-root,#libSheet) .wk-task.done .t-title{text-decoration: line-through; color: var(--muted);}
:is(.lib-root,#libSheet) .wk-move .chip{padding: 4px 10px; font-size: .8rem;}
:is(.lib-root,#libSheet) .wk-add .primary{padding: 0 12px;}
:is(.lib-root,#libSheet) .wk-sum.late{color: var(--high); font-weight: 700;}
:is(.lib-root,#libSheet) .mi-ed .row-between{gap: 6px;}
:is(.lib-root,#libSheet) .mi-ed .row-between input:first-child{flex: 1; min-width: 0;}
:is(.lib-root,#libSheet) .mi-groups .chip{padding: 3px 8px; font-size: .78rem;}
:is(.lib-root,#libSheet) .fin-row.done .fin-chk{color: var(--low); font-weight: 700;}
:is(.lib-root,#libSheet) .close-list li.ok > span:first-child{color: var(--low);}
:is(.lib-root,#libSheet) .close-list li.ok > span:nth-child(2){color: var(--muted);}
:is(.lib-root,#libSheet) .topic-chips{flex-wrap: wrap;}
:is(.lib-root,#libSheet) .topic-card{display: grid; gap: 8px;}
:is(.lib-root,#libSheet) .topic-tag{display: inline-block; background: var(--accent-soft); color: var(--accent); border-radius: 99px; padding: 0 8px; font-size: .78rem;}
:is(.lib-root,#libSheet) .td-hint.late{color: var(--high);}
:is(.lib-root,#libSheet) .close-sec.ok{display: flex; justify-content: space-between; align-items: baseline; gap: 8px; color: var(--muted);}
:is(.lib-root,#libSheet) .close-sec.ok > b{color: var(--low); font-weight: 600;}
:is(.lib-root,#libSheet) html:not(.show-explain) .explain{display: none !important;}
:is(.lib-root,#libSheet) .fin-pays li.ok{color: var(--muted);}
:is(.lib-root,#libSheet) .fin-pays li.ok b{color: var(--low);}
:is(.lib-root,#libSheet) .pl-del.armed{opacity: 1; color: #fff; background: var(--high); font-weight: 700; font-size: .78rem;}
:is(.lib-root,#libSheet) .pc-sub .ok{color: var(--low);}
:is(.lib-root,#libSheet) .dur-chips .chip[aria-pressed="true"]{background: var(--accent); color: var(--accent-fg);}
:is(.lib-root,#libSheet) .field > input,:is(.lib-root,#libSheet) .field > select,:is(.lib-root,#libSheet) .field > textarea{min-width: 0; max-width: 100%;}
:is(.lib-root,#libSheet) .meta > span:not(.cat),:is(.lib-root,#libSheet) .dbox,:is(.lib-root,#libSheet) .goal-stats > span,:is(.lib-root,#libSheet) .pstats > span,:is(.lib-root,#libSheet) .psub > span,:is(.lib-root,#libSheet) .habit-journey small{background: color-mix(in srgb, var(--muted) 11%, transparent); border-radius: 6px; padding: 1px 7px;}
:is(.lib-root,#libSheet) .dbox{display: inline-flex; align-items: center; gap: 4px;}
:is(.lib-root,#libSheet) .bv-item{display: grid; gap: 6px; padding: 8px; border: 1px solid var(--line); border-radius: 10px;}
:is(.lib-root,#libSheet) .bv-item audio{width: 100%;}
:is(.lib-root,#libSheet) .bk-bens{display: grid; gap: 6px;}
:is(.lib-root,#libSheet) .bk-ben{display: grid; gap: 3px; text-align: start; background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; color: var(--fg); font: inherit;}
:is(.lib-root,#libSheet) .bv-fold summary{cursor: pointer; color: var(--muted); font-size: .9rem; padding: 4px 0;}
:is(.lib-root,#libSheet) .ben-text{margin: 0; padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--accent) 7%, var(--card)); color: var(--fg); line-height: 1.9; white-space: pre-line;}
:is(.lib-root,#libSheet) .ben-head{display: flex; justify-content: space-between; align-items: baseline; gap: 8px;}
:is(.lib-root,#libSheet) .ben-head small{color: var(--muted); flex: none;}
:is(.lib-root,#libSheet) .benefit,:is(.lib-root,#libSheet) .bk-ben,:is(.lib-root,#libSheet) .review-card{gap: 8px;}
:is(.lib-root,#libSheet) .ben-reads{display: grid; gap: 10px;}
:is(.lib-root,#libSheet) .ben-read{display: grid; gap: 8px; text-align: start; background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; color: var(--fg); font: inherit;}
:is(.lib-root,#libSheet) .ben-read .ben-head b{font-size: 1.05rem;}
:is(.lib-root,#libSheet) .ben-open{display: inline-flex; align-self: start; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 99px; background: var(--accent-soft); color: var(--accent); font-size: .9rem; font-weight: 600;}
:is(.lib-root,#libSheet) .ben-tags{display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end;}
:is(.lib-root,#libSheet) .ben-text,:is(.lib-root,#libSheet) .ben-lesson{display: grid; gap: 2px; margin: 0; padding: 10px 12px; border-radius: 10px; line-height: 1.9; white-space: pre-line; color: var(--fg);}
:is(.lib-root,#libSheet) .ben-text{background: color-mix(in srgb, var(--accent) 8%, var(--card));}
:is(.lib-root,#libSheet) .ben-lesson{background: color-mix(in srgb, var(--goal) 10%, var(--card)); border-inline-start: 3px solid var(--goal);}
:is(.lib-root,#libSheet) .ben-lbl{font-size: .78rem; font-weight: 700; white-space: normal;}
:is(.lib-root,#libSheet) .ben-text .ben-lbl{color: var(--accent);}
:is(.lib-root,#libSheet) .ben-lesson .ben-lbl{color: var(--goal);}
:is(.lib-root,#libSheet) .st-lesson.done > button{border-color: color-mix(in srgb, var(--accent) 40%, var(--line));}
:is(.lib-root,#libSheet) .st-lesson.done b{color: var(--muted);}
:is(.lib-root,#libSheet) .st-lesson.done .st-no{background: var(--accent); color: var(--accent-fg);}
:is(.lib-root,#libSheet) .sel-bar .btn-row{display: flex; flex-wrap: wrap; gap: 6px; align-items: center;}
:is(.lib-root,#libSheet) #qzGo.armed{background: var(--mid);}
:is(.lib-root,#libSheet) .qz-r.ok{border-color: color-mix(in srgb, var(--low) 55%, var(--line));}
:is(.lib-root,#libSheet) .qz-r.ok .qz-mark{color: var(--low);}
:is(.lib-root,#libSheet) .qz-verdict.ok{background: color-mix(in srgb, var(--low) 16%, var(--card)); color: var(--low);}
:is(.lib-root,#libSheet) .qz-el.ok{border-inline-start-color: var(--low);}
:is(.lib-root,#libSheet) .qz-el.ok .qz-el-h small{color: var(--low); font-weight: 700;}
:is(.lib-root,#libSheet) #qzAiMsg .ok{color: var(--low);}
:is(.lib-root,#libSheet) .kun-tabs{margin-bottom: 2px;}
:is(.lib-root,#libSheet) .kun-list{display: grid; gap: 8px;}
:is(.lib-root,#libSheet) .kun-card{display: grid; gap: 6px; width: 100%; text-align: start; background: var(--card); border: 1px solid var(--line); border-inline-start: 4px solid var(--accent); border-radius: 14px; padding: 12px 14px; color: inherit; font: inherit; cursor: pointer;}
:is(.lib-root,#libSheet) .kun-card strong{font-size: 1.02rem; line-height: 1.6; overflow-wrap: anywhere;}
:is(.lib-root,#libSheet) .kun-card p{margin: 0; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
:is(.lib-root,#libSheet) .kun-card small{color: var(--muted); font-size: .8rem;}
:is(.lib-root,#libSheet) .kun-copy .btn-row{display: flex; gap: 8px; align-items: center;}