/* Reading Room - a browser that only contains what the tutor put in it */
:root{
  --bg:#f5efe6; --surface:#fbf8f3; --surface-2:#ede4d8;
  --green:#3d6b4f; --green-light:#6a9e7a; --green-deep:#2d5240;
  --copper:#a0622a; --copper-light:#d4895a;
  --blue:#3a5f7d; --blue-light:#6a92ad;
  --text:#211d15; --text-mid:#5c5043; --text-muted:#9a8e82;
  --border:rgb(80 60 40 / 12%); --shadow:rgb(30 20 10 / 8%);
  --radius:18px; --radius-lg:28px; --radius-xl:40px; --radius-pill:99px;
  --transition:.35s cubic-bezier(.25,.8,.25,1);
  --font-display:'Fraunces',palatino,'Palatino Linotype',georgia,serif;
  --font-ui:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Gentium Plus',georgia,serif;

  --ink:#211d15; --body-ink:#5c5043; --brand:#3d6b4f;
  --paper:#f5efe6; --card:#fbf8f3; --line:rgb(80 60 40 / 12%);
  --sage-green:#3d6b4f; --sage-dark:#2d5240; --sage-light:#6a9e7a; --accent-gold:#a0622a;
  --parchment-light:#fbf8f3; --parchment-dark:#ede4d8; --cream:#fbf8f3; --soft-white:#fbf8f3;
  --text-light:#5c5043;
  --chrome-bg:#ede4d8; --chrome-line:rgb(80 60 40 / 12%); --tab-active:#fbf8f3;
  --tab-idle:#e3d8ca; --chrome-hover:rgb(80 60 40 / 8%);
  --site:#3d6b4f;
  --hl-yellow:#f0dcae; --hl-green:rgb(106 158 122 / 40%);
  --hl-blue:rgb(106 146 173 / 38%); --hl-pink:rgb(212 137 90 / 34%);
  --reader-bg:#fbf8f3; --reader-ink:#211d15; --reader-size:19px; --reader-lh:1.7;
  --reader-width:74ch; --reader-font:var(--font-ui);
}
body.font-serif{--reader-font:var(--font-body);}
body.theme-sepia{--reader-bg:#ede4d8; --reader-ink:#211d15;}
body.theme-night{
  --reader-bg:#181817; --reader-ink:#e3e1d8;
  --ink:#eeece1; --body-ink:#cfccc0; --text-light:#9c9a90; --text-muted:#8b8981; --text-mid:#cfccc0;
  --paper:#141414; --card:#181817; --line:rgb(120 116 106 / 22%);
  --parchment-light:#201f1e; --parchment-dark:#252423; --cream:#1d1c1b; --soft-white:#201f1e;
  --chrome-bg:#111211; --chrome-line:rgb(120 116 106 / 22%); --tab-active:#1d1c1b;
  --tab-idle:#171716; --chrome-hover:rgb(232 228 216 / 8%);
  --sage-green:#41824d; --sage-light:#a8bfa4; --sage-dark:#a8bfa4;
  --site:#5c9a68; --shadow:rgb(0 0 0 / 45%);
  --hl-yellow:rgb(240 220 174 / 34%);
}

*{box-sizing:border-box;}
html,body{height:100%;margin:0;}
body{font-family:var(--font-ui);background:var(--paper);color:var(--ink);overflow:hidden;
  line-height:1.7;-webkit-font-smoothing:antialiased;}
button{font:inherit;color:inherit;cursor:pointer;}
h1,h2,h3,h4{font-family:var(--font-display);font-optical-sizing:auto;line-height:1.15;letter-spacing:-.02em;}

/* ---------- browser chrome ---------- */
.browser{display:flex;flex-direction:column;height:100vh;}
/* the organic wash, fixed behind the browsing surfaces and covered by .reading */
.browser::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 60% at 15% 20%, rgb(100 140 100 / 7%) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 85% 75%, rgb(160 98 42 / 6%) 0%, transparent 55%),
    radial-gradient(ellipse 50% 50% at 50% 50%, rgb(58 95 125 / 5%) 0%, transparent 70%);}
.chrome{background:var(--chrome-bg);border-bottom:1px solid var(--chrome-line);flex:0 0 auto;
  position:relative;z-index:2;}
