/* HOP Explore (explore.js) */
.ex-main{display:flex;flex-direction:column;gap:18px;padding-top:14px;}
.ex-dom-movement{--dom-a:#d9622b;--dom-b:#a8352a;}
.ex-dom-nutrition{--dom-a:#2f9e66;--dom-b:#18704f;}
.ex-dom-fasting{--dom-a:#c97a14;--dom-b:#9a4710;}
.ex-dom-sleep{--dom-a:#5a5fcf;--dom-b:#30348f;}
.ex-dom-mindset{--dom-a:#8a5cd6;--dom-b:#56309f;}
.ex-dom-connection{--dom-a:#d95c8f;--dom-b:#a02a5c;}
.ex-dom-adherence{--dom-a:#1fa39c;--dom-b:#126579;}
.ex-dom-recovery{}

/* welcome + search */
.ex-welcome{display:flex;align-items:center;gap:10px;justify-content:space-between;}
.ex-welcome-text h1{margin:0 0 4px;font-size:27px;line-height:1.1;letter-spacing:-.02em;}
.ex-welcome-text p{margin:0;font-size:14px;line-height:1.4;color:var(--text-muted);}
.ex-mascot{flex:0 0 auto;width:46px;height:56px;display:block;filter:drop-shadow(0 2px 3px rgba(8,79,130,.2));}
.ex-mascot svg{display:block;width:100%;height:100%;overflow:visible;animation:rbBreathe 3.6s ease-in-out infinite;transform-origin:50% 100%;}
.ex-mascot svg g{transform-box:fill-box;}
.ex-mascot .rb-ear-l{transform-origin:50% 100%;animation:rbEarL 7s ease-in-out infinite;}
.ex-mascot .rb-ear-r{transform-origin:50% 100%;animation:rbEarR 9s ease-in-out 2.2s infinite;}
.ex-mascot .rb-eyes{transform-origin:50% 50%;animation:rbBlink 5.5s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.ex-mascot svg,.ex-mascot svg *{animation:none!important;}}
.ex-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border-strong,var(--border));border-radius:16px;padding:6px 6px 6px 14px;color:var(--text-faint);box-shadow:var(--shadow-sm);}
.ex-search:focus-within{border-color:var(--accent-500);color:var(--accent-500);}
.ex-search-in{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16.5px;color:var(--text);padding:9px 0;-webkit-appearance:none;appearance:none;}
.ex-search-in::-webkit-search-cancel-button{-webkit-appearance:none;}
.ex-go{border:0;border-radius:12px;background:var(--accent-500);color:#fff;font:inherit;font-weight:800;font-size:15px;padding:10px 16px;cursor:pointer;}
.ex-go:active{opacity:.85;}
.ex-qs{display:flex;flex-wrap:wrap;gap:8px;margin-top:-6px;}
.ex-q{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13.5px;font-weight:600;border-radius:999px;padding:7px 13px;cursor:pointer;}
.ex-q:active{background:var(--surface-2);}

/* section heads */
.ex-sec{display:flex;flex-direction:column;gap:10px;}
.ex-h{margin:0;font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:-.01em;}
.ex-sub{margin:-4px 0 0;font-size:14px;line-height:1.4;color:var(--text-muted);}
.ex-fine{margin:4px 2px 0;font-size:12.5px;color:var(--text-faint);}
.ex-hscroll{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-left:16px;}
.ex-hscroll::-webkit-scrollbar{display:none;}


/* Spin the Wheel (slot machine) */
.ex-slot{position:relative;border-radius:26px;padding:14px 14px 16px;color:#fff;background:linear-gradient(160deg,#2597e0 0%,#0f78be 45%,#084f82 100%);box-shadow:0 12px 26px rgba(8,79,130,.34),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -4px 0 rgba(0,0,0,.18);animation:pickHeroIn .45s ease both;}
.ex-slot-top{text-align:center;margin-bottom:10px;}
.ex-slot.is-done .ex-slot-title{font-size:17px;letter-spacing:.07em;}
.ex-slot-lights{display:flex;justify-content:space-between;padding:0 6px;margin-bottom:8px;}
.ex-slot-lights b{width:9px;height:9px;border-radius:50%;background:#ffd25a;box-shadow:0 0 8px 2px rgba(255,210,90,.75);animation:exBlink 1s steps(1) infinite;}
.ex-slot-lights b:nth-child(even){background:#fff;box-shadow:0 0 8px 2px rgba(255,255,255,.7);animation-delay:.5s;}
.ex-slot.is-spinning .ex-slot-lights b{animation-duration:.3s;}
.ex-slot-title{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.14em;text-transform:uppercase;color:#ffe08a;text-shadow:0 2px 0 #7a4a00,0 0 14px rgba(255,210,90,.55);}
.ex-slot-window{margin-right:12px;position:relative;border-radius:18px;padding:10px;background:linear-gradient(#06233d,#0b3358);box-shadow:inset 0 6px 14px rgba(0,0,0,.6),0 0 0 3px #c9d6e6,0 0 0 5px #123a63;}
.ex-reels{display:flex;gap:6px;}
.ex-reel{position:relative;flex:1 1 0;min-width:0;height:132px;overflow:hidden;border-radius:10px;background:#fff;}
.ex-reel::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:10px;background:linear-gradient(180deg,rgba(8,30,56,.5) 0%,rgba(8,30,56,0) 22%,rgba(8,30,56,0) 78%,rgba(8,30,56,.5) 100%);}
.ex-reel-strip{will-change:transform;}
.ex-reel.is-rolling .ex-reel-strip{filter:blur(1.1px);}
.ex-reel.is-stopped{animation:exStop .4s ease;}
.ex-slot.is-done .ex-reel{box-shadow:0 0 0 3px #ffd25a,0 0 16px 3px rgba(255,210,90,.8);}
.ex-cell{width:100%;height:132px;box-sizing:border-box;padding:10px 5px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#14233b;font-weight:800;font-size:12.5px;line-height:1.2;border:0;border-bottom:1px dashed #dbe5f0;background:none;font-family:inherit;}
.ex-cell-hop{padding:0;}
.ex-cell-hop img{display:block;width:64px;height:64px;border-radius:16px;box-shadow:0 3px 8px rgba(8,79,130,.3);}
button.ex-idea{cursor:pointer;-webkit-tap-highlight-color:transparent;}
.ex-slot.is-done:not(.is-picked) .ex-reel{cursor:pointer;}
.ex-slot.is-picked .ex-idea:not(.is-chosen){opacity:.35;transition:opacity .3s;}
.ex-slot.is-picked .ex-reel:has(.is-chosen){box-shadow:0 0 0 4px #fff,0 0 22px 6px rgba(255,210,90,.95);}
.ex-idea:focus-visible{outline:3px solid #0f78be;outline-offset:-3px;}
.ex-cell i{flex:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(150deg,var(--dom-a,#2f8fd1),var(--dom-b,#0b5a95));box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.2);}
.ex-cell span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;overflow-wrap:anywhere;}
.ex-payline{opacity:0;transition:opacity .2s;position:absolute;left:4px;right:4px;top:50%;height:0;border-top:2px solid rgba(255,93,115,.85);pointer-events:none;z-index:3;}
.ex-slot.is-spinning .ex-payline{opacity:1;}
.ex-payline::before,.ex-payline::after{content:"";position:absolute;top:-7px;border:6px solid transparent;}
.ex-payline::before{left:-4px;border-left-color:#ff5d73;}
.ex-payline::after{right:-4px;border-right-color:#ff5d73;}
.ex-slot-say{margin:12px 0 10px;text-align:center;font-size:15px;font-weight:600;color:#e4f2fb;min-height:20px;}
.ex-spin{display:block;width:100%;height:58px;border:0;border-radius:16px;cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.2em;text-transform:uppercase;color:#5a3300;background:linear-gradient(#ffe38a,#f5a623);box-shadow:0 6px 0 #b8741a,0 10px 18px rgba(0,0,0,.25);transition:transform .08s,box-shadow .08s;}
.ex-spin:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 #b8741a,0 4px 8px rgba(0,0,0,.25);}
.ex-spin:disabled{opacity:.75;cursor:default;transform:translateY(3px);box-shadow:0 3px 0 #b8741a;}
.ex-lever{position:absolute;right:-14px;top:66px;width:28px;height:124px;padding:0;border:0;background:none;cursor:pointer;z-index:4;}
.ex-lever svg{display:block;overflow:visible;}
.ex-lever-rod{transform-origin:14px 106px;transition:transform .28s ease;}
.ex-lever-knob{transition:transform .28s ease;}
.ex-slot.is-spinning .ex-lever-rod{transform:scaleY(.3);}
.ex-slot.is-spinning .ex-lever-knob{transform:translateY(48px);}
.ex-lever:focus-visible,.ex-spin:focus-visible{outline:3px solid #fff;outline-offset:3px;}
.ex-fadein{animation:exFadeIn .8s ease both;}
.ex-spin-page .ex-sub{margin:-4px 0 12px;}
@keyframes exBlink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes exStop{0%{transform:scale(1)}40%{transform:scale(1.05)}100%{transform:scale(1)}}
@keyframes exFadeIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion: reduce){.ex-slot,.ex-slot-lights b,.ex-reel,.ex-fadein{animation:none!important;}.ex-reel.is-rolling .ex-reel-strip{filter:none;}}
@media (max-width:360px){.ex-cell{font-size:11px;}.ex-slot-title{font-size:19px;}}

/* (Today's find, no longer on the page) */
.ex-find{position:relative;overflow:hidden;border-radius:var(--radius-lg,20px);color:#fff;background:linear-gradient(150deg,var(--dom-a,#2f8fd1),var(--dom-b,#0b5a95));box-shadow:var(--shadow-md);min-height:230px;animation:pickHeroIn .45s ease both;}
.ex-find::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 15%,rgba(8,14,30,.34));pointer-events:none;}
.ex-find-art{position:absolute;left:0;top:0;width:100%;height:112px;}
.ex-find-body{position:relative;z-index:1;padding:92px 18px 16px;display:flex;flex-direction:column;gap:8px;}
.ex-find-kicker{position:absolute;top:14px;left:18px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.38);border-radius:999px;padding:3px 11px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.ex-find-q{margin:0;font-family:var(--font-display);font-size:21px;line-height:1.22;font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.25);}
.ex-find-title{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.92;}
.ex-find-chips{display:flex;flex-wrap:wrap;gap:6px;}
.ex-wchip{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;}
.ex-find-acts{display:flex;gap:10px;margin-top:4px;}
.ex-btn-light,.ex-btn-ghost{font:inherit;font-weight:800;font-size:15px;border-radius:12px;padding:11px 18px;cursor:pointer;}
.ex-btn-light{border:0;background:#fff;color:#1b2a44;}
.ex-btn-ghost{border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#fff;}
.ex-btn-light:active,.ex-btn-ghost:active{opacity:.82;}

/* pick up */
.ex-up{flex:0 0 auto;width:178px;scroll-snap-align:start;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--dom-a,#2f8fd1);border-radius:14px;padding:11px 12px 12px;display:flex;flex-direction:column;gap:3px;cursor:pointer;box-shadow:var(--shadow-sm);}
.ex-up:active{background:var(--surface-2);}
.ex-up-k{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);}
.ex-up-t{font-size:15px;font-weight:800;line-height:1.2;}
.ex-up-s{font-size:12px;color:var(--text-muted);}
.ex-up-path{border-top-color:var(--dom-b,#0b5a95);background:color-mix(in srgb,var(--dom-a,#2f8fd1) 10%,var(--surface));}

/* area tiles */
.ex-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ex-tile{position:relative;overflow:hidden;min-height:138px;border:0;border-radius:18px;padding:0;text-align:left;font:inherit;color:#fff;cursor:pointer;background:linear-gradient(150deg,var(--dom-a,#2f8fd1),var(--dom-b,#0b5a95));box-shadow:var(--shadow-md);display:flex;align-items:flex-end;transition:transform .12s ease;}
.ex-tile:active{transform:scale(.97);}
.ex-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 25%,rgba(8,14,30,.4));pointer-events:none;}
.ex-tile-art{position:absolute;left:0;top:0;width:100%;height:100%;}
.ex-tile-body{position:relative;z-index:1;padding:12px 13px;display:flex;flex-direction:column;gap:2px;width:100%;}
.ex-tile-name{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.1;text-shadow:0 1px 6px rgba(0,0,0,.28);}
.ex-tile-short{font-size:11.5px;line-height:1.3;opacity:.95;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ex-tile-count{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-top:2px;}

/* paths */
.ex-path{flex:0 0 auto;width:200px;scroll-snap-align:start;text-align:left;font:inherit;color:#fff;border:0;border-radius:16px;padding:14px 14px 12px;background:linear-gradient(150deg,var(--dom-a,#2f8fd1),var(--dom-b,#0b5a95));display:flex;flex-direction:column;gap:5px;cursor:pointer;box-shadow:var(--shadow-sm);}
.ex-path:active{opacity:.9;}
.ex-path-big{width:100%;flex:none;margin-bottom:10px;}
.ex-path-t{font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.15;}
.ex-path-b{font-size:13.5px;line-height:1.35;opacity:.95;}
.ex-path-s{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.9;}
.ex-path-bar{height:4px;border-radius:4px;background:rgba(255,255,255,.28);overflow:hidden;margin-top:2px;}
.ex-path-bar i{display:block;height:100%;background:#fff;border-radius:4px;}
.ex-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;}
.ex-step{display:flex;gap:12px;padding:0 0 18px;position:relative;}
.ex-step::before{content:"";position:absolute;left:15px;top:32px;bottom:2px;width:2px;background:var(--border);}
.ex-step:last-child::before{display:none;}
.ex-step-n{flex:0 0 32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;background:var(--surface-2);color:var(--text-muted);border:2px solid var(--border);z-index:1;}
.ex-step.is-current .ex-step-n{background:var(--accent-500);border-color:var(--accent-500);color:#fff;}
.ex-step.is-done .ex-step-n{background:var(--success,#2f9e66);border-color:var(--success,#2f9e66);color:#fff;}
.ex-step-b{flex:1;min-width:0;}
.ex-step-t{font-size:16.5px;font-weight:800;line-height:1.25;}
.ex-step.is-later .ex-step-t{color:var(--text-muted);}
.ex-step-note{font-size:14px;line-height:1.4;color:var(--text-muted);margin-top:2px;}
.ex-step-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;}
.ex-step.is-current .ex-step-b{background:color-mix(in srgb,var(--accent-500) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent-500) 30%,var(--border));border-radius:14px;padding:11px 12px 12px;}
.ex-path-start{padding:16px;display:flex;flex-direction:column;gap:10px;}
.ex-path-start p{margin:0;font-size:15.5px;line-height:1.45;}
.ex-path-start h2{margin:0;font-size:20px;}
.ex-path-foot{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.ex-area-hero{margin:0;}

/* duo tiles */
.ex-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.ex-duo-card{text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;box-shadow:var(--shadow-sm);}
.ex-duo-card:active{background:var(--surface-2);}
.ex-duo-ic{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:4px;}
.ex-duo-nb .ex-duo-ic{background:linear-gradient(140deg,#e3a21b,#c46d0e);}
.ex-duo-rs .ex-duo-ic{background:linear-gradient(140deg,#2f9e66,#18704f);}
.ex-duo-t{font-size:15.5px;font-weight:800;line-height:1.2;}
.ex-duo-s{font-size:12.5px;line-height:1.35;color:var(--text-muted);}

/* area / search cards */
.ex-pick{border-left:4px solid var(--dom-a,var(--accent-500));}
.ex-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px;}
.ex-snippet{font-size:13.5px;line-height:1.4;color:var(--text-muted);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ex-chip{background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;}
.ex-chip-area{background:color-mix(in srgb,var(--dom-a,var(--accent-500)) 16%,var(--surface));color:var(--text);}
.ex-chip-on{background:var(--success-100,#dff3e8);color:var(--success,#18704f);}
.ex-ev{display:inline-block;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800;}
.ex-ev-strong{background:#dff3e8;color:#14603f;}
.ex-ev-fair{background:#dcecf9;color:#0b5a95;}
.ex-ev-open{background:#fcebcb;color:#8a4a06;}
.ex-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.ex-rs-intro p{margin:0;font-size:15px;line-height:1.5;color:var(--text);}
.ex-h-strong{color:#14603f;}.ex-h-fair{color:#0b5a95;}.ex-h-open{color:#8a4a06;}
.ex-empty{text-align:center;padding:14px 4px 0;}
.ex-empty h2{margin:0 0 4px;font-size:20px;}
.ex-empty p,.ex-empty-note{margin:0;color:var(--text-muted);font-size:14.5px;}
.ex-empty-note{text-align:center;}

/* evidence card on an idea's own page */
.ex-ev-card{padding:15px 16px;border-left:4px solid #0b5a95;}
.ex-ev-card.ex-tone-strong{border-left-color:#2f9e66;}
.ex-ev-card.ex-tone-open{border-left-color:#d98a14;}
.ex-ev-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ex-ev-head .detail-label{margin:0;}
.ex-ev-card p{margin:9px 0 0;font-size:15px;line-height:1.5;}
.ex-ev-card .ex-fine{margin-left:0;}
.ex-ev-none{margin:0;font-size:13.5px;color:var(--text-faint);}
.ex-how{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:var(--surface-2);font-size:14.5px;}
.ex-how b{font-weight:800;}
.ex-how button{border:0;background:none;color:var(--accent-600);font:inherit;font-weight:800;font-size:14px;cursor:pointer;padding:4px 2px;}

/* notebook */
.ex-filter input{width:100%;box-sizing:border-box;border:1.5px solid var(--border);border-radius:14px;background:var(--surface);font:inherit;font-size:16px;color:var(--text);padding:11px 14px;}
.ex-filter input:focus{outline:0;border-color:var(--accent-500);}
.ex-nb{padding:14px 16px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
.ex-nb header{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ex-nb h2{margin:0;font-size:17px;}
.ex-nb-n{background:var(--accent-100);color:var(--accent-700);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:800;}
.ex-nb-lines{list-style:none;margin:0;padding:0;}
.ex-nb-line{font-size:15px;line-height:1.4;padding:7px 0;border-top:1px solid var(--border);}
.ex-nb-line:first-child{border-top:0;}
.ex-nb .btn{align-self:flex-start;}

/* How often sheet */
.fq-lead{margin:0 0 10px;font-size:14.5px;line-height:1.4;color:var(--text-muted);}
.fq-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.fq-card{display:flex;gap:12px;align-items:flex-start;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:14px;padding:12px 13px;cursor:pointer;}
.fq-card.is-on{border-color:var(--accent-500);background:color-mix(in srgb,var(--accent-500) 8%,var(--surface));}
.fq-dot{flex:0 0 20px;height:20px;border-radius:50%;border:2px solid var(--border-strong,#b8c3d3);margin-top:1px;position:relative;}
.fq-card.is-on .fq-dot{border-color:var(--accent-500);}
.fq-card.is-on .fq-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent-500);}
.fq-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.fq-name{font-size:16px;font-weight:800;}
.fq-sub{font-size:13px;line-height:1.35;color:var(--text-muted);}
.fq-extra{display:none;margin-top:8px;flex-wrap:wrap;gap:6px;}
.fq-card.is-on .fq-extra{display:flex;}
.fq-pill{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:700;border-radius:999px;padding:6px 11px;cursor:pointer;}
.fq-pill.is-on{background:var(--accent-500);border-color:var(--accent-500);color:#fff;}
.fq-select{font:inherit;font-size:15px;padding:8px 10px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .ex-ev-strong{background:#12372a;color:#8fe0b6;}
  :root:not([data-theme="light"]) .ex-ev-fair{background:#0e2a42;color:#8cc8f0;}
  :root:not([data-theme="light"]) .ex-ev-open{background:#3b2a0c;color:#f2c373;}
  :root:not([data-theme="light"]) .ex-h-strong{color:#8fe0b6;}:root:not([data-theme="light"]) .ex-h-fair{color:#8cc8f0;}:root:not([data-theme="light"]) .ex-h-open{color:#f2c373;}
}
:root[data-theme="dark"] .ex-ev-strong{background:#12372a;color:#8fe0b6;}
:root[data-theme="dark"] .ex-ev-fair{background:#0e2a42;color:#8cc8f0;}
:root[data-theme="dark"] .ex-ev-open{background:#3b2a0c;color:#f2c373;}
:root[data-theme="dark"] .ex-h-strong{color:#8fe0b6;}:root[data-theme="dark"] .ex-h-fair{color:#8cc8f0;}:root[data-theme="dark"] .ex-h-open{color:#f2c373;}
@media (prefers-reduced-motion: reduce){.ex-find,.ex-tile{animation:none;transition:none;}}
@media (max-width:360px){.ex-tiles,.ex-duo{grid-template-columns:1fr;}.ex-welcome-text h1{font-size:24px;}}

/* v89: notes that talk to the Library */
.nb-compose{ padding:14px 16px; display:flex; flex-direction:column; gap:8px; margin-bottom:12px; }
.nb-compose h2{ margin:0; font-size:17px; }
.nb-hint{ margin:0; font-size:14px; color:var(--text-muted); line-height:1.45; }
.nb-compose textarea{ width:100%; box-sizing:border-box; font:inherit; font-size:16px; padding:10px 12px; border-radius:10px; border:1px solid var(--border-strong); background:var(--surface); color:var(--text); resize:vertical; min-height:72px; }
.nb-actions{ display:flex; flex-wrap:wrap; gap:8px; }
.ex-nb-line{ display:flex; align-items:center; gap:10px; }
.ex-nb-line .nb-txt{ flex:1; min-width:0; }
.nb-rel{ flex:0 0 auto; display:inline-flex; align-items:center; gap:4px; font:inherit; font-size:12.5px; font-weight:600; color:var(--accent-600); background:var(--surface-2); border:0; border-radius:999px; padding:5px 10px; cursor:pointer; min-height:30px; }
.nb-mine-line{ flex-direction:column; align-items:stretch; gap:6px; }
.nb-mine-t{ display:flex; flex-direction:column; gap:2px; }
.nb-mine-t small{ color:var(--text-faint); font-size:12px; }
.nb-mine-a{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.nb-rel-big{ display:inline-flex; align-items:center; gap:6px; }
.nb-del{ font:inherit; font-size:13.5px; color:var(--text-muted); background:none; border:0; padding:6px 2px; cursor:pointer; }
.nbr-sheet h2{ margin:0 0 6px; font-size:21px; }
.nbr-note{ margin:0 0 10px; padding:10px 12px; border-radius:12px; background:var(--surface-2); font-size:16px; line-height:1.45; }
.nbr-lead{ margin:0 0 10px; color:var(--text-muted); font-size:14px; }
.nbr-card{ border:1px solid var(--border); border-radius:14px; padding:12px 14px; margin-bottom:10px; background:var(--surface); display:flex; flex-direction:column; gap:5px; }
.nbr-top{ display:flex; gap:6px; flex-wrap:wrap; }
.nbr-card h3{ margin:2px 0 0; font-size:17px; }
.nbr-one{ margin:0; font-size:14.5px; line-height:1.45; }
.nbr-why{ margin:0; font-size:13px; color:var(--text-muted); line-height:1.4; }
.nbr-acts{ display:flex; gap:8px; flex-wrap:wrap; margin-top:4px; }
.nbr-none{ color:var(--text-muted); font-size:15px; }

/* v90: My notebook as three drop-downs */
.nb-dd{ padding:0; margin-bottom:12px; overflow:hidden; }
.nb-dd > summary{ list-style:none; display:flex; align-items:center; gap:10px; padding:15px 16px; cursor:pointer; min-height:56px; }
.nb-dd > summary::-webkit-details-marker{ display:none; }
.nb-dd-t{ flex:1; min-width:0; font-weight:600; font-size:17px; }
.nb-dd-s{ font-size:12px; font-weight:600; color:var(--success); background:var(--success-100); border-radius:999px; padding:2px 8px; }
.nb-dd-chev{ flex:0 0 auto; width:9px; height:9px; border-right:2px solid var(--text-muted); border-bottom:2px solid var(--text-muted); transform:rotate(45deg); margin:0 4px 4px 2px; transition:transform .15s; }
.nb-dd[open] > summary .nb-dd-chev{ transform:rotate(225deg); margin-bottom:-2px; }
.nb-dd-b{ padding:0 16px 14px; display:flex; flex-direction:column; gap:10px; }
.nb-add{ display:flex; gap:8px; align-items:flex-start; }
.nb-add textarea,.nb-add input{ flex:1; min-width:0; box-sizing:border-box; font:inherit; font-size:16px; padding:9px 11px; border-radius:10px; border:1px solid var(--border-strong); background:var(--surface); color:var(--text); }
.nb-add textarea{ resize:vertical; min-height:46px; }
.nb-add .btn{ flex:0 0 auto; }
.nb-txt small{ display:block; margin-top:2px; font-size:12px; color:var(--text-faint); }
.nb-empty{ margin:0; font-size:14px; color:var(--text-muted); }
.nb-del{ flex:0 0 auto; font:inherit; font-size:13px; color:var(--text-muted); background:none; border:0; padding:6px 2px; cursor:pointer; }
.nb-sw{ display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border-radius:12px; background:var(--surface-2); cursor:pointer; }
.nb-sw input{ width:20px; height:20px; margin-top:2px; accent-color:var(--refresh-action, var(--accent-500)); }
.nb-sw b{ display:block; font-size:15px; } .nb-sw small{ display:block; font-size:13px; color:var(--text-muted); line-height:1.4; }
.nb-rls{ list-style:none; margin:0; padding:0; border-top:1px solid var(--border); }
.nb-rl{ border-bottom:1px solid var(--border); }
.nb-rl-h{ appearance:none; width:100%; display:flex; align-items:center; gap:10px; background:none; border:0; font:inherit; color:var(--text); text-align:left; padding:12px 2px; cursor:pointer; min-height:48px; }
.nb-rl-t{ flex:1; min-width:0; font-size:15.5px; font-weight:600; }
.nb-rl-n{ font-size:13px; color:var(--text-muted); }
.nb-rl.is-open .nb-rl-h .nb-dd-chev{ transform:rotate(225deg); margin-bottom:-2px; }
.nb-rl-b{ padding:0 2px 12px; display:flex; flex-direction:column; gap:8px; }
.nb-rl-p{ margin:0; font-size:13.5px; color:var(--text-muted); }
.nb-rl-rm{ align-self:flex-start; font:inherit; font-size:13px; color:var(--text-muted); background:none; border:0; padding:4px 0; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.nb-more h3{ margin:4px 0 8px; font-size:15px; font-weight:600; }
.nb-more .ex-qs{ margin-bottom:10px; }
.nb-e8 h3{ margin:6px 0 2px; font-size:15px; font-weight:600; }