:root{--paper:#FBF7F1;--paper2:#F3ECE1;--card:#FFFFFF;--ink:#1C1714;--ink2:#4B4038;--mut:#857669;--line:#ECE3D6;--brown:#6E3B22;--terra:#B4582F;--peach:#F2A27E;--teal:#24606F;--gold:#E9C46A;--r:16px;--fs:1;--serif:"Frank Ruhl Libre","Source Serif 4",Georgia,serif;--sans:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--shadow:0 1px 2px rgba(40,20,10,.05),0 8px 24px rgba(40,20,10,.06)}
html.dark{--paper:#15110E;--paper2:#1E1915;--card:#211B17;--ink:#F3ECE3;--ink2:#D3C7BA;--mut:#A39484;--line:#342B24;--brown:#F2A27E;--terra:#F2A27E;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.3)}
html[lang=en]{--serif:"Source Serif 4","Frank Ruhl Libre",Georgia,serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:calc(100% * var(--fs));scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.05rem;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--brown);text-decoration:none;transition:color .15s}a:hover{color:var(--terra)}:focus-visible{outline:3px solid var(--terra);outline-offset:2px;border-radius:8px}
.skip{position:absolute;inset-inline-start:8px;top:-60px;background:var(--ink);color:var(--paper);padding:8px 14px;z-index:99}.skip:focus{top:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}.narrow{max-width:820px}.narrow-wide{max-width:1000px}.center{text-align:center}
h1,h2,h3{font-family:var(--serif);line-height:1.18;margin:0;color:var(--ink);font-weight:700;letter-spacing:-.005em}
.muted,.mut{color:var(--mut)}.fine{font-size:.82rem;color:var(--mut)}
/* header */
.site-header{background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.hdr{display:flex;align-items:center;gap:18px;height:68px}
.brand{flex:none}.brand img{height:46px;width:auto;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.brand:hover img{transform:rotate(-2deg) scale(1.03)}
html.dark .brand img{filter:drop-shadow(0 0 1px rgba(255,255,255,.4))}
.hdr-search{flex:1;max-width:520px;margin-inline:auto;display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}
.hdr-search:focus-within{border-color:var(--terra);box-shadow:0 0 0 4px color-mix(in srgb,var(--terra) 15%,transparent)}
.hdr-search input{border:0;background:transparent;font:inherit;font-size:.95rem;padding:7px 14px;width:100%;min-width:0;color:var(--ink)}.hdr-search input:focus{outline:none}
.hdr-search button{border:0;background:var(--ink);color:var(--paper);border-radius:999px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;flex:none}
.hdr-tools{display:flex;gap:4px;align-items:center}
.icon-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink2);height:40px;min-width:40px;padding:0 8px;border-radius:12px;cursor:pointer;font:inherit;font-size:.9rem}.icon-btn:hover{background:var(--paper2);color:var(--ink)}
.icon-btn svg{transition:transform .5s}.icon-btn[data-open]:hover svg{transform:rotate(60deg)}
.menu-btn{display:none}
.nav{border-top:1px solid var(--line)}.nav-row{display:flex;justify-content:center;gap:6px}
.nav a{white-space:nowrap;padding:11px 14px;font-weight:500;font-size:.98rem;color:var(--ink2);position:relative}
.nav a:after{content:"";position:absolute;inset-inline:14px;bottom:6px;height:2px;background:var(--terra);transform:scaleX(0);transition:transform .25s;border-radius:2px}
.nav a:hover:after,.nav a[aria-current]:after{transform:scaleX(1)}.nav a[aria-current]{color:var(--ink)}
/* hero */
.hero{position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 15% 30%,color-mix(in srgb,var(--peach) 22%,transparent),transparent 70%);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1.5fr .8fr;align-items:center;gap:30px;padding-top:64px;padding-bottom:56px}
.hero h1{font-size:clamp(2.3rem,5.2vw,3.9rem);font-weight:900;line-height:1.08}
.lede{font-size:1.18rem;color:var(--ink2);margin:16px 0 0;font-family:var(--serif);max-width:640px}.lede.sm{font-size:1rem;margin:0 0 10px}
.big-search{display:flex;align-items:center;gap:6px;margin-top:26px;background:var(--card);border:1.5px solid var(--line);border-radius:999px;padding:6px;box-shadow:0 10px 30px rgba(60,30,10,.09);max-width:640px;transition:border-color .2s,box-shadow .2s,transform .2s}
.big-search:focus-within{border-color:var(--terra);transform:translateY(-1px);box-shadow:0 14px 34px rgba(180,88,47,.16)}
.bs-ic{color:var(--mut);display:grid;place-items:center;padding-inline-start:12px}
.big-search input{flex:1;border:0;font:inherit;font-size:1.1rem;padding:10px 10px;background:transparent;min-width:0;color:var(--ink)}.big-search input:focus{outline:none}
.big-search button{border:0;background:var(--ink);color:var(--paper);font:inherit;font-weight:600;padding:12px 26px;border-radius:999px;cursor:pointer;transition:background .2s,transform .15s}.big-search button:hover{background:var(--terra)}.big-search button:active{transform:scale(.97)}
.quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.quick a{font-size:.88rem;color:var(--ink2);background:var(--card);border:1px solid var(--line);padding:5px 14px;border-radius:999px;transition:transform .2s,border-color .2s}.quick a:hover{transform:translateY(-2px);border-color:var(--terra)}
.quick .rand{background:var(--ink);color:var(--paper);border-color:var(--ink);display:inline-flex;gap:6px;align-items:center}.quick .rand:hover{color:var(--paper);background:var(--terra);border-color:var(--terra)}
.hero-art{width:100%;height:auto;max-width:340px;justify-self:center;filter:drop-shadow(0 18px 24px rgba(60,30,10,.18));animation:roll 6s ease-in-out infinite}
@keyframes roll{0%,100%{transform:translateX(0) rotate(0)}50%{transform:translateX(-10px) rotate(-1.5deg)}}
html[dir=ltr] .hero-art{transform:scaleX(-1);animation:rollL 6s ease-in-out infinite}@keyframes rollL{0%,100%{transform:scaleX(-1) translateX(0)}50%{transform:scaleX(-1) translateX(-10px) rotate(-1.5deg)}}
/* today strip */
.today{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card)}
.today-in{display:grid;grid-template-columns:auto 1fr;gap:0;align-items:stretch}
.today-in>*{padding:14px 20px;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}
.today-in>*+*{border-inline-start:1px solid var(--line)}
.t-k{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--terra);text-transform:uppercase}
.t-date b{font-family:var(--serif);font-size:1.25rem;font-weight:700}.t-date small{color:var(--mut);font-size:.8rem}
.t-zm{color:inherit}.t-zm:hover{background:var(--paper)}.zm-row{display:flex;gap:18px;flex-wrap:wrap;font-weight:600;font-variant-numeric:tabular-nums}.zm-row span{display:flex;flex-direction:column;line-height:1.25}.zm-row small{font-size:.72rem;color:var(--mut);font-weight:500}
.t-hist .t-h{font-size:.95rem;line-height:1.4}.t-hist .t-h small{color:var(--mut)}
/* sections */
.sec{margin:56px 0}.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:22px}
.sec-h h2{font-size:1.75rem;font-weight:900;position:relative;padding-inline-start:16px}.sec-h h2:before{content:"";position:absolute;inset-inline-start:0;top:.2em;bottom:.2em;width:5px;border-radius:3px;background:var(--terra)}
.more{font-size:.92rem;font-weight:600;white-space:nowrap}.more span{display:inline-block;transition:transform .2s}.more:hover span{transform:translateX(-4px)}html[dir=ltr] .more:hover span{transform:translateX(4px)}
.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .25s,transform .25s cubic-bezier(.2,.9,.3,1.2)}.card:hover{box-shadow:0 14px 34px rgba(60,30,10,.12);transform:translateY(-4px)}
.card-link{display:flex;flex-direction:column;height:100%;color:inherit}
.card-media{aspect-ratio:16/10;background:var(--paper2);position:relative;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover .card-media img{transform:scale(1.05)}
.card-type{display:flex;align-items:flex-end;padding:18px;background:linear-gradient(135deg,var(--brown),#4a2716);color:#fff}.card-type span{font-family:var(--serif);font-size:1.6rem;font-weight:900;line-height:1.1;color:#FBE3D3}
.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.card-body h3{font-size:1.32rem}.card-body p{margin:0;color:var(--ink2);font-size:.95rem;line-height:1.55}
.kicker{font-size:.76rem;font-weight:700;color:var(--terra);letter-spacing:.03em}.meta{font-size:.8rem;color:var(--mut);margin-top:auto;padding-top:6px}.ext{font-size:.75em;color:var(--mut)}
.play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:rgba(20,12,8,.62);backdrop-filter:blur(3px);display:block;transition:transform .25s,background .25s}.play:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-38%,-50%);border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.play.big{width:68px;height:68px}.play.sm{width:34px;height:34px}.play.sm:after{border-width:6px 0 6px 10px}
.yt:hover .play,.card:hover .play,.ytr:hover .play{transform:scale(1.12);background:var(--terra)}
.dur{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.78);color:#fff;font-size:.72rem;padding:1px 6px;border-radius:5px;direction:ltr}
.feat .card:first-child{grid-column:span 1}
.art-lead{margin-bottom:22px}.card-lead .card-link{display:grid;grid-template-columns:1.3fr 1fr}.card-lead .card-media{aspect-ratio:auto;min-height:320px}.card-lead .card-body{padding:30px;justify-content:center}.card-lead h3{font-size:2.1rem}.card-lead p{font-size:1.05rem}
.side-list{display:flex;flex-direction:column;gap:12px}
.card-row .card-link{flex-direction:row}.card-row .card-media{width:96px;flex:none;aspect-ratio:1;min-height:0}.card-row .card-type span{font-size:.95rem}.card-row h3{font-size:1.02rem}.card-row .card-body{padding:10px 14px}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.g2v{grid-template-columns:repeat(2,1fr)}
.vcard{display:flex;flex-direction:column;gap:10px}.vcard h3{font-size:1.05rem;line-height:1.35}.vcard-t{color:inherit}.vcard-t:hover h3{color:var(--terra)}
.yt{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111;box-shadow:var(--shadow)}.yt-btn{all:unset;cursor:pointer;display:block;width:100%;height:100%;position:relative}.yt-btn img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.yt:hover img{transform:scale(1.04)}
.yt iframe,.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:26px 24px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);color:inherit;min-height:132px;justify-content:flex-end;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),box-shadow .25s}
.tile:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 14px 30px rgba(60,30,10,.12);color:inherit}
.tile b{font-family:var(--serif);font-size:1.45rem;font-weight:900}.tile span{color:var(--ink2);font-size:.92rem}
.tile:after{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:110px;height:110px;border-radius:50%;opacity:.16;transition:transform .4s}.tile:hover:after{transform:scale(1.3)}
.tile-dynasty:after{background:var(--terra)}.tile-community:after{background:var(--teal)}.tile-history:after{background:var(--brown)}.tile-music:after{background:var(--gold);opacity:.35}.tile-custom:after{background:var(--peach);opacity:.4}.tile-biz:after{background:var(--ink)}
/* pages */
.page-h{padding:44px 0 6px}.page-h h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:900}.eyebrow{font-size:.78rem;letter-spacing:.06em;color:var(--terra);font-weight:700;margin:0 0 8px;text-transform:uppercase}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip{display:inline-flex;gap:6px;align-items:center;font:inherit;font-size:.9rem;background:var(--card);border:1px solid var(--line);color:var(--ink2);padding:6px 15px;border-radius:999px;cursor:pointer;transition:all .2s}.chip span{color:var(--mut);font-size:.75rem}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip.on span{color:inherit;opacity:.7}.chips.big .chip{font-size:1rem;padding:8px 18px}
.empty{color:var(--mut);padding:18px 0}.loading{color:var(--mut)}.loading:after{content:"";display:inline-block;width:1em;height:1em;margin-inline-start:8px;vertical-align:-2px;border:2px solid var(--line);border-top-color:var(--terra);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.crumbs{font-size:.88rem;padding-top:26px;color:var(--mut)}.crumbs span{margin:0 4px}
.doc-h{padding:14px 0 22px;max-width:880px}.doc-h h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900}.he-sub,.he{font-family:"Frank Ruhl Libre",serif;font-weight:500;color:var(--mut);font-size:.55em;margin-inline-start:8px}
.dek{font-family:var(--serif);font-size:1.3rem;color:var(--ink2);margin:12px 0 0}.byline{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;color:var(--mut);font-size:.88rem;margin-top:14px}
.share{display:inline-flex;align-items:center;gap:6px;background:#E8F7EE;color:#1C7C46;border-radius:999px;padding:4px 12px;font-weight:600;font-size:.82rem}.share:hover{background:#25D366;color:#fff}html.dark .share{background:#173826;color:#8BE0AE}
.fig{margin:0 0 26px}.fig img{width:100%;max-height:540px;object-fit:cover;border-radius:var(--r)}.fig figcaption{font-size:.85rem;color:var(--mut);padding-top:8px;display:flex;flex-direction:column;gap:2px}.credit{font-size:.72rem;text-align:start}.credit a{color:var(--mut)}
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px}
.doc-main>.lede{font-size:1.32rem;line-height:1.55;margin:0 0 20px;color:var(--ink)}
.prose{font-family:var(--serif);font-size:1.2rem;line-height:1.8;max-width:720px}.prose h2{font-size:1.65rem;margin:34px 0 10px;font-weight:900}.prose h3{font-size:1.3rem;margin:24px 0 8px}.prose p{margin:0 0 18px}.prose ul{padding-inline-start:22px;margin:0 0 18px}.prose li{margin:5px 0}.prose blockquote{margin:22px 0;padding:6px 20px;border-inline-start:4px solid var(--peach);color:var(--ink2);font-style:italic}
.prose p:first-of-type::first-letter{font-size:3.2em;float:inline-start;line-height:.9;margin-inline-end:8px;margin-top:4px;font-weight:900;color:var(--terra)}
.cite{font-family:var(--sans);font-size:.7rem;margin:0 1px}.cite a{color:var(--terra)}
.infobox{float:inline-end;width:290px;margin-inline-start:26px;margin-bottom:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;font-size:.92rem;box-shadow:var(--shadow)}.ib-t{font-size:1.15rem;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:6px}.infobox dl{margin:0}.infobox dl div{display:grid;grid-template-columns:96px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--paper2)}.infobox dl div:last-child{border:0}.infobox dt{color:var(--mut);font-weight:500}.infobox dd{margin:0}
.note{clear:both;background:color-mix(in srgb,var(--gold) 14%,var(--card));border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));border-radius:14px;padding:14px 18px;margin:18px 0;font-size:.98rem}.note p{margin:4px 0 0}.note strong{color:var(--brown)}.note-disputed{background:color-mix(in srgb,var(--teal) 8%,var(--card));border-color:color-mix(in srgb,var(--teal) 30%,var(--line))}.note-disputed strong{color:var(--teal)}
.sources{clear:both;margin-top:34px;padding-top:14px;border-top:1px solid var(--line)}.sources h2{font-size:1.2rem;margin-bottom:8px}.sources ol{padding-inline-start:22px;font-size:.9rem;margin:0}.sources li{margin:6px 0}
.tags{margin-top:20px}
.doc-side{display:flex;flex-direction:column;gap:14px}.doc-side>*:first-child{margin-top:4px}.side-h{font-size:1.05rem;padding-bottom:8px;border-bottom:1px solid var(--line);margin-top:10px}
.preview-bar{background:#FFE7A8;color:#000;text-align:center;padding:8px;font-weight:700}
.player{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;margin-top:16px;box-shadow:var(--shadow)}.player.vertical{aspect-ratio:9/16;max-width:380px;margin-inline:auto}
.vid-h{padding:20px 0}.vid-h h1{font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:900;margin-top:6px}.orig{color:var(--mut);font-size:.88rem;margin:6px 0 0}
.press{display:flex;flex-direction:column}.press-row{padding:16px 0;border-bottom:1px solid var(--line)}.press-row h3{font-size:1.2rem;margin:4px 0}.press-row p{margin:0;color:var(--ink2);font-size:.95rem}.press-meta{display:flex;gap:10px;font-size:.8rem;color:var(--mut)}.press-meta .pub{color:var(--teal);font-weight:700}.press-rel{display:flex;flex-wrap:wrap;gap:12px;font-size:.88rem;padding:6px 0 12px}.press.compact .press-row h3{font-size:1rem}.press.compact p{font-size:.86rem}
.hist-list{list-style:none;margin:0;padding:0}.hist-list li{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.hist-list .hd{font-weight:700;color:var(--terra);font-size:.9rem}.hist-list small{color:var(--mut)}.hist-list .src{font-size:.78rem;color:var(--mut);margin-inline-start:6px}
/* search */
.search-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:36px;margin-top:22px}
.side-panel{position:sticky;top:130px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;max-height:calc(100vh - 150px);overflow:auto;box-shadow:var(--shadow)}.side-panel h2{font-size:1.15rem;margin-bottom:12px}
.yt-player{margin-bottom:12px}.yt-player .player{margin-top:0}.np{font-size:.88rem;font-weight:700;margin:6px 0 0}
.yt-list{display:flex;flex-direction:column;gap:8px}.ytr{display:flex;gap:10px;color:inherit;border-radius:12px;padding:5px;transition:background .2s}.ytr.on,.ytr:hover{background:var(--paper2);color:inherit}.ytr-img{position:relative;width:132px;flex:none;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#222}.ytr-img img{width:100%;height:100%;object-fit:cover}.ytr-t{display:flex;flex-direction:column;gap:2px;min-width:0}.ytr-t b{font-size:.86rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.ytr-t small{color:var(--mut);font-size:.74rem}
.web-res{display:flex;flex-direction:column}.wres{display:flex;flex-direction:column;gap:3px;padding:13px 0;border-bottom:1px solid var(--line);color:inherit}.wres b{color:var(--brown);font-size:1.05rem;font-weight:600}.wres:hover b{color:var(--terra)}.wres span{font-size:.92rem;color:var(--ink2)}.wres small{color:var(--mut);font-size:.8rem}
/* community */
.comments .cnt{font-family:var(--sans);font-size:.85rem;background:var(--paper2);border-radius:999px;padding:1px 10px;vertical-align:middle;color:var(--ink2)}
html.nocomments .comments{display:none}
.clist{list-style:none;margin:0 0 16px;padding:0}.clist li{border-bottom:1px solid var(--line);padding:12px 0;animation:pop .35s ease}.c-h{display:flex;gap:10px;align-items:baseline}.c-h span{font-size:.78rem;color:var(--mut)}.clist p{margin:4px 0 0;white-space:pre-wrap}
@keyframes pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cdet summary{cursor:pointer;font-weight:600;color:var(--brown);padding:8px 0;list-style:none}.cdet summary::-webkit-details-marker{display:none}.cdet summary:before{content:"✎ ";}
.cform{display:flex;flex-direction:column;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-top:8px}.cform input,.cform textarea,.cform select{font:inherit;font-size:16px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:100%;transition:border-color .2s}.cform input:focus,.cform textarea:focus{outline:none;border-color:var(--terra)}.cform textarea{resize:vertical}
.cf-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cform button,.btn{font:inherit;font-weight:600;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:9px 24px;cursor:pointer;transition:background .2s,transform .15s;display:inline-block}.cform button:hover,.btn:hover{background:var(--terra);color:#fff}.cform button:active,.btn:active{transform:scale(.96)}.cform button:disabled{opacity:.6}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.cf-msg{font-size:.88rem;color:var(--teal)}.hp{position:absolute!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);pointer-events:none}
.ai-out{background:color-mix(in srgb,var(--teal) 8%,var(--card));border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:14px;padding:14px 16px;animation:pop .4s ease}.ai-tag{display:inline-block;font-size:.72rem;font-weight:700;color:var(--teal);background:var(--card);border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:999px;padding:1px 10px}.ai-out p{margin:6px 0 0}
.comm-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px}.qlist{display:flex;flex-direction:column;gap:12px;margin-top:18px}.qa{border-bottom:1px solid var(--line);padding-bottom:12px}.qa .q{font-family:var(--serif);font-size:1.15rem;font-weight:700;margin:0}.qa .a p{margin:6px 0 0}
.tlist{display:flex;flex-direction:column;margin-top:12px}.thread{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--line);color:inherit}.thread b{font-family:var(--serif);font-size:1.15rem}.thread:hover b{color:var(--terra)}.thread small{color:var(--mut)}.t-topic{font-size:.72rem;font-weight:700;color:var(--terra)}.thread-full h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;margin-top:10px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 28px}.step{display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:inherit;transition:transform .2s}.step:hover{transform:translateY(-3px);color:inherit}.step b{font-family:var(--serif);font-size:1.15rem}.step span:last-child{font-size:.86rem;color:var(--ink2);line-height:1.45}.step-ic{width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center}
/* zmanim */
.zm-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;margin:24px 0;box-shadow:var(--shadow)}
.zm-h h2{font-size:1.7rem;font-weight:900}.zm-h p{margin:4px 0 0;color:var(--mut)}
.zm-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:18px 0 0}.zm-list div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.zm-list dt{color:var(--ink2)}.zm-list dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;direction:ltr}
.zm-shab{margin-top:20px;padding:16px 18px;border-radius:14px;background:color-mix(in srgb,var(--gold) 16%,var(--card))}.zm-shab h3{font-size:1.15rem}.zm-sh-row{display:flex;gap:30px;margin-top:8px}.zm-sh-row span{display:flex;flex-direction:column}.zm-sh-row small{color:var(--ink2)}.zm-sh-row b{font-size:1.4rem;font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.geo-res{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.geo{font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 14px;cursor:pointer;color:var(--ink)}.geo:hover{border-color:var(--terra)}.geo small{color:var(--mut);font-size:.75rem}
/* businesses */
.hoods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hood{position:relative;border-radius:var(--r);overflow:hidden;min-height:150px;display:flex;align-items:flex-end;color:#fff;background:var(--brown);transition:transform .25s}.hood:hover{transform:translateY(-3px);color:#fff}.hood img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.hood:hover img{transform:scale(1.06)}.hood:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.05) 70%)}.hood span{position:relative;z-index:1;padding:14px 16px;display:flex;flex-direction:column}.hood b{font-family:var(--serif);font-size:1.3rem}.hood small{opacity:.85}
.map{height:420px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);z-index:1}.map.sm{height:260px;margin:18px 0}
.biz-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.biz-tools input,.biz-tools select{font:inherit;font-size:.95rem;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink)}.biz-tools input{flex:1;min-width:200px}
.biz-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.biz{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:inherit;transition:transform .2s,border-color .2s;height:100%}.biz:hover{transform:translateY(-2px);border-color:var(--terra);color:inherit}.biz b{font-family:var(--serif);font-size:1.12rem}.biz small{color:var(--mut);font-size:.8rem}.biz-cat{font-size:.72rem;font-weight:700;color:var(--teal)}
.biz-info{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.biz-info div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column}.biz-info span{font-size:.76rem;color:var(--mut)}.biz-actions{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 10px}
/* footer */
.site-footer{background:#1E1712;color:#E9DCCB;margin-top:80px;padding:44px 0 34px}.foot{display:grid;grid-template-columns:1.1fr 1fr;gap:26px 40px}.foot-brand{display:flex;gap:16px;align-items:center}.foot-brand img{width:92px;height:auto}.foot-brand strong{font-family:var(--serif);font-size:1.5rem;color:#fff}.foot-brand p{margin:2px 0 0;color:#CDBBA6}
.news-form label{display:block;color:#fff;font-weight:600;margin-bottom:8px}.nf-row{display:flex;gap:8px;background:#2B221B;border-radius:999px;padding:5px}.nf-row input{flex:1;border:0;background:transparent;color:#fff;font:inherit;padding:8px 14px;min-width:0}.nf-row input:focus{outline:none}.nf-row input::placeholder{color:#a8957f}.nf-row button{border:0;background:var(--peach);color:#2a1a10;font:inherit;font-weight:700;border-radius:999px;padding:8px 20px;cursor:pointer}.news-form .cf-msg{color:#F2C9AE;display:block;margin-top:6px}
.foot-nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid #3a2e25;padding-top:18px}.foot-nav a{color:#F2C9AE}.foot-nav a:hover{color:#fff}.site-footer .fine{grid-column:1/-1;color:#A8957F;max-width:780px;margin:0}
/* settings sheet */
.sheet{position:fixed;inset:0;z-index:60}.sheet-bg{position:absolute;inset:0;background:rgba(20,12,8,.35);opacity:0;transition:opacity .25s}.sheet.open .sheet-bg{opacity:1}
.sheet-panel{position:absolute;inset-block:0;inset-inline-end:0;width:min(380px,92vw);background:var(--card);box-shadow:-10px 0 40px rgba(0,0,0,.18);padding:20px 22px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.2,.9,.3,1);overflow:auto}
html[dir=rtl] .sheet-panel{inset-inline-end:auto;left:0;transform:translateX(-100%)}html[dir=ltr] .sheet-panel{right:0;transform:translateX(100%)}.sheet.open .sheet-panel{transform:none}
.sheet-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sheet-h h2{font-size:1.4rem}
.set-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.set-row span{display:flex;flex-direction:column}.set-row small{color:var(--mut);font-size:.8rem}.set-row select{font:inherit;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.switch{position:relative;width:51px;height:31px;flex:none}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{position:absolute;inset:0;background:#D9D2C8;border-radius:999px;transition:background .25s;cursor:pointer}.switch span:before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.switch input:checked+span{background:#34C759}.switch input:checked+span:before{transform:translateX(20px)}.switch input:focus-visible+span{outline:3px solid var(--terra);outline-offset:2px}
.seg{display:flex;background:var(--paper2);border-radius:10px;padding:3px}.seg button{border:0;background:transparent;font:inherit;font-weight:700;padding:5px 12px;border-radius:8px;cursor:pointer;color:var(--ink)}.seg button:hover{background:var(--card)}
/* playful bits */
.confetti{position:fixed;inset:0;pointer-events:none;z-index:99;overflow:hidden}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall 1.8s cubic-bezier(.2,.6,.4,1) forwards}@keyframes fall{to{transform:translateY(105vh) rotate(720deg);opacity:.2}}
.rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
.nf{padding:60px 18px}.nf img{margin:0 auto 14px;animation:roll 3s ease-in-out infinite}.nf .big-search{margin-inline:auto}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
/* responsive */
@media (max-width:1020px){.g4,.vgrid,.hoods{grid-template-columns:repeat(2,1fr)}.g3,.biz-list{grid-template-columns:repeat(2,1fr)}.doc-grid{grid-template-columns:1fr}.search-grid,.comm-grid{grid-template-columns:1fr}.search-side{order:-1}.side-panel{position:static;max-height:none}.card-lead .card-link{grid-template-columns:1fr}.card-lead .card-media{min-height:220px}.today-in{grid-template-columns:auto 1fr}.tool-l{display:none}}
@media (max-width:760px){
 .hdr{height:60px;gap:8px}.menu-btn{display:inline-flex}.brand img{height:36px}.hdr-search{display:none}
 .nav{display:none;border-top:1px solid var(--line)}body.nav-open .nav{display:block;animation:pop .2s ease}.nav-row{flex-direction:column;gap:0;padding:6px 22px 12px}.nav a{padding:12px 0;font-size:1.08rem;border-bottom:1px solid var(--line)}.nav a:after{display:none}
 .hero-in{grid-template-columns:1fr;padding-top:26px;padding-bottom:30px;gap:4px}.hero-art{order:-1;max-width:150px;justify-self:start}.hero h1{font-size:2.15rem}.lede{font-size:1.06rem}.big-search{margin-top:20px}.big-search input{font-size:16px;padding:9px 6px}.big-search button{padding:11px 18px}.bs-ic{padding-inline-start:8px}
 .today-in{grid-template-columns:1fr}.today-in>*+*{border-inline-start:0;border-top:1px solid var(--line)}.today-in>*{padding:12px 4px}
 .g2,.g3,.g4,.tiles,.biz-list,.biz-info{grid-template-columns:1fr}.vgrid{grid-template-columns:1fr 1fr;gap:14px}.vcard h3{font-size:.95rem}.g2v{grid-template-columns:1fr}.hoods{grid-template-columns:1fr 1fr}
 .tiles{grid-template-columns:1fr 1fr;gap:12px}.tile{min-height:112px;padding:18px 16px}.tile b{font-size:1.15rem}.tile span{font-size:.8rem}
 .sec{margin:40px 0}.sec-h h2{font-size:1.4rem}.card-lead h3{font-size:1.5rem}.card-lead .card-body{padding:18px}.card-body h3{font-size:1.2rem}
 .infobox{float:none;width:auto;margin:0 0 20px}.prose{font-size:1.12rem}.doc-h h1{font-size:2.1rem}.dek{font-size:1.12rem}.steps{grid-template-columns:1fr 1fr}.zm-list{grid-template-columns:1fr}.hist-list li{grid-template-columns:90px 1fr}
 .foot{grid-template-columns:1fr}.wrap{padding:0 18px}.page-h{padding-top:28px}}

/* videos tabs & channels */
.vtabs{display:flex;gap:4px;margin-top:22px;border-bottom:1px solid var(--line)}.vtab{padding:10px 18px;font-weight:700;font-size:1.05rem;color:var(--mut);border-bottom:3px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.vtab:hover{color:var(--ink)}.vtab.on{color:var(--ink);border-color:var(--terra)}
.g3v{grid-template-columns:repeat(3,1fr)}
.sgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.vshort .yt{aspect-ratio:9/16}.vshort .yt img{object-position:center}
.chgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.chcard{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.chcard:hover{transform:translateY(-3px);border-color:var(--terra);box-shadow:var(--shadow);color:inherit}.ch-img{width:112px;flex:none;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:var(--paper2)}.ch-img img{width:100%;height:100%;object-fit:cover}.ch-b{display:flex;flex-direction:column;min-width:0}.ch-b b{font-family:var(--serif);font-size:1.1rem;line-height:1.25}.ch-b small{color:var(--mut);font-size:.78rem}
.ch-h{padding:16px 0 4px}.ch-h h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:900}
.vcard-t .kicker a{color:var(--terra)}
@media (max-width:1020px){.g3v,.chgrid{grid-template-columns:repeat(2,1fr)}.sgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.g3v{grid-template-columns:1fr}.chgrid{grid-template-columns:1fr}.sgrid{grid-template-columns:repeat(2,1fr);gap:12px}.vtab{padding:9px 12px;font-size:.98rem}}

/* ===== v8 ===== */
.lang-pick{position:relative}.globe{font-size:1.25rem;line-height:1}
.lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(40,20,10,.18);padding:6px;min-width:190px;z-index:60;animation:pop .18s ease}
.lang-menu a{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;font-size:1.08rem;font-weight:600;color:var(--ink)}.lang-menu a:hover,.lang-menu a[aria-current]{background:var(--paper2)}.lang-menu b{color:#34C759}
.icon-btn.lang-btn,.icon-btn.set-btn,.icon-btn.acct-btn{border:1px solid var(--line);background:var(--card);font-weight:600;color:var(--ink)}
.acct-btn.in{border-color:var(--terra);color:var(--terra)}
.hdr-tools .tool-l{display:inline}
@media (max-width:760px){.hdr-tools{gap:3px}.hdr-tools .icon-btn{flex-direction:column;height:50px;min-width:46px;padding:2px 5px;gap:0;font-size:.62rem;line-height:1.1}.hdr-tools .icon-btn>span:first-child{font-size:1.15rem}.hdr-tools .tool-l{display:block;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-tools a[href="/zmanim"]{display:none}.menu-btn{display:none!important}.brand img{height:32px}}
/* settings panel */
.set-grp{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:6px 16px;margin:14px 0}.set-grp h3{font-family:var(--sans);font-size:.85rem;color:var(--mut);margin:10px 0 2px;letter-spacing:.02em}
.set-row{padding:14px 0;cursor:pointer}.set-row:last-child{border-bottom:0}.set-row .sr-t{display:flex;flex-direction:column;gap:2px}.set-row .sr-t b{font-size:1.05rem}
.switch{width:62px;height:36px}.switch .sl{position:absolute;inset:0;background:#D9D2C8;border-radius:999px;transition:background .25s;cursor:pointer;display:block!important}.switch .sl:before{content:"";position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.switch input:checked+.sl{background:#34C759}.switch input:checked+.sl:before{transform:translateX(26px)}.switch input:focus-visible+.sl{outline:3px solid var(--terra);outline-offset:2px}
.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 12px}.lang-opt{display:block;text-align:center;padding:12px;border-radius:14px;border:2px solid var(--line);font-weight:700;color:var(--ink);font-size:1.05rem}.lang-opt.on{border-color:var(--terra);background:#FCEEE6;color:var(--brown)}html.dark .lang-opt.on{background:#3a2a20}
.set-foot{display:flex;gap:10px;justify-content:space-between;padding:10px 2px 30px}.set-link{font-weight:600}.adm-link{color:var(--mut);font-size:.9rem}
.sheet-panel{width:min(420px,94vw)}
/* admin bar */
#adminbar{background:#1C1714;color:#fff;font-size:.88rem;position:sticky;top:0;z-index:70}#adminbar .ab-in{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:7px 22px}#adminbar a{color:#F2A27E;font-weight:600}#adminbar form{margin:0;margin-inline-start:auto}#adminbar button{background:#B4582F;color:#fff;border:0;border-radius:8px;padding:3px 10px;font:inherit;cursor:pointer}
.adm-c{display:flex;gap:8px;margin-top:6px}.adm-c button{font:inherit;font-size:.8rem;border:1px solid #d33;color:#b22;background:#fff5f5;border-radius:8px;padding:2px 8px;cursor:pointer}
.adm-foot{opacity:.75}
/* tabbar */
.tabbar{display:none}
@media (max-width:860px){.tabbar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:55;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}.tabbar a,.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font:inherit;font-size:.68rem;font-weight:600;color:var(--ink2);background:none;border:0;padding:5px 0;border-radius:12px;cursor:pointer}.tabbar span{font-size:1.3rem;line-height:1.1}.tabbar [aria-current]{color:var(--terra);background:var(--paper2)}body{padding-bottom:72px}.nav{display:none!important}}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:10px}.more-grid a{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 12px;font-weight:600;color:var(--ink)}
.help-link{color:var(--teal)!important}
/* splash */
.splash{position:fixed;inset:0;z-index:200;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .35s}.splash.out{opacity:0;pointer-events:none}
.sp-road{width:100%;height:140px;position:relative;overflow:hidden;border-bottom:3px dashed var(--line)}.sp-cart{position:absolute;bottom:0;height:130px;width:auto;left:-180px;animation:roll 1.25s cubic-bezier(.45,.05,.4,1) forwards}
[dir=rtl] .sp-cart{left:auto;right:-180px;animation-name:rollr}
@keyframes roll{0%{transform:translateX(0) rotate(0)}60%{transform:translateX(calc(50vw + 110px)) rotate(-2deg)}75%{transform:translateX(calc(50vw + 90px)) rotate(1deg)}100%{transform:translateX(calc(50vw + 100px)) rotate(0)}}
@keyframes rollr{0%{transform:translateX(0) scaleX(-1)}60%{transform:translateX(calc(-50vw - 110px)) scaleX(-1) rotate(-2deg)}75%{transform:translateX(calc(-50vw - 90px)) scaleX(-1)}100%{transform:translateX(calc(-50vw - 100px)) scaleX(-1)}}
.sp-word{height:56px;width:auto;opacity:0;animation:fadeup .5s .6s ease forwards}@keyframes fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sp-skip,.sp-snd{position:absolute;top:calc(14px + env(safe-area-inset-top));border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}.sp-skip{inset-inline-end:14px}.sp-snd{inset-inline-start:14px;font-size:1.2rem;padding:6px 12px}
/* page transition cart */
.cart-load{position:fixed;top:0;inset-inline:0;height:4px;z-index:150;pointer-events:none}.cart-load img{position:absolute;top:2px;height:34px;width:auto;left:-60px;opacity:0}.cart-load.go img{opacity:1;animation:loadroll 1.6s ease-in-out infinite}@keyframes loadroll{from{left:-60px}to{left:100%}}
.cart-load.go{background:linear-gradient(90deg,var(--terra),var(--gold));animation:none}
html.noanim .splash,html.noanim .cart-load{display:none}
/* cart dividers in articles */
.cart-div{display:flex;align-items:center;gap:12px;margin:34px 0 8px;opacity:.9}.cart-div img{width:54px;height:auto}.cd-line{flex:1;height:0;border-top:2px dotted var(--line)}
.prose .cart-div img{transition:transform .6s}.prose .cart-div:hover img{transform:translateX(-14px) rotate(-3deg)}
.tr-note,.listing-note{background:var(--paper2);border-radius:12px;padding:10px 14px;font-size:.9rem;color:var(--ink2);margin:14px 0}
/* tour */
.tour{position:fixed;inset:0;z-index:180}.tour-hole{position:absolute;border-radius:14px;box-shadow:0 0 0 9999px rgba(20,12,8,.62);transition:all .3s;pointer-events:none;border:3px solid var(--gold)}
.tour-box{position:absolute;inset-inline:14px;max-width:420px;margin-inline:auto;background:var(--card);border-radius:20px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.35);display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;animation:pop .25s ease}.tour-box p{margin:0;font-weight:500}.tour-b{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.tb-skip{background:none;border:0;font:inherit;color:var(--mut);cursor:pointer}
.btn.big{font-size:1.1rem;padding:13px 26px}
/* YouTube-like video pages */
.wrap.wide{max-width:1400px}
.yt-top{display:flex;flex-direction:column;gap:12px;padding:18px 0 6px}.yt-search{display:flex;max-width:640px;width:100%;margin:0 auto;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--card)}.yt-search input{flex:1;border:0;padding:12px 18px;font:inherit;background:transparent;color:var(--ink);min-width:0}.yt-search button{border:0;border-inline-start:1px solid var(--line);background:var(--paper2);padding:0 20px;cursor:pointer;color:var(--ink)}.yt-search svg{width:20px;height:20px}
.yt-tabs{display:flex;gap:6px;justify-content:center;border-bottom:1px solid var(--line)}.yt-tab{padding:10px 16px;font-weight:700;color:var(--ink2);border-bottom:3px solid transparent}.yt-tab.on{color:var(--ink);border-color:var(--ink)}
.yt-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none;position:sticky;top:0;background:var(--paper);z-index:5}.yt-chips::-webkit-scrollbar{display:none}.ychip{flex:none;border:0;background:var(--paper2);color:var(--ink);font:inherit;font-weight:600;font-size:.92rem;padding:7px 14px;border-radius:10px;cursor:pointer;white-space:nowrap}.ychip.on{background:var(--ink);color:var(--paper)}
.yt-tools{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 12px;font-size:.88rem;color:var(--mut)}.yt-tools select{font:inherit;border:1px solid var(--line);border-radius:10px;padding:5px 8px;background:var(--card);color:var(--ink);max-width:170px}
.ytgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px 16px;padding:8px 0 20px}.ytgrid.sm{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ytc[hidden]{display:none}.ytc-th{display:block;position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}.ytc-th img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.ytc:hover .ytc-th img{transform:scale(1.04)}
.ytc-th .dur{position:absolute;bottom:6px;inset-inline-end:6px;background:rgba(0,0,0,.82);color:#fff;font-size:.75rem;font-weight:700;padding:1px 6px;border-radius:6px;direction:ltr}.ytc-th .dur.sh{background:#c4302b}
.ytc-b{display:flex;gap:10px;padding-top:10px}.ytc-t{min-width:0}.ytc h3{font-family:var(--sans);font-size:.98rem;line-height:1.35;margin:0 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ytc h3 a{color:var(--ink)}.ytc-ch{display:block;color:var(--mut);font-size:.85rem}.ytc-ch:hover{color:var(--ink)}.ytc-m{color:var(--mut);font-size:.8rem}.vbadge{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--mut);color:var(--card);font-size:.6rem}
.avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--h,20) 45% 42%);color:#fff;font-weight:800;font-size:1rem;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.big{width:76px;height:76px;font-size:2rem}
.ytc.row{display:grid;grid-template-columns:168px 1fr;gap:10px}.ytc.row .ytc-th{border-radius:10px}.ytc.row .ytc-b{padding:0}.ytc.row h3{font-size:.9rem}
.watch{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;padding-top:18px}.watch .player{border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#000}.watch .player iframe{width:100%;height:100%;border:0}.watch .player.vertical{aspect-ratio:9/16;max-height:80vh;margin:0 auto;max-width:460px}
.watch-t{font-family:var(--sans);font-size:1.35rem;margin:14px 0 4px;line-height:1.3}.watch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.ch-row{display:flex;align-items:center;gap:10px}.ch-row .avatar{width:42px;height:42px}.ch-n{display:block;font-weight:700;color:var(--ink)}.ch-row small{color:var(--mut);font-size:.8rem}.sub-btn{background:var(--ink);color:var(--paper)!important;border-radius:999px;padding:8px 16px;font-weight:700;margin-inline-start:10px}
.actbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.pill{border:0;background:var(--paper2);color:var(--ink);font:inherit;font-weight:600;padding:8px 16px;border-radius:999px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}.pill[aria-pressed=true]{background:var(--ink);color:var(--paper)}.pill.pop,.round.pop{animation:popb .4s}@keyframes popb{50%{transform:scale(1.18)}}
.watch-desc{background:var(--paper2);border-radius:14px;padding:12px 14px;margin:8px 0 16px}.wd-m{font-weight:700;font-size:.88rem}.watch-desc p{margin:6px 0}
.side-h{font-family:var(--sans);font-size:1rem;margin:0 0 10px}.upnext{display:flex;flex-direction:column;gap:12px}
@media (max-width:1000px){.watch{grid-template-columns:1fr}.watch-side{order:2}}
@media (max-width:600px){.ytgrid{grid-template-columns:1fr;gap:20px}.ytgrid .ytc-th{border-radius:0;margin-inline:-18px}.ytc.row{grid-template-columns:150px 1fr}.watch{padding-top:0}.watch .player{margin-inline:-18px;border-radius:0}}
.shorts-feed{height:calc(100vh - 210px);min-height:480px;overflow-y:auto;scroll-snap-type:y mandatory;max-width:420px;margin:10px auto;border-radius:20px;scrollbar-width:none}.shorts-feed::-webkit-scrollbar{display:none}
.short{scroll-snap-align:start;height:100%;position:relative;background:#000;border-radius:20px;overflow:hidden;margin-bottom:10px}.short-frame{position:absolute;inset:0}.short-frame img{width:100%;height:100%;object-fit:cover;opacity:.9;cursor:pointer}.short-frame iframe{width:100%;height:100%;border:0}.short-play{position:absolute;inset:0;margin:auto;width:90px;height:90px;border:0;background:none;cursor:pointer}
.short-info{position:absolute;bottom:0;inset-inline:0;display:flex;gap:10px;align-items:flex-end;padding:40px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;pointer-events:none}.short.on .short-info{background:none;padding-top:0;bottom:auto;top:0}.short-info h3{font-family:var(--sans);font-size:1rem;margin:0;color:#fff}.short-info span{font-size:.82rem;opacity:.85}.short-acts{margin-inline-start:auto;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.round{width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:1.2rem;display:grid;place-items:center;cursor:pointer}.round .lc{font-size:.7rem}.round[aria-pressed=true]{background:#fff;color:#000}
.kosher-msg{text-align:center;padding:30px 10px}.kosher-msg img{margin:0 auto 10px}
.chcard[hidden]{display:none}
/* account */
.acct-hero{text-align:center;padding:24px 0 8px}.acct-hero img{margin:0 auto}.acct-tabs{display:flex;background:var(--paper2);border-radius:14px;padding:4px;max-width:420px;margin:10px auto}.acct-tabs button{flex:1;border:0;background:none;font:inherit;font-weight:700;padding:10px;border-radius:10px;cursor:pointer;color:var(--ink2)}.acct-tabs button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}
.acct-form,.wform{display:flex;flex-direction:column;gap:14px;max-width:520px;margin:12px auto;background:var(--card);padding:20px;border-radius:20px;box-shadow:var(--shadow)}.wform{max-width:760px}.acct-form label,.wform label{display:flex;flex-direction:column;gap:6px;font-weight:600}.acct-form input:not([type=checkbox]),.wform input:not([type=checkbox]):not([type=file]),.wform textarea,.wform select{font:inherit;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper);color:var(--ink);font-size:1.05rem}.acct-form label.keep{flex-direction:row;align-items:center;font-weight:500}.acct-form .keep input{width:22px;height:22px}
.as-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.as-u{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 14px 5px 5px;font:inherit;cursor:pointer;color:var(--ink)}.as-u .avatar{width:30px;height:30px;font-size:.8rem}.as-clear{border:0;background:none;color:var(--mut);font:inherit;cursor:pointer}.acct-switch{text-align:center}.acct-switch h2{font-size:1rem;font-family:var(--sans)}
.c-name.ro{background:var(--paper2)}
.me-h{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:24px 0 10px}.me-h h1{margin:0}.me-acts{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto}.me-tabs{overflow-x:auto;flex-wrap:nowrap}.my-posts{list-style:none;padding:0}.my-posts li{padding:10px 0;border-bottom:1px solid var(--line)}
.wtools{display:flex;gap:6px}.wtools button{border:1px solid var(--line);background:var(--paper);border-radius:10px;width:42px;height:38px;font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}
/* ads */
.ad-slot.on{margin:22px 0;position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.ad-slot img,.ad-slot video{width:100%;display:block}.ad-tag{position:absolute;top:8px;inset-inline-start:8px;background:rgba(0,0,0,.6);color:#fff;font-size:.7rem;padding:1px 8px;border-radius:6px;z-index:2}
/* help */
.help-list{list-style:none;padding:0;display:grid;gap:12px}.help-step{display:flex;gap:14px;background:var(--card);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.hs-ic{font-size:1.8rem}.help-step p{margin:2px 0 0;color:var(--ink2)}.help-art{margin:0 auto 10px}
html[lang=he]{--serif:"Frank Ruhl Libre",Georgia,serif}html[lang=ru],html[lang=fr]{--serif:"Source Serif 4",Georgia,serif}

.me-tabs .chip{white-space:nowrap;flex:none}.ytpage{padding-bottom:20px}

.t-wx{display:flex;flex-direction:column;color:inherit}.t-wx b{font-size:1.1rem}
.wx-now{display:flex;align-items:center;gap:14px;font-size:2.4rem;background:var(--card);border-radius:20px;padding:16px 20px;box-shadow:var(--shadow)}.wx-now small{font-size:.9rem;color:var(--mut)}
.wx-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px}.wx-d{display:flex;flex-direction:column;align-items:center;background:var(--card);border-radius:14px;padding:10px 2px;font-size:.85rem}.wx-i{font-size:1.5rem}
@media (max-width:600px){.wx-days{grid-template-columns:repeat(4,1fr)}}
.att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:16px 0}.att{background:var(--card);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.att[hidden]{display:none}.att h3{margin:4px 0}.att-k{font-size:.8rem;color:var(--terra);font-weight:700}.att-b{display:flex;gap:8px;flex-wrap:wrap}.kosher{font-size:.88rem;color:var(--teal)}
.map{height:340px;border-radius:18px;margin:12px 0;z-index:1}
.fl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.fl{display:flex;flex-direction:column;gap:4px;background:var(--card);border-radius:16px;padding:14px;box-shadow:var(--shadow);color:var(--ink)}.fl small{color:var(--mut)}.fl .pill{align-self:flex-start;margin-top:6px}
.fl-q{display:flex;gap:8px;margin-bottom:10px}.fl-q input{flex:1;font:inherit;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card);color:var(--ink)}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.pl{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;color:var(--ink)}.pl.il{border-color:#1f5fbf;background:#eef4ff}html.dark .pl.il{background:#1d2a40}.pl small{color:var(--mut)}
section.sec[hidden]{display:none}

/* ===== v8 design system (2026) ===== */
:root{--paper:#FAF7F0;--paper2:#F3EEE4;--card:#FFFFFF;--ink:#1F2A44;--ink2:#3B4560;--mut:#5B5B5B;--line:#E7E1D6;--brown:#2C5A8C;--terra:#2C5A8C;--gold:#B8893B;--peach:#E9D9B8;--teal:#2C5A8C;--r:18px;
--sans:"Rubik","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--serif:"Frank Ruhl Libre","Inter",Georgia,serif;
--shadow:0 1px 2px rgba(31,42,68,.04),0 4px 12px rgba(31,42,68,.05),0 16px 32px -12px rgba(31,42,68,.10);--shadow-h:0 2px 4px rgba(31,42,68,.05),0 12px 28px rgba(31,42,68,.10),0 28px 48px -16px rgba(31,42,68,.16);--ease:cubic-bezier(.2,.8,.2,1)}
html.dark{--paper:#12161F;--paper2:#1A202C;--card:#1B2130;--ink:#EDEFF4;--ink2:#C6CCDA;--mut:#9AA2B4;--line:#2A3245;--brown:#8FB4E0;--terra:#5E8FC8;--gold:#C99A4B;--shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.25);--shadow-h:0 14px 40px rgba(0,0,0,.4)}
html[lang=en],html[lang=ru],html[lang=fr]{--sans:"Inter","Rubik",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--serif:"Frank Ruhl Libre","Source Serif 4",Georgia,serif}
body{font-family:var(--sans);line-height:1.6;letter-spacing:-.003em;background:var(--paper)}
h1,h2{letter-spacing:-.015em;line-height:1.2}h3{font-family:var(--sans);letter-spacing:-.01em}
.page-h h1,.doc-h h1,.hero h1{font-family:var(--serif);font-weight:700}
.sec-h h2{font-family:var(--sans);font-weight:700;font-size:1.35rem}
a{transition:color .18s var(--ease)}
/* glass header */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 78%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.brand img{filter:drop-shadow(0 1px 1.5px rgba(31,42,68,.18))}html.dark .brand img{filter:drop-shadow(0 0 8px rgba(255,255,255,.08))}
.hdr-search{background:var(--card);border:1px solid var(--line);border-radius:999px;transition:box-shadow .2s var(--ease),border-color .2s}.hdr-search:focus-within{border-color:var(--terra);box-shadow:0 0 0 4px color-mix(in srgb,var(--terra) 15%,transparent)}
.icon-btn{border-radius:999px;transition:background .18s var(--ease),color .18s,transform .18s var(--ease)}.icon-btn:active{transform:scale(.96)}
.icon-btn.lang-btn,.icon-btn.set-btn,.icon-btn.acct-btn{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 85%,transparent);color:var(--ink);font-weight:500;padding:0 12px;height:38px}
.icon-btn.lang-btn:hover,.icon-btn.set-btn:hover,.icon-btn.acct-btn:hover{border-color:color-mix(in srgb,var(--terra) 40%,var(--line));background:var(--card)}
.icon-btn .ic{display:inline-flex}.icon-btn .ic svg{width:19px;height:19px}
.acct-btn.in{border-color:var(--gold);color:var(--ink)}.acct-btn.in .ic{color:var(--gold)}
.nav{border-top:0}.nav a{font-weight:500;color:var(--ink2);border-radius:999px;padding:8px 14px;margin:6px 0}.nav a:after{display:none}.nav a:hover{background:var(--paper2);color:var(--ink)}.nav a[aria-current]{background:var(--ink);color:var(--paper)}html.dark .nav a[aria-current]{background:var(--ink);color:#12161F}
.help-link{display:inline-flex!important;align-items:center;gap:6px;color:var(--terra)!important}
.lang-menu{border-radius:18px;box-shadow:var(--shadow-h);border-color:var(--line)}.lang-menu a{font-weight:500}.lang-menu b{color:var(--gold)}
@media (max-width:760px){.hdr-tools .icon-btn{border-radius:14px;height:48px;padding:3px 7px;min-width:48px;font-weight:500}.hdr-tools .icon-btn .ic svg{width:20px;height:20px}.hdr-tools .tool-l{max-width:62px;font-size:.62rem}}
/* bottom bar */
@media (max-width:860px){.tabbar{background:color-mix(in srgb,var(--card) 80%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 -6px 24px rgba(31,42,68,.06)}.tabbar a,.tabbar button{font-weight:500;color:var(--mut);transition:color .18s var(--ease)}.tabbar span{display:grid;place-items:center;width:52px;height:30px;border-radius:999px;transition:background .2s var(--ease)}.tabbar [aria-current]{background:none;color:var(--ink)}.tabbar [aria-current] span{background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--ink)}}
/* cards */
.card,.ytc .ytc-th,.chcard,.att,.fl,.help-step,.fcard,.acct-form,.wform,.tile,.hood{border-radius:var(--r)}
.card{background:var(--card);box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--line) 60%,transparent);transition:transform .22s var(--ease),box-shadow .22s var(--ease);overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.card .kicker,.kicker{color:var(--gold);font-weight:600;letter-spacing:.02em}
.chip,.ychip{border-radius:999px;transition:background .18s var(--ease),color .18s}.chip{background:var(--card);border:1px solid var(--line);color:var(--ink2)}.chip:hover{border-color:var(--terra);color:var(--ink)}.chip.on,.ychip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn,.sub-btn{border-radius:999px;background:var(--terra);color:#fff!important;border:0;font-weight:600;transition:transform .15s var(--ease),filter .15s,box-shadow .2s;box-shadow:0 4px 14px -4px color-mix(in srgb,var(--terra) 60%,transparent)}.btn:hover{filter:brightness(1.07)}.btn:active{transform:scale(.97)}.btn.ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none}
.pill{background:var(--card);border:1px solid var(--line);font-weight:500;transition:all .18s var(--ease)}.pill:hover{border-color:var(--terra)}.pill[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
/* hero */
.hero{background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 7%,var(--paper)) 0%,var(--paper) 100%);border-bottom:1px solid var(--line)}
.big-search,.yt-search{border-radius:999px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.big-search:focus-within,.yt-search:focus-within{border-color:var(--terra);box-shadow:0 0 0 5px color-mix(in srgb,var(--terra) 14%,transparent),var(--shadow)}
.big-search button{border-radius:999px;background:var(--terra);color:#fff}
.hero-art,.foot-brand img,.nf img,.acct-hero img,.help-art,.kosher-msg img,.cart-div img{filter:drop-shadow(0 6px 14px rgba(31,42,68,.14))}
.today{background:var(--card);border-bottom:1px solid var(--line)}
/* settings, sheets */
.sheet-panel{border-radius:0;background:var(--paper)}.set-grp{background:var(--card);border-color:var(--line)}.switch input:checked+.sl{background:var(--terra)}.lang-opt.on{border-color:var(--terra);background:color-mix(in srgb,var(--terra) 10%,var(--card));color:var(--ink)}
.more-grid a{background:var(--card);font-weight:500;transition:transform .15s var(--ease)}.more-grid a:active{transform:scale(.97)}
/* youtube pages */
.ytc-th{box-shadow:0 1px 2px rgba(0,0,0,.06)}.yt-tab.on{border-color:var(--gold)}.ychip{background:var(--card);border:1px solid var(--line)}
.sub-btn{background:var(--ink);box-shadow:none}html.dark .sub-btn{color:#12161F!important}
.watch-desc{background:var(--card);border:1px solid var(--line)}
@media (min-width:1001px){.watch-cm .comments{margin-top:6px}}
/* comments */
.clist li{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:10px;list-style:none}.clist{padding:0}.c-h{display:flex;align-items:center;gap:8px}.avatar.sm{width:26px;height:26px;font-size:.75rem}
.c-acts{display:flex;gap:6px;margin-top:4px}.mini{border:0;background:transparent;color:var(--mut);font:inherit;font-size:.82rem;display:inline-flex;gap:4px;align-items:center;padding:3px 8px;border-radius:999px;cursor:pointer}.mini:hover{background:var(--paper2);color:var(--ink)}.mini[aria-pressed=true]{color:var(--terra)}
.replies{padding-inline-start:18px;margin:8px 0 0;border-inline-start:2px solid var(--line)}.replies li{background:var(--paper);margin-bottom:6px}.rform{margin-top:8px}
/* community feed */
.composer{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;box-shadow:var(--shadow);margin-bottom:14px}.cmp-tabs{display:flex;gap:6px;margin-bottom:8px}.cmp-tabs button{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:transparent;border-radius:999px;padding:6px 12px;font:inherit;font-weight:500;color:var(--ink2);cursor:pointer}.cmp-tabs button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cmp-f{display:flex;flex-direction:column;gap:8px}.cmp-f input,.cmp-f textarea,.cmp-f select{font:inherit;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);color:var(--ink)}.tv-o{display:flex;gap:8px;align-items:center}.tv-o input[type=text],.tv-o input:not([type]){flex:1}
.feed-list{display:grid;gap:14px}.fcard{background:var(--card);border:1px solid var(--line);padding:16px;box-shadow:var(--shadow)}.fc-k{display:flex;gap:6px;align-items:center;color:var(--gold);font-weight:600;font-size:.85rem}.fc-k span{color:var(--mut);font-weight:400}.fcard h3{margin:6px 0 12px;font-size:1.15rem}
.fc-opts{display:grid;gap:8px}.fc-o{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:11px 14px;font:inherit;color:var(--ink);cursor:pointer;text-align:start;transition:border-color .18s,transform .15s var(--ease)}.fc-o:hover:not(:disabled){border-color:var(--terra)}.fc-o:active:not(:disabled){transform:scale(.99)}.fc-bar{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:color-mix(in srgb,var(--terra) 14%,transparent);transition:width .6s var(--ease)}.fc-t,.fc-p{position:relative}.fc-p{font-weight:700;font-size:.9rem}.fc-o.mine{border-color:var(--terra)}.fc-o.right{border-color:#2e8b57}.fc-o.right .fc-bar{background:rgba(46,139,87,.18)}.fc-o.wrong{border-color:#c0392b}.fc-o.wrong .fc-bar{background:rgba(192,57,43,.14)}.fc-o:disabled{cursor:default}
.fc-f{display:flex;justify-content:space-between;gap:8px;margin-top:10px;font-size:.85rem;color:var(--mut);flex-wrap:wrap}.fc-res{margin:10px 0 0;font-weight:600;display:flex;align-items:center;gap:8px}.cheer{width:54px;animation:cheer .7s var(--ease)}@keyframes cheer{0%{transform:translateX(-30px) rotate(-8deg);opacity:0}60%{transform:translateX(4px) rotate(3deg);opacity:1}100%{transform:none}}
/* micro-animations */
@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}main>*{animation:fadein .4s var(--ease) both}
html.noanim main>*{animation:none}
.site-footer{background:var(--card);border-top:1px solid var(--line)}
#adminbar{background:var(--ink)}html.dark #adminbar{background:#0B0E14}#adminbar a{color:#9FD8BC}#adminbar button{background:var(--accent)}

/* ===== palette (swap here) ===== */
:root{--navy:#1F2A44;--blue:#2C5A8C;--accent:#2F7D5B;--paper:#F7F8FA;--paper2:#EEF1F5;--card:#FFFFFF;--ink:var(--navy);--ink2:#3D475E;--mut:#5F6673;--line:#E3E7EE;--brown:var(--blue);--terra:var(--blue);--gold:var(--accent);--teal:var(--blue);--peach:#DCE7F2}
html.dark{--navy:#EDEFF4;--blue:#7FA8DA;--accent:#4FB386;--paper:#12161F;--paper2:#1A202C;--card:#1B2130;--ink:#EDEFF4;--ink2:#C6CCDA;--mut:#9AA2B4;--line:#2A3245;--brown:#8FB4E0;--terra:#5E8FC8;--gold:var(--accent)}

/* ===== FINAL palette (swap here) ===== */
:root{--navy:#111418;--blue:#0E7C86;--blue-h:#0B636B;--accent:#FF6B4A;--paper:#F5F6F8;--paper2:#ECEEF1;--card:#FFFFFF;--ink:#111418;--ink2:#2F353C;--mut:#5F6670;--line:#E4E7EB;--brown:var(--blue);--terra:var(--blue);--gold:var(--blue);--teal:var(--blue);--peach:#DDF1F2;--r:16px}
html.dark{--navy:#ECEFF2;--blue:#19A7B3;--blue-h:#3BC0CB;--accent:#FF6B4A;--paper:#0E1114;--paper2:#151A1F;--card:#171B20;--ink:#ECEFF2;--ink2:#C9CFD6;--mut:#99A1AB;--line:#262C33;--brown:var(--blue);--terra:var(--blue);--gold:var(--blue);--teal:var(--blue)}
a:hover{color:var(--blue-h)}.btn:hover{filter:none;background:var(--blue-h)}
.nbadge,.badge,.vbadge{background:var(--accent)!important;color:#fff!important}.like-btn[aria-pressed=true]{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.mini.like-btn[aria-pressed=true]{background:transparent!important;color:var(--accent)!important}
.hero{background:linear-gradient(180deg,#EAF5F6 0%,var(--paper) 100%)}html.dark .hero{background:linear-gradient(180deg,#0F1A1C 0%,var(--paper) 100%)}
.tabbar [aria-current] span{background:color-mix(in srgb,var(--blue) 14%,transparent)!important;color:var(--blue)!important}.tabbar [aria-current]{color:var(--blue)!important}
.kicker,.card .kicker,.fc-k,.att-k{color:var(--blue)}
#adminbar a{color:#7FE0E8}#adminbar button{background:var(--accent)}
.ytc-th .dur.sh{background:var(--accent)}

@media (max-width:600px){.yt-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.yt-tools label{display:flex;flex-direction:column;gap:2px;font-size:.75rem}.yt-tools select{max-width:none;width:100%}.yt-tabs{justify-content:space-around}.yt-tab{padding:8px 6px;font-size:.92rem}}

.inst{position:fixed;inset-inline:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:90;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-h);display:flex;align-items:center;gap:10px;padding:10px 12px;animation:fadein .3s}.inst img{width:42px;height:42px;border-radius:10px}.inst div{flex:1;display:flex;flex-direction:column}.inst small{color:var(--mut)}.i-x{border:0;background:none;font-size:1.1rem;color:var(--mut);cursor:pointer}
@media (min-width:861px){.inst{inset-inline:auto 20px;bottom:20px;max-width:380px}}
.filt{margin:0 0 10px}.filt summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:7px 14px;font-weight:500}.filt summary::-webkit-details-marker{display:none}.filt[open] summary{background:var(--ink);color:var(--paper)}.filt .yt-tools{padding-top:10px}

.sugg{position:absolute;top:calc(100% + 6px);inset-inline:0;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-h);padding:6px;z-index:80;max-height:70vh;overflow:auto;text-align:start}.sg-h{font-size:.72rem;color:var(--mut);padding:8px 10px 2px;font-weight:600}.sg{display:block;padding:9px 10px;border-radius:10px;color:var(--ink);font-size:.95rem}.sg:hover,.sg.on{background:var(--paper2)}.sg.all{color:var(--blue);font-weight:600}.dym{font-size:1.05rem;margin:10px 0}
@media (max-width:760px){.hero .sugg{position:absolute}}

.roll{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));width:64px;z-index:95;pointer-events:none;inset-inline-start:-80px;animation:rollx 1.2s cubic-bezier(.4,.1,.3,1) forwards;filter:drop-shadow(0 4px 8px rgba(17,20,24,.18))}
@keyframes rollx{0%{transform:translateX(0) rotate(0)}15%{transform:translateX(-30vw) rotate(-3deg)}50%{transform:translateX(-60vw) rotate(2deg)}100%{transform:translateX(-130vw)}}
html[dir=ltr] .roll{animation-name:rollxl}@keyframes rollxl{to{transform:translateX(130vw)}}
@media (min-width:861px){.roll{bottom:24px}}

/* ===== warmth pass (v8h) ===== */
:root{--teal2:#13A3A0;--tint1:#EEF7F7;--tint2:#FFF4F0}html.dark{--tint1:#12201F;--tint2:#221815}
.hero{background:linear-gradient(135deg,#0E7C86 0%,#13A3A0 100%)!important;color:#fff;border-bottom:0;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:auto -10% -60% auto;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.07)}
.hero h1,.hero .lede{color:#fff}.hero .lede{opacity:.92}
.hero .big-search{border:0;box-shadow:0 10px 30px rgba(6,60,66,.25)}.hero .big-search button{background:var(--accent)}.hero .big-search button:hover{background:#F2552F}
.hero .quick a{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.25)}.hero .quick a:hover{background:rgba(255,255,255,.26)}
.hero-art{filter:drop-shadow(0 12px 24px rgba(4,50,55,.35))!important}
html.dark .hero{background:linear-gradient(135deg,#0A5A61 0%,#0D7C79 100%)!important}
.sbadge{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;margin-inline-end:10px;vertical-align:-8px}.sbadge svg{width:19px;height:19px}.sbadge.t{background:#DDF1F2;color:#0E7C86}.sbadge.c{background:#FFE6DF;color:#E2502F}html.dark .sbadge.t{background:#123335;color:#3BC0CB}html.dark .sbadge.c{background:#3A211B;color:#FF8A6E}
.home-main>.sec:nth-of-type(odd),main>.wrap>.sec.tint1{background:var(--tint1);border-radius:24px;padding:20px 18px}
.home-main>.sec:nth-of-type(even),main>.wrap>.sec.tint2{background:var(--tint2);border-radius:24px;padding:20px 18px}
.btn.cta,.sub-btn.cta,.fab{background:var(--accent)!important}
.card .kicker{display:inline-block;background:#E6F4F5;color:#0B636B;border-radius:999px;padding:2px 10px;font-size:.75rem}html.dark .card .kicker{background:#14302F;color:#5FD0D8}
.card .thumb-ph{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#E6F4F5,#FFF0EB)}.card .thumb-ph img{width:42%;opacity:.95}
.new-pill{background:var(--accent);color:#fff;border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:600;margin-inline-start:6px}
.foot-mascot{width:120px;display:block;margin:0 auto 10px;filter:drop-shadow(0 6px 12px rgba(17,20,24,.12))}
.empty,.no-res{text-align:center}.empty:before,.no-res:before{content:"";display:block;width:140px;height:110px;margin:0 auto 8px;background:url(/assets/mascot.png) center/contain no-repeat}
.sec-h h2{display:flex;align-items:center}

.sec-h h2:before,.sec-h h2:after{display:none!important}
@media (max-width:760px){nav.chips[data-secfilter],.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.chips::-webkit-scrollbar{display:none}.chips .chip{flex:none}}

/* ===== LOGO palette (v8j) — swap tokens here ===== */
:root{--brand:#B5643F;--brand-dark:#8F4E33;--brand2:#C8825F;--peach:#F6B08E;--teal:#2C7E92;--navy:#1E3448;
--blue:var(--teal);--blue-h:#22677A;--accent:var(--brand);--paper:#F7F7F8;--paper2:#EFEFF1;--card:#FFFFFF;--ink:#1E3448;--ink2:#34495E;--mut:#5F6A75;--line:#E6E3E1;--brown:var(--teal);--terra:var(--brand);--gold:var(--brand);--tint1:#FFF1EA;--tint2:#EAF4F6}
html.dark{--brand:#D27A52;--brand-dark:#B5643F;--brand2:#DE9473;--teal:#3FA3B8;--blue:#3FA3B8;--blue-h:#62B9CB;--accent:#D27A52;--paper:#15191E;--paper2:#1A1F25;--card:#1E242B;--ink:#ECEFF2;--ink2:#C9CFD6;--mut:#9AA2AB;--line:#2C333B;--brown:#3FA3B8;--terra:#D27A52;--gold:#D27A52;--tint1:#2A1E19;--tint2:#16262A}
a{color:var(--teal)}a:hover{color:var(--blue-h)}
.btn,.big-search button{background:var(--brand)!important;box-shadow:0 4px 14px -4px rgba(143,78,51,.5)}.btn:hover,.big-search button:hover{background:var(--brand-dark)!important}
.btn.ghost{background:transparent!important}
.hero{background:linear-gradient(160deg,#B5643F 0%,#C8825F 100%)!important}html.dark .hero{background:linear-gradient(160deg,#8F4E33 0%,#A9673F 100%)!important}
.hero .big-search button{background:var(--navy)!important;color:#fff}.hero .big-search button:hover{background:#13253A!important}
.hero-in{align-items:center}.hero-logo{width:min(420px,42%);height:auto;filter:drop-shadow(0 10px 22px rgba(80,35,15,.28))}
@media (max-width:860px){.hero-in{display:flex;flex-direction:column-reverse;gap:6px}.hero-logo{width:min(300px,78%);display:block;margin:4px auto 0}.hero h1{font-size:1.45rem;text-align:center}.hero .lede{text-align:center;font-size:.95rem}.hero .quick{justify-content:center}}
.hero .quick a{background:rgba(255,255,255,.18)}
.sbadge.t{background:#E3F1F4;color:#2C7E92}.sbadge.c{background:#FDE6DA;color:#B5643F}html.dark .sbadge.t{background:#16303A;color:#3FA3B8}html.dark .sbadge.c{background:#3A251B;color:#E39470}
.card .kicker{background:#FDEBE1;color:#8F4E33}html.dark .card .kicker{background:#3A251B;color:#F0A982}
.chip.on,.ychip.on,.cmp-tabs button.on,.filt[open] summary,.pill[aria-pressed=true]{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}
.nav a[aria-current]{background:var(--brand)!important;color:#fff!important}
.tabbar [aria-current] span{background:#FDE6DA!important;color:var(--brand)!important}.tabbar [aria-current]{color:var(--brand)!important}html.dark .tabbar [aria-current] span{background:#3A251B!important}
.like-btn[aria-pressed=true]{background:var(--brand)!important;border-color:var(--brand)!important}.mini.like-btn[aria-pressed=true]{color:var(--brand)!important}
.nbadge,.badge,.vbadge,.new-pill{background:var(--brand)!important}
.switch input:checked+.sl{background:var(--brand)}.lang-opt.on{border-color:var(--brand);background:#FFF1EA}
.kicker,.fc-k,.att-k{color:var(--brand-dark)}html.dark .kicker,html.dark .fc-k{color:#F0A982}
.fc-bar{background:rgba(181,100,63,.16)}.fc-o.mine{border-color:var(--brand)}
.sub-btn{background:var(--navy)!important}
#adminbar{background:#1E3448}#adminbar a{color:#F6B08E}#adminbar button{background:#B5643F}

/* cart direction: always rolls right -> left, image as drawn (Chasid pushes leftward) */
.sp-cart{left:auto!important;right:-180px;animation:spRTL 1.25s cubic-bezier(.45,.05,.4,1) forwards!important;transform:none}
@keyframes spRTL{0%{transform:translateX(0)}60%{transform:translateX(calc(-50vw - 110px)) rotate(1.5deg)}75%{transform:translateX(calc(-50vw - 85px)) rotate(-1deg)}100%{transform:translateX(calc(-50vw - 95px))}}
.cart-load.go img{animation:loadRTL 1.6s ease-in-out infinite!important}
@keyframes loadRTL{from{left:100%}to{left:-60px}}
.nf img{animation:bob 3s ease-in-out infinite}@keyframes bob{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px) rotate(1deg)}}
html[dir=ltr] .roll{animation-name:rollx!important;inset-inline-start:auto;right:-80px}

.efil{position:sticky;top:var(--hdr-h,64px);z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 0;margin-bottom:8px}.efil .chips{margin:4px 0}.efil .chip small{opacity:.65;margin-inline-start:3px}.ef-l{font-size:.8rem;color:var(--mut);align-self:center;flex:none}.chips.reg .chip{font-size:.82rem;padding:4px 10px}
button.chip{font:inherit;cursor:pointer}

.cattiles{margin:6px 0 14px}.ct-h{font-size:1.1rem;margin:0 0 8px}.ct-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.ctile{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 8px;color:var(--ink);text-align:center;box-shadow:var(--shadow);transition:transform .18s var(--ease),border-color .18s}.ctile:hover{transform:translateY(-2px);border-color:var(--brand)}.ct-i{font-size:1.6rem}.ctile b{font-size:.92rem}.ctile small{color:var(--mut)}
@media (max-width:600px){.ct-grid{grid-template-columns:repeat(3,1fr);gap:8px}.ctile{padding:10px 4px}.ctile b{font-size:.8rem}}
.ct-more{text-align:center;margin-top:12px}

.write-pill{margin-inline-start:auto;background:var(--brand)!important;color:#fff!important;font-weight:600}
.fab-write{position:fixed;inset-inline-end:14px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:60;background:var(--brand);color:#fff!important;border-radius:999px;padding:11px 16px;font-weight:600;box-shadow:0 8px 22px rgba(143,78,51,.35);display:none;align-items:center;gap:6px}
@media (max-width:860px){.fab-write{display:inline-flex}}
.big-write{display:inline-flex;margin:4px 0 12px;font-size:1.02rem;padding:12px 20px}
.ccount{display:inline-flex;align-items:center;gap:5px;background:var(--tint2);color:var(--teal)!important;border-radius:999px;padding:3px 12px;font-weight:600}
.cbox{background:var(--tint1);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:14px}.cbox-h{margin:0 0 8px;font-weight:700}
.cbox .cform{display:flex;flex-direction:column;gap:8px}.cbox textarea,.cbox input{font:inherit;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card);color:var(--ink)}
.comments .sec-h h2 svg{width:20px;height:20px;margin-inline-end:6px;color:var(--brand)}
.c-rep{color:var(--teal)!important;font-weight:600}

.cbox button,.cform .cf-bar button{background:var(--brand);color:#fff;border:0;border-radius:999px;padding:9px 20px;font:inherit;font-weight:600;cursor:pointer}

.askbox{background:linear-gradient(160deg,#FFF1EA,#EAF4F6);border:1px solid var(--line);border-radius:20px;padding:16px;margin:10px 0 16px}html.dark .askbox{background:linear-gradient(160deg,#2A1E19,#16262A)}
.ask-h{display:flex;gap:12px;align-items:center}.ask-h h2{margin:0;font-size:1.25rem}.ask-h p{margin:2px 0 0;color:var(--mut);font-size:.9rem}
.ask-f{display:flex;gap:8px;margin-top:10px}.ask-f input{flex:1;min-width:0;font:inherit;border:1px solid var(--line);border-radius:999px;padding:11px 16px;background:var(--card);color:var(--ink)}
.ask-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:12px;box-shadow:var(--shadow)}.ask-card h3{margin:0 0 6px}.ask-ai{font-weight:600;border-inline-start:3px solid var(--brand);padding-inline-start:10px}.ask-p{margin:0 0 8px}.ask-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.ask-facts dt{font-size:.75rem;color:var(--mut)}.ask-facts dd{margin:0;font-weight:500}.ask-src{font-size:.85rem;color:var(--mut);margin:4px 0}
.skel div{height:14px;border-radius:8px;margin:8px 0;background:linear-gradient(90deg,var(--paper2),var(--card),var(--paper2));background-size:200% 100%;animation:shim 1.2s infinite}.skel div:nth-child(2){width:80%}.skel div:nth-child(3){width:60%}@keyframes shim{to{background-position:-200% 0}}
.sendinfo{background:var(--card);border:1px dashed var(--brand);border-radius:16px;padding:10px 14px;margin:14px 0}.sendinfo summary{cursor:pointer;font-weight:600;color:var(--brand-dark)}.si-f{display:flex;flex-direction:column;gap:8px;margin-top:10px}.si-f textarea,.si-f input:not([type=file]){font:inherit;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);color:var(--ink)}.up-l{display:flex;flex-direction:column;gap:4px;font-size:.9rem}

/* v9 */
@media (max-width:420px){.tabbar span{width:44px}.tabbar a,.tabbar button{font-size:.62rem}}
.adm-thumbs img{vertical-align:top}
.thread-page .c-rep{display:none}
.tsort{display:flex;gap:6px;margin:.4rem 0 .8rem;flex-wrap:wrap}
.thread .t-meta{display:flex;gap:10px;font-size:.8rem;color:var(--mut);margin-top:2px}
.newrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-bottom:8px}
.newrow>*{scroll-snap-align:start}
.vcat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:6px 0 18px}
.vcat-tiles a{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-weight:600;color:var(--ink);text-decoration:none;box-shadow:0 2px 10px rgba(30,52,72,.05)}
.vcat-tiles a small{margin-inline-start:auto;color:var(--mut);font-weight:500}
.vcat-tiles a:hover{border-color:var(--brand)}
.crumbs-sec{font-size:.88rem;color:var(--mut);margin:.2rem 0 .4rem}
.crumbs-sec a{color:var(--teal)}
.subchips{margin-top:6px}
.subchips .chip{font-size:.82rem}
.comm-arts .card{height:100%}

.mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:10px 0 22px}
.mag{display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none}
.mag img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.mag-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:3/4;border-radius:12px;background:linear-gradient(160deg,#B5643F,#8F4E33);color:#F6B08E;padding:10px;text-align:center}
.mag-ph img{width:54px;aspect-ratio:1;border:0}
.mag small{color:var(--mut)}
.ytc.auto-ph .ytc-th{background:linear-gradient(160deg,#B5643F,#2C7E92)}

.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.lnk{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-decoration:none;box-shadow:0 2px 10px rgba(30,52,72,.05)}
.lnk:hover{border-color:var(--brand)}
.lnk small{color:var(--mut)}
.lnk span{font-size:.9rem;color:var(--ink2)}
.lnk em{font-style:normal;font-size:.8rem;color:var(--teal);margin-top:2px}

/* ===== v9g: homepage chips — the old v9e look, one tidy row (as many as fit), random mixed topics ===== */
.hero .quick{flex-wrap:wrap;justify-content:center;row-gap:40px;max-height:34px;overflow:hidden;padding-top:1px}
.hero .quick a{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;min-width:78px;white-space:nowrap;box-sizing:border-box;line-height:1}
.hero .quick a:hover{transform:none}
.big-search .bs-ai{flex:0 0 auto;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#F6B08E33;font-size:1.15rem;text-decoration:none;transition:background .2s}
.big-search .bs-ai:hover{background:#F6B08E66}
/* write button hides on the homepage while the hero is on screen */
.fab-write{transition:opacity .25s ease,transform .25s ease}
.fab-write.fab-hide{opacity:0;pointer-events:none;transform:translateY(18px)}
/* nothing wider than the screen */
html,body{overflow-x:clip}
.hero-in>*{min-width:0;max-width:100%}
.foot-in>*,.foot-brand,.news-form,.foot-nav{min-width:0;max-width:100%}
/* numbered steps in articles (start at 1) */
ol.steps{display:block;list-style:decimal;padding-inline-start:1.6em;margin:.6em 0 1em}
ol.steps li{display:list-item;margin:.45em 0;padding-inline-start:.25em}
ol.steps li::marker{color:#B5643F;font-weight:700}

@media (max-width:860px){.hero-in{padding-bottom:26px}}
.hero .quick{margin-bottom:4px}

@media (max-width:860px){.hero .quick{gap:7px}.hero .quick a{padding:0 11px;font-size:.84rem;min-width:0}}

/* v9h: clean "Ask Shuki" bar under the search — same height/shape as the search box, thin logo-colour border */
.hero .ask-bar{display:flex;align-items:center;gap:10px;max-width:640px;margin:10px 0 0;height:50px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid #2C7E9259;color:#1E3448!important;text-decoration:none;box-shadow:0 6px 18px rgba(30,52,72,.10);transition:border-color .2s,box-shadow .2s,transform .2s}
.hero .ask-bar:hover{border-color:#2C7E92;box-shadow:0 8px 22px rgba(30,52,72,.14)}
.hero .ask-bar:active{transform:scale(.98)}
.hero .ask-bar .spk{color:#2C7E92;flex:none}
.hero .ask-bar b{font-weight:600;font-size:1rem}
.hero .ask-bar .ab-sub{color:#5F6A75;font-size:.88rem;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero .ask-bar .ab-go{color:#B5643F;font-weight:600}
html.dark .hero .ask-bar{background:#16202b;color:#e8edf2!important;border-color:#3FA3B866}
@media (max-width:860px){.hero .ask-bar{margin:10px auto 0;height:46px}}
.more-grid .spk{vertical-align:-3px;color:#2C7E92}

/* ===== v9i ===== */
/* mascot */
.mascot{display:inline-grid;place-items:center;width:28px;height:28px;flex:none}
.mascot svg{display:block;overflow:visible}
.mascot .m-happy{opacity:0}
.mascot .m-eyes{transform-origin:16px 16.6px;animation:mBlink 4.6s infinite}
.mascot .m-tip{animation:mGlow 2.6s ease-in-out infinite}
@keyframes mBlink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes mGlow{0%,100%{fill:#F6B08E;filter:none}50%{fill:#FFC9AD;filter:drop-shadow(0 0 2.5px #F6B08E)}}
[data-mascot].hop .mascot{animation:mHop .48s cubic-bezier(.3,1.6,.5,1)}
[data-mascot].hop .m-eyes{opacity:0}[data-mascot].hop .m-happy{opacity:1}
@keyframes mHop{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-7px) rotate(-8deg)}70%{transform:translateY(0) rotate(6deg)}100%{transform:none}}
.hero .ask-bar .mascot{margin-inline-end:2px}
/* web AI block */
.web-ai{margin:8px 0 18px}
.wa-load{display:flex;align-items:center;gap:10px;color:var(--mut);padding:14px 4px}
.wa-load .wa-av .mascot,.wa-load .mascot{animation:mHop 1.2s ease-in-out infinite}
.wa-card{background:var(--card);border:1px solid #2C7E9233;border-radius:18px;padding:16px 18px;box-shadow:0 8px 24px rgba(30,52,72,.07)}
.wa-h{display:flex;gap:10px;align-items:center;margin-bottom:8px}.wa-h b{display:block;color:var(--ink)}.wa-h small{display:block;color:var(--mut);font-size:.8rem}
.wa-av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#EAF4F6;flex:none}
.wa-ans{font-size:1.02rem;line-height:1.7;margin:6px 0}
.wa-ans sup a,.wm sup a{color:#2C7E92;font-size:.75em;text-decoration:none}
.wa-src{font-size:.82rem;color:var(--mut);margin:6px 0}.wa-src a{color:#2C7E92}
.wa-add{margin:8px 0 2px;border:1px dashed #B5643F;background:transparent;color:#8F4E33;border-radius:999px;padding:7px 14px;font:inherit;font-size:.88rem;cursor:pointer}
.wa-sec{margin:16px 0}.wa-sec h3{font-size:1.02rem;margin:0 0 8px;color:var(--ink)}
.wa-art span{display:block;color:var(--ink2);font-size:.9rem;margin:3px 0}
.wa-k{font-size:.8rem;font-weight:600;color:#2C7E92;margin:0 0 8px}
.wa-vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:1100px){.search-side .wa-vgrid{grid-template-columns:1fr}}
.wa-v{position:relative}.wa-vb{all:unset;cursor:pointer;display:block;width:100%}
.wa-th{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#e9eef1}.wa-th img{width:100%;height:100%;object-fit:cover;display:block}
.wa-vb b{display:block;font-size:.86rem;line-height:1.35;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wa-vb small{color:var(--mut);font-size:.78rem}
.wa-blk{position:absolute;top:6px;inset-inline-start:6px;border:0;background:#fff;border-radius:8px;padding:2px 6px;cursor:pointer}
/* chat */
.wa-chat{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.wa-thread{display:flex;flex-direction:column;gap:10px}
.wm{max-width:92%;line-height:1.6}.wm.u{align-self:flex-start;background:#1E3448;color:#fff;border-radius:16px;padding:8px 13px}
html[dir=ltr] .wm.u{align-self:flex-end}
.wm.a{display:flex;gap:8px;align-items:flex-start}.wm.a p{margin:0}.wm.err{color:#b3261e}
.dots{display:inline-flex;gap:4px;padding:10px}.dots i{width:6px;height:6px;border-radius:50%;background:#2C7E92;animation:dot 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.wa-fu{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.wa-fu .chip{font-size:.82rem}
.wa-f{display:flex;gap:8px;margin-top:6px}.wa-f input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font:inherit;background:var(--card);color:var(--ink)}
.mychats{margin:18px 0}.mychats ul{list-style:none;padding:0;margin:0}.mychats li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.mychats button{border:0;background:none;cursor:pointer;color:var(--mut)}
/* lightbox */
.lbox{position:fixed;inset:0;z-index:300;display:grid;place-items:center;animation:fadeIn .2s ease}
.lbox-bg{position:absolute;inset:0;background:rgba(14,22,30,.78)}
.lbox-in{position:relative;width:min(920px,94vw);background:#0f1720;border-radius:16px;padding:10px;color:#fff}
.lbox-v{aspect-ratio:16/9}.lbox-v iframe{width:100%;height:100%;border:0;border-radius:10px}
.lbox-in p{margin:8px 4px 2px;font-size:.92rem}
.lbox-x{position:absolute;top:-14px;inset-inline-end:-6px;width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:#1E3448;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
/* account: one clean card */
.acct-card{background:var(--card);border-radius:20px;padding:18px;box-shadow:var(--shadow);max-width:440px;margin:0 auto}
.acct-form[hidden],.g-wrap[hidden]{display:none!important}
.g-top #g-btn{display:flex;justify-content:center;min-height:44px}
.or-div{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:.85rem;margin:14px 0}.or-div:before,.or-div:after{content:"";flex:1;height:1px;background:var(--line)}
/* filters */
.chip-clr{background:transparent!important;border:1px dashed var(--line)!important;color:var(--mut)!important}
.chip.on{box-shadow:0 0 0 2px #B5643F55 inset}
/* admin language switch */
.adm-lang{display:flex;gap:6px;margin-bottom:8px}.adm-lang a{flex:1;text-align:center;padding:5px 8px;border:1px solid #ffffff33;border-radius:8px;font-size:.82rem;color:inherit;text-decoration:none}.adm-lang a.on{background:#ffffff22;font-weight:600}
/* motion — soft, Apple/Stripe-like */
@media (prefers-reduced-motion: no-preference){
 .btn,.chip,.quick a,.big-search button,.ask-bar,.ctile,.tabbar a,.tabbar button{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color .2s,color .2s,border-color .2s}
 .btn:active,.chip:active,.quick a:active,.big-search button:active,.ctile:active,.tabbar a:active{transform:scale(.97)}
 @media (hover:hover){.btn:hover,.ctile:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(30,52,72,.35)}.card:hover{transform:translateY(-3px)}}
 .card{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
 .rv2{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
 .rv2.in{opacity:1;transform:none}
 main#main{animation:fadeIn .28s ease}
 .hero:after{content:"";position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(38% 42% at 20% 30%,rgba(246,176,142,.22),transparent 70%),radial-gradient(34% 40% at 80% 70%,rgba(44,126,146,.18),transparent 70%),radial-gradient(30% 34% at 60% 20%,rgba(181,100,63,.14),transparent 70%);animation:glow 16s ease-in-out infinite alternate;z-index:0}
 .hero-in{position:relative;z-index:1}
 @keyframes glow{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.06)}100%{transform:translate3d(-3%,3%,0) scale(1)}}
}
@media (prefers-reduced-motion: reduce){.mascot .m-eyes,.mascot .m-tip{animation:none}}
/* desktop: use the width well */
@media (min-width:1200px){.wrap{max-width:1180px}}

.big-search .bs-mas{flex:none;display:inline-grid;place-items:center;opacity:.9}
@media (max-width:420px){.big-search .bs-mas{display:none}}
.wa-ans p{margin:0 0 .7em}

.search-grid>*{min-width:0;max-width:100%}.search-side,.side-panel{min-width:0;max-width:100%}
@media (max-width:1000px){.search-grid{display:flex!important;flex-direction:column}.search-main{order:1}.search-side{order:2;position:static!important}}
.side-panel .wa-k{display:none}

/* v9o: live streaming answer */
.wa-live .wa-st{color:#2C7E92;font-weight:600}
.sk{display:grid;gap:10px;padding:6px 0}
.sk i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#eef0f3 0%,#F6B08E55 40%,#eef0f3 80%);background-size:200% 100%;animation:skm 1.2s linear infinite}
.sk i:nth-child(2){width:92%}.sk i:nth-child(3){width:78%}.sk i:nth-child(4){width:55%}
@keyframes skm{from{background-position:100% 0}to{background-position:-100% 0}}
.wa-cur{display:inline-block;width:8px;height:1em;vertical-align:-2px;background:#B5643F;border-radius:2px;animation:wcb 1s steps(2) infinite;margin-inline-start:2px}
@keyframes wcb{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.sk i,.wa-cur{animation:none}}

/* v9p: clean RTL entry/article layout */
.doc2{text-align:start}
.doc2 .d2-h{max-width:1080px;margin:0 auto;padding:12px 0 8px}
.doc2 .d2-h h1{font-size:clamp(1.9rem,5.2vw,3rem);font-weight:900;line-height:1.2;margin:4px 0 8px}
.doc2 .d2-sum{font-size:1.15rem;line-height:1.6;color:var(--ink2);margin:0 0 12px;max-width:720px}
.doc2 .d2-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:.85rem;color:var(--mut)}
.doc2 .d2-meta a{display:inline-flex;align-items:center;gap:5px;color:var(--mut)}.doc2 .d2-meta svg{width:16px;height:16px}
.doc2 .actbar{margin:10px 0 0}.doc2 .actbar .pill{padding:6px 12px;font-size:.88rem}
.d2-grid{display:grid;grid-template-columns:320px minmax(0,720px);gap:44px;justify-content:center;margin-top:18px;max-width:1080px;margin-inline:auto}
.d2-grid.no-card{grid-template-columns:minmax(0,720px)}
.d2-card{grid-column:1;align-self:start;position:sticky;top:84px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.d2-main{grid-column:2;min-width:0}.no-card .d2-main{grid-column:1}
.d2-fig{margin:0}.d2-fig img{width:100%;aspect-ratio:4/3;object-fit:cover}
.d2-fig figcaption{font-size:.8rem;color:var(--mut);padding:8px 14px 0;display:flex;flex-direction:column;gap:2px}
.d2-logo{background:linear-gradient(135deg,#F6B08E33,#2C7E9222);display:grid;place-items:center;padding:22px}
.d2-ib{margin:0;padding:6px 14px 12px;font-size:.92rem}
.d2-ib>div{display:grid;grid-template-columns:38% 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.d2-ib>div:last-child{border-bottom:0}
.d2-ib dt{color:var(--mut);font-weight:600}.d2-ib dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.doc2 .lede{font-size:1.18rem;line-height:1.75;margin:0 0 18px;color:var(--ink)}
.doc2 .prose{max-width:720px;line-height:1.8;font-size:1.13rem}
.doc2 .prose h2{font-size:1.45rem;margin:30px 0 10px;padding-bottom:6px;border-bottom:2px solid #F6B08E66;scroll-margin-top:80px}
.doc2 .prose h3{font-size:1.2rem}
.toc{background:var(--paper2);border:1px solid var(--line);border-radius:12px;margin:0 0 20px;padding:0;max-width:720px}
.toc summary{cursor:pointer;padding:11px 16px;font-weight:800;color:var(--ink);list-style:none;display:flex;align-items:center;gap:8px}
.toc summary::-webkit-details-marker{display:none}.toc summary::before{content:"☰";color:#2C7E92}.toc summary small{color:var(--mut);font-weight:500}
.toc[open] summary{border-bottom:1px solid var(--line)}
.toc ol{margin:0;padding:10px 16px 12px;padding-inline-start:36px;line-height:1.9}.toc a{color:#1E3448}.toc a:hover{color:#B5643F}
html.dark .toc a{color:var(--ink)}
.doc2 .sources{max-width:720px;margin-top:30px;padding-top:12px}
.doc2 .sources ol{list-style:none;counter-reset:src;padding:0;margin:0}
.doc2 .sources li{counter-increment:src;position:relative;padding:8px 0;padding-inline-start:38px;border-bottom:1px solid var(--line);line-height:1.5;font-size:.9rem}
.doc2 .sources li::before{content:counter(src);position:absolute;inset-inline-start:0;top:8px;width:26px;height:26px;border-radius:50%;background:#2C7E92;color:#fff;font-size:.78rem;font-weight:700;display:grid;place-items:center}
.doc2 .sources li:target{background:#F6B08E22}
.doc2 .d2-rel{max-width:1080px;margin:36px auto 0}
.doc2 .d2-rel .card-summary,.doc2 .d2-rel .card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.doc2 bdi{unicode-bidi:isolate}
@media (max-width:900px){
 .d2-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:12px}
 .d2-card,.d2-main{grid-column:1}.d2-card{position:static}
 .d2-fig img{aspect-ratio:16/10}
 .doc2 .d2-rel .g3{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){.doc2 .d2-rel .g3{grid-template-columns:1fr}.doc2 .prose{font-size:1.08rem}}

/* v9q: uniform nav items (icon + label, same size, no wrapping) */
.tabbar a,.tabbar button{min-width:0;white-space:nowrap}
.tabbar span svg{width:22px!important;height:22px!important;flex:none}
.tabbar a,.tabbar button{overflow:hidden;text-overflow:ellipsis}
.hdr-tools{flex-wrap:nowrap}
.hdr-tools>.icon-btn,.hdr-tools>.lang-pick>.icon-btn{height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;padding-block:0}
.hdr-tools .icon-btn svg{width:20px!important;height:20px!important;flex:none}
.hdr-tools .tool-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.nav-row a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;height:40px}
.nav-row a svg{width:18px;height:18px;flex:none}
@media (max-width:860px){.hdr-tools>.icon-btn,.hdr-tools>.lang-pick>.icon-btn{height:44px;min-width:52px;flex-direction:column;gap:1px;font-size:.66rem;padding:2px 6px}.hdr-tools .tool-l{max-width:72px}}

/* v9q: shorts feed */
html.sx-on,html.sx-on body{overflow:hidden;height:100%}
html.sx-on .site-header,html.sx-on .tabbar,html.sx-on footer,html.sx-on .fab-write{display:none!important}
.sx-feed{position:fixed;inset:0;z-index:80;background:#000;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sx-feed::-webkit-scrollbar{display:none}
.sx{position:relative;height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden}
.sx-frame{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;background:#000}
.sx-th{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.8)}
.sx-pl,.sx-pl iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sx.playing .sx-th{opacity:0;transition:opacity .3s}
.sx-tap{position:absolute;inset:0;background:transparent;border:0;cursor:pointer;z-index:2}
.sx.paused .sx-tap::after{content:"❚❚";position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:26px;display:grid;place-items:center}
.sx-info{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));inset-inline:16px 74px;color:#fff;z-index:3;text-shadow:0 1px 3px rgba(0,0,0,.7);display:flex;flex-direction:column;gap:4px;pointer-events:none}
.sx-info b{font-size:1rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sx-info span{font-size:.85rem;opacity:.9}
.sx-acts{position:absolute;inset-inline-end:12px;bottom:calc(90px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;z-index:3}
.sx-btn{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;font-size:20px}
.sx-close{position:fixed;top:calc(12px + env(safe-area-inset-top));inset-inline-start:12px;z-index:90;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;font-size:18px}
.sx-sound{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:90;border:0;border-radius:999px;background:#B5643F;color:#fff;font:inherit;font-weight:700;font-size:1.05rem;padding:12px 22px;box-shadow:0 6px 20px rgba(0,0,0,.4);cursor:pointer;white-space:nowrap}
/* unlimited grids */
.vmore{display:grid;place-items:center;padding:26px 0;min-height:60px}
.vmore .dots i{display:inline-block;width:8px;height:8px;margin:0 3px;border-radius:50%;background:#2C7E92;animation:vmd 1s infinite ease-in-out}.vmore .dots i:nth-child(2){animation-delay:.15s}.vmore .dots i:nth-child(3){animation-delay:.3s}
@keyframes vmd{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
/* up next overlay */
.watch .player{position:relative}
.vnext{position:absolute;inset:0;background:rgba(15,20,28,.88);color:#fff;display:grid;place-items:center;z-index:5;padding:14px;border-radius:inherit}
.vnext-in{width:100%;max-width:640px;display:flex;flex-direction:column;gap:12px}
.vnext-in b{font-size:1.05rem}.vn-c{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#B5643F;margin-inline-start:6px}
.vnext-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vnext-list a{color:#fff;display:flex;flex-direction:column;gap:6px;font-size:.82rem;line-height:1.3}.vnext-list img{border-radius:10px;aspect-ratio:16/9;object-fit:cover;width:100%}
.vnext-list span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vnext-b{display:flex;gap:10px}.vnext .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}
@media (max-width:520px){.vnext-list{grid-template-columns:1fr 1fr}.vnext-list a:nth-child(3){display:none}}

/* v9r */
.hdr-tools>a.icon-btn{border:1px solid var(--line);border-radius:999px;background:var(--card)}
.seg2{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}.seg2 label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--card);cursor:pointer;font-weight:600}
.seg2 label:has(input:checked){border-color:#B5643F;background:#F6B08E33}.seg2 input{accent-color:#B5643F}

/* v9s: write helper, templates, preview; article of the day; new strip */
.w-help{background:linear-gradient(135deg,#F6B08E22,#2C7E9214);border:1px solid var(--line);border-radius:14px;padding:14px;margin:6px 0 12px;display:flex;flex-direction:column;gap:8px}
.w-help b{font-size:1.05rem;color:#1E3448}html.dark .w-help b{color:var(--ink)}.w-help p{margin:0;font-size:.88rem}.w-help textarea{width:100%}
.w-help .btn{align-self:flex-start;background:#B5643F;color:#fff;border:0}.wh-st{font-size:.85rem}
.w-tpl{margin:4px 0 10px}.w-tpl .chip.on{background:#2C7E92;color:#fff;border-color:#2C7E92}
.w-tabs{display:flex;gap:6px;margin:6px 0}.w-tabs button{border:1px solid var(--line);background:var(--card);border-radius:10px 10px 0 0;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink2)}.w-tabs button.on{background:var(--paper2);color:var(--ink);border-bottom-color:transparent}
.w-prev{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card);min-height:200px}.w-prev .wp-t{font-size:1.7rem;margin:0 0 10px}
.aotd-wrap{display:flex;flex-direction:column;gap:14px;margin-top:22px}
.aotd{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);color:var(--ink)}
.aotd img,.aotd-ph{width:100%;height:100%;min-height:130px;max-height:170px;object-fit:cover}.aotd-ph{display:grid;place-items:center;background:linear-gradient(135deg,#F6B08E44,#2C7E9222)}
.aotd-b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 12px 0}.aotd-b b{font-family:var(--serif);font-size:1.3rem;line-height:1.3}.aotd-b small{color:var(--mut);line-height:1.5}
.newstrip h2{font-size:1.05rem;margin:0 0 8px}.ns-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.ns-row a{flex:0 0 auto;max-width:230px;display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--ink);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;scroll-snap-align:start}
.ns-row a span:last-child{overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.aotd{grid-template-columns:110px 1fr;gap:10px}.aotd img,.aotd-ph{min-height:110px}.aotd-b b{font-size:1.08rem}.aotd-b small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.82rem}}

/* v9t: my articles */
.mya{display:flex;flex-direction:column;gap:10px}.mya-row{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.mya-i{font-size:1.4rem;line-height:1}.mya-row b{display:block;font-size:1.05rem}.mya-row small{color:var(--mut)}.mya-row .btn{margin-top:8px;display:inline-block}
.mya-row.st-changes{border-color:#F6B08E}.mya-row.st-live{border-color:#2C7E9266}.mya-note{background:#F6B08E22;border-radius:10px;padding:8px 10px;margin:8px 0 0}
.chk{display:flex!important;align-items:center;gap:8px;flex-direction:row!important}
.my-banner{position:fixed;inset-inline:12px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:70;background:#1E3448;color:#fff;border-radius:14px;padding:12px 44px 12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-weight:600;max-width:560px;margin-inline:auto}
.my-banner a{color:#F6B08E;margin-inline-start:6px}.my-banner button{position:absolute;top:8px;inset-inline-end:8px;background:none;border:0;color:#fff;font-size:16px;cursor:pointer}
@media (min-width:861px){.my-banner{bottom:20px}}

/* v9v: search dropdown floats above everything */
.sugg.sugg-f{position:fixed!important;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;inset-inline:auto}

/* v9v: shorts fit the screen + always-visible back bar */
html.sx-on{--sxb:calc(52px + env(safe-area-inset-top))}
.sx-bar{position:fixed;top:0;left:0;right:0;height:var(--sxb);padding-top:env(safe-area-inset-top);box-sizing:border-box;z-index:95;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:12px;background:#0b0b0b;color:#fff;border-bottom:1px solid #222}
.sx-bar b{font-size:1rem;font-weight:700}.sx-back,.sx-x{color:#fff!important;background:#ffffff1f;border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none;font-size:.95rem;line-height:1}.sx-x{padding:8px 12px}
.sx-feed{top:var(--sxb)!important;bottom:0}
.sx{height:calc(100vh - var(--sxb))!important;height:calc(100dvh - var(--sxb))!important}
.sx-frame{height:auto!important;width:min(100%,calc((100dvh - var(--sxb)) * 9 / 16))!important;max-height:100%;aspect-ratio:9/16}
.sx-sound{top:calc(var(--sxb) + 12px)!important}
.sx-info{inset-inline:14px 70px}
@media (min-width:861px){.sx-frame{border-radius:16px;overflow:hidden}}
.sx{width:min(100%,calc((100dvh - var(--sxb)) * 9 / 16));margin:0 auto}

/* v9v: person card */
.pcard{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px;margin:0 0 16px;display:flex;flex-direction:column;gap:10px}
.pc-sk{display:flex;gap:14px;align-items:center}.pc-l{flex:1;display:flex;flex-direction:column;gap:8px}.pc-l i{display:block;height:12px;border-radius:6px}.pc-l i.short{width:50%}
.sk{background:linear-gradient(90deg,var(--line) 25%,color-mix(in srgb,var(--line) 40%,transparent) 50%,var(--line) 75%);background-size:200% 100%;animation:skm 1.2s infinite}@keyframes skm{to{background-position:-200% 0}}
.pc-top{display:flex;gap:14px;align-items:center}.pc-ph{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#F6B08E33;display:grid;place-items:center;font-weight:800;color:#B5643F;font-size:1.6rem}.pc-ph.logo{border-radius:18px;object-fit:contain;background:#fff;border:1px solid var(--line)}
.pc-txt h2{margin:0;font-size:1.35rem;line-height:1.25}.pc-txt small{color:var(--mut)}.pc-txt p{margin:6px 0 0;line-height:1.55}
.pc-dym{margin:0;background:#2C7E9214;border-radius:10px;padding:8px 12px}.pc-dym a{color:#2C7E92}
.pc-kf{display:flex;flex-wrap:wrap;gap:6px}.pc-kf span{background:#F6B08E2e;border-radius:999px;padding:4px 10px;font-size:.85rem}
.pc-links{display:flex;flex-wrap:wrap;gap:8px}.pc-links a{background:var(--paper2);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.88rem;color:var(--ink);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.pc-add{background:#B5643F;color:#fff;border:0}.pc-src{font-size:.78rem}

/* v9w: global nav + fit pass */
.back-btn{font-size:1.25rem;font-weight:700}
.site-header{position:sticky;top:0;z-index:60}
html,body{max-width:100%;overflow-x:clip}
body{overflow-wrap:break-word}
img,video,iframe,svg,canvas,table,pre,embed,object{max-width:100%}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
.prose a,.sources a,td,.mut a,p a{overflow-wrap:anywhere}
table{display:block;overflow-x:auto}
dialog,.sheet-panel,.modal{max-height:100dvh;overflow-y:auto}
.comm-grid{grid-template-columns:minmax(0,1fr)}.comm-grid>*{min-width:0}
@media (min-width:1001px){.comm-grid{grid-template-columns:minmax(0,1fr) 340px}}
@media (max-width:400px){.hdr-tools a[href="/zmanim"]{display:none}.hdr .icon-btn{min-width:36px;width:36px;padding:0}.hdr{gap:4px}.brand img{max-width:120px}}
@media (max-width:360px){.hdr-tools .lang-pick .tool-l{display:none}}
.yt-tabs{overflow-x:auto;scrollbar-width:none;justify-content:flex-start!important}.yt-tabs::-webkit-scrollbar{display:none}.yt-tab{flex:0 0 auto;white-space:nowrap}
.fl-q{display:flex;gap:8px}.fl-q input{flex:1;min-width:0}
@media (max-width:380px){.watch .player{margin-inline:0!important;border-radius:12px!important}}

/* v9w5: media redesign */
.mchips{gap:8px!important;border-bottom:0!important;padding:4px 0 10px}
.mchips .yt-tab{border:1px solid var(--line)!important;border-radius:999px;padding:8px 14px;background:var(--card);font-size:.9rem;color:var(--ink)}
.mchips .yt-tab.on{background:var(--ink);color:var(--paper)!important;border-color:var(--ink)!important}
.mrow{margin-top:14px}.mrow .sec-h{display:flex;justify-content:space-between;align-items:baseline}
.shrow{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}.shrow::-webkit-scrollbar{display:none}
.shcard{flex:0 0 128px;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;color:var(--ink);text-decoration:none}
.shcard img{width:128px;aspect-ratio:9/16;object-fit:cover;border-radius:12px;background:#000}
.shcard span{font-size:.8rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:861px){.shcard{flex-basis:160px}.shcard img{width:160px}}
.newrow{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.newrow::-webkit-scrollbar{display:none}.newrow>*{flex:0 0 min(78vw,300px);scroll-snap-align:start}
.newrow .ytc-th{margin-inline:0!important;border-radius:12px!important}
@media (max-width:600px){.hdr-tools .tool-l{display:none}}

@media (max-width:1020px){.watch{display:flex!important;flex-direction:column}.watch-main{display:contents}.watch-main>*{order:10}.watch-main>.player{order:1}.watch-main>.watch-row{order:2}.watch-main>.ch-row{order:3}.watch-main>.actbar{order:4}.watch-side{order:5!important;margin-top:8px}.watch-main>.watch-desc{order:6}.watch-main>.ad-slot{order:11}.watch-main>.watch-cm{order:12}.upnext .ytc.row:nth-child(n+7){display:none}}
@media (max-width:1020px){.watch-main>.watch-t{order:2}.watch-main>.orig{order:2}.watch-main>.watch-row{order:3}.watch-main>.watch-row .ch-row,.watch-main>.watch-row .actbar{order:initial}}
@media (max-width:1020px){.watch{gap:4px!important;row-gap:4px!important}.watch-t{margin:12px 0 2px!important}.watch .orig{margin:0 0 4px!important;font-size:.85rem}.watch-main>.watch-row{margin:4px 0!important}}

/* v10 chips with English label */
.chip-en{opacity:.68;font-size:.74em;margin-inline-start:5px;font-weight:500}
.crow{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.crow::-webkit-scrollbar{display:none}
.crow a{flex:0 0 74px;text-align:center;font-size:12px;line-height:1.3;color:inherit;text-decoration:none}
.crow img,.crow i{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid #F6B08E;display:block;margin:0 auto 5px;background:#fff}
.crow i{display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:22px;color:#fff;background:#2C7E92}
.crow span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.crv-av{width:30px;height:30px;border-radius:50%;vertical-align:middle;margin-inline-end:8px;object-fit:cover}
.crh{display:flex;gap:16px;align-items:center}.crh-av{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #F6B08E;flex:0 0 auto}
@media(max-width:600px){.crh{flex-direction:column;text-align:center}.crh-av{width:96px;height:96px}}

/* v10d homepage + ask */
.hero2 .hero-in{display:block}.hero2 .hero-txt{max-width:760px;margin:0 auto;text-align:center}
.hero2 h1{font-size:clamp(28px,6vw,46px);margin:.2em 0 .25em}
.ask-big{max-width:720px;margin:12px auto 10px}.ask-big input{font-size:18px}
.ask-ex{justify-content:center;flex-wrap:wrap}
.ask-ex a{font-size:14px}
.explore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.explore a{display:flex;flex-direction:column;gap:2px;padding:14px 12px;border-radius:16px;background:#fff;border:1px solid #F6B08E;text-decoration:none;color:#1E3448;box-shadow:0 1px 3px rgba(30,52,72,.06)}
.explore .ex-i{font-size:26px}.explore b{font-size:16px}.explore small{color:#5b6b7b;font-size:12.5px}
@media(max-width:600px){.explore{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ask-fab{position:fixed;inset-inline-start:14px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:60;display:flex;align-items:center;gap:6px;background:#2C7E92;color:#fff;border-radius:999px;padding:10px 14px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(30,52,72,.25);font-size:15px}
.ask-fab span{font-size:14px}
@media(min-width:900px){.ask-fab{bottom:22px}}

/* v10e page map */
.ph2{display:flex;gap:14px;align-items:center}.ph-ic{font-size:34px;width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:18px;background:#FDEBE1;border:1px solid #F6B08E}
.ph2 h1{margin:.1em 0}.ph2 .lede{margin:.2em 0 0}
.crow.cgrid{flex-wrap:wrap;overflow:visible}.crow a em{font-style:normal;font-size:11px}
.tabbar .tb-ask span{color:#2C7E92}
.nav-row a{white-space:nowrap}
.crow.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px 6px}.crow.cgrid a{flex:none;width:auto}

/* v10k featured articles, originals, did-you-know */
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:170px;gap:12px}
.fxcard{position:relative;display:block;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#1E3448,#2C7E92);color:#fff;text-decoration:none;box-shadow:0 2px 10px rgba(30,52,72,.12)}
.fxcard.big{grid-row:span 2}
.fxcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fxcard .fx-t{position:absolute;inset:auto 0 0 0;padding:14px;background:linear-gradient(transparent,rgba(15,28,40,.88));display:flex;flex-direction:column;gap:4px}
.fxcard small{font-size:12px;opacity:.9}.fxcard b{font-size:17px;line-height:1.3}.fxcard.big b{font-size:22px}.fxcard em{font-style:normal;font-size:14px;opacity:.92;line-height:1.45}
@media(max-width:700px){.fgrid{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.fxcard.big{grid-column:span 2;grid-row:span 1;min-height:230px}.fxcard b{font-size:15px}}
.originals{background:linear-gradient(135deg,#FDEBE1,#FFF7F2);border:1px solid #F6B08E;border-radius:22px;padding:14px}
.og-hero{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/9;max-height:440px;width:100%;margin-bottom:12px;background:#1E3448}
.og-hero img{width:100%;height:100%;object-fit:cover;display:block}
.og-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(181,100,63,.92);color:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 4px 18px rgba(0,0,0,.3)}
.og-cap{position:absolute;inset:auto 0 0 0;padding:14px 16px;background:linear-gradient(transparent,rgba(15,28,40,.9));color:#fff;display:flex;flex-direction:column}
.og-cap b{font-size:19px}.og-cap small{opacity:.9}
.og-banner{background:linear-gradient(120deg,#1E3448 0%,#2C7E92 60%,#B5643F 100%);color:#fff;padding:28px 0 22px}
.og-b-in{display:flex;gap:18px;align-items:center}.og-logo{width:110px;height:auto;background:#fff;border-radius:22px;padding:8px}
.og-banner h1{color:#fff;margin:.15em 0}.og-banner .kicker{color:#F6B08E;margin:0}.og-stats{opacity:.92;margin:.2em 0 .6em}
.og-banner .sub-btn{display:inline-block;background:#fff;color:#B5643F;border-radius:999px;padding:8px 16px;font-weight:700;text-decoration:none}
@media(max-width:600px){.og-b-in{flex-direction:column;text-align:center}}
.og-about{margin:16px 0}
.dyk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dyk-list a{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #eee;border-radius:14px;padding:10px;text-decoration:none;color:#1E3448}
.dyk-list img{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:0 0 64px}.dyk-list b{display:block;font-size:15px}.dyk-list small{color:#5b6b7b;font-size:13px;line-height:1.4}
@media(max-width:700px){.dyk-list{grid-template-columns:1fr}}
.news-a{margin-bottom:10px}
.site-footer .credit{margin:10px 0 0;text-align:left;font-size:12px}[dir=ltr] .site-footer .credit,html[dir=ltr] .site-footer .credit{text-align:right}.site-footer .credit a{opacity:.5;color:inherit;text-decoration:none;transition:opacity .2s}.site-footer .credit a:hover{opacity:1;text-decoration:underline}

/* ===================== v11 MODERN APP LOOK ===================== */
:root{--paper:#F6F7F9;--paper2:#EEF1F4;--card:#FFFFFF;--ink:#0F1B26;--ink2:#334453;--mut:#6B7A88;--line:#E5E9EE;--brown:#1E3448;--terra:#B5643F;--peach:#F6B08E;--teal:#2C7E92;--r:18px}
body{font-family:"Rubik","Inter",system-ui,-apple-system,sans-serif;line-height:1.6;background:var(--paper)}
h1,h2,h3,.sec-h h2,.page-h h1{font-family:"Rubik","Inter",system-ui,sans-serif;letter-spacing:-.01em}
h1{font-weight:800}
.sec{margin:26px 0}
.sec-h{align-items:center;margin-bottom:12px}
.sec-h h2{font-size:1.3rem;font-weight:800;padding-inline-start:0}
.sec-h h2:before{display:none}
.sec-h .more,.sec-h a.more{font-size:.85rem;font-weight:700;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--ink2);text-decoration:none;white-space:nowrap}
/* header */
.site-header{background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid var(--line)}
.hdr-search input{border-radius:999px;background:var(--paper2);border:1px solid transparent}
.hdr-search input:focus{background:var(--card);border-color:var(--teal)}
.nav-row a{border-radius:999px;padding:6px 12px;font-weight:600}
.nav-row a[aria-current]{background:#1E3448;color:#fff}
/* hero */
.hero.hero2{background:radial-gradient(1200px 400px at 80% -10%,rgba(246,176,142,.35),transparent 60%),linear-gradient(135deg,#1E3448 0%,#24607A 55%,#2C7E92 100%);color:#fff;padding:34px 0 26px;border:0}
.hero.hero2 h1{color:#fff;font-weight:800}
.hero.hero2 .lede{color:rgba(255,255,255,.88)}
.hero.hero2 .ask-big{background:#fff;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25);border:0;overflow:hidden}
.hero.hero2 .ask-big input{border:0;background:transparent}
.hero.hero2 .ask-big button{border-radius:999px;background:#B5643F;color:#fff;font-weight:700}
.hero.hero2 .ask-ex{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:4px}
.hero.hero2 .ask-ex::-webkit-scrollbar{display:none}
.hero.hero2 .ask-ex a{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;white-space:nowrap;padding:6px 12px;text-decoration:none;flex:0 0 auto}
@media(min-width:760px){.hero.hero2 .ask-ex{flex-wrap:wrap;justify-content:center}}
.today{background:transparent;border:0}
.today-in{gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.today-in>*{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 12px;flex:0 0 auto}
/* video cards: big edge-to-edge thumbs */
.ytc{background:transparent;border:0;box-shadow:none}
.ytc-th{border-radius:14px;overflow:hidden;background:#0d1520}
.ytc-th img{transition:transform .35s ease}
.ytc:hover .ytc-th img{transform:scale(1.04)}
.ytc-b{padding:8px 2px 0;gap:10px}
.ytc-t h3{font-size:.98rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 2px}
.ytc-t h3 a{color:var(--ink);text-decoration:none}
.ytc-ch,.ytc-m{font-size:.8rem;color:var(--mut)}
.dur{border-radius:6px;font-weight:700}
.newrow{grid-auto-columns:minmax(260px,300px);gap:14px;scrollbar-width:none;padding-bottom:4px}
.newrow::-webkit-scrollbar{display:none}
@media(max-width:600px){.newrow{grid-auto-columns:78%}.ytgrid{grid-template-columns:1fr;gap:18px}.wrap.wide .ytgrid .ytc-th{margin-inline:-16px;border-radius:0}}
.shcard{flex:0 0 140px}.shcard img{width:140px;border-radius:16px}
.shcard span{font-weight:600}
/* creators as stories */
.crow a{flex:0 0 78px}
.crow img,.crow i{width:66px;height:66px;border:0;padding:2px;background:linear-gradient(135deg,#B5643F,#F6B08E 50%,#2C7E92) border-box;box-shadow:0 0 0 2px var(--paper) inset}
.crow img{background-clip:padding-box;outline:2.5px solid transparent;box-shadow:0 0 0 2.5px #F6B08E,0 0 0 4.5px var(--paper),0 0 0 6.5px #B5643F}
.crow i{display:grid;place-items:center;font-style:normal;font-weight:800;font-size:22px;color:#fff;background:linear-gradient(135deg,#B5643F,#2C7E92)}
.crow span{font-weight:600}
/* text cards: modern */
.card{border:0;box-shadow:0 1px 3px rgba(15,27,38,.06),0 6px 18px rgba(15,27,38,.06);border-radius:18px}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(15,27,38,.12)}
.chip{border-radius:999px}
.chips .chip.on,.chip.on{background:#1E3448;color:#fff;border-color:#1E3448}
.explore a{border:0;box-shadow:0 1px 3px rgba(15,27,38,.06),0 6px 18px rgba(15,27,38,.06);border-radius:18px}
.originals{border:0;background:linear-gradient(135deg,#FFF1E9,#FFF9F5);box-shadow:0 6px 22px rgba(181,100,63,.12)}
/* bottom tab bar: app-like */
.tabbar{background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.tabbar a[aria-current]{color:#B5643F}
/* light first-visit tip */
.tour-tip{position:fixed;inset-inline:12px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:80;display:flex;gap:10px;align-items:center;justify-content:space-between;background:#1E3448;color:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:.92rem;transition:opacity .3s,transform .3s}
.tour-tip button{background:transparent;border:0;color:#fff;font-size:16px}
.tour-tip.out{opacity:0;transform:translateY(10px)}
@media(min-width:900px){.tour-tip{inset-inline:auto 24px;bottom:24px;max-width:380px}}
/* DARK media pages (/videos, creators, originals, watch) */
body.vdark{--paper:#0E1621;--paper2:#16212D;--card:#16212D;--ink:#EEF2F6;--ink2:#C3CCD5;--mut:#8A97A5;--line:#233142;background:#0E1621;color:#EEF2F6}
body.vdark .site-header{background:rgba(14,22,33,.86)}
body.vdark .brand img{background:#fff;border-radius:10px;padding:2px 6px}
body.vdark .ytc-t h3 a,body.vdark h1,body.vdark h2,body.vdark h3{color:#EEF2F6}
body.vdark .chip{background:#16212D;color:#DCE3EA;border-color:#2A3A4C}
body.vdark .chip.on{background:#F6B08E;color:#1E3448;border-color:#F6B08E}
body.vdark .shcard span,body.vdark .crow span{color:#DCE3EA}
body.vdark .crow img{box-shadow:0 0 0 2.5px #F6B08E,0 0 0 4.5px #0E1621,0 0 0 6.5px #B5643F}
body.vdark .site-footer{background:#0B121B;color:#AEB9C4}
body.vdark .tabbar{background:rgba(14,22,33,.92);border-color:#233142}
body.vdark .tabbar a,body.vdark .tabbar button{color:#AEB9C4}
body.vdark .nav-row a{color:#DCE3EA}
body.vdark .hdr-search input{background:#16212D;color:#EEF2F6}
body.vdark .icon-btn{color:#DCE3EA}
body.vdark .watch-desc,body.vdark .actbar{background:#16212D;color:#DCE3EA}
body.vdark .lede,body.vdark p{color:#C3CCD5}
.today-in{display:flex!important;flex-direction:row!important}.today-in>*{min-width:0}.today-in .t-zm{flex:1 0 auto}
@media(max-width:600px){.today-in>*{padding:6px 10px}.today-in b{font-size:.95rem}}

/* v11c friendly hero card (warm, round) */
.hero.hero2{background:linear-gradient(180deg,#FFF3EA 0%,#FDE6D8 100%);color:#1E3448;padding:22px 0 18px}
.hero.hero2 .hero-txt{background:#fff;border-radius:30px;padding:22px 18px 18px;box-shadow:0 10px 30px rgba(181,100,63,.16);border:1px solid #F6D2BE;max-width:720px}
.hero.hero2 h1{color:#1E3448;font-size:clamp(24px,5.6vw,38px);margin:.1em 0 .2em}
.hero.hero2 .lede{color:#4B5866}
.hero-logo2{width:120px;height:auto;margin:0 auto 6px;display:block}
.hero.hero2 .ask-big{background:#FFF8F3;border:2px solid #F6B08E;box-shadow:none}
.hero.hero2 .ask-big button{background:#B5643F}
.hero.hero2 .ask-ex a{background:#FFF1E8;color:#8A4528;border:1px solid #F6C9B0}
input[data-rot]::placeholder{transition:opacity .35s ease;opacity:1}
input.ph-fade::placeholder{opacity:0}

/* v11g hero: compact friendly card, no band, no words */
.hero.hero2{background:transparent;padding:14px 0 6px}
.hero.hero2 .hero-txt{background:#fff;border-radius:26px;padding:14px 14px 12px;box-shadow:0 4px 18px rgba(30,52,72,.08);border:1px solid #F6D9C8;max-width:640px;margin:0 auto}
.hero-logo2{width:min(210px,58vw);margin:0 auto 8px}
.hero.hero2 .ask-big{margin:6px auto 10px;background:#fff;border:2px solid #F6B08E}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* v11h layout cleanup: nothing floats over content on phones */
@media(max-width:860px){.ask-fab,.fab-write{display:none!important}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}.tour-tip{bottom:calc(84px + env(safe-area-inset-bottom))}}
.yt-chips{top:var(--hdr-h,58px);z-index:20}
.home-main .sec{margin:30px 0}
/* light creator header */
.crh{background:linear-gradient(135deg,#FFF1E8,#EAF4F6);border-radius:24px;padding:18px;margin:10px 0 6px}
.crh-av{border:0;box-shadow:0 0 0 3px #F6B08E,0 0 0 6px #fff,0 0 0 8.5px #B5643F}
.og-banner{background:linear-gradient(135deg,#FFF1E8,#EAF4F6);color:#1E3448}
.og-banner h1{color:#1E3448}.og-banner .kicker{color:#B5643F}.og-banner .sub-btn{background:#B5643F;color:#fff}

/* ===== v12a: soft hero, no overlaps ===== */
.hero.hero2{background:linear-gradient(180deg,#FFF6F0 0%,#F5FAFB 75%,rgba(255,255,255,0) 100%)!important;color:#1E3448!important;padding:10px 0 2px!important;border:0!important;overflow:visible}
.hero.hero2:before,.hero.hero2:after{display:none!important;content:none!important}
.hero.hero2 .hero-txt{background:#fff;border:1px solid #F7E1D3;box-shadow:0 8px 28px rgba(30,52,72,.06);border-radius:28px;padding:12px 14px 12px;max-width:620px;margin:0 auto;text-align:center}
.hero.hero2 .hero-logo2{width:min(170px,46vw)!important;height:auto!important;margin:0 auto 4px!important;display:block}
.hero.hero2 .ask-big{background:#FFFBF8!important;border:1.5px solid #F6C9B0!important;box-shadow:0 2px 10px rgba(181,100,63,.08)!important;border-radius:999px!important;margin:4px auto 10px!important}
.hero.hero2 .ask-big input{color:#1E3448!important;background:transparent!important}
.hero.hero2 .ask-big button{background:#2C7E92!important;color:#fff!important;border-radius:999px!important}
.hero.hero2 .ask-ex{gap:7px}
.hero.hero2 .ask-ex a{background:#F2F8F9!important;color:#1E3448!important;border:1px solid #D9EAEE!important;font-size:13px;padding:6px 12px}
.hero.hero2 .ask-ex a.rand{background:#FFF1E8!important;border-color:#F6C9B0!important;color:#8A4528!important}
/* featured grid: big card owns its own row, nothing spills into the next */
.fgrid{grid-auto-rows:170px}
@media(max-width:700px){.fgrid{grid-template-rows:230px;grid-auto-rows:150px}.fxcard.big{grid-row:auto!important;min-height:0!important}}
@media(min-width:701px){.fxcard.big{grid-row:span 2}}
.fxcard{min-height:0}
/* install prompt: one compact line, above the tab bar */
.inst{padding:8px 10px!important;gap:8px!important;border-radius:16px!important;max-height:62px;align-items:center}
.inst img{width:34px!important;height:34px!important}.inst small{display:none!important}.inst b{font-size:13px}
@media(max-width:860px){.inst{bottom:calc(74px + env(safe-area-inset-bottom))!important;inset-inline:10px!important}
 .tour-tip{bottom:calc(76px + env(safe-area-inset-bottom))!important}
 main,.home-main{scroll-padding-bottom:calc(80px + env(safe-area-inset-bottom))}}
.sec-h{gap:10px;flex-wrap:nowrap}.sec-h h2{min-width:0;overflow:hidden;text-overflow:ellipsis}.sec-h .more{flex:0 0 auto;white-space:nowrap}
.home-main .sec{margin:34px 0}