.tabstrip{display:flex;align-items:flex-end;gap:3px;padding:7px 10px 0;min-height:36px;}
.tab{display:flex;align-items:center;gap:7px;max-width:230px;min-width:120px;padding:7px 13px;
  background:var(--tab-idle);border:1px solid var(--chrome-line);border-bottom:none;border-radius:14px 14px 0 0;
  font-size:12.5px;white-space:nowrap;overflow:hidden;cursor:pointer;transition:background var(--transition);}
.tab .t-title{overflow:hidden;text-overflow:ellipsis;}
.tab.active{background:var(--tab-active);font-weight:700;}
.tab .x{margin-left:auto;opacity:.55;border:none;background:none;padding:0 2px;line-height:1;border-radius:var(--radius-pill);}
.tab .x:hover{opacity:1;color:var(--copper);}
.tab-new{border:none;background:none;font-size:17px;padding:2px 9px 6px;opacity:.7;border-radius:var(--radius-pill);}
.tab-new:hover{opacity:1;}
.toolbar{display:flex;align-items:center;gap:7px;padding:7px 12px;background:var(--tab-active);}
.tbtn{border:1px solid transparent;background:none;border-radius:var(--radius-pill);padding:4px 10px;
  font-size:14px;line-height:1.4;transition:background var(--transition),border-color var(--transition);}
.tbtn:hover{background:var(--chrome-hover);border-color:var(--line);}
.tbtn[disabled]{opacity:.3;cursor:default;background:none;border-color:transparent;}
.omnibox{position:relative;flex:1;display:flex;align-items:center;gap:7px;background:var(--soft-white);
  border:1px solid var(--chrome-line);border-radius:var(--radius-pill);padding:4px 14px;}
.omnibox:focus-within{border-color:var(--sage-light);box-shadow:0 0 0 3px rgb(106 158 122 / 22%);}
.omnibox .lock{font-size:11px;opacity:.6;}
.omnibox input{flex:1;border:none;background:none;outline:none;font-size:13.5px;font-family:var(--font-ui);
  color:var(--ink);padding:3px 0;}
.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:0 4px 32px var(--shadow);z-index:60;overflow:hidden;display:none;}
.suggest.open{display:block;}
.suggest .s-row{display:flex;gap:8px;align-items:baseline;padding:7px 14px;font-size:13px;cursor:pointer;}
.suggest .s-row.sel,.suggest .s-row:hover{background:rgb(61 107 79 / 8%);}
.suggest .s-url{margin-left:auto;color:var(--text-muted);font-size:11.5px;}
.bookmarks{display:flex;gap:5px;align-items:center;padding:4px 12px 7px;background:var(--tab-active);
  border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none;}
.bookmarks::-webkit-scrollbar{display:none;}
.bm{display:flex;align-items:center;gap:6px;border:none;background:none;border-radius:var(--radius-pill);padding:4px 11px;
  font-size:12px;white-space:nowrap;transition:background var(--transition);}
.bm:hover{background:var(--chrome-hover);}

/* ---------- viewport ---------- */
.viewport{flex:1;display:flex;min-height:0;background:transparent;position:relative;z-index:1;}
.page{flex:1;overflow-y:auto;position:relative;}
.rail{width:310px;flex:0 0 310px;border-left:1px solid var(--line);background:var(--cream);
  display:none;flex-direction:column;min-height:0;}
body.rail-open .rail{display:flex;}
.statusbar{flex:0 0 auto;display:flex;justify-content:space-between;gap:12px;padding:3px 14px;
  background:var(--chrome-bg);border-top:1px solid var(--chrome-line);font-size:11.5px;color:var(--text-mid);
  position:relative;z-index:2;}

/* ---------- start page: a search engine, nothing else ---------- */
.search-home{min-height:100%;display:flex;flex-direction:column;align-items:center;
  justify-content:flex-start;padding:15vh 20px 40px;}
.wordmark{font-family:var(--font-display);font-size:76px;font-weight:600;line-height:1;
  letter-spacing:-.02em;margin-bottom:28px;}
.wordmark span:nth-child(1){color:var(--green);} .wordmark span:nth-child(2){color:var(--copper);}
.wordmark span:nth-child(3){color:var(--blue);} .wordmark span:nth-child(4){color:var(--blue);}
.wordmark span:nth-child(5){color:var(--copper);} .wordmark span:nth-child(6){color:var(--green);}
.search-home .bigsearch{width:min(620px,92vw);}
.search-home .bigsearch input{width:100%;font-size:17px;padding:15px 22px;border-radius:var(--radius-pill);
  border:1px solid var(--line);box-shadow:0 2px 16px var(--shadow);}
