@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Source+Sans+3:wght@300;400;500;600&display=swap');
:root{--bg:#F4EEDF;--bg-soft:#EBE2CC;--bg-card:#FAF5E8;--green-deep:#1F3A2C;--green-mid:#2F523F;--green:#3F6B50;--green-warm:#5F8B6C;--green-soft:#C8D6C2;--green-tint:#E2EADD;--ink:#2A2A26;--ink-muted:#6F6F66;--line:#D8CFB7;--line-faint:#E4DCC4;--accent:#B57342;--accent-soft:#E8C9A8;--leaf:#6FA868;--fd:'Lora',Georgia,'Times New Roman',serif;--fb:'Source Sans 3',-apple-system,system-ui,sans-serif;--e:cubic-bezier(.4,0,.2,1)}
*,*::before,*::after{box-sizing:border-box}
deck-stage:not(:defined){visibility:hidden}
body{margin:0;background:#23231f;font-family:var(--fb)}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--green)}
section{background:var(--bg);color:var(--ink);font-family:var(--fb);padding:80px 104px;display:flex;flex-direction:column;overflow:hidden;font-size:30px;line-height:1.6;font-weight:400}
h1,h2,h3,h4{font-family:var(--fd);font-weight:500;color:var(--green-mid);margin:0;letter-spacing:-.015em}
h1{font-size:104px;line-height:1.02}
h2{font-size:68px;line-height:1.1}
h3{font-size:38px;line-height:1.25}
h4{font-size:30px;line-height:1.3}
p{margin:0;max-width:26em;text-wrap:pretty}
.kicker{font-family:var(--fb);font-size:24px;letter-spacing:.18em;text-transform:uppercase;color:var(--green-warm);font-weight:600}
.lede{font-size:34px;color:var(--ink-muted);line-height:1.5}
.mut{color:var(--ink-muted)}
.ser{font-family:var(--fd)}
.it{font-style:italic}
.foot{margin-top:auto;font-family:var(--fd);font-style:italic;font-size:28px;color:var(--green)}
.rule{height:1px;background:var(--line);width:100%;transform-origin:left center}
.dark{background:var(--green-deep);color:#EFE8D6}
.dark h1,.dark h2,.dark h3,.dark h4{color:#F7F2E4}
.dark .kicker{color:var(--green-soft)}
.dark .lede,.dark .mut{color:#C3D3BE}
.dark .rule{background:rgba(200,214,194,.3)}
.dark .foot{color:var(--accent-soft)}
.tint{background:var(--green-tint)}
.card{background:var(--bg-card);border:1px solid var(--line-faint);border-radius:20px;padding:34px 36px;box-shadow:0 18px 36px -22px rgba(31,58,44,.28)}
.dark .card{background:rgba(244,238,223,.07);border-color:rgba(200,214,194,.2);box-shadow:none}
.row{display:flex}
.col{display:flex;flex-direction:column}
.g{display:grid}
.num{font-family:var(--fd);font-size:56px;color:var(--accent);line-height:1;font-weight:500}
.chip{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:999px;padding:10px 22px;font-size:24px;color:var(--green-mid);background:var(--bg-card)}
.dot{width:14px;height:14px;border-radius:50%;background:var(--leaf);flex:none}
.hero-split{display:grid;grid-template-columns:1.05fr .95fr;gap:88px;align-items:center;flex:1}
.byline{font-size:26px;line-height:1.5}
.byline>div{flex:none;white-space:nowrap}
.byline b{font-weight:600;font-size:29px;display:block;font-family:var(--fd)}
.headshot{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;background:var(--green-tint);border:1px solid rgba(200,214,194,.35)}
@keyframes up{from{opacity:0;transform:translateY(28px)}}
@keyframes fade{from{opacity:0}}
@keyframes inx{from{opacity:0;transform:translateX(-34px)}}
@keyframes pop{from{opacity:0;transform:scale(.84)}}
@keyframes wx{from{transform:scaleX(0)}}
@keyframes wy{from{transform:scaleY(0)}}
@keyframes bl{from{opacity:0;filter:blur(14px);transform:translateY(10px)}}
@keyframes draw{from{stroke-dashoffset:var(--len,2000)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.075)}}
@keyframes sweep{from{left:0}to{left:100%}}
@keyframes lit{from{background:var(--green-soft);color:var(--green-mid)}}
@media (prefers-reduced-motion:no-preference){
[data-deck-active] .a{animation:up .85s var(--e) both;animation-delay:var(--d,0s)}
[data-deck-active] .af{animation:fade 1.1s var(--e) both;animation-delay:var(--d,0s)}
[data-deck-active] .ax{animation:inx .8s var(--e) both;animation-delay:var(--d,0s)}
[data-deck-active] .ap{animation:pop .75s var(--e) both;animation-delay:var(--d,0s)}
[data-deck-active] .aw{animation:wx .95s var(--e) both;animation-delay:var(--d,0s)}
[data-deck-active] .ab{animation:wy 1.15s var(--e) both;animation-delay:var(--d,0s)}
[data-deck-active] .abl{animation:bl 1.2s var(--e) both;animation-delay:var(--d,0s)}
[data-deck-active] .ad{animation:draw 2.6s var(--e) both;animation-delay:var(--d,0s)}
[data-deck-active] .breathe{animation:breathe 7s ease-in-out 1s infinite}
}
/* rings */
.rings{position:relative;width:520px;height:520px;flex:none}
.rings i{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid var(--green-warm);opacity:.5}
.dark .rings i{border-color:var(--green-soft);opacity:.42}
.rings i:nth-child(1){width:520px;height:520px}
.rings i:nth-child(2){width:390px;height:390px}
.rings i:nth-child(3){width:262px;height:262px}
.rings i:nth-child(4){width:134px;height:134px;background:var(--leaf);border-color:transparent;opacity:.9}
/* buckets */
.buckets{display:flex;gap:44px;align-items:flex-end}
.bucket{width:320px}
.bucket .jar{height:360px;border:1px solid var(--line);border-radius:16px 16px 20px 20px;background:var(--bg-card);position:relative;overflow:hidden}
.bucket .jar i{position:absolute;left:0;right:0;bottom:0;transform-origin:bottom;background:var(--green-soft)}
.bucket:nth-child(2) .jar i{background:var(--green-warm)}
.bucket:nth-child(3) .jar i{background:var(--accent-soft)}
.bucket b{display:block;font-family:var(--fd);font-weight:500;font-size:32px;color:var(--green-mid);margin-top:18px}
.bucket span{font-size:25px;color:var(--ink-muted)}
@keyframes drainA{0%{transform:scaleY(1);opacity:1}76%,80%{transform:scaleY(.035);opacity:1}82%,86%{opacity:.15}84%,88%{opacity:1}94%,100%{transform:scaleY(1);opacity:1}}
@keyframes drainB{0%{transform:scaleY(1);opacity:1}38%,80%{transform:scaleY(.035);opacity:1}82%,86%{opacity:.15}84%,88%{opacity:1}94%,100%{transform:scaleY(1);opacity:1}}
@keyframes drainC{0%{transform:scaleY(1);opacity:1}56%,80%{transform:scaleY(.035);opacity:1}82%,86%{opacity:.15}84%,88%{opacity:1}94%,100%{transform:scaleY(1);opacity:1}}
.bktarrow{position:absolute;left:398px;top:54%;width:300px;height:190px;pointer-events:none}
@media (prefers-reduced-motion:no-preference){[data-deck-active] .bucket .jar i{animation:var(--kf,drainA) 48s linear 1s infinite both}}
/* venn */
.venn{position:relative;width:980px;height:900px;margin:auto}
.venn i{position:absolute;width:580px;height:580px;border-radius:50%;font-style:normal;color:var(--green-mid);z-index:2}
.vennsvg{position:absolute;inset:0;width:100%;height:100%}
.vennsvg g{transform-box:fill-box;transform-origin:center}
.venn i:nth-of-type(1){left:0;top:0}
.venn i:nth-of-type(2){right:0;top:0}
.venn i:nth-of-type(3){left:200px;bottom:0}
.venn i>div{position:absolute;width:62%;text-align:center;font-size:25px;line-height:1.35;color:var(--ink-muted)}
.venn i>div b{display:block;font-family:var(--fd);font-weight:500;font-size:36px;color:var(--green-mid);margin-bottom:8px}
.venn i:nth-of-type(1)>div{left:6%;top:22%}
.venn i:nth-of-type(2)>div{right:6%;top:22%}
.venn i:nth-of-type(3)>div{left:19%;bottom:11%}
.vcentre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--fd);font-style:italic;font-size:62px;color:var(--green-deep);z-index:3;white-space:nowrap}
/* day bar */
.daybar{display:flex;gap:9px;height:168px;position:relative}
.dseg{flex:1;border-radius:12px;background:var(--green-tint);border:1px solid var(--line-faint);display:flex;align-items:flex-end;padding:14px 14px;font-size:24px;color:var(--green-mid);transform-origin:bottom}
.dseg.key{background:var(--green);color:#F7F2E4;border-color:var(--green)}
.dseg.brk{flex:.34;background:var(--accent-soft);border-color:#DBBB99;color:#7A4B24;font-size:24px;padding:12px}
.playhead{position:absolute;top:-22px;bottom:-22px;left:0;width:2px;background:var(--accent);opacity:0}
@media (prefers-reduced-motion:no-preference){[data-deck-active] .playhead{opacity:1;animation:sweep 8s linear 1.8s both}}
.playhead::before{content:'';position:absolute;top:-9px;left:-8px;width:18px;height:18px;border-radius:50%;background:var(--accent)}
/* nodes */
.nodes{display:flex;align-items:center;gap:0;width:100%}
.node{width:132px;height:132px;border-radius:50%;background:var(--green-soft);color:var(--green-mid);display:grid;place-items:center;font-family:var(--fd);font-size:30px;flex:none}
.wire{flex:1;height:1px;background:var(--line);transform-origin:left}
/* drift */
.driftwrap{position:relative;height:280px;width:100%}
.driftline{position:absolute;left:0;right:0;bottom:60px;height:1px;background:var(--line);transform-origin:left}
.dark .driftline{background:rgba(200,214,194,.3)}
.pip{position:absolute;bottom:49px;left:12%;width:24px;height:24px;border-radius:50%;background:var(--accent)}
@keyframes drift{0%{transform:translate(0,0)}30%{transform:translate(360px,-150px)}48%{transform:translate(398px,-158px)}52%{transform:translate(398px,-158px)}100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:no-preference){[data-deck-active] .pip{animation:drift 9s var(--e) 1.2s both}}
.driftlab{position:absolute;font-size:24px;color:var(--ink-muted);font-style:italic;font-family:var(--fd)}
.dark .driftlab{color:#A9BFA6}
/* loop diagrams */
.loopwrap{position:relative;flex:1;width:100%}
.loopwrap svg{width:100%;height:100%}
.llab{position:absolute;font-size:24px;color:var(--ink-muted);max-width:15em;line-height:1.35}
.llab b{display:block;font-family:var(--fd);font-weight:500;font-size:32px;color:inherit;margin-bottom:4px}
.llab{color:var(--green-mid)}
@keyframes travel{from{offset-distance:0%}to{offset-distance:100%}}
#loopdot1{offset-path:path("M420,392 C520,362 640,283 751,239 A130,130 0 0 1 865,473 A130,130 0 0 1 722,256 C834,172 980,120 1180,72")}
#loopdot2{offset-path:path("M90,500 c60,-26 110,-58 150,-72 c62,-22 104,26 76,62 c-26,34 -84,20 -74,-24 c8,-36 60,-52 100,-56 c30,-3 60,-8 88,-15 c60,-26 110,-58 150,-72 c62,-22 104,26 76,62 c-26,34 -84,20 -74,-24 c8,-36 60,-52 100,-56 c30,-3 60,-8 88,-15 c60,-26 110,-58 150,-72 c62,-22 104,26 76,62 c-26,34 -84,20 -74,-24 c8,-36 60,-52 100,-56 c30,-3 60,-8 88,-15 c60,-26 110,-58 150,-72 c62,-22 104,26 76,62 c-26,34 -84,20 -74,-24 c8,-36 60,-52 100,-56 c30,-3 60,-8 88,-15")}
@media (prefers-reduced-motion:no-preference){[data-deck-active] #loopdot1{animation:travel 11s linear 1.2s infinite both}[data-deck-active] #loopdot2{animation:travel 14s linear 1.2s infinite both}}
/* momenting stage: wander → pause → return */
.mstage{position:relative;flex:1;min-height:400px;width:100%}
.mhome{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;border:1px dashed rgba(200,214,194,.4)}
.mhome span{position:absolute;left:50%;top:calc(100% + 16px);transform:translateX(-50%);white-space:nowrap;font-family:var(--fd);font-style:italic;font-size:24px;color:#A9BFA6}
.mwander{position:absolute;left:50%;top:50%;width:0;height:0}
.mball{position:absolute;left:-33px;top:-33px;width:66px;height:66px;border-radius:50%;background:#EBE2CC;box-shadow:0 0 0 12px rgba(235,226,204,.12)}
.wp{opacity:1}
@keyframes wpulse{0%,100%{opacity:.34}45%,55%{opacity:1}}
@keyframes bcycle1{0%,36%{filter:blur(0);opacity:1}42%,100%{filter:blur(8px);opacity:.6}}
@keyframes bcycle2{0%,36%{filter:blur(8px);opacity:.6}42%,66%{filter:blur(0);opacity:1}72%,100%{filter:blur(8px);opacity:.6}}
@keyframes bcycle3{0%,66%{filter:blur(8px);opacity:.6}72%,92%{filter:blur(0);opacity:1}97%,100%{filter:blur(8px);opacity:.6}}
@keyframes wcycle1{0%,40%,100%{opacity:.34}6%,20%,33%{opacity:1}13%,27%{opacity:.34}}
@keyframes wcycle2{0%,40%,70%,100%{opacity:.34}46%,57%,66%{opacity:1}51%,61%{opacity:.34}}
@keyframes wcycle3{0%,70%,94%,100%{opacity:.34}77%,88%{opacity:1}83%{opacity:.34}}
@keyframes mwander{0%{transform:translate(0,0)}9%{transform:translate(190px,-78px)}18%{transform:translate(336px,46px)}27%{transform:translate(492px,-104px)}34%{transform:translate(312px,-166px)}41%,70%{transform:translate(528px,-62px)}90%,100%{transform:translate(0,0)}}
@keyframes mpulse{0%,16%,32%,48%,61%,73%,92%,100%{transform:scale(1)}8%,24%,40%{transform:scale(1.2)}55%,67%{transform:scale(1.08)}78%{transform:scale(1.05)}85%{transform:scale(1.12)}}
@keyframes mcolour{0%,40%{background:#EBE2CC;box-shadow:0 0 0 12px rgba(235,226,204,.12)}42%,69%{background:#6FA868;box-shadow:0 0 0 14px rgba(111,168,104,.18)}71%,92%{background:#CF8B54;box-shadow:0 0 0 14px rgba(207,139,84,.18)}94%,100%{background:#EBE2CC;box-shadow:0 0 0 12px rgba(235,226,204,.12)}}
@media (prefers-reduced-motion:no-preference){
[data-deck-active] .mwander{animation:mwander 13.6s var(--e) .9s infinite both}
[data-deck-active] .mball{animation:mpulse 13.6s var(--e) .9s infinite both,mcolour 13.6s linear .9s infinite both}
[data-deck-active] .wp1{animation:wcycle1 13.6s ease-in-out .9s infinite both}
[data-deck-active] .wp2{animation:wcycle2 13.6s ease-in-out .9s infinite both}
[data-deck-active] .wp3{animation:wcycle3 13.6s ease-in-out .9s infinite both}
}
@keyframes mwander-sm{0%{transform:translate(0,0)}9%{transform:translate(96px,-58px)}18%{transform:translate(150px,34px)}27%{transform:translate(-72px,-78px)}34%{transform:translate(46px,-124px)}41%,70%{transform:translate(158px,-46px)}90%,100%{transform:translate(0,0)}}
.mstage.sm{flex:none;width:440px;height:440px;min-height:0;margin-inline:auto}
.mstage.sm .mhome{width:112px;height:112px;border-color:rgba(95,139,108,.5)}
.mstage.sm .mhome span{color:var(--green-warm)}
.mstage.sm .mball{left:-26px;top:-26px;width:52px;height:52px;background:#DCD3B8;box-shadow:0 0 0 12px rgba(95,139,108,.1)}
@keyframes mcolour-sm{0%,40%{background:#D8CFB7;box-shadow:0 0 0 12px rgba(216,207,183,.34)}42%,69%{background:#3F6B50;box-shadow:0 0 0 14px rgba(63,107,80,.14)}71%,92%{background:#B57342;box-shadow:0 0 0 14px rgba(181,115,66,.16)}94%,100%{background:#D8CFB7;box-shadow:0 0 0 12px rgba(216,207,183,.34)}}
@media (prefers-reduced-motion:no-preference){[data-deck-active] .mstage.sm .mwander{animation-name:mwander-sm}[data-deck-active] .mstage.sm .mball{animation:mpulse 13.6s var(--e) .9s infinite both,mcolour-sm 13.6s linear .9s infinite both}}
@keyframes wander4{0.00%{transform:translate(0,0)}2.25%{transform:translate(120px,-80px)}4.50%{transform:translate(230px,30px)}6.75%{transform:translate(150px,-150px)}8.50%{transform:translate(250px,-70px)}10.25%{transform:translate(236px,-64px)}17.50%{transform:translate(236px,-64px)}22.50%{transform:translate(0,0)}24.99%{transform:translate(0,0)}25.00%{transform:translate(0,0)}27.25%{transform:translate(-130px,60px)}29.50%{transform:translate(-240px,-40px)}31.75%{transform:translate(-130px,150px)}33.50%{transform:translate(-230px,110px)}35.25%{transform:translate(-224px,116px)}42.50%{transform:translate(-224px,116px)}47.50%{transform:translate(0,0)}49.99%{transform:translate(0,0)}50.00%{transform:translate(0,0)}52.25%{transform:translate(70px,-150px)}54.50%{transform:translate(-90px,-190px)}56.75%{transform:translate(90px,-120px)}58.50%{transform:translate(-50px,-200px)}60.25%{transform:translate(-44px,-196px)}67.50%{transform:translate(-44px,-196px)}72.50%{transform:translate(0,0)}74.99%{transform:translate(0,0)}75.00%{transform:translate(0,0)}77.25%{transform:translate(150px,110px)}79.50%{transform:translate(30px,190px)}81.75%{transform:translate(220px,90px)}83.50%{transform:translate(186px,180px)}85.25%{transform:translate(180px,186px)}92.50%{transform:translate(180px,186px)}97.50%{transform:translate(0,0)}99.99%{transform:translate(0,0)}100%{transform:translate(0,0)}}
.mstage.r4{flex:none;width:1040px;height:560px;min-height:0;margin-inline:auto}
.mstage.r4 .rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;height:420px}
.mstage.r4 .mball{left:-27px;top:-27px;width:54px;height:54px;background:#D8CFB7}
.mstage.r4.dk .mball{background:#EBE2CC}
@media (prefers-reduced-motion:no-preference){
[data-deck-active] .mstage.r4 .mwander{animation:wander4 48s var(--e) .9s infinite both}
[data-deck-active] .mstage.r4 .mball{animation:mpulse 12s var(--e) .9s infinite both,mcolour-sm 12s linear .9s infinite both}
[data-deck-active] .mstage.r4.dk .mball{animation:mpulse 12s var(--e) .9s infinite both,mcolour 12s linear .9s infinite both}
[data-deck-active] .mstage.r4 ~ .mwords .wp1{animation:bcycle1 12s ease-in-out .9s infinite both}
[data-deck-active] .mstage.r4 ~ .mwords .wp2{animation:bcycle2 12s ease-in-out .9s infinite both}
[data-deck-active] .mstage.r4 ~ .mwords .wp3{animation:bcycle3 12s ease-in-out .9s infinite both}
}
@keyframes wander4big{0.00%{transform:translate(0,0)}2.25%{transform:translate(260px,-90px)}4.50%{transform:translate(520px,40px)}6.75%{transform:translate(330px,-130px)}8.50%{transform:translate(600px,-60px)}10.25%{transform:translate(588px,-54px)}17.50%{transform:translate(588px,-54px)}22.50%{transform:translate(0,0)}24.99%{transform:translate(0,0)}25.00%{transform:translate(0,0)}27.25%{transform:translate(-240px,70px)}29.50%{transform:translate(-520px,-30px)}31.75%{transform:translate(-300px,120px)}33.50%{transform:translate(-560px,90px)}35.25%{transform:translate(-548px,96px)}42.50%{transform:translate(-548px,96px)}47.50%{transform:translate(0,0)}49.99%{transform:translate(0,0)}50.00%{transform:translate(0,0)}52.25%{transform:translate(180px,-120px)}54.50%{transform:translate(-160px,-140px)}56.75%{transform:translate(240px,-60px)}58.50%{transform:translate(-80px,-150px)}60.25%{transform:translate(-74px,-144px)}67.50%{transform:translate(-74px,-144px)}72.50%{transform:translate(0,0)}74.99%{transform:translate(0,0)}75.00%{transform:translate(0,0)}77.25%{transform:translate(300px,110px)}79.50%{transform:translate(60px,150px)}81.75%{transform:translate(520px,80px)}83.50%{transform:translate(420px,140px)}85.25%{transform:translate(414px,146px)}92.50%{transform:translate(414px,146px)}97.50%{transform:translate(0,0)}99.99%{transform:translate(0,0)}100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:no-preference){
[data-deck-active] .m4 .mwander{animation:wander4big 48s var(--e) .9s infinite both}
[data-deck-active] .m4 .mball{animation:mpulse 12s var(--e) .9s infinite both,mcolour 12s linear .9s infinite both}
section.storyloop[data-deck-active] .wp1{animation:wcycle1 12s ease-in-out .9s infinite both}
section.storyloop[data-deck-active] .wp2{animation:wcycle2 12s ease-in-out .9s infinite both}
section.storyloop[data-deck-active] .wp3{animation:wcycle3 12s ease-in-out .9s infinite both}
}
/* three-word */
.words{display:grid;grid-template-columns:repeat(3,1fr);flex:1;align-items:center}
.words>div{padding:0 44px;border-left:1px solid var(--line)}
.dark .words>div{border-left-color:rgba(200,214,194,.26)}
.words>div:first-child{border-left:0;padding-left:0}
.words h2{font-size:82px}
.words p{font-size:27px;margin-top:22px;max-width:15em}
/* contact strip */
.contact{display:flex;gap:44px;align-items:center;font-size:25px;color:var(--ink-muted);border-top:1px solid var(--line);padding-top:26px;margin-top:34px}
.dark .contact{border-top-color:rgba(200,214,194,.26);color:#C3D3BE}
.contact b{font-weight:600;color:var(--green-mid)}
.dark .contact b{color:#F7F2E4}

/* keep/skip picker overlay */
.keepbtn{position:absolute;top:26px;right:30px;z-index:20;display:flex;align-items:center;gap:12px;font-family:var(--fb);font-size:22px;color:var(--green-mid);background:rgba(250,245,232,.92);border:1px solid var(--line);border-radius:999px;padding:10px 20px 10px 14px;cursor:pointer;line-height:1}
.dark .keepbtn{background:rgba(31,58,44,.55);border-color:rgba(200,214,194,.35);color:#EFE8D6}
.keepbtn i{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--green-warm);display:grid;place-items:center;background:#fff;flex:none}
.keepbtn.on i{background:var(--green);border-color:var(--green)}
.keepbtn.on i::after{content:'';width:11px;height:6px;border-left:2.5px solid #FAF5E8;border-bottom:2.5px solid #FAF5E8;transform:rotate(-45deg) translateY(-2px)}
.keepbtn.on{border-color:var(--green-warm)}
.keephud{position:fixed;top:14px;right:16px;z-index:9999;display:flex;gap:10px;align-items:center;font-family:var(--fb);font-size:14px;color:#EFE8D6;background:rgba(31,58,44,.9);border:1px solid rgba(200,214,194,.3);border-radius:999px;padding:7px 8px 7px 16px}
.keephud button{font:inherit;cursor:pointer;border:1px solid rgba(200,214,194,.35);background:transparent;color:#EFE8D6;border-radius:999px;padding:5px 13px}
.keephud button:hover{background:rgba(200,214,194,.16)}
.keephud textarea{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
@media print{.keepbtn,.keephud{display:none!important}}