/* Reference B / C / E / F / G. The phone hardware and OS status bar belong to the device.
   All content is live; this stylesheet never inserts example account data or progress. */
#view .dates-word { display:grid; grid-template-columns:30px 1fr 1fr auto; gap:10px; align-items:center; color:var(--ink); background:var(--surface); text-decoration:none; border:1px solid var(--line); padding:12px; border-radius:16px; margin:6px 0; }
#view .dates-word b { display:block; }
#view .dates-word .date-phon,#view .dates-word .date-times { font-size:12px; color:var(--muted); }
#view .dates-month .month-label { display:none; }
#view .sentence-feature { padding:16px; border-radius:18px; border:1px solid var(--line); background:var(--accent-soft); margin:14px 0; }
#view .sentence-feature h3 { margin:0 0 12px; font-size:16px; }
#view .sentence-feature p { font:700 24px/1.35 Georgia,serif; margin:0; }
#view .sentence-feature .feature-actions { display:flex; align-items:center; justify-content:flex-end; position:relative; }
#view .sentence-history-head { display:flex; justify-content:space-between; align-items:center; }
#view .wr-item { position:relative; }
#view .sentence-tools>summary { cursor:pointer; font-size:12px; }
#view .sentence-tools .wr-meta { margin-top:10px; }
#view .feature-tools>summary { cursor:pointer; list-style:none; color:var(--muted); }
#view .feature-tools[open]>div { position:absolute; z-index:3; right:0; top:36px; display:grid; padding:8px; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); gap:6px; }
#view .friends-list-head { display:flex; align-items:center; justify-content:space-between; }
#view .friends-invite { padding:18px; }
#view .friends-invite .friends-number { display:block; }
#view .friends-invite button,#view .friends-add { width:100%; }
#view .friends-check { white-space:nowrap; font-size:12px; color:var(--good); }
#view .friends-check.pending { color:var(--muted); }
#view .friends-caption { text-align:center; color:var(--muted); font-size:13px; }
#view .me-logout { width:100%; margin-top:20px; }
#view .ln-tools summary { cursor:pointer; list-style:none; }
#view .ln-tools[open] { position:absolute; right:10px; top:10px; z-index:6; padding:8px; border:1px solid var(--line); border-radius:14px; background:var(--surface); }
#view .ln-tools>div { display:flex; }
#view .history-options>summary { cursor:pointer; list-style:none; }
#view .login-top { position:relative; }
#view .login-top h2 { font-size:21px; margin:0; }
#view .cp-form,#view .cp-form .field { min-width:0; grid-template-columns:minmax(0,1fr); }
#view .cp-form input,#view .cp-form textarea { min-width:0; width:100%; }
#view .cp-en p,#view .cp-head h3 { min-width:0; overflow-wrap:anywhere; }
html[data-theme="sunny"] body[data-skin="wood"] {
  --bg:#fff6ec; --bg-2:#faecd9; --surface:#fff9f1; --surface-2:#fffcf8;
  --ink:#42240f; --ink-2:#694e38; --muted:#85715e; --line:#efdbc4; --line-2:#e4c5a5;
  --accent:#bc702b; --accent-soft:#fff0d5; --accent-ink:#fff; --mark:#bd7a28;
  --sage:#98ad73; --sage-deep:#577a32; --sage-soft:#eef0df; --butter-soft:#fff2d0;
  --good:#78964e; --sky:#008dff; --wood-soft:#f8e8d4;
  --caramel:linear-gradient(165deg,#e9b16f 0%,#d49149 52%,#b96c26 100%);
  --sage-grad:linear-gradient(155deg,#b5c995,#8aa763 65%,#78974e);
  --shadow:0 3px 5px #a2652720,inset 0 1px 0 #ffffffc9;
  --serif:Georgia,"Times New Roman",serif;
  --heading:"Songti SC","STSong","SimSun",Georgia,serif;
  --tabbar-h:76px;
  background:#fbf0e4; font-size:16px; color:var(--ink);
}
html[data-theme="sunny"] body[data-skin="wood"] #view {
  isolation:isolate; position:relative; max-width:480px; margin:auto;
  background:linear-gradient(105deg,#fff8f0df,#fff4e8df),url('/assets/wood/card-light.webp') center top/cover fixed;
}
html[data-theme="sunny"] body[data-skin="wood"] #view :is(.page,.lookup,.friends-page,.reading-page,.nce-page) { max-width:480px; padding-left:18px; padding-right:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .page { padding-top:0; padding-bottom:160px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .screen { background:transparent; }
html[data-theme="sunny"] body[data-skin="wood"] #view .screen-top {
  position:relative; top:auto; padding:20px 12px 12px; min-height:76px; background:transparent; backdrop-filter:none;
}
html[data-theme="sunny"] body[data-skin="wood"] #view .screen-top h2 { font:800 27px/1.25 var(--heading); letter-spacing:1px; margin:auto; }
html[data-theme="sunny"] body[data-skin="wood"] #view .screen-top .icon-btn { width:32px; flex:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .screen-top>.icon-btn:first-child+h2:last-child { padding-right:32px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .page-head { margin:0 0 16px; padding-top:22px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .page-head h1 { font:800 34px/1.3 var(--heading); letter-spacing:1px; }
html[data-theme="sunny"] body[data-skin="wood"] #view :is(.section-title,.my-head h3,.words-mine-head h2,.history-head h3,.sentence-history-head h3,.friends-list-head h3) { font:800 23px/1.4 var(--heading); color:var(--ink); letter-spacing:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view :is(.card,.list,.wr-item,.history-row,.reading-nce-row,.reading-item) { border:1px solid var(--line); border-radius:19px; box-shadow:var(--shadow); background:var(--surface); }
html[data-theme="sunny"] body[data-skin="wood"] #view .btn { height:46px; font-size:17px; border-color:var(--line-2); background:var(--surface); color:var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] #view .btn.small { height:30px; padding:0 12px; font-size:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .btn.primary { background:var(--caramel); color:#fff; border:1px solid #e2a667; box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view :is(input[type="search"],.lookup-form input,.lib-search) { height:42px; border:1px solid var(--line-2); border-radius:24px; background:var(--surface); font-size:16px; }
html[data-theme="sunny"] body[data-skin="wood"] #view :is(.icon-btn[data-speak],.icon-btn[data-act="speak"],[data-speak] svg.i) { color:var(--sky); }
html[data-theme="sunny"] body[data-skin="wood"] #view .chip { background:var(--surface); color:var(--ink); border:1px solid #edcc9f; border-radius:20px; padding:4px 11px; font-size:12px; box-shadow:0 2px 3px #a2652712; }
html[data-theme="sunny"] body[data-skin="wood"] #view .segmented { padding:0; background:#fff3e2; border-color:#edd5b7; box-shadow:0 2px 5px #a2652717; }
html[data-theme="sunny"] body[data-skin="wood"] #view .segmented button { color:var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] #view .segmented button[aria-pressed="true"] { background:var(--sage-grad); color:#fff; }
html[data-theme="sunny"] body[data-skin="wood"] .tabbar {
  width:min(100%,480px); left:50%; right:auto; bottom:0; transform:translateX(-50%); border-radius:22px 22px 0 0;
  background:#fff8efed; border:1px solid #eddbc7; box-shadow:none; padding:3px 12px max(8px,env(safe-area-inset-bottom));
}
html[data-theme="sunny"] body[data-skin="wood"] .tabbar a { height:60px; font-size:13px; color:#67472c; opacity:1; }
html[data-theme="sunny"] body[data-skin="wood"] .tabbar a[aria-current="page"] { height:60px; margin:0 8px; border-radius:22px; background:linear-gradient(#ffe7c6,#f6d39f); color:#98500f; }
html[data-theme="sunny"] body[data-skin="wood"] .tabbar svg.i { width:27px; height:27px; stroke-width:1.6; }
/* Corner still lifes stay within the reading column, behind controls. */
html[data-theme="sunny"] body[data-skin="wood"] #view::before {
  position:fixed; right:max(0px,calc(50vw - 240px)); left:auto; bottom:0; width:185px; height:190px; z-index:-1;
  background:var(--deco,none) right bottom/contain no-repeat; opacity:1;
}
html[data-theme="sunny"] body[data-skin="wood"].with-tabbar #view::before { bottom:76px; }
html[data-theme="sunny"] body[data-skin="wood"] #view::after { top:10px; right:16px; width:90px; height:96px; z-index:-1; }
html[data-theme="sunny"] body[data-skin="wood"]::before { max-width:480px; left:50%; right:auto; width:100%; transform:translateX(-50%); height:20px; bottom:0; }
html[data-theme="sunny"] body[data-skin="wood"].with-tabbar::before { bottom:76px; height:14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="lookup"]::before { --deco:url('/assets/wood/deco-pothos.webp'); width:200px; height:215px; right:max(10px,calc(50vw - 230px)); }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="dates"]::after,
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="cet4"]::after { --deco2:url('/assets/wood/deco-cloud-frame.webp'); width:64px; height:80px; top:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="books"]::before { --deco:url('/assets/wood/header-shelf.webp'); width:250px; height:150px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="library"]::before { --deco:url('/assets/wood/deco-monstera-books.webp'); width:130px; height:165px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="me"]::after { --deco2:url('/assets/wood/deco-daisy-vase.webp'); height:100px; width:76px; top:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="reading"]:has(.reading-list)::before,
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="reading"]:has(.reading-nce-row)::before { --deco:url('/assets/wood/deco-knit.webp'); left:max(0px,calc(50vw - 240px)); right:auto; width:205px; height:145px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="reading"]:has(.reading-heading)::before { --deco:url('/assets/wood/deco-mug-table.webp'); left:max(0px,calc(50vw - 240px)); right:auto; width:155px; height:175px; }
html[data-theme="sunny"] body[data-skin="wood"] #view:has(.nce-page)::before { --deco:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view:has(.nce-page)::after { --deco2:url('/assets/wood/deco-monstera-books.webp'); top:74px; height:120px; width:92px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="words"]::before { --deco:url('/assets/wood/deco-books.webp'); left:max(0px,calc(50vw - 240px)); right:auto; width:200px; height:126px; }
/* B: lookup, date review, study plan. */
html[data-theme="sunny"] body[data-skin="wood"] #view .study-examples { padding:12px 15px 15px; border-radius:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .study-example-heading { margin-bottom:7px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .study-example-heading h5 { margin:0; padding:0; border:0; background:none; border-radius:0; font-size:13px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .study-examples .study-example p[lang="en"] { font-size:16.5px; line-height:1.65; }
html[data-theme="sunny"] body[data-skin="wood"] #view .study-examples .study-example p.zh { margin:5px 0 0; font-size:14px; line-height:1.65; color:var(--ink-2); opacity:.85; }
html[data-theme="sunny"] body[data-skin="wood"] #view .study-example-heading .icon-btn svg.i { width:21px; height:21px; }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex::before { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex { padding:12px 14px; }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex p[lang="en"] { font-size:17px; line-height:1.65; }
html[data-theme="sunny"] body[data-skin="wood"] .sense .ex p.zh { font-size:14px; line-height:1.65; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lookup { padding-bottom:230px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lookup-form { gap:8px; margin:6px 0 0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lookup-form input { height:48px; padding-left:40px; background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23694e38' stroke-width='1.6'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E") 14px center/20px no-repeat; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lookup-form .btn { height:48px; padding:0 17px; font-size:20px; border-radius:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lookup-status:empty { height:168px; min-height:0; margin:14px -18px 12px; border-radius:0; box-shadow:none; background:url('/assets/wood/banner-lookup.webp') center/cover; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-head { margin:10px 6px 13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-head h3 { margin:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-head .btn { background:none; border:0; padding:0; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .lookup-history .list { border:0; background:none; box-shadow:none; overflow:visible; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-row { display:grid; grid-template-columns:1fr auto 16px; gap:2px 10px; min-height:85px; padding:12px 18px; margin:0 0 11px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-row b { font:700 30px/1.1 var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-row span { grid-column:1; font-size:16px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-row time { grid-column:2; grid-row:1/3; align-self:center; font-size:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-row::after { content:'›'; grid-column:3; grid-row:1/3; align-self:center; font-size:28px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-row:nth-child(3n+2) { background:var(--sage-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-row:nth-child(3n) { background:var(--butter-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-tabs { display:flex; margin:3px 0 14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-tabs button { flex:1; height:34px; font-size:16px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-cal { padding:6px 13px 12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-month { margin:0 0 3px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-month .pick { position:relative; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-month .month-label { font:700 23px var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-month .month-label { display:inline; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-month input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-day { height:34px; aspect-ratio:auto; font:18px var(--serif); border-radius:11px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-grid { gap:2px 3px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-grid .wd { font-size:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-day.has small { width:5px; height:5px; font-size:0; background:#d87b13; border-radius:50%; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-day[aria-pressed=true] { background:var(--sage-grad); color:#fff; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-head { margin:16px 2px 10px; flex-wrap:wrap; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-head h3 { font-size:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-head .btn { padding:0 10px; height:34px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-word { display:grid; grid-template-columns:28px minmax(0,1fr) minmax(0,1.2fr) auto; gap:9px; align-items:center; padding:10px 12px; margin:0 0 5px; min-height:57px; border:1px solid var(--line); border-radius:17px; background:var(--surface); text-decoration:none; color:inherit; box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-word .icon-btn { width:28px; height:30px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-word b { display:block; font:700 21px/1.15 var(--serif); overflow-wrap:anywhere; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-word .date-phon { font:13px var(--serif); color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-word .date-meaning { font-size:14px; border-left:1px solid var(--line); padding-left:10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .dates-word .date-times { color:var(--ink-2); font-size:11px; white-space:nowrap; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-head { margin:14px 3px 7px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-head h3 { margin:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-pill { font-size:13px; padding:4px 13px; border-width:1px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-plan { padding:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-plan-top { min-height:94px; padding-left:96px; position:relative; align-items:start; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-plan-top .book-cover { position:absolute; left:0; top:0; --w:82px!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-plan-top b { font-size:20px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-plan-top small { font-size:13px; line-height:1.5; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-plan>.book-bar { margin:-32px 0 0 96px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-nums { margin:9px 0 12px 96px; font-size:11px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-daily { margin-top:18px; font-size:16px; font-weight:700; padding:12px 0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-plan .btn.big { height:43px; font-size:18px; border-radius:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-stats { display:grid; grid-template-columns:1fr 1fr; border:0; background:none; box-shadow:none; gap:7px; padding:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-stats>div { min-height:66px; border:1px solid var(--line); border-radius:15px; text-align:left; padding:10px 10px 9px 54px; position:relative; background:var(--sage-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-stats>div:nth-child(2),html[data-theme="sunny"] body[data-skin="wood"] #view .my-stats>div:nth-child(3) { background:var(--butter-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-stats svg.i { position:absolute; left:13px; top:17px; width:29px; height:29px; color:var(--sage-deep); }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-stats small { font-size:12px; color:var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-stats b { display:block; margin-top:2px; font:700 26px/1 var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-stats b span { font:700 15px var(--font); margin-left:5px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-cal { padding:11px 13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-cal-head { font-size:10px; gap:5px; margin-bottom:10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-week span { width:34px; height:37px; border-radius:11px; font:700 18px var(--serif); position:relative; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-week span.on { background:var(--sage-grad); color:#fff; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-week span.on::after { content:'✓'; position:absolute; bottom:-2px; font-size:12px; }
/* C: book catalogue, book detail, reference dictionary. */
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover { border:1px solid #fff5; background:linear-gradient(90deg,#0001 0 7%,#fff2 8% 10%,transparent 12%),repeating-linear-gradient(0deg,#ffffff0a 0 1px,transparent 1px 3px),linear-gradient(140deg,var(--c1),var(--c2)); box-shadow:inset 3px 0 3px #0002,2px 4px 5px #7f4c302b; }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover[data-book="cet4"] { --c1:#cbbd44!important; --c2:#b39019!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover[data-book="cet6"] { --c1:#d37c47!important; --c2:#a34924!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover[data-book="kaoyan"] { --c1:#a9ad6b!important; --c2:#7d8542!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover[data-book="ielts"] { --c1:#edbd72!important; --c2:#bd8c49!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover .lv { top:20%; font:700 calc(var(--w)*.3) var(--heading); }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover svg { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover::after { content:'❧❧'; position:absolute; left:0; right:0; bottom:14%; text-align:center; color:#fff9; font:22px Georgia,serif; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-tabs { gap:8px; justify-content:space-between; margin:12px 0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-tabs button { font-size:15px; padding:7px 8px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-tabs button[aria-pressed=true] { background:var(--caramel); color:#fff; border-radius:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-item { padding:9px 12px; min-height:92px; gap:15px; margin-bottom:8px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-item .book-cover { --w:62px!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-item:has(.now) { border:1.5px solid #db8a28; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-item b { font-size:18px; line-height:1.35; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-item small { font-size:12px; margin:3px 0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-item .meta { font-size:12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-foot { margin:20px 0; font-size:16px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="book"] .screen-top h2 { font-size:23px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-head { gap:17px; margin-top:5px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-head .book-cover { --w:80px!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-head h1 { font-size:22px; margin:0 0 4px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-head p { font-size:13px; margin:0 0 8px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-nums { font-size:13px; margin-bottom:10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-actions { margin-top:20px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-actions .btn { width:100%; font-size:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-summary { font-size:12px; text-align:center; margin:10px 0 14px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-group { margin-top:12px; padding:0 15px 10px; border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-group h4 { background:none; padding:12px 0 8px; margin:0; font:700 17px var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-group h4>span { font:12px var(--font); color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-words { margin:0; padding:0; border:0; box-shadow:none; background:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-words { min-width:0; grid-template-columns:minmax(0,1fr); }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-word { min-width:0; width:100%; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-word .t { max-width:45%; overflow-wrap:anywhere; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-head { padding:6px 0 4px; border:0; background:none; box-shadow:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-word { min-height:33px; padding:5px 4px; gap:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-word .t { min-width:76px; font:700 21px var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-word .m { color:var(--ink-2); font-size:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-tools input { min-width:0; padding-left:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-tools select { background:var(--surface); border:1px solid var(--line-2); border-radius:23px; padding:0 12px; height:42px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-summary { font-size:12px; margin:9px 4px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-summary>span+span { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word { padding:6px 10px; min-height:52px; margin-bottom:5px; gap:6px; border:1px solid var(--line); border-radius:17px; background:var(--surface); box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word b { font:700 21px/1.1 var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word .ph { font:12px var(--serif); margin-left:8px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word p { font-size:13px; margin:2px 0 0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word .btn { height:27px; min-width:57px; padding:0 8px; font-size:12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word .saved { color:#fff; background:var(--sage-grad); padding:5px 9px; border-radius:16px; font-size:11px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word .saved::before { content:'✓ '; }
/* E: sentence notebook and friends. */
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-box { padding:14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-box label { display:block; font:700 17px var(--heading); margin-bottom:8px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-box textarea { border:1px solid var(--line-2); border-radius:10px; padding:10px; min-height:94px; font-size:17px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-box-foot .hint { font-size:12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-feature { margin:12px 0 14px; padding:15px 18px; background:linear-gradient(135deg,#fff9e6,#fff0c3); border:1px solid #edd49f; border-radius:20px; box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-feature h3 { margin:0 0 10px; font:700 16px var(--heading); }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-feature .en { font:700 25px/1.18 var(--serif); margin:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-feature .feature-actions { display:flex; justify-content:flex-end; }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-feature .feature-actions button { color:var(--sky); }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-history-head { display:flex; align-items:baseline; justify-content:space-between; margin:15px 3px 7px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-history-head h3 { margin:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-count { margin:0; font-size:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-search { margin:0 0 10px; height:36px; font-size:14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="sentences"] .wr-item { position:relative; padding:10px 45px 10px 30px; min-height:65px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="sentences"] .wr-item::before { content:''; position:absolute; left:13px; top:13px; bottom:13px; width:6px; border-radius:6px; background:#b2c594; }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-item .zh { margin:0 0 3px; color:var(--ink); font-size:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-item .en { font:700 19px/1.25 var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-item .wr-meta { margin:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-item .sentence-speak { position:absolute; right:4px; top:14px; color:var(--sky); }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-tools { margin-top:8px; font-size:11px; color:var(--muted); }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-tools:not([open]) { height:0; margin:0; overflow:visible; }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-tools>summary { position:absolute; right:13px; bottom:3px; font-size:0; cursor:pointer; list-style:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .sentence-tools>summary::after { content:'···'; font-size:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-page { padding-top:5px; padding-bottom:230px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-invite { padding:18px 16px 15px; margin-bottom:18px; background:linear-gradient(130deg,#fce8cd,#fff2df 65%,#f6dfbf); position:relative; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-invite::after { content:''; position:absolute; top:0; right:11px; width:86px; height:108px; background:url('/assets/wood/deco-cloud-frame.webp') center/contain no-repeat; pointer-events:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-invite h3 { margin:0 0 8px; font:700 19px var(--heading); }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-invite .friends-number { display:block; font:700 34px var(--serif); letter-spacing:1px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-invite p { font-size:14px; margin:7px 0 14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-invite .btn { width:100%; height:43px; font-size:20px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-list-head { display:flex; align-items:center; justify-content:space-between; margin:12px 3px 8px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-list-head h3 { margin:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-list-head button { background:none; border:0; font-size:12px; color:var(--muted); }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-list { border:0; box-shadow:none; background:none; gap:8px; overflow:visible; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-list>.row { min-height:79px; padding:10px 12px; flex-wrap:nowrap; border:1px solid var(--line); border-radius:19px; box-shadow:var(--shadow); background:var(--surface); }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-avatar { width:58px; height:58px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-list .row-main strong { font:700 20px var(--heading); }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-list .row-sub { font-size:12px; margin-top:6px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-check { white-space:nowrap; font-size:12px; background:#dce4c6; color:#49672a; padding:7px 9px; border-radius:20px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-check.pending { background:#f8e5cb; color:#98672f; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-add { margin-top:16px; width:100%; background:var(--sage-grad); color:#fff; border:0; font-size:21px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-caption { text-align:center; color:var(--muted); font-size:12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .friends-extra { margin-top:18px; }
/* My account: the six primary settings from reference E; advanced settings stay in sheets. */
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="me"]>.screen-host>.page { padding-bottom:130px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-head { padding:12px 14px; gap:15px; margin-bottom:10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-avatar { width:72px; height:72px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-head h2 { font:700 20px var(--heading); }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-head p { margin-top:5px; font-size:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-stats { padding:10px 5px 12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-stats>div+div { border-left:1px solid var(--line); }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-stats b { font:700 29px var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-stats span { font-size:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-bar { height:12px; margin:0 18px 14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="me"] .section-title { margin:17px 4px 5px; font-size:21px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-settings { padding:0 13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-settings>.row { padding:8px 3px; min-height:43px; gap:13px; font-size:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-settings .ico svg.i { width:25px; height:25px; color:#81522a; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-settings .segmented { width:145px; flex:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-settings .segmented button { flex:1; height:26px; font-size:13px; padding:0 10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-settings [data-theme-pick="sunny"][aria-pressed=true] { background:var(--caramel); }
html[data-theme="sunny"] body[data-skin="wood"] #view .me-logout { width:100%; margin-top:20px; height:43px; border:1px solid var(--accent); background:transparent; color:#a65b1b; font-size:20px; font-family:var(--heading); }
/* F: login, original reading and NCE reader. */
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="login"]::before { --deco:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="login"]::after { --deco2:url('/assets/wood/deco-cloud-frame.webp'); right:24px; top:139px; width:80px; height:130px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login { min-height:100dvh; background:transparent; padding:18px 20px 22px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-top { position:relative; height:42px; width:100%; margin-bottom:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-top h2 { margin:0; position:absolute; left:50%; transform:translateX(-50%); font:700 23px var(--heading); }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-top a { color:#aa601f; font-size:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-hero { margin:0; gap:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-say { border-radius:24px; min-height:42px; padding:10px 14px; font-size:13px; font-weight:600; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-hero .mascot-img { height:178px; margin-top:9px; object-fit:contain; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login h1 { font:800 25px/1.4 var(--heading); margin:6px 0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login .lead { font-size:13px; margin:0 0 14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-box { width:100%; max-width:380px; padding:13px 15px 10px; border:1px solid var(--line); border-radius:20px; background:#fff9ef99; box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .login .field { gap:4px; margin-bottom:9px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login .field span { font-size:16px; font-weight:700; color:var(--ink); }
html[data-theme="sunny"] body[data-skin="wood"] #view .login .field input { height:41px; padding:0 13px; background:#fffdf9; border-color:#d7c9bb; font-size:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login .notice:empty { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login form>.btn { margin-top:9px; height:47px; font-size:22px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-switch { margin-top:11px; font-size:13px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-agree { margin:15px auto 0; padding:0; font-size:11px; gap:7px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .login-agree input { width:18px; height:18px; flex:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-heading { border:0; padding:6px 0 10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-heading>.chip { background:#e8edcf; border-color:#d4dcaf; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-heading h1 { font:700 30px/1.08 var(--serif); margin:12px 0 8px; max-width:350px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-heading h2 { font-size:17px; margin-bottom:10px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-toolbar { padding:9px 12px; border:1px solid var(--line); border-radius:17px; background:#fff0d9b3; box-shadow:var(--shadow); gap:5px; margin:2px 0 12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-toolbar p { font-size:11px; color:var(--ink-2); line-height:1.7; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-toolbar .btn { font-size:12px; padding:0 10px; height:29px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-paragraph { padding:10px 14px; margin:0 0 12px; border:1px solid var(--line); border-radius:18px; background:#fffaf2d9; box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-en { font:19px/1.55 var(--serif); color:#25190f; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-word { text-decoration-style:solid; text-decoration-thickness:1px; text-decoration-color:#cf974c; text-underline-offset:4px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-phrase { background:#f5edc8; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-phrase:nth-child(3n) { background:#edf0d6; }
html[data-theme="sunny"] body[data-skin="wood"] #view [data-reading-today].btn { display:flex; margin:18px 0 0 auto; width:max-content; max-width:100%; padding:0 28px; background:var(--sage-grad); color:#fff; font-size:19px; border:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-source { font-size:10px; line-height:1.6; opacity:.85; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-heading { position:relative; padding:3px 92px 9px 0; border:0; min-height:122px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-heading h1 { font:700 29px/1.03 var(--serif); margin:9px 0 5px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-toolbar { padding:8px 10px; gap:8px; flex-wrap:nowrap; border:1px solid var(--line); background:#fff4d4; border-radius:16px; margin-bottom:12px; box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-toolbar p { margin:0; font-size:10px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-toolbar .btn { flex:none; padding:0 8px; font-size:11px; height:27px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-sentence { padding:7px 14px 6px; margin:0 0 6px; border:1px solid var(--line); border-radius:16px; background:#fff9f0d9; box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-sentence.question { position:relative; margin-top:31px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-sentence.question>.chip { position:absolute; top:-29px; left:2px; background:var(--sage-soft); border-color:#c7d3a6; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-en { font:18px/1.35 var(--serif); color:#25190f; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-sentence>.btn { margin:3px 0 0; height:23px; font-size:11px; padding:0 10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-zh { margin:5px -3px 0; padding:4px 9px; background:#eaecd7; font-size:13px; line-height:1.5; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-actions { gap:12px; margin:15px 0 9px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-actions .btn { flex:1; height:42px; font-size:16px; }
html[data-theme="sunny"] body[data-skin="wood"] #view [data-read] { font-size:20px; }
/* G: reading index, vocabulary list, learn. */
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="reading"]:has(.reading-search) .screen-top { padding-left:20px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="reading"]:has(.reading-search) .screen-top>[data-reading-back] { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="reading"]:has(.reading-search) .screen-top h2 { font-size:35px; margin-left:0; padding:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .sunny-banner[hidden] { height:132px!important; display:block!important; margin:0 0 13px!important; border-radius:20px!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-search { padding:0 15px 0 37px; background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2385715e' stroke-width='1.8'%3E%3Ccircle cx='9' cy='9' r='6.5'/%3E%3Cpath d='m14 14 6 6'/%3E%3C/svg%3E") 13px center/18px no-repeat; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-filters { gap:5px; margin:12px -2px 8px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-filters .btn { height:33px; padding:0 10px; font-size:14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-filters .btn[aria-pressed=true] { background:var(--caramel); color:#fff; border-color:#dc9b54; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-group>h3 { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-book-section>.reading-level-title { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row { display:grid; grid-template-columns:auto 1fr; gap:3px 8px; padding:12px 37px 12px 20px; margin-bottom:10px; min-height:102px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row strong { font:700 28px/1.02 var(--serif); grid-column:1/-1; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row small:first-child { font:700 15px var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row small { font-size:14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row:nth-child(3n+2) { background:var(--sage-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row:nth-child(3n) { background:var(--butter-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-page { min-height:calc(100dvh - 76px); padding-bottom:190px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-count { font-size:18px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tiles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile { min-height:122px; padding:12px 12px 10px; gap:4px; border-radius:19px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile b { font-size:17px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile small { font-size:12px; color:var(--ink); line-height:1.45; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile .ico { width:30px; height:30px; margin-bottom:1px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile .ico svg.i { width:29px; height:29px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile.main { grid-column:1/-1; min-height:92px; padding:16px 20px; background:linear-gradient(120deg,#d3914f11,#a75b1f33),url('/assets/wood/card-light.webp') center/cover; color:#fff; box-shadow:0 4px 5px #a2652730; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile.main .ico { width:55px; height:55px; background:#ffffff3a; border-radius:17px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile.main b { font-size:24px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile.main small { font-size:16px; color:#fff; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-mine-head { margin:0 3px 7px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-search input { height:36px; padding-left:42px; font-size:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-filters { margin:0; padding:0 5px; gap:0; justify-content:space-between; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-filters button { height:40px; font-size:14px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-filters button[aria-pressed=true] { color:#487b28; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-filters button[aria-pressed=true]::after { height:3px; bottom:3px; background:#487b28; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-summary { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words.compact { display:grid; grid-template-columns:1fr; gap:7px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words.compact .word-row { min-height:58px; padding:8px 14px 8px 17px; border-radius:18px; gap:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words.compact .word-row::before { width:5px; background:#a7bd80; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words.compact .word-row .dot { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .words.compact .term { font:700 26px/1 var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .words.compact .meaning { font-size:13px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .words-fab { right:max(18px,calc(50vw - 222px)); bottom:calc(100px + env(safe-area-inset-bottom)); height:46px; padding:0 25px; font-size:20px; background:var(--sage-grad); box-shadow:0 3px 7px #718d4933; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln { max-width:480px; left:50%; right:auto; width:100%; transform:translateX(-50%); background:var(--bg); }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-top { min-height:105px; padding:15px 18px 4px; position:relative; align-items:end; gap:10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-top>[data-act="close"] { position:absolute; top:12px; left:10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-top .sunny-learn-title { display:block!important; top:20px; font:700 26px var(--heading); }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-top .count { position:absolute; bottom:0; left:18px; margin:0; font-size:17px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-bar { margin:0 18px 0 78px; width:calc(100% - 96px); position:relative; top:-12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-bar .book-bar { height:10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-tools { position:absolute; top:19px; right:10px; z-index:4; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-tools summary { list-style:none; cursor:pointer; font-size:20px; color:var(--ink-2); }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-tools[open] { background:var(--surface); border:1px solid var(--line); border-radius:15px; box-shadow:var(--shadow); padding:6px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-tools>div { display:flex; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-body { padding:5px 18px 165px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .sunny-term-card { margin:0; padding:29px 12px 26px; min-height:160px; border-radius:23px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-term { font:700 clamp(40px,14vw,64px)/1.2 var(--serif); word-break:normal; overflow-wrap:anywhere; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-phon { font:25px var(--serif); margin-top:7px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-phon button { font-size:0; height:30px; padding:0 12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-phon button svg.i { width:28px; height:28px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-tip:not(.last) { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-options { margin-top:19px; gap:9px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-options::before { font-size:20px; font-weight:700; margin:0 3px 5px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-option { min-height:57px; padding:12px 40px 12px 60px; border-radius:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-option span { font-size:18px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-option::before { left:23px; font-size:23px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-option small { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-option[aria-pressed=true] { border-color:var(--sage-deep); background:var(--sage-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-option[aria-pressed=true]::after { border-color:var(--sage-deep); background:var(--sage-deep); box-shadow:inset 0 0 0 3px var(--sage-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-actions { position:absolute; left:28px; bottom:max(106px,env(safe-area-inset-bottom)); width:calc(100% - 102px); padding:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-actions button { height:57px; border-radius:35px; font-size:23px; background:var(--caramel); color:#fff; box-shadow:var(--shadow); }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln-actions kbd { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln::before { right:0; bottom:0; width:165px; height:185px; background-image:url('/assets/wood/deco-daisy-vase.webp'); }
html[data-theme="sunny"] body[data-skin="wood"] #view .ln::after { left:auto; right:28px; margin:0; top:0; width:100px; height:80px; }
@media(max-width:359px) {
  html[data-theme="sunny"] body[data-skin="wood"] #view :is(.page,.lookup,.reading-page,.nce-page,.friends-page) { padding-left:13px; padding-right:13px; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile { padding:10px 8px; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile b { font-size:14px; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .words-tile small { font-size:11px; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .dates-word { grid-template-columns:24px 1fr 1.1fr; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .dates-word .date-times { display:none; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .me-settings .segmented { width:125px; }
}
html[data-theme="sunny"] body[data-skin="wood"] #view .history-options { position:relative; font-size:12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-options>summary { list-style:none; cursor:pointer; font-size:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-options[open] .btn { position:absolute; right:0; top:20px; padding:8px 12px; height:34px; background:var(--surface); z-index:2; }
html[data-theme="sunny"] body[data-skin="wood"] #view .history-head [data-act="clear-history"] { margin-left:auto; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-tabs { border:0; margin-left:0; margin-right:0; padding:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-tabs button::after { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .my-plan .book-cover[data-book="cet4"] { --c1:#a5b37a!important; --c2:#7a8e50!important; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="write"] .write-cards { grid-template-columns:minmax(0,1fr); gap:12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="write"] .page-head { min-height:108px; background-size:auto 108px; align-items:flex-start; }
html[data-theme="sunny"] body[data-skin="wood"] #view[data-screen="write"] .page-head h1 { font-size:35px; margin-top:6px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .write-card { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:12px; min-height:111px; padding:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .write-card .ico { width:48px; height:48px; border-radius:15px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .write-card .ico svg.i { width:27px; height:27px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .write-card b { font-size:21px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .write-card small { font-size:13px; line-height:1.55; white-space:normal; overflow-wrap:anywhere; }
html[data-theme="sunny"] body[data-skin="wood"] #view .write-card .preview { display:block; width:100%; min-width:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .essay-form { padding:0 0 14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .essay-form>.field { margin:5px 14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .essay-form textarea { min-height:64px; height:auto; font-size:16px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cp-form { gap:12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cp-form .field { margin:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cp-form .field>span { font-size:14px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cp-form .btn { min-width:0; white-space:normal; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-list { gap:5px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word { margin:0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-word:has(.saved) { background:var(--sage-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-group h4 { position:relative; top:auto; justify-content:space-between; }
html[data-theme="sunny"] body[data-skin="wood"] #view .bd-group h4 b { font:700 17px var(--serif); }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover svg { display:block; left:50%; right:auto; top:auto; bottom:13%; width:54%; height:auto; transform:translateX(-50%); opacity:.8; }
html[data-theme="sunny"] body[data-skin="wood"] #view .book-cover::after { display:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-page { display:flex; flex-direction:column; width:100%; margin:0 auto; height:calc(100dvh - 76px); padding-bottom:18px; overflow:hidden; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-page>:not(article) { flex:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-page>article { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; padding-top:2px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .nce-page .nce-actions { margin:8px 0 0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading) { display:flex; flex-direction:column; width:100%; height:calc(100dvh - 76px); padding-bottom:16px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading)>:not(.reading-body) { flex:none; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading)>.reading-body { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading)>.reading-source { font-size:9px; margin:10px 0 0; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading)>.reading-source summary { cursor:pointer; text-align:right; list-style:none; font-size:10px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading)>.reading-source[open] { max-height:75px; overflow-y:auto; padding:7px 10px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading)>[data-reading-today] { margin-top:12px; }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row:nth-of-type(3n+1) { background:var(--surface); }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row:nth-of-type(3n+2) { background:var(--sage-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-nce-row:nth-of-type(3n) { background:var(--butter-soft); }
html[data-theme="sunny"] body[data-skin="wood"] #view .lib-search,
html[data-theme="sunny"] body[data-skin="wood"] #view .cet4-tools input,
html[data-theme="sunny"] body[data-skin="wood"] #view .reading-search,
html[data-theme="sunny"] body[data-skin="wood"] #view .wr-search { padding-left:38px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2385715e' stroke-width='1.8'%3E%3Ccircle cx='9' cy='9' r='6.5'/%3E%3Cpath d='m14 14 6 6'/%3E%3C/svg%3E"); background-position:13px center; background-repeat:no-repeat; background-size:18px; }
@media(max-height:680px) {
  html[data-theme="sunny"] body[data-skin="wood"] #view .nce-page,
  html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading) { height:auto; overflow:visible; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .nce-page>article,
  html[data-theme="sunny"] body[data-skin="wood"] #view .reading-page:has(.reading-heading)>.reading-body { flex:none; overflow:visible; }
}
@media(max-height:700px) {
  html[data-theme="sunny"] body[data-skin="wood"] #view .login-hero .mascot-img { height:125px; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .login h1 { font-size:21px; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .ln-body { padding-bottom:30px; }
  html[data-theme="sunny"] body[data-skin="wood"] #view .ln-actions { position:relative; left:auto; bottom:auto; margin:0 18px 18px; width:calc(100% - 36px); flex:none; }
}