.search-buttons{display:flex;gap:12px;margin-top:24px;}
.skey{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-pill);padding:10px 22px;
  font-size:13.5px;font-weight:700;letter-spacing:.04em;color:var(--body-ink);transition:var(--transition);}
.skey:hover{border-color:var(--sage-light);color:var(--sage-green);transform:translateY(-2px);
  box-shadow:0 4px 16px rgb(61 107 79 / 18%);}

/* ---------- new tab ---------- */
.nt{padding:26px 30px 44px;max-width:1500px;margin:0 auto;}
.nt-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start;}
.nt-brand{font-family:var(--font-display);font-size:40px;font-weight:600;color:var(--sage-dark);
  margin:0 0 2px;letter-spacing:-.02em;}
.nt-sub{color:var(--text-light);margin:0 0 16px;font-size:14px;}
.bigsearch{display:flex;gap:8px;}
.bigsearch input{flex:1;font-size:17px;padding:13px 20px;border:1px solid var(--line);border-radius:var(--radius-pill);
  background:var(--card);font-family:var(--font-ui);color:var(--ink);outline:none;}
.bigsearch input:focus{border-color:var(--sage-light);box-shadow:0 0 0 3px rgb(106 158 122 / 22%);}
.bigsearch button{border:none;background:var(--sage-green);color:#fff;border-radius:var(--radius-pill);
  padding:0 26px;font-size:14px;font-weight:700;letter-spacing:.04em;transition:var(--transition);}
.bigsearch button:hover{background:var(--green-light);transform:translateY(-2px);box-shadow:0 4px 16px rgb(61 107 79 / 30%);}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;}
.chip{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-pill);padding:5px 14px;
  font-size:12.5px;transition:var(--transition);}
.chip:hover{border-color:var(--sage-light);background:rgb(61 107 79 / 8%);color:var(--sage-green);}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 22px;
  box-shadow:0 2px 16px var(--shadow);}
.panel h3{margin:0 0 11px;font-family:var(--font-display);font-size:17px;color:var(--sage-dark);font-weight:600;}
.stat-row{display:flex;gap:14px;flex-wrap:wrap;}
.stat{flex:1;min-width:78px;text-align:center;background:var(--parchment-dark);border-radius:var(--radius);padding:10px 6px;}
.stat b{display:block;font-size:23px;font-family:var(--font-display);font-weight:600;color:var(--sage-green);line-height:1.15;}
.stat span{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;}
.nt h2{font-family:var(--font-display);font-size:20px;color:var(--sage-dark);margin:28px 0 12px;font-weight:600;}
.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px;}
.site-tile{display:flex;gap:11px;align-items:flex-start;text-align:left;background:var(--card);border:1px solid var(--line);
  border-left:4px solid var(--site);border-radius:var(--radius);padding:13px 15px;
  box-shadow:0 2px 16px var(--shadow);transition:var(--transition);}
.site-tile:hover{box-shadow:0 8px 32px var(--shadow);transform:translateY(-4px);}
.site-tile .e{font-size:22px;line-height:1;}
.site-tile .n{font-weight:700;font-size:13.5px;color:var(--ink);}
.site-tile .d{font-size:11.5px;color:var(--text-muted);}
.site-tile .c{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-muted);margin-top:5px;}
.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.rc{display:flex;gap:13px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:13px 15px;align-items:flex-start;box-shadow:0 2px 16px var(--shadow);transition:var(--transition);}
.rc:hover{box-shadow:0 8px 32px var(--shadow);transform:translateY(-4px);}
.rc img{width:78px;height:60px;object-fit:cover;border-radius:12px;flex:0 0 auto;background:var(--parchment-dark);}
.rc>span{display:flex;flex-direction:column;min-width:0;flex:1;}
.rc .rc-t{display:block;font-weight:700;font-size:14px;line-height:1.35;color:var(--ink);}
.rc .rc-m{display:block;font-size:11.5px;line-height:1.9;color:var(--text-muted);margin-top:5px;}
.rc .rc-s{font-size:12px;color:var(--text-light);margin-top:6px;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.progress-line{display:block;height:4px;background:var(--parchment-dark);border-radius:var(--radius-pill);
  margin-top:8px;overflow:hidden;}
.progress-line i{display:block;height:100%;border-radius:var(--radius-pill);background:var(--sage-light);}

/* ---------- search results ---------- */
.sr{padding:20px 30px 44px;max-width:1200px;}
.sr-head{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;}
.sr-head h1{font-family:var(--font-display);font-size:23px;font-weight:600;margin:0;color:var(--sage-dark);}
.sr-count{color:var(--text-muted);font-size:12.5px;}
.sr-item{padding:14px 0;border-bottom:1px solid var(--line);}
.sr-item .u{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--sage-light);}
.sr-item .t{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--blue);
  cursor:pointer;margin:3px 0 4px;line-height:1.25;}
.sr-item .t:hover{text-decoration:underline;}
.sr-item .sn{font-size:13.5px;color:var(--body-ink);line-height:1.6;}
.sr-item mark{background:var(--hl-yellow);border-radius:3px;padding:0 2px;}
.sr-item .m{font-size:11.5px;color:var(--text-muted);margin-top:5px;}

/* ---------- site page ---------- */
.site-head{background:linear-gradient(145deg,var(--site),color-mix(in srgb,var(--site) 72%,#000));
  color:#fff;padding:26px 30px 22px;}
.site-head h1{font-family:var(--font-display);font-weight:600;margin:0;font-size:28px;
  display:flex;align-items:center;gap:11px;letter-spacing:-.02em;}
.site-head p{margin:8px 0 0;opacity:.92;font-size:14px;line-height:1.6;max-width:80ch;}
.site-head .lic{margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;opacity:.72;}
.site-body{padding:20px 30px 44px;}

/* ---------- article ---------- */
.reading{background:var(--reader-bg);color:var(--reader-ink);min-height:100%;}
.artbar{position:sticky;top:0;z-index:20;height:3px;background:transparent;}
.artbar i{display:block;height:100%;border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--site);width:0;}
.art-wrap{display:grid;grid-template-columns:minmax(0,1fr);padding:0 30px 72px;}
.art{max-width:var(--reader-width);margin:0 auto;width:100%;}
.art-source{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text-light);
  padding:18px 0 6px;border-bottom:1px solid var(--line);margin-bottom:18px;}
.art-source .dot{width:9px;height:9px;border-radius:50%;background:var(--site);flex-shrink:0;}
.art h1{font-family:var(--font-display);font-size:36px;font-weight:600;line-height:1.15;
  letter-spacing:-.02em;margin:8px 0 10px;color:var(--reader-ink);}
.art-meta{font-size:12.5px;color:var(--text-muted);margin-bottom:22px;display:flex;gap:16px;flex-wrap:wrap;}
.art-body{font-family:var(--reader-font);font-size:var(--reader-size);line-height:var(--reader-lh);}
.art-body p{margin:0 0 1.05em;}
.art-body h2{font-family:var(--font-display);font-size:1.42em;font-weight:600;margin:1.6em 0 .45em;
  line-height:1.15;letter-spacing:-.02em;}
.art-body h3{font-family:var(--font-display);font-size:1.18em;font-weight:600;margin:1.35em 0 .35em;
  line-height:1.15;letter-spacing:-.02em;}
.art-body img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.1em 0;display:block;
  background:var(--parchment-dark);box-shadow:0 2px 16px var(--shadow);}
.art-body figure{margin:1.2em 0;}
.art-body figcaption{font-size:.78em;line-height:1.5;color:var(--text-muted);margin-top:.5em;}
.art-body blockquote{margin:1.3em 0;padding:.9em 1.2em;border-left:3px solid var(--site);
  border-radius:0 var(--radius) var(--radius) 0;background:rgb(61 107 79 / 6%);color:var(--body-ink);}
.art-body blockquote p:last-child{margin-bottom:0;}
.art-body ul,.art-body ol{margin:0 0 1em;padding-left:1.4em;}
.art-body li{margin-bottom:.35em;}
.art-body table{border-collapse:collapse;width:100%;font-size:.86em;margin:1.2em 0;}
.art-body td,.art-body th{border:1px solid var(--line);padding:7px 10px;text-align:left;}
.art-body th{background:var(--parchment-dark);}
.art-body a{color:inherit;text-decoration:underline dotted;cursor:default;}
.art-body a[data-internal]{color:var(--blue);cursor:pointer;text-decoration:underline;}
body.no-images .art-body img{display:none;}
body.focus-mode .art-body p{opacity:.32;transition:opacity .18s;}
body.focus-mode .art-body p.near{opacity:1;}
.art-body mark[data-hl]{padding:2px 1px;border-radius:4px;cursor:pointer;}
.art-body mark[data-c="yellow"]{background:var(--hl-yellow);} .art-body mark[data-c="green"]{background:var(--hl-green);}
.art-body mark[data-c="blue"]{background:var(--hl-blue);} .art-body mark[data-c="pink"]{background:var(--hl-pink);}
.art-body mark.has-note{box-shadow:inset 0 -2px 0 rgb(33 29 21 / 40%);}
.art-body .speaking{background:rgb(212 137 90 / 30%);border-radius:4px;}
.art-end{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;}
.qcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:12px;}
.qcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:15px 17px;
  box-shadow:0 2px 16px var(--shadow);}
.qcard .qt{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--site);font-weight:700;}
.qcard .qp{font-size:14px;margin:7px 0 9px;line-height:1.5;font-family:var(--font-ui);}
.qcard textarea{width:100%;min-height:66px;border:1px solid var(--line);border-radius:12px;padding:9px 12px;
  font-family:var(--font-ui);font-size:14px;line-height:1.6;resize:vertical;background:var(--parchment-light);color:var(--ink);}
.qcard textarea:focus{outline:none;border-color:var(--sage-light);box-shadow:0 0 0 3px rgb(106 158 122 / 22%);}
.saved-flash{font-size:11px;color:var(--sage-light);margin-left:6px;}
.next-up{margin-top:32px;}

/* ---------- selection menu ---------- */
.selmenu{position:fixed;z-index:200;display:none;gap:5px;align-items:center;background:var(--text);color:#fff;
  border-radius:var(--radius-pill);padding:6px 10px;box-shadow:0 8px 32px rgb(30 20 10 / 34%);}
.selmenu.open{display:flex;}
.selmenu .sw{width:20px;height:20px;border-radius:50%;border:2px solid rgb(255 255 255 / 35%);transition:var(--transition);}
.selmenu .sw:hover{transform:scale(1.12);border-color:#fff;}
.selmenu .mb{background:none;border:none;color:#fff;font-size:12px;padding:4px 10px;border-radius:var(--radius-pill);}
.selmenu .mb:hover{background:rgb(255 255 255 / 18%);}
.selmenu .sep{width:1px;height:18px;background:rgb(255 255 255 / 25%);}

/* ---------- rail ---------- */
.rail-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--parchment-dark);}
.rail-tabs button{flex:1;border:none;background:none;padding:10px 4px;font-size:12px;font-weight:700;
  letter-spacing:.04em;color:var(--text-muted);border-bottom:2px solid transparent;transition:var(--transition);}
.rail-tabs button.on{background:var(--cream);border-bottom-color:var(--sage-green);color:var(--ink);}
.rail-body{flex:1;overflow-y:auto;padding:14px 14px 26px;}
.rail-body h4{margin:16px 0 8px;font-family:var(--font-ui);font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);}
.rail-body h4:first-child{margin-top:0;}
.hl-item{border-left:4px solid var(--hl-yellow);background:var(--card);border-radius:0 12px 12px 0;padding:9px 12px;
  margin-bottom:8px;font-size:13px;line-height:1.5;cursor:pointer;}
.hl-item.c-green{border-left-color:var(--hl-green);} .hl-item.c-blue{border-left-color:var(--hl-blue);}
.hl-item.c-pink{border-left-color:var(--hl-pink);}
.hl-item .note{display:block;font-size:12px;color:var(--sage-green);margin-top:5px;font-style:italic;}
.hl-item .acts{display:flex;gap:9px;margin-top:6px;font-size:11px;color:var(--text-muted);}
.hl-item .acts span:hover{color:var(--copper);text-decoration:underline;}
.word-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:9px 12px;
  margin-bottom:8px;font-size:12.5px;line-height:1.5;}
.word-item b{font-size:15px;font-family:var(--font-display);font-weight:600;}
.word-item .sent{color:var(--text-light);font-style:italic;margin-top:4px;line-height:1.45;}
.word-item .def{margin-top:5px;color:var(--body-ink);}
.setting{margin-bottom:14px;}
.setting label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  color:var(--text-muted);margin-bottom:6px;}
.seg{display:flex;gap:4px;}
.seg button{flex:1;border:1px solid var(--line);background:var(--card);border-radius:var(--radius-pill);
  padding:6px 4px;font-size:12px;transition:var(--transition);}
.seg button:hover{border-color:var(--sage-light);}
.seg button.on{background:var(--sage-green);color:#fff;border-color:var(--sage-green);font-weight:700;}
.rail input[type=range]{width:100%;accent-color:var(--sage-green);}
.btn{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-pill);padding:7px 16px;
  font-size:12.5px;font-weight:700;letter-spacing:.04em;transition:var(--transition);}
.btn:hover{background:rgb(61 107 79 / 8%);border-color:var(--sage-light);transform:translateY(-2px);}
.btn.primary{background:var(--sage-green);color:#fff;border-color:var(--sage-green);}
.btn.primary:hover{background:var(--green-light);border-color:var(--green-light);box-shadow:0 4px 16px rgb(61 107 79 / 30%);}
.btn-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px;}
.empty{color:var(--text-muted);font-size:12.5px;font-style:italic;padding:6px 0;}
.pill{display:inline-block;border-radius:var(--radius-pill);padding:2px 11px;font-size:11px;font-weight:700;
  letter-spacing:.06em;background:var(--parchment-dark);color:var(--body-ink);}
.pill.quick{background:rgb(61 107 79 / 12%);color:var(--sage-green);}
.pill.medium{background:rgb(58 95 125 / 12%);color:var(--blue);}
.pill.long{background:rgb(160 98 42 / 12%);color:var(--copper);}
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;
  padding:10px 22px;border-radius:var(--radius-pill);font-size:13px;z-index:300;opacity:0;pointer-events:none;
  box-shadow:0 8px 32px rgb(30 20 10 / 34%);transition:opacity .2s;}
.toast.show{opacity:1;}
.notfound{padding:72px 30px;text-align:center;color:var(--text-light);}
.notfound h1{font-family:var(--font-display);font-weight:600;color:var(--sage-dark);}

.sortbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:14px;}
.sortlabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  color:var(--text-muted);margin-right:3px;}
.chip.on{background:var(--sage-green);color:#fff;border-color:var(--sage-green);font-weight:700;}

.qdetails{margin-top:8px;}
.qdetails summary{cursor:pointer;font-size:13px;color:var(--text-light);list-style:none;
  display:inline-block;border:1px solid var(--line);border-radius:var(--radius-pill);padding:5px 16px;
  transition:var(--transition);}
.qdetails summary::-webkit-details-marker{display:none;}
.qdetails summary:hover{background:rgb(61 107 79 / 8%);color:var(--sage-green);border-color:var(--sage-light);}
.qdetails[open] summary{margin-bottom:12px;}

.hist-row{display:flex;gap:12px;align-items:baseline;padding:7px 12px;border-radius:12px;cursor:pointer;
  font-size:13.5px;transition:background var(--transition);}
.hist-row:hover{background:rgb(61 107 79 / 8%);}
.hist-time{color:var(--text-muted);font-size:12px;width:64px;flex:0 0 auto;}
.hist-emoji{flex:0 0 auto;}
.hist-title{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52%;}
.hist-url{color:var(--sage-light);font-size:12px;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38%;}
.search-home .bigsearch{position:relative;}
.search-home .suggest{top:calc(100% + 8px);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow);}
.search-home .suggest .s-row{padding:11px 22px;font-size:14.5px;}
.suggest .s-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media (max-width:1050px){.rail{width:250px;flex-basis:250px;} .nt-hero{grid-template-columns:1fr;}}

@media (max-width:820px){
  .tabstrip{overflow-x:auto;scrollbar-width:none;}
  .tabstrip::-webkit-scrollbar{display:none;}
  .tab{min-width:104px;flex:0 0 auto;}
  .toolbar{flex-wrap:wrap;}
  .omnibox{order:3;flex-basis:100%;}
  .rail{position:absolute;inset:0;width:auto;flex-basis:auto;border-left:none;z-index:120;}
  .search-home{padding-top:9vh;}
  .wordmark{font-size:54px;}
  .art-wrap{padding:0 18px 56px;}
  .sr,.site-body,.nt{padding-left:18px;padding-right:18px;}
  .site-head{padding-left:18px;padding-right:18px;}
  .card-list,.site-grid,.qcards{grid-template-columns:1fr;}
  .hist-title,.hist-url{max-width:44%;}
}