:root{--bg:#02070d;--panel:#03121d;--cyan:#00cfff;--blue:#158cff;--green:#00e78b;--red:#ff314a;--violet:#8c8cff;--text:#7bc8e8;--muted:#286b87;--line:#0b5472}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#02060b;color:var(--text);font-family:"Trebuchet MS",Arial,sans-serif}body{overflow-x:hidden}.site-shell{min-height:100vh;background:radial-gradient(circle at 50% 35%,rgba(0,120,180,.08),transparent 42%),#02070d}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:9999;background:#00131d;color:#fff;padding:10px}
.topbar{min-height:90px;display:grid;grid-template-columns:290px minmax(640px,1fr) 220px;align-items:center;border-bottom:1px solid #07354b;background:linear-gradient(180deg,rgba(3,12,21,.98),rgba(1,7,13,.98));box-shadow:0 0 28px rgba(0,95,150,.18);position:relative;z-index:5;overflow:hidden}.topbar:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 4px);pointer-events:none}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0,#0b9ed0 18%,#0b9ed0 82%,transparent 100%);opacity:.28}.brand{height:100%;display:flex;align-items:center;gap:14px;padding:7px 18px;text-decoration:none;color:#65cbed;position:relative}.brand img{width:62px;height:72px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,190,255,.38))}.brand-copy{display:flex;flex-direction:column;gap:5px;line-height:1}.brand-copy strong{display:none}.brand-copy small{font-size:12px;color:#0b9ac7;letter-spacing:1.2px;line-height:1.35}
.main-nav{display:flex;justify-content:center;align-items:center;gap:14px;height:100%;padding:0 4px}.nav-btn{position:relative;width:214px;height:58px;display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-weight:700;letter-spacing:1.2px;font-size:19px;font-family:"Arial Narrow","Bahnschrift SemiCondensed","Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,rgba(8,27,40,.96),rgba(2,12,20,.96));border:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);color:#77b7d9;isolation:isolate;transition:filter .15s ease,transform .15s ease}.nav-btn:before{content:"";position:absolute;inset:0;z-index:-2;background:currentColor;clip-path:inherit}.nav-btn:after{content:"";position:absolute;inset:2px;z-index:-1;background:linear-gradient(180deg,rgba(8,26,39,.98),rgba(1,10,17,.98));clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:inset 0 0 16px currentColor}.nav-btn .ico{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;filter:drop-shadow(0 0 5px currentColor)}.nav-btn .ico svg{width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.nav-btn .ico-game svg{fill:none}.nav-btn .ico-game svg path:first-child{fill:currentColor;stroke:none}.nav-btn .ico-game svg path:last-child{fill:none}.nav-btn.home{color:#63b8ff}.nav-btn.games{color:#6cd795}.nav-btn.news{color:#ff9877}.nav-btn.contact{color:#9eafe7}.nav-btn.home:before{box-shadow:0 0 18px rgba(0,125,255,.55)}.nav-btn.games:before{box-shadow:0 0 18px rgba(0,225,125,.45)}.nav-btn.news:before{box-shadow:0 0 18px rgba(255,45,60,.45)}.nav-btn.contact:before{box-shadow:0 0 18px rgba(100,125,255,.35)}.nav-btn:hover{transform:translateY(-1px);filter:brightness(1.18)}.nav-btn:active{transform:translateY(1px);filter:brightness(.92)}.nav-btn:focus-visible{outline:2px solid #d7f7ff;outline-offset:4px}.nav-btn[aria-current="page"]{filter:brightness(1.24)}.nav-btn[aria-current="page"]:after{box-shadow:inset 0 0 24px currentColor,0 0 9px currentColor}
.top-slogan{font-size:12px;color:#0782ad;display:flex;flex-direction:column;gap:2px;padding-left:18px;line-height:1.1}.top-slogan span{font-size:27px;color:#00cfff;align-self:flex-start;margin:2px 0 0 145px;letter-spacing:-6px}
.dashboard{display:grid;grid-template-columns:300px minmax(500px,1fr) 250px;gap:18px;min-height:calc(100vh - 148px);padding:18px 18px 10px;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.55)),url('../assets/cafe-background.webp') center/cover fixed;position:relative}.dashboard:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),transparent 24%,transparent 76%,rgba(0,0,0,.75));pointer-events:none}.left-column,.right-column,.center-stage{position:relative;z-index:1}.center-stage{display:flex;align-items:stretch;justify-content:center;min-height:620px}
.hud-panel{background:linear-gradient(180deg,rgba(2,22,35,.92),rgba(1,10,18,.86));border:1px solid #075579;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:inset 0 0 25px rgba(0,130,190,.08),0 0 10px rgba(0,80,130,.22);padding:14px 16px;position:relative}.hud-panel:after{content:"";position:absolute;inset:5px;border:1px solid rgba(0,174,231,.12);pointer-events:none;clip-path:inherit}.panel-title{font-size:16px;letter-spacing:1.5px;color:#04b9ee;border-bottom:1px solid #075779;padding:0 2px 11px;margin-bottom:10px}.panel-title i{float:right;font-style:normal;color:#137b9c}.news-item{display:grid;grid-template-columns:74px 1fr;gap:11px;padding:10px 0;border-bottom:1px solid #06344b}.thumb{height:69px;border:1px solid #0a6688;background:url('../assets/cafe-background.webp') center/cover;box-shadow:inset 0 0 18px rgba(0,150,255,.35)}.t2{filter:hue-rotate(75deg) saturate(1.4)}.t3{filter:hue-rotate(220deg) saturate(1.2)}.news-item time{display:block;font-size:10px;color:#4d95b0}.news-item b{display:block;font-size:12px;color:#61c9ed;letter-spacing:.8px;margin-top:4px}.news-item p{margin:3px 0 0;font-size:11px;line-height:1.3;color:#397f9d}.panel-link,.login-links a{display:block;color:#008fbe;text-decoration:none;font-size:11px;margin-top:10px}.panel-link:hover,.login-links a:hover{color:#80e6ff}.login-panel{margin-top:16px}.login-panel label{display:flex;align-items:center;gap:9px;border:1px solid #07577a;background:#031522;margin:10px 0;padding:8px 10px;color:#157a9c}.login-panel input{width:100%;border:0;outline:0;background:transparent;color:#a9eaff;font:inherit;font-size:13px}.green-btn{width:100%;height:40px;margin-top:6px;background:linear-gradient(#0a5b43,#062a25);border:1px solid #00d18a;color:#72e3ba;font-family:inherit;font-weight:bold;letter-spacing:1px;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 7px),0 7px);cursor:pointer}.green-btn:hover{filter:brightness(1.15)}.login-links{padding-bottom:5px}
.online-panel{text-align:center;padding-bottom:17px}.online-panel .panel-title{text-align:left}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8affc8;box-shadow:0 0 10px #00ff9c;margin-right:8px}.online-number{display:block;font-size:36px;color:#12d94e;text-shadow:0 0 12px rgba(0,255,80,.35);line-height:1}.online-panel small{color:#009bba}.quick-panel{margin-top:16px}.quick-panel a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#2388a8;border-bottom:1px solid #073b51;padding:11px 3px;font-size:12px}.quick-panel a:hover{color:#7be4ff}.quick-panel a span{font-size:20px;color:#63b5d2;width:24px;text-align:center}.friends-panel{margin-top:16px;border:1px solid #095c81;background:linear-gradient(135deg,rgba(0,37,65,.8),rgba(5,12,25,.85));min-height:145px;padding:25px 20px;display:flex;align-items:center;justify-content:space-between;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);color:#168ee9;font-size:17px;line-height:1.15;text-shadow:0 0 10px #0074ff}.friends-panel span{font-size:34px;color:#00a8ef}
.page-card{width:100%;min-height:100%;background:linear-gradient(180deg,rgba(2,15,26,.93),rgba(1,8,14,.9));border:1px solid #08729a;box-shadow:0 0 24px rgba(0,120,180,.15),inset 0 0 35px rgba(0,130,190,.06);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);padding:24px 26px;position:relative;overflow:hidden}.page-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(0,196,255,.1);pointer-events:none;clip-path:inherit}.page-card .eyebrow{color:#0da8d3;font-size:11px;letter-spacing:2px;text-transform:uppercase}.page-card h1{margin:7px 0 8px;font-size:36px;letter-spacing:2px;color:#c5f3ff;text-shadow:0 0 14px rgba(0,180,255,.3)}.page-card h1:after{content:"";display:block;width:120px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);margin-top:10px}.page-card p{color:#6eaec5;line-height:1.6;max-width:800px}.page-grid{display:grid;grid-template-columns:1fr;gap:14px}.page-section{margin-top:18px;padding-top:15px;border-top:1px solid #08445c}.page-section h2{font-size:15px;letter-spacing:1.3px;color:#23bfe8;margin:0 0 10px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.game-card,.news-card,.contact-card{background:linear-gradient(180deg,rgba(3,28,43,.82),rgba(2,13,21,.88));border:1px solid #075778;min-height:125px;padding:16px;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:inset 0 0 18px rgba(0,130,190,.05)}.game-card h2,.news-card h2,.contact-card h2{font-size:15px;color:#6ed8f6;margin:0 0 8px;letter-spacing:1px}.game-card p,.news-card p,.contact-card p{font-size:12px;margin:0;color:#4c8fa8;line-height:1.5}.news-card time{font-size:10px;color:#3e829a;display:block;margin-bottom:5px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-card a{color:#37c9f2;text-decoration:none}.contact-card a:hover{color:#a2efff}.system-list{list-style:none;padding:0;margin:0}.system-list li{border-bottom:1px solid #073b51;padding:9px 0;color:#5da2b9;font-size:12px}.system-list li strong{color:#9adff0}.not-found{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:580px}.not-found .code{font-size:90px;line-height:1;color:#0bb4eb;text-shadow:0 0 22px rgba(0,180,255,.35);letter-spacing:4px}.not-found h1{margin:8px 0;color:#c8f3ff}.not-found .nav-btn-inline{display:inline-flex;margin-top:15px}
.scene-card{width:100%;height:min(66vh,650px);padding:0;background:#02090e;border:2px solid #087da9;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 0 25px rgba(0,150,255,.16),inset 0 0 40px #000;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}.scene-card img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.62) saturate(.9)}.scene-card:hover img{filter:brightness(.76) saturate(1.05)}.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,10,20,.15),transparent 55%,rgba(0,10,20,.72));pointer-events:none}.scene-hint{position:absolute;left:18px;bottom:16px;z-index:2;font-size:11px;color:#4acdf3;letter-spacing:1.5px;background:rgba(0,10,16,.75);padding:8px 12px;border:1px solid #0a6c91}.corner,.vcorner{position:absolute;width:18px;height:18px;z-index:3;border-color:#00cfff;border-style:solid}.c1,.v1{left:10px;top:10px;border-width:2px 0 0 2px}.c2,.v2{right:10px;top:10px;border-width:2px 2px 0 0}.c3,.v3{left:10px;bottom:10px;border-width:0 0 2px 2px}.c4,.v4{right:10px;bottom:10px;border-width:0 2px 2px 0}
.footer{min-height:58px;border-top:1px solid #073d55;background:#020b12;display:grid;grid-template-columns:1fr auto 120px;align-items:center;padding:0 22px;font-size:11px;color:#08708e;letter-spacing:.5px}.footer span{color:#0a3850;margin:0 6px}.footer-buttons{display:flex;gap:9px}.footer-buttons a{border:0;color:#218db0;text-decoration:none;padding:9px 15px;background:#03131e;position:relative;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);box-shadow:inset 0 0 0 1px #075478,0 0 8px rgba(0,130,190,.12);font-family:"Arial Narrow","Bahnschrift SemiCondensed","Segoe UI",Arial,sans-serif;letter-spacing:1px}.footer-buttons:hover{color:#8ce8ff;box-shadow:inset 0 0 0 1px #0ab7ed,0 0 12px rgba(0,170,230,.2)}.footer small{text-align:right;font-size:8px;color:#07516a}
.viewer{position:fixed;inset:0;z-index:100;background:rgba(0,4,9,.94);display:none;align-items:center;justify-content:center;flex-direction:column;padding:5vh 6vw}.viewer.open{display:flex}.viewer-frame{position:relative;width:min(1100px,92vw);height:min(72vh,760px);border:2px solid #0acfff;background:#000;box-shadow:0 0 35px rgba(0,180,255,.2);padding:14px}.viewer-frame img{width:100%;height:100%;object-fit:contain;background:#000}.viewer-close{position:absolute;right:7vw;top:4vh;border:0;background:transparent;color:#bcecff;font-size:48px;cursor:pointer;z-index:3}.viewer-bottom{width:min(1100px,92vw);display:flex;justify-content:space-between;padding-top:10px;color:#10a6d1;font-size:11px}.toast{position:fixed;bottom:75px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:#031722;border:1px solid #08a5d0;color:#83ddf5;padding:12px 18px;z-index:200;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1250px){.topbar{grid-template-columns:240px 1fr}.top-slogan{display:none}.nav-btn{width:180px}.dashboard{grid-template-columns:250px minmax(420px,1fr) 220px}}@media(max-width:980px){.topbar{grid-template-columns:1fr;padding:8px}.brand{justify-content:center;height:68px}.main-nav{height:auto;flex-wrap:wrap;padding:5px 0}.nav-btn{width:180px;height:50px;font-size:16px}.dashboard{grid-template-columns:1fr;padding:10px}.left-column{order:2}.center-stage{order:1;min-height:430px}.right-column{order:3}.scene-card{height:430px}.page-card{min-height:430px}.footer{height:auto;grid-template-columns:1fr;padding:16px;gap:14px}.footer small{text-align:left}}@media(max-width:600px){.brand-copy{display:none}.nav-btn{width:calc(50% - 8px);min-width:140px}.dashboard{gap:10px}.scene-card{height:320px}.cards,.contact-grid{grid-template-columns:1fr}.page-card{padding:20px 16px}.page-card h1{font-size:29px}.viewer{padding:60px 10px 20px}.viewer-close{right:12px;top:8px}.viewer-bottom{font-size:9px}.footer-buttons{flex-wrap:wrap}.footer-buttons a{padding:8px 10px}}

/* Neon navigation correction: visible layered borders and un-clipped outer glow */
.main-nav .nav-btn{
  background:transparent;
  border:0;
  overflow:visible;
  filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 10px currentColor);
  text-shadow:0 0 7px currentColor;
}
.main-nav .nav-btn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:currentColor;
  clip-path:inherit;
  box-shadow:none;
}
.main-nav .nav-btn::after{
  content:"";
  position:absolute;
  inset:2px;
  z-index:1;
  background:linear-gradient(180deg,rgba(10,35,52,.98),rgba(1,8,15,.98));
  clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);
  box-shadow:inset 0 0 18px currentColor, inset 0 0 3px currentColor;
}
.main-nav .nav-btn > *{position:relative;z-index:2}
.main-nav .nav-btn .ico{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}
.main-nav .nav-btn:hover{filter:brightness(1.2) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 18px currentColor)}
.main-nav .nav-btn[aria-current="page"]{filter:brightness(1.3) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 20px currentColor)}
.main-nav .nav-btn[aria-current="page"]::after{box-shadow:inset 0 0 24px currentColor,inset 0 0 5px currentColor}

/* Live ONLINE NOW counter */
.online-number{min-width:2ch}.online-number.counter-pulse{animation:onlinePulse .38s ease-out}.online-panel .status-dot{animation:onlineDot 1.8s ease-in-out infinite}@keyframes onlinePulse{0%{transform:scale(1);text-shadow:0 0 12px rgba(0,255,80,.35)}45%{transform:scale(1.13);text-shadow:0 0 22px rgba(0,255,80,.8)}100%{transform:scale(1);text-shadow:0 0 12px rgba(0,255,80,.35)}}@keyframes onlineDot{0%,100%{opacity:.65;box-shadow:0 0 7px #00ff9c}50%{opacity:1;box-shadow:0 0 16px #00ff9c}}@media(prefers-reduced-motion:reduce){.online-number.counter-pulse,.online-panel .status-dot{animation:none}}

/* CHAT menu item */
.nav-btn.chat{color:#00d9ff}
.nav-btn.chat:before{box-shadow:0 0 18px rgba(0,217,255,.5)}
.nav-btn.chat .ico{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}

/* Five-button primary navigation */
.main-nav{gap:10px}
.main-nav .nav-btn{width:178px}
@media(max-width:1250px){
  .main-nav{gap:8px}
  .main-nav .nav-btn{width:160px}
}

/* Real WebSocket ONLINE NOW state */
.online-number.counter-live{text-shadow:0 0 12px rgba(0,255,80,.5),0 0 28px rgba(0,255,80,.22)}
.online-number[data-live="false"]{opacity:.72}

/* GDPR consent banner */
.gdpr-banner{
  position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:18px 20px;background:rgba(5,9,15,.97);
  border:1px solid rgba(0,217,255,.75);
  box-shadow:0 0 10px rgba(0,217,255,.35),0 0 28px rgba(0,217,255,.18),inset 0 0 22px rgba(0,0,0,.7);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
}
.gdpr-copy{min-width:0}.gdpr-kicker{font-size:.7rem;letter-spacing:.18em;color:#00d9ff;text-shadow:0 0 8px #00d9ff}
.gdpr-copy h2{margin:4px 0 6px;font-size:1rem;letter-spacing:.08em}
.gdpr-copy p{margin:0;max-width:850px;color:#c4ced9;line-height:1.5;font-size:.85rem}
.gdpr-copy a{display:inline-block;margin-top:7px;color:#00d9ff}
.gdpr-actions{display:flex;gap:10px;flex:0 0 auto}
.gdpr-btn{min-width:112px;padding:11px 16px;font:inherit;font-weight:800;letter-spacing:.1em;color:#eafaff;background:#07121b;border:1px solid currentColor;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:.2s}
.gdpr-accept{color:#00e78b;box-shadow:0 0 12px rgba(0,231,139,.28)}
.gdpr-refuse{color:#ff4d68}
.gdpr-btn:hover,.gdpr-btn:focus-visible{transform:translateY(-1px);filter:brightness(1.35);outline:none;box-shadow:0 0 18px currentColor}
.gdpr-hide{opacity:0;transform:translateY(12px);transition:.3s}
@media(max-width:720px){
  .gdpr-banner{left:10px;right:10px;bottom:10px;display:block}
  .gdpr-actions{margin-top:14px}.gdpr-btn{flex:1}
}

.contact-email-row{margin-top:14px;letter-spacing:.06em}
.contact-email-row a{color:#00d9ff;text-shadow:0 0 8px rgba(0,217,255,.8)}
.contact-email-row a:hover,.contact-email-row a:focus-visible{color:#fff;outline:none;text-shadow:0 0 10px #00d9ff,0 0 20px #00d9ff}

/* NEWS SYSTEM — Dragos.xyz HUD integration */
.news-submit-button{display:block;width:100%;box-sizing:border-box;text-align:left;color:#00e78b;text-decoration:none;border:1px solid #00e78b;padding:11px 16px;background:#03151a;letter-spacing:1px;font-weight:800;box-shadow:0 0 12px rgba(0,231,139,.18);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.news-submit-button:hover{filter:brightness(1.25);box-shadow:0 0 18px rgba(0,231,139,.35)}
.news-transmit-wrap{max-width:none!important}
.news-grid>.news-empty,.news-grid>.news-loading{grid-column:1/-1;width:100%;box-sizing:border-box}
.blogroll>.news-empty,.blogroll>.news-loading{grid-column:1/-1;width:100%;box-sizing:border-box}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dynamic-news-card{min-height:190px}
.news-card-image{display:block;width:100%;height:150px;object-fit:cover;margin:-1px -1px 12px;border:1px solid #075778}
.news-empty,.news-loading{padding:16px;color:#397d96;border:1px dashed #07506b;background:rgba(2,14,23,.6);font-size:11px;letter-spacing:1px}
.latest-link{display:block;text-decoration:none;border-bottom:1px solid #073b51;padding:10px 0}
.latest-link:last-child{border-bottom:0}
.latest-link time{display:block;color:#3e829a;font-size:10px;margin-bottom:3px}
.latest-link b{display:block;color:#6ed8f6;font-size:12px}
.latest-link small{display:block;color:#4c8fa8;font-size:10px;line-height:1.4;margin-top:3px}
.blogroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.blogroll-link{display:block;padding:12px;text-decoration:none;background:rgba(3,28,43,.75);border:1px solid #075778;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.blogroll-link b{display:block;color:#6ed8f6;font-size:12px}.blogroll-link small{display:block;color:#4c8fa8;margin-top:5px;line-height:1.4}
.news-notice{margin:15px 0;padding:13px;border:1px solid #0a6c91;background:#03131e;line-height:1.5}
.news-notice.ok{border-color:#00e78b;color:#8fffc7;box-shadow:0 0 15px rgba(0,231,139,.12)}
.news-notice.error{border-color:#ff314a;color:#ff9ba8}
.news-submit-form{display:grid;gap:13px;margin-top:20px}
.news-submit-form label{display:grid;gap:6px;color:#55b8d8;font-size:11px;letter-spacing:1px}
.news-submit-form input,.news-submit-form textarea{width:100%;box-sizing:border-box;background:#020b12;color:#bdefff;border:1px solid #075778;padding:11px;font:inherit;outline:none}
.news-submit-form input:focus,.news-submit-form textarea:focus{border-color:#00cfff;box-shadow:0 0 12px rgba(0,207,255,.18)}
.news-submit-form textarea{resize:vertical;min-height:220px}
.news-submit-form small{color:#397d96;letter-spacing:0}
.news-submit-form button{justify-self:start;padding:11px 16px}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.news-date{color:#3e829a;font-size:10px;letter-spacing:1px}
.news-article-card h1{margin-top:8px}
.news-body{margin-top:20px;padding-top:18px;border-top:1px solid #08445c;color:#8ac9dd;line-height:1.75;font-size:14px}
.news-article-image{width:100%;max-height:520px;object-fit:cover;border:1px solid #075778;margin-top:16px}
.news-admin-list{display:grid;gap:12px}.news-admin-row{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid #075778;background:rgba(3,28,43,.7)}
.news-admin-row h2{margin:5px 0;color:#6ed8f6;font-size:15px}.news-admin-row p{color:#4c8fa8;font-size:12px;max-width:600px}
.news-admin-row form{display:flex;gap:7px;align-items:flex-start}.news-admin-row button{background:#03131e;color:#69d7f4;border:1px solid #075778;padding:8px;cursor:pointer}.news-admin-row button:hover{border-color:#00cfff;box-shadow:0 0 10px rgba(0,207,255,.2)}
@media(max-width:700px){.news-grid,.blogroll{grid-template-columns:1fr}.news-admin-row{display:block}.news-admin-row form{margin-top:12px;flex-wrap:wrap}}

/* News comments */
.news-comments{margin-top:28px;padding-top:20px;border-top:1px solid rgba(0,207,255,.25)}
.news-comments h2{margin:0 0 14px;color:#78d8f4;font-size:15px;letter-spacing:2px}.news-comments h2 span{color:#4f92aa}
.comment-list{display:grid;gap:9px}.comment-item{border:1px solid #075778;background:rgba(2,18,29,.72);padding:12px}.comment-head{display:flex;justify-content:space-between;gap:12px;color:#8fe7ff;font-size:11px}.comment-head time{color:#3f879f;font-size:9px}.comment-item p{margin:8px 0 0;color:#b9dce7;line-height:1.55}.comment-empty{color:#4f92aa;font-size:11px}
.comment-form{display:grid;gap:10px;margin-top:16px;padding:14px;border:1px solid #075778;background:rgba(2,18,29,.55)}.comment-form label{display:grid;gap:5px;color:#55b8d8;font-size:10px;letter-spacing:1px}.comment-form input,.comment-form textarea{background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:10px;font:inherit}.comment-form textarea{resize:vertical}.comment-notice{padding:10px;margin-bottom:12px;border:1px solid #075778;font-size:11px}.comment-notice.ok{border-color:#00e78b;color:#8fffc7}.comment-notice.error{border-color:#ff314a;color:#ff9ba8}

.comment-moderation-box{margin-bottom:18px}.comment-moderation-box .comment-row{margin-top:10px}.comment-moderation-box .comment-meta strong{color:#78d8f4}

/* SELF-DISCLOSURE */
.main-nav .self-disclosure{font-size:10px;letter-spacing:.7px}
.sd-privacy-note,.sd-feedback,.sd-voice-box{margin:16px 0;padding:13px 15px;border:1px solid #075778;background:rgba(2,18,28,.82);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.sd-privacy-note{display:grid;gap:10px;max-width:980px;margin:22px auto;padding:22px 28px;text-align:center;border:1px solid #b58cff;background:linear-gradient(180deg,rgba(35,18,58,.76),rgba(8,12,28,.9));box-shadow:inset 0 0 0 1px rgba(181,140,255,.18),0 0 18px rgba(181,140,255,.14);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.sd-privacy-note strong{color:#c9b0ff;letter-spacing:1.5px;display:block;font-size:14px}.sd-privacy-note span,.sd-notice{color:#8f7fb4;font-size:11px;line-height:1.5;display:block}
.sd-feed{display:grid;gap:12px}.sd-card{--sd-accent:#00d9ff;background:linear-gradient(180deg,rgba(3,28,43,.82),rgba(2,13,21,.88));border:1px solid var(--sd-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sd-accent) 22%,transparent),0 0 14px color-mix(in srgb,var(--sd-accent) 14%,transparent);padding:16px;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);position:relative}.sd-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sd-accent);box-shadow:0 0 12px var(--sd-accent)}.sd-card time{font-size:10px;color:var(--sd-accent)}.sd-card h2{margin:5px 0;color:var(--sd-accent);font-size:16px}.sd-card small,.sd-author{color:var(--sd-accent);font-size:10px;letter-spacing:1px}.sd-card p{max-width:none}.sd-card .panel-link{color:var(--sd-accent)}.sd-open-button{text-align:center}.sd-submit-form select{width:100%;box-sizing:border-box;background:#020b12;color:#bdefff;border:1px solid #075778;padding:11px;font:inherit}.sd-voice-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sd-voice-actions button{padding:9px 13px}.sd-voice-status{color:#00e78b;font-size:11px;letter-spacing:1px}.sd-submit-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.sd-feedback.ok{border-color:#00e78b;color:#00e78b}.sd-feedback.error{border-color:#ff3d55;color:#ff8290}.sd-admin-content{white-space:normal;color:#7bb8ca;background:#020b12;border:1px solid #073b51;padding:13px;line-height:1.55;margin-top:10px}
@media(max-width:900px){.main-nav .self-disclosure{font-size:9px;letter-spacing:.3px}}

.sd-account-note{margin:12px 0;padding:10px 12px;border:1px solid #075778;background:rgba(0,16,26,.7);color:#4c8fa8;font-size:10px;line-height:1.5;letter-spacing:.6px}.sd-submit-form label small{display:block;color:#3f8299;font-size:9px;letter-spacing:.4px;margin-top:-2px}.sd-custom-author-wrap[hidden]{display:none!important}


/* Global member access widget — shared by every public dashboard page */
.member-widget{display:flex;flex-direction:column;gap:8px}
.member-status{font-size:9px;letter-spacing:1.4px;color:#58dcae}
.member-name{font-size:21px;color:#bdf3ff;letter-spacing:1px;text-shadow:0 0 10px rgba(0,207,255,.25);word-break:break-word;line-height:1.15}
.member-role,.member-admin-role{font-size:9px;letter-spacing:1.4px;color:#287e98;line-height:1.2}
.member-admin-role{color:#58dcae}
.member-button{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-top:6px}
.admin-access-link{margin-top:0}

.nav-btn.self-disclosure{color:#8bbfe0}.nav-btn.self-disclosure:before{box-shadow:0 0 18px rgba(80,180,230,.35)}

/* Self-disclosure compact metadata row */
.sd-meta-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:start;margin-top:12px}
.sd-meta-row label{margin:0;min-width:0}
.sd-meta-row select{width:100%;box-sizing:border-box}
.sd-meta-help{margin-top:4px;font-size:10px;line-height:1.45;opacity:.8}
@media (max-width:900px){.sd-meta-row{grid-template-columns:1fr 1fr}.sd-meta-row label:last-child{grid-column:1/-1}}
@media (max-width:560px){.sd-meta-row{grid-template-columns:1fr}.sd-meta-row label:last-child{grid-column:auto}}

/* Self-disclosure voice recordings */
.sd-audio-preview,.sd-audio-player,.sd-admin-audio{margin-top:12px;padding:10px;border:1px solid #075778;background:rgba(1,14,23,.9);box-shadow:inset 0 0 16px rgba(0,170,220,.05)}
.sd-audio-preview{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.sd-audio-label{font-size:10px;letter-spacing:1.2px;color:#62d8f4;margin:0;flex:0 0 auto;white-space:nowrap}
.sd-audio-delete{width:30px;height:30px;min-width:30px;padding:0;border:1px solid #9b2b3c;background:rgba(60,5,14,.7);color:#ff7185;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;box-shadow:0 0 8px rgba(255,50,80,.12);flex:0 0 auto}
.sd-audio-delete:hover,.sd-audio-delete:focus-visible{border-color:#ff7185;color:#fff;box-shadow:0 0 12px rgba(255,50,80,.28);outline:none}
.sd-audio-preview audio{width:auto;min-width:220px;flex:1 1 auto;height:38px;display:block}.sd-audio-player audio,.sd-admin-audio audio{width:100%;height:38px;display:block}
.sd-feed-audio{display:block;width:100%;height:34px;margin:10px 0 5px}.sd-audio-recordings{display:flex;flex-direction:column;gap:8px}.sd-audio-track{margin-top:10px}.sd-audio-track:first-child{margin-top:0}.sd-feed-audios{display:flex;flex-direction:column;gap:6px}
.sd-voice-box{position:relative}
.sd-voice-box .sd-audio-preview{border-color:#8c8cff;box-shadow:0 0 12px rgba(140,140,255,.12),inset 0 0 16px rgba(140,140,255,.06)}
/* Admin self-disclosure recordings: keep each trash control on the same line as its player */
.sd-admin-audio{width:100%;max-width:none;box-sizing:border-box}
.sd-admin-audio-track{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%;box-sizing:border-box}
.sd-admin-audio-track>span{flex:0 0 auto;white-space:nowrap}
.sd-admin-audio-track audio{width:auto;min-width:0;flex:1 1 auto;height:38px;display:block}
.sd-audio-delete-form{margin:0;flex:0 0 auto}
.sd-audio-trash{width:30px;height:30px;min-width:30px;padding:0;border:1px solid #9b2b3c;background:rgba(60,5,14,.7);color:#ff7185;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;box-shadow:0 0 8px rgba(255,50,80,.12);flex:0 0 auto}
.sd-audio-trash:hover,.sd-audio-trash:focus-visible{border-color:#ff7185;color:#fff;box-shadow:0 0 12px rgba(255,50,80,.28);outline:none}
@media(max-width:560px){.sd-feed-audio{height:32px}.sd-audio-player audio,.sd-admin-audio audio{height:36px}}

@media(max-width:700px){.sd-audio-preview,.sd-admin-audio-track{gap:7px}.sd-audio-label{font-size:9px}.sd-audio-preview audio,.sd-admin-audio-track audio{min-width:0}.sd-audio-delete,.sd-audio-trash{width:30px;height:30px;min-width:30px}}

/* =========================================================
   DRAGOS.XYZ // AMBER AUDIO PLAYER
   Original early-2000s PC-game HUD inspired component.
   No external assets, fonts or libraries.
   ========================================================= */
.sd-future-player{
  --amber:#ffb52e;
  --amber-soft:#d88918;
  --amber-dim:rgba(255,181,46,.18);
  --amber-line:rgba(255,181,46,.62);
  --panel:#070a09;
  position:relative;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  margin:0;
  padding:12px 14px 12px 14px;
  border:1px solid var(--amber-line);
  background:
    linear-gradient(90deg,rgba(255,181,46,.045),transparent 22%,transparent 78%,rgba(255,181,46,.035)),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 45%,rgba(0,0,0,.18)),
    var(--panel);
  box-shadow:inset 0 0 18px rgba(255,181,46,.045),0 0 10px rgba(255,181,46,.05);
  clip-path:polygon(12px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 12px),calc(100% - 12px) 100%,18px 100%,0 calc(100% - 18px),0 12px);
  overflow:hidden;
}
.sd-future-player:before,.sd-future-player:after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.sd-future-player:before{
  left:10px;right:10px;top:5px;height:1px;
  background:linear-gradient(90deg,transparent,var(--amber),transparent);
  opacity:.55;
}
.sd-future-player:after{
  right:72px;top:5px;width:66px;height:4px;
  background:repeating-linear-gradient(90deg,var(--amber) 0 12px,transparent 12px 17px);
  opacity:.7;
}
.sd-player-topline{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 8px;padding-left:2px;min-width:0;
}
.sd-player-label{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#ffbf45;font-size:11px;line-height:1.2;letter-spacing:1.5px;text-transform:uppercase;
}
.sd-player-state{
  flex:0 0 auto;color:#7c807b;font-size:8px;letter-spacing:1.2px;white-space:nowrap;
}
.sd-player-controls{
  display:grid;grid-template-columns:68px minmax(0,1fr) 126px 48px;gap:12px;align-items:center;
  min-width:0;
}
.sd-player-play{
  width:68px;height:52px;padding:0;border:1px solid #8b5a14;border-radius:0;
  color:#ffb52e;background:linear-gradient(180deg,#11130f,#060806);
  box-shadow:inset 0 0 14px rgba(255,181,46,.08),0 0 0 1px rgba(0,0,0,.7);
  clip-path:polygon(10px 0,calc(100% - 7px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 9px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
  cursor:pointer;font-size:19px;display:flex;align-items:center;justify-content:center;
}
.sd-player-play:hover,.sd-player-play:focus-visible{
  color:#ffd47b;border-color:#ffb52e;box-shadow:inset 0 0 18px rgba(255,181,46,.14),0 0 10px rgba(255,181,46,.13);outline:none;
}
.sd-future-player.is-playing .sd-player-play{background:linear-gradient(180deg,#19150b,#090805);box-shadow:inset 0 0 20px rgba(255,181,46,.14),0 0 10px rgba(255,181,46,.1)}
.sd-player-middle{min-width:0}
.sd-player-meta{display:flex;justify-content:flex-end;margin-bottom:4px;min-height:14px}
.sd-player-time{font-size:10px;letter-spacing:1px;color:#d9d6cd;font-variant-numeric:tabular-nums;white-space:nowrap}
.sd-player-wave{
  height:34px;display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;
  padding:0 2px;box-sizing:border-box;
}
.sd-player-wave-bar{
  display:block;flex:1 1 3px;max-width:6px;height:var(--bar-h);min-height:2px;
  background:linear-gradient(180deg,#ffd36d,var(--amber));opacity:.65;
  box-shadow:0 0 4px rgba(255,181,46,.14);
  transform-origin:center;
}
.sd-future-player.is-playing .sd-player-wave-bar{animation:sdAmberPulse 900ms ease-in-out infinite alternate;animation-delay:calc(var(--bar-i) * -24ms)}
@keyframes sdAmberPulse{from{opacity:.45;transform:scaleY(.72)}to{opacity:.95;transform:scaleY(1.05)}}
.sd-player-lower{position:relative;padding:2px 0 0}
.sd-player-seek,.sd-player-volume-range{
  appearance:none;-webkit-appearance:none;width:100%;height:4px;margin:0;padding:0;border:0;outline:none;background:rgba(255,255,255,.09);cursor:pointer;
}
.sd-player-seek{background:linear-gradient(90deg,var(--amber) 0 var(--play-progress,0%),rgba(255,255,255,.1) var(--play-progress,0%) 100%)}
.sd-player-seek::-webkit-slider-thumb,.sd-player-volume-range::-webkit-slider-thumb{
  appearance:none;-webkit-appearance:none;width:11px;height:11px;border:1px solid #ffcf6c;border-radius:50%;background:#ffad24;box-shadow:0 0 8px rgba(255,181,46,.35);margin-top:-3.5px;
}
.sd-player-seek::-moz-range-thumb,.sd-player-volume-range::-moz-range-thumb{width:10px;height:10px;border:1px solid #ffcf6c;border-radius:50%;background:#ffad24;box-shadow:0 0 8px rgba(255,181,46,.35)}
.sd-player-seek::-webkit-slider-runnable-track,.sd-player-volume-range::-webkit-slider-runnable-track{height:4px;background:transparent}
.sd-player-seek::-moz-range-track,.sd-player-volume-range::-moz-range-track{height:4px;background:transparent}
.sd-player-volume{
  min-width:0;height:52px;display:flex;align-items:center;gap:7px;padding:0 8px;
  border-left:1px solid rgba(255,181,46,.28);border-right:1px solid rgba(255,181,46,.12);box-sizing:border-box;
}
.sd-player-volume-button{width:22px;height:30px;padding:0;border:0;background:transparent;color:#ffb52e;cursor:pointer;font-size:17px;line-height:1}
.sd-player-volume-button:focus-visible{outline:1px solid #ffb52e;outline-offset:2px}
.sd-player-volume-range{flex:1;min-width:40px;background:linear-gradient(90deg,#ffb52e 0 72%,rgba(255,255,255,.1) 72% 100%)}
.sd-player-delete-form{position:static;width:48px;height:52px;display:flex;align-items:center;justify-content:center;margin:0!important;border-left:1px solid rgba(255,181,46,.28);padding-left:8px;box-sizing:border-box;grid-column:4;grid-row:1}
.sd-player-delete,.sd-player-delete-form button{
  width:34px;height:34px;min-width:34px;padding:0;margin:0;border:1px solid #8f2737!important;
  background:rgba(60,5,14,.72)!important;color:#ff536d!important;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;
  box-shadow:0 0 8px rgba(255,50,80,.12);text-decoration:none;
}
.sd-player-delete-form{align-self:stretch;justify-self:stretch}
.sd-player-delete{align-self:center;justify-self:center}
.sd-player-delete:hover,.sd-player-delete:focus-visible,.sd-player-delete-form button:hover,.sd-player-delete-form button:focus-visible{
  border-color:#ff7185!important;color:#fff!important;box-shadow:0 0 12px rgba(255,50,80,.28);outline:none;
}
.sd-native-audio{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.sd-audio-preview,.sd-audio-track{width:100%;box-sizing:border-box}
.sd-audio-preview,.sd-audio-track{margin-top:10px}
.sd-audio-preview:first-child,.sd-audio-track:first-child{margin-top:0}
.sd-audio-preview,.sd-admin-audio-track{display:block!important}
.sd-audio-preview>.sd-future-player,.sd-audio-track>.sd-future-player{width:100%}
.sd-admin-audio-track{width:100%;box-sizing:border-box}
.sd-admin-audio-track>span,.sd-admin-audio-track>.sd-audio-delete-form{display:none!important}
.sd-audio-preview>.sd-audio-delete{display:none!important}
.sd-feed-audios .sd-future-player{margin:8px 0}
.sd-feed-audios .sd-future-player:first-child{margin-top:0}
.sd-audio-player>.sd-audio-track{margin-top:10px}
.sd-audio-player>.sd-audio-track:first-child{margin-top:0}

@media(max-width:700px){
  /* Mobile keeps the same AMBER HUD language as desktop, but compresses the controls rather than falling back to a browser-style player. */
  .sd-future-player{
    padding:10px 9px 10px;
    border-color:rgba(255,181,46,.68);
    box-shadow:inset 0 0 16px rgba(255,181,46,.05),0 0 8px rgba(255,181,46,.045);
  }
  .sd-future-player:after{right:58px;width:48px;height:3px;background:repeating-linear-gradient(90deg,var(--amber) 0 8px,transparent 8px 12px)}
  .sd-player-topline{margin-bottom:7px;gap:7px}
  .sd-player-label{font-size:9px;letter-spacing:1.15px}
  .sd-player-controls{grid-template-columns:52px minmax(0,1fr) 40px;grid-template-rows:auto 27px;gap:7px 8px;align-items:center}
  .sd-player-play{width:52px;height:46px;font-size:17px}
  .sd-player-middle{grid-column:2;grid-row:1;min-width:0}
  .sd-player-meta{margin-bottom:2px;min-height:12px}
  .sd-player-time{font-size:9px;letter-spacing:.8px}
  .sd-player-wave{height:25px;gap:1.5px;padding:0}
  .sd-player-wave-bar{max-width:4px}
  .sd-player-lower{padding-top:1px}
  .sd-player-seek{height:4px}
  .sd-player-volume{grid-column:2;grid-row:2;height:27px;border:0;border-top:1px solid rgba(255,181,46,.14);padding:3px 0 0;margin:0;gap:6px}
  .sd-player-volume-button{width:20px;height:22px;font-size:15px}
  .sd-player-volume-range{height:3px;min-width:0}
  .sd-player-delete-form{grid-column:3;grid-row:1 / span 2;width:40px;height:80px;padding-left:6px;border-left:1px solid rgba(255,181,46,.24);align-self:stretch}
  .sd-player-delete,.sd-player-delete-form button{width:30px;height:30px;min-width:30px;font-size:14px}
  .sd-player-state{display:none}
}
@media(max-width:420px){
  .sd-future-player{padding:9px 8px 9px}
  .sd-player-label{font-size:8.5px;letter-spacing:1px}
  .sd-player-controls{grid-template-columns:48px minmax(0,1fr) 36px;gap:6px 7px;grid-template-rows:auto 25px}
  .sd-player-play{width:48px;height:43px}
  .sd-player-time{font-size:8.5px}
  .sd-player-wave{height:23px}
  .sd-player-volume{height:25px}
  .sd-player-volume-button{width:18px;font-size:14px}
  .sd-player-delete-form{width:36px;height:74px;padding-left:5px}
  .sd-player-delete,.sd-player-delete-form button{width:28px;height:28px;min-width:28px}
}
/* consent settings + legal pages */
.gdpr-settings{margin-top:12px;display:grid;gap:8px}.gdpr-settings[hidden]{display:none}
.gdpr-opt{display:flex;gap:10px;align-items:flex-start;color:#c4ced9;font-size:.82rem;line-height:1.4;cursor:pointer}
.gdpr-opt input{margin-top:3px;accent-color:#00e78b}.gdpr-opt b{color:#00d9ff;letter-spacing:.08em;margin-right:6px}
.gdpr-settings-btn{color:#00d9ff}
@media(max-width:720px){.gdpr-banner{max-height:85vh;overflow:auto}.gdpr-actions{flex-wrap:wrap}}
.legal-page h2{margin-top:28px;scroll-margin-top:16px}.legal-page li{margin:6px 0;line-height:1.55}
.legal-updated{color:#7bb8ca;font-size:.8rem;letter-spacing:.05em}
.legal-toc{display:flex;flex-wrap:wrap;gap:6px 14px;margin:14px 0;padding:12px 14px;border:1px solid #075778;background:rgba(2,18,28,.6);font-size:.8rem}
.legal-toc a{color:#00d9ff;text-decoration:none}.legal-toc a:hover{text-decoration:underline}
.legal-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.82rem;display:block;overflow-x:auto}
.legal-table th,.legal-table td{border:1px solid #075778;padding:8px 10px;text-align:left;vertical-align:top}
.legal-table th{color:#00d9ff;background:rgba(0,217,255,.06);letter-spacing:.06em}
.legal-placeholder{border-left:3px solid #ffd45c;padding:8px 12px;background:rgba(255,212,92,.06)}
.sd-legal-note{font-size:.78rem;color:#7bb8ca}.sd-legal-note a{color:#00d9ff}
.center-stage:has(> .legal-page),.legal-page,.legal-page .page-section{min-width:0;max-width:100%}
.dashboard:has(.legal-page){display:block;max-width:1100px;margin-left:auto;margin-right:auto}
/* ===== COMMS TERMINAL (contact.php) ===== */
.comms-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;margin-top:14px}
.comms-main,.comms-side{min-width:0}.comms-side{display:grid;gap:12px;align-content:start}
.comms-side .contact-card{min-height:0}.comms-side h2{margin:0 0 8px;font-size:13px;letter-spacing:2px;color:#00d9ff}
.comms-form{margin-top:0;padding:16px;border:1px solid #075778;background:linear-gradient(180deg,rgba(3,28,43,.82),rgba(2,13,21,.9));clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);position:relative}
.comms-form:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,217,255,.035) 0 1px,transparent 1px 3px)}
.comms-status{color:#00e78b;font-size:11px;letter-spacing:1.5px;text-shadow:0 0 8px rgba(0,231,139,.45)}
.comms-status:before{content:"● ";animation:comms-blink 1.4s steps(2) infinite}
@keyframes comms-blink{50%{opacity:.15}}
.comms-channels{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.comms-channels legend{color:#55b8d8;font-size:11px;letter-spacing:1px;margin-bottom:8px;padding:0}
.news-submit-form .comms-chip{display:inline-flex;gap:0;cursor:pointer}
.comms-chip input{position:absolute;opacity:0;width:1px;height:1px}
.comms-chip span{display:inline-block;padding:8px 11px;border:1px solid #075778;background:#020b12;color:#6fb9d2;font-size:10px;letter-spacing:1.3px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:.15s}
.comms-chip:hover span{border-color:#00cfff;color:#bdefff}
.comms-chip input:checked+span{background:linear-gradient(#0a5b43,#062a25);border-color:#00d18a;color:#b6ffe3;box-shadow:0 0 12px rgba(0,209,138,.35)}
.comms-chip input:focus-visible+span{outline:2px solid #00d9ff;outline-offset:2px}
.comms-hint{margin:-4px 0 0;color:#4c8fa8;font-size:11px;min-height:1em}
.comms-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.news-submit-form .comms-row label small,.news-submit-form .comms-link small{font-size:10px}
.news-submit-form textarea#commsMessage{min-height:170px}
.comms-count{float:right;color:#397d96;letter-spacing:0}
.news-submit-form .comms-check{display:flex;color:#7bb8ca;font-size:11px;letter-spacing:.2px;line-height:1.45}
.news-submit-form .comms-check input{width:auto;margin-top:2px;accent-color:#00e78b}
.comms-check a{color:#00d9ff}
.news-submit-form .comms-invalid{border-color:#ff3d55!important;box-shadow:0 0 12px rgba(255,61,85,.25)!important}
.news-submit-form .comms-send{width:auto;min-width:220px;height:44px;justify-self:start}
.comms-send:disabled{opacity:.6;cursor:progress}
.comms-route{display:block;text-decoration:none;padding:8px 0;border-bottom:1px solid #073b51}
.comms-route:last-child{border-bottom:0}.comms-route b{display:block;color:#6ed8f6;font-size:11px;letter-spacing:1.2px}
.comms-route small{display:block;color:#4c8fa8;font-size:10px;margin-top:2px}.comms-route:hover b{color:#00e78b}
.comms-side .contact-email-row a{color:#00e78b;font-weight:bold;letter-spacing:1.5px}
.comms-received{padding:22px;border:1px solid #00d18a;background:rgba(2,24,20,.85);box-shadow:0 0 22px rgba(0,209,138,.18),inset 0 0 22px rgba(0,0,0,.5);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.comms-terminal{display:grid;gap:8px;font-family:ui-monospace,Consolas,monospace;color:#00e78b;font-size:14px;letter-spacing:1px;text-shadow:0 0 8px rgba(0,231,139,.5);min-height:120px}
.comms-terminal .typing:after{content:"█";animation:comms-blink 1s steps(2) infinite;margin-left:2px}
.comms-again{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:0 18px;margin-top:18px;text-decoration:none}
@media(max-width:1100px){.comms-grid{grid-template-columns:1fr}}
@media(max-width:600px){.comms-row{grid-template-columns:1fr}.news-submit-form .comms-send{width:100%}}
@media(prefers-reduced-motion:reduce){.comms-status:before{animation:none}}
.comms-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.comms-form [hidden]{display:none!important}
/* ===== SELF-DIARY-BOOK ===== */
.sd-diary-wrap{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:-4px}
.sd-diary-link{text-align:center}.sd-diary-back{margin:-4px 0 8px;text-align:center}
.sd-diary-note{color:#7bb8ca;font-size:12px;margin:-4px 0 10px}
.sd-diary-status{display:inline-block;margin-left:10px;padding:2px 8px;border:1px solid var(--sd-accent);color:var(--sd-accent);font-size:9px;letter-spacing:1.3px}
.sd-diary-mine .sd-diary-text{white-space:normal;line-height:1.55}
/* ===== DIARY BOOK: memory date + book reader ===== */
.dbk-when{border:1px solid #075778;padding:12px 14px;margin:0;background:rgba(2,14,23,.55)}
.dbk-when legend{color:#ffd45c;font-size:11px;letter-spacing:1.5px;padding:0 6px}.dbk-when legend small{color:#7a6a3a;letter-spacing:.5px}
.dbk-when-help{margin:2px 0 10px;color:#7bb8ca;font-size:12px;line-height:1.5}
.dbk-date-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dbk-date label{display:grid;gap:5px;color:#55b8d8;font-size:10px;letter-spacing:1px}
.dbk-date input,.dbk-date select{width:100%;box-sizing:border-box;background:#020b12;color:#bdefff;border:1px solid #075778;padding:9px;font:inherit;font-size:13px}
.dbk-date select:disabled,.dbk-date input:disabled{opacity:.4}
.dbk-date .dbk-approx{display:flex;gap:8px;align-items:center;margin-top:10px;color:#7bb8ca;font-size:11px;letter-spacing:.5px}
.dbk-date .dbk-approx input{width:auto;accent-color:#ffd45c}
@media(max-width:640px){.dbk-date-row{grid-template-columns:1fr 1fr}}

.dbk-book{position:relative;margin:12px 0 4px;border:1px solid #0a6e94;background:linear-gradient(180deg,rgba(3,24,37,.92),rgba(2,11,18,.95));box-shadow:0 0 22px rgba(0,217,255,.08),inset 0 0 30px rgba(0,0,0,.5);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);outline:none}
.dbk-book:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:2px;background:linear-gradient(#ffd45c55,#00d9ff33,#ffd45c55);pointer-events:none}
.dbk-cover{padding:18px 18px 12px 36px;border-bottom:1px solid #073b51}
.dbk-kicker{font-size:10px;letter-spacing:2px;color:#ffd45c}
.dbk-cover h2{margin:6px 0 4px;font-size:18px;letter-spacing:2px;color:#e8f9ff}
.dbk-meta{font-size:11px;color:#55b8d8;letter-spacing:1.2px}
.dbk-toc{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.dbk-toc a{padding:5px 9px;border:1px solid #075778;color:#6fb9d2;text-decoration:none;font-size:11px;letter-spacing:1px}
.dbk-toc a small{color:#3e829a;margin-left:3px}.dbk-toc a:hover,.dbk-toc a.active{border-color:#ffd45c;color:#ffe9a8;background:rgba(255,212,92,.08)}
.dbk-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.dbk-controls[hidden]{display:none}
.dbk-controls button{padding:8px 12px;background:#020b12;color:#9fe6ff;border:1px solid #075778;font:inherit;font-size:11px;letter-spacing:1.2px;cursor:pointer}
.dbk-controls button:hover:not(:disabled){border-color:#00d9ff;color:#fff}.dbk-controls button:disabled{opacity:.35;cursor:default}
.dbk-pos{flex:1;text-align:center;color:#ffd45c;font-size:11px;letter-spacing:1.5px;min-width:110px}
.dbk-controls .dbk-mode{color:#00e78b;border-color:#0a5b43}
.dbk-pages{padding:6px 18px 18px 36px}
.dbk-chapter{margin:22px 0 4px;font-size:15px;letter-spacing:3px;color:#ffd45c;text-shadow:0 0 10px rgba(255,212,92,.35)}
.dbk-month{margin:14px 0 6px;font-size:11px;letter-spacing:2px;color:#55b8d8;border-bottom:1px dashed #073b51;padding-bottom:4px}
.dbk-page{position:relative;margin:10px 0;padding:14px 16px;border:1px solid #0a4f6a;border-left:3px solid #00d9ff;background:rgba(1,16,26,.9)}
.dbk-page.is-private{border-left-color:#b58cff}
.dbk-page-head{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.5px;color:#3e829a}
.dbk-page-date{margin-top:8px;font-family:ui-monospace,Consolas,monospace;color:#ffd45c;font-size:13px;letter-spacing:1.5px}
.dbk-page h5{margin:6px 0 2px;font-size:17px;letter-spacing:1px;color:#e8f9ff}
.dbk-page-by{font-size:10px;letter-spacing:1.2px;color:#55b8d8}
.dbk-badge{display:inline-block;margin-left:8px;padding:1px 7px;border:1px solid #ffd45c;color:#ffd45c;font-size:9px}
.dbk-page.is-private .dbk-badge{border-color:#b58cff;color:#d2b8ff}
.dbk-text{margin-top:12px;color:#c4e6f2;line-height:1.7;font-size:15px}
.dbk-page-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:10px;color:#3e829a;letter-spacing:1px}
.dbk-edit{margin-top:10px;border-top:1px dashed #073b51;padding-top:8px}
.dbk-edit summary{cursor:pointer;color:#ffd45c;font-size:11px;letter-spacing:1.2px}
.dbk-edit-form{margin-top:10px;display:grid;gap:10px}
.dbk-edit-actions{display:flex;flex-wrap:wrap;gap:8px}
.dbk-edit-actions .green-btn{width:auto;padding:0 14px;margin:0}
.dbk-edit-actions button:not(.green-btn){padding:8px 12px;background:transparent;border:1px solid #9b2b3c;color:#ff7185;font:inherit;font-size:11px;cursor:pointer}
.dbk-page.flash{box-shadow:0 0 0 2px #ffd45c,0 0 26px rgba(255,212,92,.45);transition:box-shadow .4s}
/* book view: one page at a time */
.dbk-book.is-reader .dbk-chapter,.dbk-book.is-reader .dbk-month{display:none}
.dbk-book.is-reader .dbk-page{display:none;min-height:260px;margin:14px 0 0}
.dbk-book.is-reader .dbk-page.is-current{display:block}
.dbk-book.is-reader .dbk-page-head .dbk-page-chapter{color:#ffd45c}
.dbk-page.turn-next{animation:dbk-turn-next .35s ease-out}.dbk-page.turn-prev{animation:dbk-turn-prev .35s ease-out}
@keyframes dbk-turn-next{from{opacity:0;transform:perspective(900px) rotateY(-14deg) translateX(24px)}to{opacity:1;transform:none}}
@keyframes dbk-turn-prev{from{opacity:0;transform:perspective(900px) rotateY(14deg) translateX(-24px)}to{opacity:1;transform:none}}
.dbk-happened{color:#ffd45c}
@media(prefers-reduced-motion:reduce){.dbk-page.turn-next,.dbk-page.turn-prev{animation:none}}
@media(max-width:600px){.dbk-cover{padding-left:28px}.dbk-pages{padding:4px 10px 14px 28px}.dbk-book:before{left:12px}.dbk-controls button{padding:8px 9px}}
/* ===== SELF-DISCLOSURE dropdown (js/nav-dropdown.js): the item is a real .nav-btn ===== */
.dx-nav-drop{position:absolute;z-index:60;display:grid;gap:8px;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}
.dx-nav-drop[hidden]{display:none}
.dx-nav-drop.is-open{opacity:1;transform:none}
.dx-nav-drop .nav-btn{min-width:0;box-sizing:border-box;white-space:nowrap}
.dx-nav-drop .nav-btn > *{position:relative;z-index:2}
.dx-nav-drop .nav-btn .ico{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}
.dx-nav-drop .nav-btn:hover,.dx-nav-drop .nav-btn:focus-visible{filter:brightness(1.2) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 18px currentColor)}
.dx-nav-drop .nav-btn[aria-current="page"]{filter:brightness(1.3) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 20px currentColor)}
.dx-nav-drop .nav-btn[aria-current="page"]::after{box-shadow:inset 0 0 24px currentColor,inset 0 0 5px currentColor}
/* SELF-DISCLOSURE label on one line */
.main-nav .nav-btn.self-disclosure > span:not(.ico){white-space:nowrap}
@media(max-width:1500px){.main-nav .nav-btn.self-disclosure{gap:6px;letter-spacing:.2px}.main-nav .nav-btn.self-disclosure .ico{width:24px;height:24px;flex-basis:24px}}
@media(max-width:1320px){.main-nav .nav-btn.self-disclosure{font-size:9px;letter-spacing:0;gap:4px}.main-nav .nav-btn.self-disclosure .ico{width:22px;height:22px;flex-basis:22px}}
@media(prefers-reduced-motion:reduce){.dx-nav-drop{transition:none}}
/* ===== memory date errors ===== */
.dbk-date .dbk-invalid{border-color:#ff3d55!important;box-shadow:0 0 0 1px #ff3d55,0 0 14px rgba(255,61,85,.45)!important;animation:dbk-red-flash .9s ease-in-out 3}
@keyframes dbk-red-flash{50%{background:rgba(255,61,85,.18)}}
.dbk-when:has(.dbk-date-bad),.dbk-date-bad{border-color:#ff3d55}
.dbk-date-error{margin-top:10px;padding:9px 12px;border:1px solid #ff3d55;background:rgba(60,5,14,.75);color:#ffb3bf;font-size:12px;line-height:1.5;letter-spacing:.3px}
.dbk-shake{animation:dbk-shake .38s ease-in-out}
@keyframes dbk-shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@media(prefers-reduced-motion:reduce){.dbk-shake,.dbk-date .dbk-invalid{animation:none}}

/* ===== KINDLE-STYLE READER ===== */
.kbook{--k-font:1;--k-bg:#07141d;--k-ink:#d3e6ef;--k-soft:#6f9fb3;--k-accent:#ffd45c;--k-rule:#0c3346;
  position:relative;margin:12px 0 4px;border:1px solid #0a6e94;background:linear-gradient(180deg,#051019,#02080d);padding:10px;
  box-shadow:0 0 24px rgba(0,217,255,.1),inset 0 0 40px rgba(0,0,0,.6);outline:none;
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.kbook[data-k-theme="sepia"]{--k-bg:#f3e9d2;--k-ink:#3d3222;--k-soft:#8a7658;--k-accent:#9a5b12;--k-rule:#dccdb0}
.kbook[data-k-theme="paper"]{--k-bg:#fbfbf8;--k-ink:#1f2328;--k-soft:#6b7280;--k-accent:#0e7490;--k-rule:#e5e7eb}
.kbook-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:4px 4px 10px}
.kbook-modes{display:flex}
.kbook-modes button,.kbook-tools button{padding:8px 12px;background:#020b12;color:#8fd3ec;border:1px solid #075778;font:inherit;font-size:11px;letter-spacing:1.4px;cursor:pointer}
.kbook-modes button+button{border-left:0}
.kbook-modes button.is-on{background:linear-gradient(#0a5b43,#062a25);border-color:#00d18a;color:#b6ffe3;box-shadow:0 0 12px rgba(0,209,138,.3)}
.kbook-modes button:disabled{opacity:.35;cursor:not-allowed}
.kbook-toc{flex:1 1 180px;max-width:360px;background:#020b12;color:#bdefff;border:1px solid #075778;padding:8px;font:inherit;font-size:12px}
.kbook-tools{display:flex;gap:6px}
.kbook-tools button:hover,.kbook-modes button:hover:not(:disabled){border-color:#00d9ff;color:#fff}
.kbook-screen{position:relative;background:var(--k-bg);color:var(--k-ink);padding:34px 58px 20px;border:1px solid var(--k-rule);box-shadow:inset 0 0 50px rgba(0,0,0,.25);transition:background .3s,color .3s}
.kbook-screen.k-flash{animation:k-fade .35s ease-out}
@keyframes k-fade{from{opacity:.4}to{opacity:1}}
.kbook-crumb{position:absolute;top:10px;left:58px;right:58px;text-align:center;font-size:10px;letter-spacing:2px;color:var(--k-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kbook-viewport{position:relative;height:clamp(380px,62vh,660px);overflow:hidden}
.kbook-flow{column-fill:auto;will-change:transform}
.kbook-flow[hidden]{display:none}
.k-text{font-family:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif;font-size:calc(18px * var(--k-font));line-height:1.65}
.k-audio{font-family:Georgia,"Times New Roman",serif;font-size:calc(16px * var(--k-font))}
.k-cover{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;break-after:column;border:1px solid var(--k-rule);box-sizing:border-box;padding:24px}
.k-cover-kicker{font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:11px;letter-spacing:3px;color:var(--k-accent)}
.k-cover-title{font-size:calc(30px * var(--k-font));letter-spacing:2px;line-height:1.2}
.k-cover-meta{font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:12px;letter-spacing:2px;color:var(--k-soft)}
.k-cover-hint{font-size:14px;color:var(--k-soft);font-style:italic;max-width:380px}
.k-chapter{break-before:column;margin:0 0 18px;padding-top:6px;text-align:center;font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:calc(20px * var(--k-font));letter-spacing:5px;color:var(--k-accent)}
.k-chapter:after{content:"";display:block;width:60px;height:1px;margin:10px auto 0;background:var(--k-accent);opacity:.6}
.k-entry{margin:0 0 10px}
.k-date{font-family:ui-monospace,Consolas,monospace;font-size:calc(12px * var(--k-font));letter-spacing:1.5px;color:var(--k-accent);break-after:avoid}
.k-title{margin:4px 0 2px;font-size:calc(22px * var(--k-font));line-height:1.25;font-weight:700;break-after:avoid}
.k-by{font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:11px;letter-spacing:1.5px;color:var(--k-soft);margin-bottom:12px;break-after:avoid}
.k-body p{margin:0 0 .9em;text-align:justify;hyphens:auto;orphans:2;widows:2}
.k-body p:first-child:first-letter{float:left;font-size:3.1em;line-height:.85;padding:4px 8px 0 0;color:var(--k-accent)}
.k-fleuron{text-align:center;color:var(--k-soft);font-size:11px;margin:14px 0 18px;letter-spacing:6px}
.k-listen,.k-read{display:inline-block;margin:4px 0 6px;padding:7px 12px;border:1px solid var(--k-accent);background:transparent;color:var(--k-accent);font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:11px;letter-spacing:1.5px;cursor:pointer}
.k-listen:hover,.k-read:hover{background:color-mix(in srgb,var(--k-accent) 14%,transparent)}
.k-rec{break-inside:avoid;margin:0 0 18px;padding:14px 16px;border:1px solid var(--k-rule);border-left:3px solid var(--k-accent)}
.k-tracks{display:grid;gap:10px;margin:10px 0 6px}
.k-track-no{display:block;font-family:"Arial Narrow","Segoe UI",sans-serif;font-size:10px;letter-spacing:2px;color:var(--k-soft);margin-bottom:4px}
.k-track audio{width:100%}
.kbook-edge{position:absolute;top:34px;bottom:20px;width:50px;border:0;background:transparent;color:var(--k-soft);font-size:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.55;transition:opacity .15s,background .15s}
.kbook-edge:hover:not(:disabled),.kbook-edge:focus-visible{opacity:1;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent)}
.kbook-next:hover:not(:disabled){background:linear-gradient(270deg,rgba(0,0,0,.08),transparent)}
.kbook-edge:disabled{opacity:.12;cursor:default}
.kbook-prev{left:4px}.kbook-next{right:4px}
.kbook-foot{display:flex;align-items:center;gap:12px;padding:10px 6px 2px;font-size:11px;letter-spacing:1.5px;color:#6fb9d2}
.kbook-progress{flex:1;height:3px;background:#0a2c3b;position:relative;overflow:hidden}
.kbook-progress i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#00d9ff,#00e78b);transition:width .35s}
.kbook .sd-future-player{max-width:100%}
@media(max-width:640px){.kbook{padding:6px}.kbook-screen{padding:30px 30px 14px}.kbook-crumb{left:30px;right:30px}.kbook-edge{width:28px;font-size:26px}.kbook-viewport{height:clamp(360px,64vh,600px)}.k-text{font-size:calc(17px * var(--k-font))}.k-body p{text-align:left}}
@media(prefers-reduced-motion:reduce){.kbook-flow{transition:none!important}}
.kbook .kbook-screen,.kbook .kbook-screen p,.kbook .kbook-screen .k-title,.kbook .kbook-screen .k-cover-title{color:var(--k-ink)}
.kbook .kbook-screen p{max-width:none}
.kbook-tools [data-k-theme]{min-width:74px}
@media(max-width:640px){.kbook-bar{gap:6px}.kbook-toc{order:3;flex-basis:100%;max-width:none}.kbook-tools button,.kbook-modes button{padding:7px 9px}}
/* ===== MEMORY PICTURE ===== */
.mem-pic{border:1px dashed #0a6e94;padding:12px 14px;margin:0;background:rgba(2,14,23,.55);transition:border-color .15s,background .15s}
.mem-pic legend{color:#00d9ff;font-size:11px;letter-spacing:1.5px;padding:0 6px}.mem-pic legend small{color:#3e829a;letter-spacing:.5px}
.mem-pic.mem-drag{border-color:#00e78b;background:rgba(0,231,139,.07)}
.mem-pic .mem-pic-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.mem-pic-empty{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.news-submit-form .mem-pic-choose,.news-submit-form .mem-pic-change{display:inline-block;cursor:pointer;padding:10px 16px;border:1px solid #00d18a;background:linear-gradient(#0a5b43,#062a25);color:#b6ffe3;font-size:12px;letter-spacing:1.4px;font-weight:700}
.news-submit-form .mem-pic-change{padding:7px 12px;font-size:11px}
.mem-pic-drop-hint{color:#3e829a;font-size:11px;letter-spacing:1px}
.mem-pic input:focus-visible~.mem-pic-empty .mem-pic-choose{outline:2px solid #00d9ff;outline-offset:2px}
.mem-pic-preview{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.mem-pic-preview[hidden],.mem-pic-empty[hidden],.mem-pic-error[hidden]{display:none}
.mem-pic-preview img{max-width:220px;max-height:160px;border:1px solid #0a6e94;box-shadow:0 0 14px rgba(0,217,255,.18);object-fit:cover}
.mem-pic-meta{display:grid;gap:8px;color:#7bb8ca;font-size:11px;letter-spacing:.6px}
.mem-pic-actions{display:flex;gap:8px;flex-wrap:wrap}
.mem-pic-remove{padding:7px 12px;background:rgba(60,5,14,.7);border:1px solid #9b2b3c;color:#ff7185;font:inherit;font-size:11px;letter-spacing:1px;cursor:pointer}
.mem-pic-error{margin-top:10px;padding:9px 12px;border:1px solid #ff3d55;background:rgba(60,5,14,.75);color:#ffb3bf;font-size:12px;line-height:1.5}
.mem-pic.mem-bad{border-color:#ff3d55;border-style:solid}
.mem-pic.mem-shake{animation:dbk-shake .38s ease-in-out}
.mem-pic.mem-busy{opacity:.75}
.news-submit-form .mem-pic-help,.mem-pic-help{margin:10px 0 0;color:#397d96;font-size:11px;line-height:1.5}
.mem-photo{margin:12px 0;padding:0}
.mem-photo a{display:block;line-height:0}
.mem-photo img{display:block;max-width:100%;height:auto;border:1px solid var(--sd-accent,#0a6e94);box-shadow:0 0 16px rgba(0,217,255,.14)}
.mem-feed img{width:100%;max-height:340px;object-fit:cover}
.mem-article img{max-height:70vh;width:auto;margin:0 auto}
.mem-book img{max-height:420px;width:auto}
.mem-gallery{margin:10px 0 4px}
.mem-gallery-head{font-size:11px;letter-spacing:2px;color:#ffd45c;margin-bottom:8px}.mem-gallery-head small{color:#7a6a3a;margin-left:6px}
.mem-gallery-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.mem-thumb{flex:0 0 150px;scroll-snap-align:start;text-decoration:none;border:1px solid #0a4f6a;background:rgba(1,16,26,.9);transition:border-color .15s,transform .15s}
.mem-thumb:hover,.mem-thumb:focus-visible{border-color:#ffd45c;transform:translateY(-2px);outline:none}
.mem-thumb img{display:block;width:100%;height:110px;object-fit:cover}
.mem-thumb-cap{display:block;padding:6px 8px;color:#9fd2e6;font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mem-thumb-cap b{display:block;color:#ffd45c;font-size:10px;letter-spacing:1px;font-weight:400}
.mem-admin{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-top:10px}
.mem-admin img{max-width:260px;max-height:180px;border:1px solid #0a6e94}
@media(prefers-reduced-motion:reduce){.mem-pic.mem-shake{animation:none}}
/* ===== BOOKS BY USER ===== */
.dbk-bookpick{display:grid;gap:8px;margin:10px 0 14px;justify-items:center;text-align:center}
.dbk-bookpick label{color:#ffd45c;font-size:11px;letter-spacing:2px}
.dbk-bookpick-row{display:flex;gap:8px;width:100%;justify-content:center}
.dbk-bookpick select{flex:1;width:100%;max-width:none;text-align:center;text-align-last:center;background:#020b12;color:#bdefff;border:1px solid #0a6e94;padding:11px;font:inherit;font-size:13px;letter-spacing:.5px}
.dbk-bookpick select:focus{outline:none;border-color:#00d9ff;box-shadow:0 0 12px rgba(0,217,255,.2)}
.dbk-bookpick .green-btn{width:auto;padding:0 16px;margin:0;height:auto}
.dbk-book-back{margin:0 0 6px;text-align:center}
.dbk-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:10px}
.dbk-libbook{display:flex;flex-direction:column;text-decoration:none;border:1px solid #0a4f6a;border-left:5px solid #00d9ff;background:linear-gradient(180deg,rgba(3,24,37,.95),rgba(2,11,18,.95));box-shadow:0 0 14px rgba(0,217,255,.08);transition:transform .15s,border-color .15s,box-shadow .15s}
.dbk-libbook:hover,.dbk-libbook:focus-visible{transform:translateY(-3px);border-color:#ffd45c;box-shadow:0 0 20px rgba(255,212,92,.2);outline:none}
.dbk-lib-pen{border-left-color:#b58cff}.dbk-lib-anon{border-left-color:#6f8a99}
.dbk-libcover{display:grid;place-items:center;height:150px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(0,217,255,.14),transparent 70%),#03121c;border-bottom:1px solid #0a4f6a}
.dbk-libcover img{width:100%;height:100%;object-fit:cover}
.dbk-spine-mark{font-family:Georgia,serif;font-size:64px;color:#ffd45c;text-shadow:0 0 18px rgba(255,212,92,.35)}
.dbk-libinfo{display:grid;gap:3px;padding:10px 12px}
.dbk-libinfo b{color:#e8f9ff;font-size:14px;letter-spacing:1.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbk-libinfo small{color:#6fb9d2;font-size:10px;letter-spacing:1px}
.dbk-libinfo em{font-style:normal;color:#00e78b;font-size:10px;letter-spacing:1.5px;margin-top:4px}
/* memory pictures centered */
.mem-photo{text-align:center}
.mem-photo a{display:inline-block;max-width:100%}
.mem-photo img{margin:0 auto}
.mem-gallery-head{text-align:center}
.mem-gallery-row{justify-content:safe center}
.mem-gallery-row>.mem-thumb:first-child{margin-left:auto}.mem-gallery-row>.mem-thumb:last-child{margin-right:auto}
.mem-admin{justify-content:center}
/* ===== owner delete bin + confirmation ===== */
.sd-card .owner-del,.dbk-page .owner-del{position:absolute;top:10px;right:10px;z-index:3;margin:0}
.owner-del-btn{box-shadow:0 0 10px rgba(255,50,80,.18)}
.sd-card:has(.owner-del) > h2,.dbk-page:has(.owner-del) .dbk-page-head{padding-right:40px}
.owner-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(0,4,8,.72);backdrop-filter:blur(3px);opacity:0;transition:opacity .15s}
.owner-modal[hidden]{display:none}.owner-modal.is-open{opacity:1}
.owner-modal-box{width:min(460px,100%);padding:22px 22px 18px;background:linear-gradient(180deg,#130309,#07020a);border:1px solid #ff3d55;box-shadow:0 0 30px rgba(255,61,85,.35),inset 0 0 30px rgba(0,0,0,.6);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.owner-modal-kicker{color:#ff7185;font-size:10px;letter-spacing:2.5px}
.owner-modal-box h2{margin:6px 0 10px;color:#ffe3e8;font-size:18px;letter-spacing:2px}
.owner-modal-box p{margin:0 0 18px;color:#e8b3bd;font-size:13px;line-height:1.55;max-width:none}
.owner-modal-actions{display:flex;gap:10px;flex-wrap:wrap}
.owner-modal-actions button{flex:1;min-width:140px;padding:11px 14px;font:inherit;font-size:12px;font-weight:700;letter-spacing:1.5px;cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.owner-modal-yes{background:linear-gradient(#7a0f22,#3a0710);border:1px solid #ff3d55;color:#fff}
.owner-modal-yes:hover,.owner-modal-yes:focus-visible{box-shadow:0 0 16px rgba(255,61,85,.55);outline:none}
.owner-modal-no{background:#020b12;border:1px solid #0a6e94;color:#9fe6ff}
.owner-modal-no:hover,.owner-modal-no:focus-visible{border-color:#00d9ff;color:#fff;outline:none}
.k-entry{position:relative}
.k-entry .k-del{position:absolute;top:0;right:0;z-index:3;margin:0}
.k-entry:has(.k-del) .k-date,.k-entry:has(.k-del) .k-title{padding-right:40px}
.owner-del[data-admin-del] .owner-del-btn{box-shadow:0 0 0 1px rgba(255,212,92,.35),0 0 10px rgba(255,50,80,.18)}
.k-body::after{content:"";display:table;clear:both}

/* ===================== SELF-DISCLOSURE SECTION: tabs, write flow (2026-09 restructure) ===================== */
/* menu button: SELF-DISCLOSURE on one line; font sized to fit the button (js/sd-navfit.js fine-tunes it) */
.main-nav .nav-btn.self-disclosure{font-size:15px;letter-spacing:.4px;gap:7px}
.main-nav .nav-btn.self-disclosure > span:not(.ico){white-space:nowrap;width:auto;line-height:1}
.main-nav .nav-btn.self-disclosure .ico{width:22px;height:22px;flex:0 0 22px}
.dx-nav-drop{display:none!important}

.sdx-page h1{margin-top:6px}
.sdx-h1-sub{font-size:.55em;letter-spacing:2px;color:#7bb8ca;white-space:nowrap}
.sdx-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 18px}
.sdx-tab{display:flex;flex-direction:column;gap:3px;padding:11px 14px;text-decoration:none;color:#7bc8e8;border:1px solid #0b5472;background:rgba(2,18,28,.82);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);transition:border-color .15s,background .15s,color .15s}
.sdx-tab b{font-size:15px;letter-spacing:2px}
.sdx-tab small{font-size:11px;letter-spacing:.4px;color:#4f93b0}
.sdx-tab:hover,.sdx-tab:focus-visible{border-color:#00cfff;color:#bfefff;outline:none}
.sdx-tab.is-active{border-color:#00e78b;color:#00e78b;background:linear-gradient(180deg,rgba(0,231,139,.13),rgba(2,18,28,.9));box-shadow:inset 0 0 0 1px rgba(0,231,139,.25),0 0 14px rgba(0,231,139,.15)}
.sdx-tab.is-active small{color:#7fdcb5}
.sdx-lead{max-width:880px;line-height:1.55}
.sdx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:14px 0 6px}
.sdx-cta .green-btn{display:inline-block;width:auto;padding:12px 20px;text-decoration:none}
.sdx-kinds{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 8px}
.sdx-kind{display:flex;flex-direction:column;gap:5px;padding:12px 14px;text-decoration:none;color:#9fd3e8;border:1px solid #0b5472;border-left:3px solid #00d9ff;background:rgba(2,18,28,.7);font-size:13px;line-height:1.45}
.sdx-kind b{letter-spacing:1.6px;color:#00d9ff;font-size:13px}
.sdx-kind-diary{border-left-color:#ffd45c}.sdx-kind-diary b{color:#ffd45c}
.sdx-kind:hover{background:rgba(3,28,43,.9)}
.sdx-signin{margin:16px 0;padding:18px 20px;border:1px solid #00cfff;background:rgba(2,18,28,.85)}
.sdx-signin strong{display:block;letter-spacing:2px;color:#00d9ff;margin-bottom:6px}
.sdx-signin p{margin:6px 0}
.sdx-signin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:12px!important}
.sdx-signin-actions .green-btn{display:inline-block;width:auto;padding:11px 22px;text-decoration:none}
.sdx-help{margin:26px 0 4px;border:1px solid #0b5472;background:rgba(2,14,22,.7)}
.sdx-help summary{cursor:pointer;padding:11px 14px;font-size:12px;letter-spacing:1.8px;color:#b58cff;list-style:none}
.sdx-help summary::-webkit-details-marker{display:none}
.sdx-help summary:before{content:"＋ ";color:#b58cff}
.sdx-help[open] summary:before{content:"－ "}
.sdx-help ul{margin:0;padding:2px 18px 14px 32px;display:grid;gap:7px;font-size:13px;line-height:1.5;color:#8fc4da}
.sdx-help b{color:#cfe9f4}.sdx-help a{color:#00d9ff}
.sdx-book{margin-top:10px}

/* WRITE form */
.sdx-write{display:grid;gap:14px}
.sdx-step{margin:0;padding:14px 16px 16px;border:1px solid #0b5472;background:rgba(2,16,25,.6);min-width:0}
.sdx-step > legend{padding:0 8px;font-size:13px;letter-spacing:1.8px;color:#00d9ff;font-weight:700}
.sdx-step > legend small{color:#4f93b0;font-weight:400;letter-spacing:.5px}
.sdx-num{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border:1px solid #00d9ff;border-radius:50%;font-size:12px;letter-spacing:0}
.sdx-dest-opts,.sdx-vis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sdx-vis[hidden],[data-sdx-only][hidden],.sdx-author[hidden]{display:none!important}
.sdx-dest-opt,.sdx-vis-opt{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:12px 14px;cursor:pointer;border:1px solid #0b5472;background:rgba(2,18,28,.8);transition:border-color .15s,background .15s}
.sdx-dest-opt input,.sdx-vis-opt input{margin-top:3px;accent-color:#00e78b;width:auto;flex:0 0 auto}
.sdx-dest-opt span,.sdx-vis-opt span{display:flex;flex-direction:column;gap:4px}
.sdx-dest-opt b,.sdx-vis-opt b{letter-spacing:1.4px;color:#cfe9f4;font-size:14px}
.sdx-dest-opt small,.sdx-vis-opt small{font-size:12px;line-height:1.45;color:#7bb8ca;letter-spacing:.2px;text-transform:none}
.sdx-dest-opt:has(input:checked),.sdx-vis-opt:has(input:checked){border-color:#00e78b;background:rgba(0,231,139,.08);box-shadow:inset 0 0 0 1px rgba(0,231,139,.2)}
.sdx-dest-opt:has(input:checked) b,.sdx-vis-opt:has(input:checked) b{color:#00e78b}
.sdx-dest-opt:has(input:focus-visible),.sdx-vis-opt:has(input:focus-visible){outline:2px solid #00cfff;outline-offset:2px}
.sdx-voice{margin:12px 0!important}
.sdx-voice-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px}
.sdx-voice-head b{letter-spacing:1.4px;color:#cfe9f4;font-size:13px}
.sdx-voice-head small{color:#4f93b0;font-size:12px}
.sdx-voice .sd-voice-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.sdx-voice .sd-voice-actions > button{width:auto}
.sdx-voice-lang{margin:0 0 0 auto!important;font-size:11px;letter-spacing:1px;min-width:190px}
.sdx-voice-lang select{width:100%}
.sdx-voice .sd-voice-status{margin-top:10px;font-size:11px}
.sdx-step .mem-pic{margin-top:12px}
.sdx-step .dbk-when{margin-top:4px}
.sdx-vis-note{margin:0 0 4px;color:#9fd3e8}
.sdx-author{display:grid;gap:8px;margin-top:12px}
.sdx-author label{margin:0}
.sdx-author-help{color:#4f93b0;font-size:12px}
.sdx-send{display:grid;gap:8px}
.sdx-send .sdx-submit{width:100%;padding:15px 18px;font-size:16px;letter-spacing:2px}
.sdx-send .sd-legal-note{margin:0}
@media(max-width:700px){
  .sdx-tabs{gap:6px}.sdx-tab{padding:9px 8px}.sdx-tab b{font-size:13px;letter-spacing:1px}.sdx-tab small{display:none}
  .sdx-kinds,.sdx-dest-opts,.sdx-vis{grid-template-columns:1fr}
  .sdx-voice-lang{margin:4px 0 0!important;flex:1 1 100%}
}
.sd-submit-form .sdx-dest-opt small,.sd-submit-form .sdx-vis-opt small{display:block;margin:0;font-size:12.5px;line-height:1.45;color:#7bb8ca;letter-spacing:.2px;text-transform:none}
.sdx-vis-note{font-size:14px}
.sdx-guest a{color:#00d9ff}

/* WRITE form: voice buttons in the site's neon/chamfer style */
.sdx-voice .sd-voice-actions > .sdx-vbtn{height:40px;margin:0;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:1.4px;cursor:pointer;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 7px),0 7px);transition:filter .15s,box-shadow .15s,opacity .15s}
.sdx-vbtn span{font-size:11px;line-height:1}
.sdx-vbtn-stop{background:linear-gradient(#4a0f1c,#22070f);border:1px solid #ff314a;color:#ff8a9a;box-shadow:inset 0 0 12px rgba(255,49,74,.18)}
.sdx-vbtn-clear{background:linear-gradient(#0a3550,#051a28);border:1px solid #00cfff;color:#8fe3ff;box-shadow:inset 0 0 12px rgba(0,207,255,.14)}
.sdx-vbtn:not(:disabled):hover,.sdx-vbtn:not(:disabled):focus-visible{filter:brightness(1.25);outline:none}
.sdx-vbtn-stop:not(:disabled){animation:sdxStopPulse 1.1s ease-in-out infinite alternate}
.sdx-vbtn:disabled{background:rgba(2,18,28,.6);border:1px solid #0b5472;color:#2f6a82;box-shadow:none;cursor:not-allowed;animation:none;opacity:.8}
@keyframes sdxStopPulse{from{box-shadow:inset 0 0 10px rgba(255,49,74,.2),0 0 0 rgba(255,49,74,0)}to{box-shadow:inset 0 0 16px rgba(255,49,74,.4),0 0 14px rgba(255,49,74,.55)}}
@media(prefers-reduced-motion:reduce){.sdx-vbtn-stop:not(:disabled){animation:none}}
@media(max-width:700px){.sdx-voice .sd-voice-actions > .sdx-vbtn{flex:1 1 auto;justify-content:center}}
@media(max-width:1250px){.main-nav .nav-btn.self-disclosure{font-size:13px;letter-spacing:.2px;gap:6px}.main-nav .nav-btn.self-disclosure .ico{width:20px;height:20px;flex-basis:20px}}

/* ===================== PAGE TOOLS: share · views · RAIL CHARGE reviews (js/page-tools.js) =====================
   Phones (≤640px): SHARE · REPORT sit on the right; VIEWS / REVIEWS stay on the left */
.pt-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 16px;position:relative;z-index:5}
.pt-chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid #0b5472;background:rgba(2,18,28,.85);color:#8fd3ec;font-family:inherit;font-size:12px;letter-spacing:1.2px;text-decoration:none;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 6px),0 6px)}
.pt-chip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 17px}
.pt-chip b{font-weight:700;color:#d6f3ff}.pt-chip small{font-size:10px;letter-spacing:1.4px;color:#4f93b0}
.pt-views{color:#00d9ff}
.pt-charge{color:#1de9c1;border-color:#0e5a52}.pt-charge:hover{border-color:#1de9c1}
.pt-share{cursor:pointer;color:#00e78b;border-color:#00b877;background:linear-gradient(#073d2e,#04201a)}.pt-share b{color:#7fffc6;letter-spacing:1.8px}
.pt-share:hover,.pt-share:focus-visible,.pt-share[aria-expanded="true"]{filter:brightness(1.25);outline:none;box-shadow:0 0 12px rgba(0,231,139,.35)}
.pt-share-wrap{position:relative;margin-left:auto}
.pt-share-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;display:grid;min-width:190px;padding:6px;border:1px solid #00b877;background:#03141c;box-shadow:0 8px 24px rgba(0,0,0,.55),0 0 14px rgba(0,231,139,.18)}
.pt-share-menu[hidden]{display:none}
.pt-share-menu a,.pt-share-menu button{display:block;width:100%;padding:9px 12px;border:0;background:transparent;color:#bfeede;font-family:inherit;font-size:12px;letter-spacing:1.4px;text-align:left;text-decoration:none;cursor:pointer}
.pt-share-menu a:hover,.pt-share-menu button:hover,.pt-share-menu a:focus-visible,.pt-share-menu button:focus-visible{background:rgba(0,231,139,.12);color:#00e78b;outline:none}
.center-stage.pt-has-extra{flex-direction:column;justify-content:flex-start;gap:12px}
.pt-extra .pt-bar{margin:0}

/* RAIL CHARGE meter */
.rc{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}
.rc-gun{display:inline-flex;align-items:center;gap:4px;padding:3px 7px 3px 11px;border:1px solid #0e5a52;background:#021a19;clip-path:polygon(0 30%,6px 0,100% 0,100% 100%,6px 100%,0 70%)}
.rc-coil,.rc-pick-coil i{display:block;width:12px;height:12px;border:2px solid #0e4a45;border-radius:2px;background:#03201e;transform:skewX(-12deg);transition:background .12s,border-color .12s,box-shadow .12s}
.rc-coil.on,.rc-pick-coil.on i{border-color:#3dffd8;background:radial-gradient(circle,#c9fff3 0 20%,#1de9c1 45%,#06776a 100%);box-shadow:0 0 8px #1de9c1}
.rc-coil.half{border-color:#3dffd8;background:linear-gradient(90deg,#1de9c1 50%,#03201e 50%)}
.rc-beam{display:block;width:34px;height:2px;background:repeating-linear-gradient(90deg,#0e4a45 0 5px,transparent 5px 9px)}
.rc.is-full .rc-beam{background:linear-gradient(90deg,#1de9c1,#9ffff0,transparent);box-shadow:0 0 8px #1de9c1,0 0 18px #1de9c1}
.rc.is-full .rc-gun{border-color:#1de9c1}
.rc-sm .rc-gun{padding:2px 5px 2px 8px;gap:3px}.rc-sm .rc-coil{width:8px;height:9px;border-width:1px}.rc-sm .rc-beam{width:14px}
.rc-xs .rc-gun{padding:1px 4px 1px 7px;gap:2px}.rc-xs .rc-coil{width:7px;height:8px;border-width:1px}.rc-xs .rc-beam{display:none}
.rc-lg .rc-gun{padding:6px 10px 6px 16px;gap:6px;border-color:#00e6c3}.rc-lg .rc-coil,.rc-lg .rc-pick-coil i{width:22px;height:22px}.rc-lg .rc-beam{width:90px;height:3px}
.rc.fire .rc-beam{animation:rcFire .7s ease-out}
@keyframes rcFire{0%{width:0;opacity:1;box-shadow:0 0 20px #9ffff0,0 0 40px #1de9c1}60%{width:160px}100%{width:90px}}
@media(prefers-reduced-motion:reduce){.rc.fire .rc-beam{animation:none}.rc-coil,.rc-pick-coil i{transition:none}}

/* REVIEWS section */
.pt-reviews{margin-top:28px;padding-top:20px;border-top:1px solid rgba(29,233,193,.25)}
.pt-reviews h2{margin:0 0 14px;color:#1de9c1;font-size:15px;letter-spacing:2px}.pt-reviews h2 span{color:#4f93b0}
.rc-summary{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:16px 18px;border:1px solid #0e5a52;background:linear-gradient(180deg,rgba(2,30,28,.75),rgba(1,12,14,.85));clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.rc-sum-main{display:flex;flex-direction:column;gap:10px}
.rc-sum-num{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.rc-sum-num b{font-size:34px;color:#e6f7ff;line-height:1}.rc-sum-num b small{font-size:14px;color:#4f93b0}
.rc-sum-num span{color:#1de9c1;letter-spacing:2px;font-size:13px;font-weight:700}
.rc-sum-num em{flex-basis:100%;font-style:normal;color:#4f93b0;font-size:11px;letter-spacing:1.5px}
.rc-dist{display:grid;gap:5px;font-size:10px;letter-spacing:1.2px;color:#6fb8a9}
.rc-dist-row{display:grid;grid-template-columns:58px 1fr 24px;gap:8px;align-items:center}
.rc-dist-bar{height:6px;background:#062a28}.rc-dist-bar i{display:block;height:100%;background:linear-gradient(90deg,#06776a,#1de9c1);box-shadow:0 0 6px #1de9c1}
.rc-dist-row span:last-child{text-align:right;color:#bfeee4}
.rc-signin{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:14px 0;padding:14px 16px;border:1px dashed #0e5a52;background:rgba(2,20,20,.6)}
.rc-signin b{color:#1de9c1;letter-spacing:2px}.rc-signin span{color:#8fc4da;flex:1 1 220px}
.rc-signin .green-btn{width:auto;padding:0 18px;margin:0;display:inline-flex;align-items:center;text-decoration:none}
.rc-form{display:grid;gap:12px;margin:14px 0;padding:14px 16px;border:1px solid #0e5a52;background:rgba(2,20,20,.6)}
.rc-form-head{color:#1de9c1;letter-spacing:2px;font-size:13px;font-weight:700}.rc-form-head small{color:#4f93b0;font-weight:400;letter-spacing:1px}
.rc-picker{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.rc-picker legend{padding:0;margin-bottom:8px;font-size:10px;letter-spacing:1.6px;color:#55b8d8}
.rc-pick-coil{position:relative;cursor:pointer;display:block;padding:2px 0}
.rc-pick-coil input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.rc-pick-coil:has(input:focus-visible) i{outline:2px solid #00cfff;outline-offset:3px}
.rc-input.is-preview .rc-pick-coil.on i{box-shadow:0 0 4px #1de9c1;opacity:.85}
.rc-pick-word{font-size:12px;letter-spacing:2px;color:#1de9c1;min-width:170px}
.rc-clear{background:transparent;border:1px solid #0b5472;color:#4f93b0;font-family:inherit;font-size:10px;letter-spacing:1.4px;padding:5px 10px;cursor:pointer}
.rc-clear:hover{color:#8fd3ec;border-color:#00cfff}
.rc-text{display:grid;gap:5px;color:#55b8d8;font-size:10px;letter-spacing:1px}.rc-text small{color:#3f879f}
.rc-text textarea{min-height:90px;background:#020b12;border:1px solid #075778;color:#bdefff;padding:10px;font:inherit;font-size:14px;resize:vertical}
.rc-send{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.rc-fire{width:auto!important;margin:0!important;padding:0 24px;height:42px;letter-spacing:2px;background:linear-gradient(#0a5b52,#062a27);border-color:#1de9c1;color:#9ffff0}
.rc-fire:hover{filter:brightness(1.2);box-shadow:0 0 14px rgba(29,233,193,.4)}
.rc-msg{font-size:12px;letter-spacing:1.2px}.rc-msg.ok{color:#1de9c1}.rc-msg.error{color:#ff8a9a}
.rc-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rc-list{display:grid;gap:9px}
.rc-item{border:1px solid #0b3f45;border-left:3px solid #1de9c1;background:rgba(2,18,24,.72);padding:11px 14px}
.rc-item.is-own{border-color:#1de9c1}
.rc-item-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:11px}
.rc-item-head strong{color:#bff7ea;letter-spacing:1px}.rc-item-word{color:#1de9c1;font-size:10px;letter-spacing:1.4px}
.rc-item-head time{margin-left:auto;color:#3f879f;font-size:10px}
.rc-item p{margin:8px 0 0;color:#a9d8e6;white-space:pre-line;max-width:none}
.rc-del{background:transparent;border:1px solid #5a1f2a;color:#ff8a9a;font-size:12px;padding:2px 7px;cursor:pointer}.rc-del:hover{border-color:#ff314a}
@media(max-width:640px){.rc-summary{grid-template-columns:1fr}.pt-bar{justify-content:flex-end}.pt-share-wrap{margin-left:0}.pt-bar:has(.pt-views){row-gap:0}.pt-bar:has(.pt-views)::before{content:"";order:1;flex-basis:100%;height:8px}.pt-bar:has(.pt-views) .pt-share-wrap,.pt-bar:has(.pt-views) .pt-shield{order:2}.pt-bar:has(.pt-views) .pt-views{margin-right:0}.pt-bar:has(.pt-views) .pt-charge{margin-right:auto}.pt-share-menu{right:0;left:auto}.pt-chip small{display:none}.rc-lg .rc-coil,.rc-lg .rc-pick-coil i{width:19px;height:19px}.rc-lg .rc-beam{width:40px}.rc-item-head time{margin-left:0;flex-basis:100%}}

/* RAIL CHARGE — compact strip at the bottom of content pages */
.rcc{margin-top:22px;padding:10px 12px;border:1px solid #0e5a52;background:linear-gradient(180deg,rgba(2,30,28,.6),rgba(1,12,14,.75));clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.rcc-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.rcc-title{font-size:11px;font-weight:700;letter-spacing:2px;color:#1de9c1}
.rcc-avg{display:inline-flex;align-items:center;gap:7px}
.rcc-avg b{color:#e6f7ff;font-size:14px}.rcc-avg small{color:#4f93b0;font-size:10px;letter-spacing:1.4px}
.rcc-you{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.rcc-you small{color:#55b8d8;font-size:10px;letter-spacing:1.4px}
.rcc .rc-sm .rc-pick-coil i{width:13px;height:13px;border-width:1px}
.rcc .rc-sm .rc-gun{gap:4px;padding:3px 7px 3px 10px}
.rcc-note,.rcc-toggle{background:transparent;border:1px solid #0b5472;color:#8fd3ec;font-family:inherit;font-size:10px;letter-spacing:1.4px;padding:5px 9px;cursor:pointer}
.rcc-note:hover,.rcc-toggle:hover,.rcc-toggle[aria-expanded="true"]{border-color:#1de9c1;color:#1de9c1}
.rcc-signin{color:#1de9c1;font-size:11px;letter-spacing:1.4px;text-decoration:none;margin-left:auto}.rcc-signin:hover{text-decoration:underline}
.rcc-form{display:flex;gap:8px;margin-top:9px}
.rcc-form[hidden]{display:none}
.rcc-form input[name=text]{flex:1;min-width:0;height:34px;background:#020b12;border:1px solid #075778;color:#bdefff;padding:0 10px;font:inherit;font-size:13px}
.rcc-form input[name=text]:focus{outline:none;border-color:#1de9c1}
.rcc-fire{height:34px;padding:0 16px;border:1px solid #1de9c1;background:linear-gradient(#0a5b52,#062a27);color:#9ffff0;font-family:inherit;font-weight:700;letter-spacing:1.6px;cursor:pointer}
.rcc-fire:hover{filter:brightness(1.2)}
.rcc .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.rcc-msg{font-size:11px;letter-spacing:1.2px;min-height:0}.rcc-msg:not(:empty){margin-top:7px}
.rcc-msg.ok{color:#1de9c1}.rcc-msg.error{color:#ff8a9a}
.rcc-list{display:grid;gap:2px;margin-top:9px;border-top:1px solid rgba(29,233,193,.18);padding-top:6px}
.rcc-list[hidden]{display:none}
.rcc-item{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:10px;padding:5px 2px;font-size:12px;border-bottom:1px dashed rgba(14,90,82,.5)}
.rcc-item:last-child{border-bottom:0}
.rcc-item strong{color:#bff7ea;font-size:11px;letter-spacing:.8px;white-space:nowrap}
.rcc-item.is-own strong{color:#1de9c1}
.rcc-text{color:#a9d8e6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.rcc-item time{color:#3f879f;font-size:10px;white-space:nowrap}
.rcc-nocharge{color:#3f879f}
.rcc .rc-del{font-size:10px;padding:1px 6px}
@media(max-width:640px){.rcc-you{margin-left:0;flex-basis:100%}.rcc-signin{margin-left:0}.rcc-item{grid-template-columns:auto auto 1fr auto}.rcc-item time{display:none}.rcc-text{white-space:normal}}

/* SHARE panel — the site's own, laid out like the Snipping Tool share window (js/page-tools.js) */
.shp-back{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(1,6,10,.72);backdrop-filter:blur(3px);opacity:0;transition:opacity .15s ease}
.shp-back[hidden]{display:none}.shp-back.is-open{opacity:1}
html.shp-open{overflow:hidden}
.shp{width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:16px 18px 18px;border:1px solid #00b877;background:linear-gradient(180deg,#051a22,#020d13);box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 24px rgba(0,231,139,.18),inset 0 0 30px rgba(0,120,160,.08);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);transform:translateY(8px);transition:transform .15s ease;font-family:inherit}
.shp-back.is-open .shp{transform:none}
.shp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.shp-head span{color:#00e78b;font-size:13px;font-weight:700;letter-spacing:2.2px}
.shp-x{width:30px;height:30px;border:1px solid #0b5472;background:transparent;color:#8fd3ec;font-size:14px;cursor:pointer}.shp-x:hover{border-color:#ff5f78;color:#ff8a9a}
.shp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #0b5472;background:rgba(2,18,28,.8)}
.shp-item img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,207,255,.4))}
.shp-item div{min-width:0;display:grid;gap:3px}
.shp-name{color:#e6f7ff;font-size:14px;letter-spacing:.6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shp-url{color:#4f93b0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shp-link{display:flex;gap:6px;margin-top:10px}
.shp-link input{flex:1;min-width:0;height:36px;padding:0 10px;border:1px solid #075778;background:#020b12;color:#bdefff;font:inherit;font-size:12px}
.shp-link input:focus{outline:none;border-color:#00cfff}
.shp-copy{height:36px;padding:0 16px;border:1px solid #00b877;background:linear-gradient(#073d2e,#04201a);color:#7fffc6;font-family:inherit;font-weight:700;letter-spacing:1.6px;cursor:pointer;white-space:nowrap}
.shp-copy:hover,.shp-copy:focus-visible{filter:brightness(1.25);outline:none}.shp-copy.is-done{color:#02140d;background:#00e78b}
.shp-label{margin:16px 0 8px;color:#55b8d8;font-size:10px;letter-spacing:2px}
.shp-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.shp-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;border:1px solid #0b3f52;background:rgba(2,18,28,.7);color:#9fd3e8;text-decoration:none;font-family:inherit;cursor:pointer;transition:border-color .12s,background .12s}
.shp-tile:hover,.shp-tile:focus-visible{border-color:var(--c,#00cfff);background:rgba(2,28,40,.95);outline:none}
.shp-ico{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--c,#00cfff);color:var(--c,#00cfff);font-size:14px;font-weight:800;letter-spacing:.5px;background:color-mix(in srgb,var(--c,#00cfff) 12%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--c,#00cfff) 30%,transparent);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.shp-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.shp-tile small{font-size:9.5px;letter-spacing:1.2px}
.shp-whatsapp{--c:#25d366}.shp-facebook{--c:#4e8cff}.shp-xcom{--c:#e6f1f7}.shp-telegram{--c:#2aabee}.shp-reddit{--c:#ff5a1f}.shp-email{--c:#00cfff}.shp-sms{--c:#00e78b}.shp-more{--c:#b58cff}
.shp-qr{margin-top:14px;border-top:1px solid rgba(0,207,255,.18);padding-top:10px}
.shp-qr summary{cursor:pointer;color:#55b8d8;font-size:10px;letter-spacing:2px;list-style:none}
.shp-qr summary::-webkit-details-marker{display:none}
.shp-qr summary:before{content:"▸ ";color:#00cfff}.shp-qr[open] summary:before{content:"▾ "}
.shp-qr-box{display:flex;align-items:center;gap:14px;margin-top:10px}
.shp-qr-img{flex:0 0 132px;width:132px;height:132px;padding:0;border:1px solid #00cfff;box-shadow:0 0 14px rgba(0,207,255,.25)}
.shp-qr-img svg{display:block;width:100%;height:100%}
.shp-qr-box small{color:#8fc4da;font-size:12px;line-height:1.5}
@media(max-width:560px){
  .shp-back{align-items:flex-end;padding:0}
  .shp{width:100%;max-height:88vh;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px);border-bottom:0;transform:translateY(30px)}
  .shp-tiles{grid-template-columns:repeat(4,1fr);gap:6px}
}
@media(prefers-reduced-motion:reduce){.shp-back,.shp{transition:none}}
/* SHARE in the top-right corner of Self-Disclosure pages (level with the "DRAGOS.XYZ / SELF-DISCLOSURE" line) */
.page-card:has(> .pt-top){position:relative}
.pt-bar.pt-top{position:absolute;top:14px;right:27px;margin:0}
.pt-bar.pt-top .pt-share-wrap{margin-left:0}
@media(max-width:560px){.pt-bar.pt-top{top:10px;right:14px}.pt-bar.pt-top .pt-chip{height:28px;padding:0 9px}}

/* SAFETY NET: report button + dialog, held reviews, paused members */
.pt-report{cursor:pointer;color:#ff9a5c;border-color:#5a2f1f;background:rgba(30,12,6,.6);font-size:13px}
.pt-report small{color:#c9825f}
.pt-report:hover,.pt-report:focus-visible{border-color:#ff9a5c;outline:none}
.rcc-flag{background:transparent;border:1px solid transparent;color:#6b5a52;font-size:12px;padding:1px 6px;cursor:pointer}
.rcc-flag:hover,.rcc-flag:focus-visible{color:#ff9a5c;border-color:#5a2f1f;outline:none}
.rcc-item{grid-template-columns:auto auto 1fr auto auto auto}
.rcc-held{font-size:9px;letter-spacing:1.2px;color:#ffb52e;border:1px solid #6b4a12;padding:1px 5px;white-space:nowrap}
.rcc-paused{color:#ff9a5c;letter-spacing:1.4px}
.rep{border-color:#ff9a5c}
.rep .shp-head span{color:#ff9a5c}
.rep-what{margin:0 0 10px;color:#bfe3f0;font-size:13px}
.rep-reasons{margin:0;padding:0;border:0;display:grid;gap:6px}
.rep-reasons legend{color:#55b8d8;font-size:10px;letter-spacing:2px;margin-bottom:6px}
.rep-reasons label{display:flex;align-items:center;gap:8px;color:#bfe3f0;font-size:13px;cursor:pointer}
.rep-reasons input{accent-color:#ff9a5c;width:auto;margin:0}
.rep-details{display:grid;gap:5px;margin-top:12px;color:#55b8d8;font-size:10px;letter-spacing:1px}
.rep-details small{color:#3f879f}
.rep-details textarea{min-height:70px;background:#020b12;border:1px solid #075778;color:#bdefff;padding:8px;font:inherit;font-size:13px;resize:vertical}
.rep-send{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.rep-send .shp-copy{border-color:#ff9a5c;background:linear-gradient(#4a2412,#221009);color:#ffc49f}
.rep-msg{font-size:12px}.rep-msg.ok{color:#00e78b}.rep-msg.error{color:#ff8a9a}
.rep .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(max-width:640px){.rcc-item{grid-template-columns:auto auto 1fr auto auto}}
.sd-future-player.sd-next-up{box-shadow:0 0 0 2px #ffb52e,0 0 22px rgba(255,181,46,.55);animation:sdNextUp 1.2s ease-in-out infinite alternate}@keyframes sdNextUp{to{box-shadow:0 0 0 2px #ffb52e,0 0 6px rgba(255,181,46,.2)}}@media(prefers-reduced-motion:reduce){.sd-future-player.sd-next-up{animation:none}}
/* admin: edit any member's post / diary page (opens it in the admin panel) */
.admin-edit-link{position:absolute;top:10px;right:48px;z-index:3;display:inline-grid;place-items:center;width:30px;height:30px;text-decoration:none;font-size:15px;color:#ffd45c;background:#0a1620;border:1px solid rgba(255,212,92,.55);box-shadow:0 0 10px rgba(255,212,92,.18)}
.admin-edit-link:hover,.admin-edit-link:focus-visible{color:#021018;background:#ffd45c;outline:none}
.admin-edit-link.k-edit{top:0;right:40px}
.sd-card:has(.admin-edit-link) > h2,.k-entry:has(.k-edit) .k-date,.k-entry:has(.k-edit) .k-title{padding-right:80px}
/* edit-my-post.php */
.edit-post-main{grid-template-columns:minmax(0,900px)!important;justify-content:center}
.edit-post-card h1{margin:6px 0 14px}
.edit-post-form{display:grid;gap:14px}
.edit-post-form label{display:grid;gap:6px;color:#55b8d8;font-size:11px;letter-spacing:1.5px;font-weight:700}
.edit-post-form input,.edit-post-form textarea{background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:11px;font:15px/1.6 inherit;font-family:inherit}
.edit-post-form textarea{min-height:320px;resize:vertical}
.edit-post-form :is(input,textarea):focus{outline:none;border-color:#35d4ff;box-shadow:0 0 0 2px rgba(0,200,255,.18)}
.edit-post-note{font-size:12px;color:#4b9fc0;margin:0}
.edit-post-actions{display:flex;gap:18px;align-items:center}.edit-post-actions .green-btn{width:auto;padding:0 22px}
.edit-post-admin{border:1px solid rgba(255,212,92,.5);color:#ffd45c;padding:10px 12px;font-size:13px;background:rgba(60,45,0,.25)}
.edit-post-msg{margin:0 0 14px;padding:10px 12px;border:1px solid #08a5d0;color:#83ddf5}.edit-post-msg.error{border-color:#ff5f78;color:#ffc2cc}
.admin-edit-link.page-edit{top:14px;right:14px}
/* header café chatter: js/main.js picks 3 random shouts on every page load */
.top-slogan.cafe-shouts{gap:3px;min-width:0;opacity:0;transition:opacity .35s}
.top-slogan.cafe-shouts.is-ready{opacity:1}
@media (scripting:none){.top-slogan.cafe-shouts{opacity:1}}
.cafe-shouts b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;letter-spacing:.6px;color:#0782ad}
.cafe-shouts b:last-child{color:#35d4ff;text-shadow:0 0 8px rgba(0,207,255,.45)}
.top-slogan.cafe-shouts:not(.is-ready){animation:cafeShowLate 0s 1.5s forwards}@keyframes cafeShowLate{to{opacity:1}}
/* motto next to the logo: hidden, appears only while the mouse is over the logo (or it has keyboard focus) */
.brand-copy small{opacity:0;transform:translateX(-8px);transition:opacity .25s ease,transform .25s ease;text-shadow:0 0 10px rgba(0,190,255,.55)}
.brand:hover .brand-copy small,.brand:focus-visible .brand-copy small{opacity:1;transform:none}
.brand img{transition:filter .25s ease}
.brand:hover img,.brand:focus-visible img{filter:drop-shadow(0 0 14px rgba(0,210,255,.7))}
@media(prefers-reduced-motion:reduce){.brand-copy small{transition:none;transform:none}}
/* MY MOOD TODAY panel (js/main.js) */
.mood-panel{flex-wrap:wrap;gap:10px 12px;padding:20px 18px;text-shadow:none}
.mood-panel .m-low{--mood:#7d93c4}.mood-panel .m-meh{--mood:#3aa0c8}.mood-panel .m-good{--mood:#00cfff}.mood-panel .m-happy{--mood:#16e58f}
.mood-panel .m-super{--mood:#ffd23f}.mood-panel .m-sleepy{--mood:#9d7bff}.mood-panel .m-focused{--mood:#ff8a1f}
.mood-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.mood-copy small{font-size:11px;letter-spacing:1.6px;color:#1f86b8}
.mood-word{font-size:21px;line-height:1.05;letter-spacing:1px;color:var(--mood,#00cfff);text-shadow:0 0 12px var(--mood,#00cfff)}
.mood-src{font-size:9px;letter-spacing:1.2px;color:#2a6f8f}
.mood-face{flex:0 0 auto;width:62px;height:62px;padding:0;border:0;background:none;cursor:pointer;border-radius:50%;transition:transform .2s}
.mood-face:hover,.mood-face:focus-visible{transform:scale(1.12) rotate(-6deg);outline:none}
.mood-face:focus-visible .mood-svg{filter:drop-shadow(0 0 10px var(--mood)) drop-shadow(0 0 2px #fff)}
.mood-face.pop{animation:moodPop .5s ease}
@keyframes moodPop{30%{transform:scale(1.3) rotate(8deg)}60%{transform:scale(.92)}}
.mood-svg{width:100%;height:100%;display:block;fill:none;stroke:var(--mood,#00cfff);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px var(--mood,#00cfff))}
.mood-svg .fill{fill:var(--mood,#00cfff);fill-opacity:.9}
.mood-svg .thin{stroke-width:1.8}
.mood-picker{flex:1 1 100%;border-top:1px solid #0a4d6a;padding-top:12px}
.mood-picker[hidden]{display:none}
.mood-picker-title{font-size:10px;letter-spacing:1.6px;color:#1f86b8;margin-bottom:8px}
.mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mood-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;cursor:pointer;background:rgba(1,12,20,.7);border:1px solid #0a4d6a;color:#4f9fbd;font:inherit;font-size:8px;letter-spacing:.6px;line-height:1.1;text-align:center;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);transition:border-color .15s,color .15s,background .15s}
.mood-opt .mood-svg{width:30px;height:30px}
.mood-opt:hover,.mood-opt:focus-visible{border-color:#00cfff;color:#e4fbff;outline:none;background:rgba(0,60,90,.5)}
.mood-opt[aria-pressed=true]{border-color:#e4fbff;color:#e4fbff;background:rgba(0,90,130,.55)}
.mood-auto{width:100%;margin-top:8px;padding:8px;cursor:pointer;background:linear-gradient(180deg,rgba(8,27,40,.96),rgba(2,12,20,.96));border:1px solid #0a4d6a;color:#62c9e9;font:inherit;font-size:9px;letter-spacing:1.2px;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}
.mood-auto:hover,.mood-auto:focus-visible{border-color:#00cfff;color:#fff;outline:none}
.mood-auto[aria-pressed=true]{border-color:#00cfff;color:#e4fbff;box-shadow:inset 0 0 12px rgba(0,207,255,.25)}
@media(prefers-reduced-motion:reduce){.mood-face,.mood-face.pop{transition:none;animation:none}}
.friends-panel.mood-panel span{font-size:inherit;color:inherit}
.friends-panel.mood-panel .mood-src{font-size:9px;letter-spacing:1.2px;color:#2a6f8f}
.friends-panel.mood-panel .mood-opt span{font-size:8px;letter-spacing:.6px;white-space:nowrap}
.friends-panel.mood-panel .mood-opt{color:#4f9fbd}.friends-panel.mood-panel .mood-opt:hover,.friends-panel.mood-panel .mood-opt[aria-pressed=true]{color:#e4fbff}
.friends-panel.mood-panel .mood-opt span{white-space:normal;min-height:2.2em;display:flex;align-items:center}
/* admins: OPEN ADMIN PORTAL is red (same shape as the green member buttons) */
.green-btn.member-button[href="/news-admin.php"]{background:linear-gradient(#6a0c1d,#2c0610);border-color:#ff314a;color:#ffb3bf;text-shadow:0 0 8px rgba(255,49,74,.45)}
.green-btn.member-button[href="/news-admin.php"]:hover,.green-btn.member-button[href="/news-admin.php"]:focus-visible{filter:brightness(1.25);box-shadow:0 0 14px rgba(255,49,74,.4);color:#ffe1e6;outline:none}
/* members: OPEN USER PORTAL is yellow */
.green-btn.member-button[href="/user.php"],.green-btn.member-button[href="user.php"]{background:linear-gradient(#5e4a08,#2a2004);border-color:#ffd23f;color:#ffe89a;text-shadow:0 0 8px rgba(255,210,63,.4)}
.green-btn.member-button[href="/user.php"]:hover,.green-btn.member-button[href="user.php"]:hover,.green-btn.member-button[href="/user.php"]:focus-visible,.green-btn.member-button[href="user.php"]:focus-visible{filter:brightness(1.25);box-shadow:0 0 14px rgba(255,210,63,.4);color:#fff6d6;outline:none}
/* news-admin.php: MEMBER ACCESS panel in a left column, like the rest of the site */
.admin-hud.admin-with-side{max-width:1600px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}
.admin-side{position:sticky;top:18px}
.admin-main{min-width:0}
@media(max-width:1000px){.admin-hud.admin-with-side{grid-template-columns:minmax(0,1fr)}.admin-side{position:static}}
/* admins on contact.php: OPEN CONTACT INBOX is blue */
.green-btn.member-button[href="/contact-admin.php"]{background:linear-gradient(#0b3f78,#061a36);border-color:#3e8bff;color:#b5d2ff;text-shadow:0 0 8px rgba(62,139,255,.45)}
.green-btn.member-button[href="/contact-admin.php"]:hover,.green-btn.member-button[href="/contact-admin.php"]:focus-visible{filter:brightness(1.25);box-shadow:0 0 14px rgba(62,139,255,.45);color:#e3eeff;outline:none}

/* ===== MY DIARY: print / download the whole book ===== */
.sdx-export{margin:26px 0 4px}
.sdx-export + .sdx-help{margin-top:10px}
.sdx-export-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px 7px 14px}
.sdx-export-title{font-size:12px;letter-spacing:1.8px;color:#b58cff;line-height:1.4}
.sdx-export-title small{display:block;font-size:10.5px;letter-spacing:1px;color:#4b9fc0;text-transform:none}
.sdx-export-btns{display:flex;gap:8px;flex:none}
.sdx-ico-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #0b5472;background:rgba(0,36,54,.55);color:#00d9ff;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.sdx-ico-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sdx-ico-btn:hover,.sdx-ico-btn:focus-visible{border-color:#35d4ff;background:rgba(0,70,100,.6);box-shadow:0 0 12px rgba(0,217,255,.3);outline:none}
.sdx-ico-btn.is-busy{opacity:.55;cursor:progress}

/* ===== pictures placed inside a diary page ===== */
.dbk-fig,.k-fig{margin:10px 0 14px;padding:0}
.dbk-fig a,.k-fig a{display:block;line-height:0}
.dbk-fig img,.k-fig img{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid var(--sd-accent,#0a6e94)}
.dbk-fig-center img{max-width:70%}
.dbk-fig-wide img{width:100%}
.dbk-fig-left{float:left;width:44%;margin:4px 18px 10px 0}
.dbk-fig-right{float:right;width:44%;margin:4px 0 10px 18px}
.dbk-tx{margin:0 0 12px}
.news-body::after,.dbk-text::after{content:"";display:table;clear:both}
.k-fig{break-inside:avoid}
.k-fig img{max-height:min(260px,40vh);width:auto}
.k-fig-wide img{max-height:min(320px,48vh)}
.k-fig-left{float:left;width:46%;margin:4px 14px 8px 0}.k-fig-right{float:right;width:46%;margin:4px 0 8px 14px}
.k-fig-left img,.k-fig-right img{max-height:200px}
@media(max-width:560px){.dbk-fig-left,.dbk-fig-right{float:none;width:auto;margin:10px 0 14px}.dbk-fig-center img{max-width:100%}}

/* ===== EDIT DIARY PAGE: picture box (framed like the TITLE field, no caption) ===== */
.dpi-box{position:relative;background:#020b12;border:1px solid #075778;padding:12px;display:grid;gap:12px;transition:border-color .15s,box-shadow .15s}
.dpi-box.is-filedrag{border-color:#35d4ff;box-shadow:0 0 0 2px rgba(0,200,255,.18)}
.dpi-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.dpi-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dpi-upload{display:inline-flex!important;align-items:center;gap:8px;grid-template-columns:none!important;padding:9px 14px;border:1px solid #0b7aa3;background:rgba(0,60,86,.55);color:#00d9ff!important;font-size:11px;letter-spacing:1.6px;font-weight:700;cursor:pointer}
.dpi-upload svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dpi-upload:hover{border-color:#35d4ff;box-shadow:0 0 10px rgba(0,217,255,.25)}
.dpi-input:focus-visible + .dpi-head .dpi-upload{outline:2px solid #35d4ff;outline-offset:2px}
.dpi-hint{font-size:12px;color:#4b9fc0;line-height:1.45;flex:1 1 260px}
.dpi-tray{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;padding:10px;border:1px dashed #0b5472;background:rgba(0,30,46,.35)}
.dpi-tray[hidden]{display:none}
.dpi-tray-label{flex:1 0 100%;font-size:10.5px;letter-spacing:1.5px;color:#55b8d8;font-weight:700}
.dpi-tray-label small{font-weight:400;letter-spacing:.5px;color:#4b9fc0}
.dpi-thumb{position:relative;width:92px;height:92px;border:1px solid #0b7aa3;background:#00121c;cursor:grab;touch-action:manipulation}
.dpi-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.dpi-thumb.is-loading{display:grid;place-items:center;font-size:9.5px;letter-spacing:1px;color:#4b9fc0;cursor:progress;animation:dpiPulse 1.2s ease-in-out infinite}
@keyframes dpiPulse{50%{border-color:#35d4ff}}
.dpi-x{position:absolute;top:3px;right:3px;width:22px;height:22px;padding:0;border:1px solid #ff5f78;background:rgba(40,0,8,.85);color:#ffc2cc;font-size:11px;cursor:pointer}
.dpi-page{border:1px solid #0b5472;background:rgba(1,10,16,.8);padding:10px 14px 14px;max-height:520px;overflow:auto}
.dpi-page-label{font-size:10.5px;letter-spacing:1.5px;color:#55b8d8;font-weight:700;margin-bottom:4px}
.dpi-flow{font-size:13.5px;line-height:1.55;color:#a9d8ea}
.dpi-p{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}
.dpi-empty{color:#4b9fc0;font-style:italic}
.dpi-clear{clear:both}
.dpi-slot{display:block;height:8px;margin:2px 0;padding:0;border:0;background:transparent;cursor:default;box-sizing:border-box}
.dpi-slot span{display:none}
.dpi-box.is-dragging .dpi-slot,.dpi-box.is-picking .dpi-slot{height:26px;border:1px dashed rgba(53,212,255,.45);background:rgba(0,120,160,.08);cursor:pointer;clear:both}
.dpi-box.is-picking .dpi-slot span,.dpi-box.is-dragging .dpi-slot span{display:block;font-size:9.5px;letter-spacing:1.6px;color:#55b8d8}
.dpi-slot.is-over,.dpi-box.is-picking .dpi-slot:hover{border-style:solid!important;border-color:#35d4ff!important;background:rgba(0,200,255,.18)!important;height:40px!important}
.dpi-fig{position:relative;margin:6px 0 8px;cursor:grab;outline:1px solid transparent;transition:outline-color .15s}
.dpi-fig img{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid #0b7aa3;pointer-events:none}
.dpi-fig:hover,.dpi-fig.is-picked,.dpi-thumb.is-picked{outline:2px solid #35d4ff}
.dpi-center img{max-width:70%}.dpi-wide img{width:100%}
.dpi-left{float:left;width:44%;margin:4px 14px 6px 0}.dpi-right{float:right;width:44%;margin:4px 0 6px 14px}
.is-ghost{opacity:.35}
.dpi-bar{position:absolute;top:6px;left:50%;transform:translateX(-50%);display:flex;gap:2px;padding:3px;background:rgba(2,11,18,.92);border:1px solid #0b7aa3;opacity:0;transition:opacity .15s}
.dpi-fig:hover .dpi-bar,.dpi-fig:focus-within .dpi-bar,.dpi-fig.is-picked .dpi-bar{opacity:1}
@media(hover:none){.dpi-bar{opacity:1}}
.dpi-bar button{width:28px;height:28px;padding:0;border:1px solid transparent;background:transparent;color:#8fc4da;font-size:14px;cursor:pointer}
.dpi-bar button:hover,.dpi-bar button.is-on{border-color:#35d4ff;color:#00d9ff;background:rgba(0,90,125,.5)}
.dpi-bar .dpi-out{color:#ff9aab}
.dpi-missing{padding:18px;text-align:center;border:1px dashed #ff5f78;color:#ffc2cc;font-size:11px;letter-spacing:1px}
.dpi-msg{font-size:12px;color:#83ddf5;min-height:1em}.dpi-msg.bad{color:#ffc2cc}
.dpi-msg:empty{display:none}
@media(max-width:560px){.dpi-left,.dpi-right{float:none;width:auto;margin:6px 0 8px}.dpi-center img{max-width:100%}}

/* ===== MY DIARY: several books ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dbk-byline{margin:-6px 0 14px;font-size:12px;letter-spacing:2px;color:#b58cff}
.dbk-libby{font-style:normal;font-size:10px;letter-spacing:1.2px;color:#b58cff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbk-h2-sub{font-size:.6em;letter-spacing:1.5px;color:#b58cff}
.dbk-shelf{margin:18px 0 6px;padding:14px 14px 4px;border:1px solid #0b5472;background:linear-gradient(180deg,rgba(2,18,28,.85),rgba(1,9,14,.9))}
.dbk-shelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.dbk-shelf-head h2{margin:0;font-size:15px;letter-spacing:3px;color:#e8f9ff}
.dbk-shelf-count{font-size:11px;letter-spacing:1.5px;color:#4b9fc0}
.dbk-shelf-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;align-items:start;padding-bottom:14px;border-bottom:6px solid #0a3346;box-shadow:0 7px 0 -3px #04202c}
.dbk-shelfbook{position:relative;display:flex;flex-direction:column;text-decoration:none;border:1px solid #0a4f6a;border-left:5px solid #00d9ff;background:#03121c;transition:transform .18s,border-color .18s,box-shadow .18s}
.dbk-shelfbook:hover,.dbk-shelfbook:focus-visible{transform:translateY(-4px);border-color:#35d4ff;outline:none;box-shadow:0 8px 18px rgba(0,0,0,.4)}
.dbk-shelfbook.is-current{border-color:#00e78b;border-left-color:#00e78b;box-shadow:0 0 0 1px rgba(0,231,139,.35),0 0 18px rgba(0,231,139,.18);transform:translateY(-6px)}
.dbk-shelfcover{display:grid;place-items:center;height:112px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(0,217,255,.14),transparent 70%),#03121c;border-bottom:1px solid #0a4f6a}
.dbk-shelfcover img{width:100%;height:100%;object-fit:cover}
.dbk-shelfcover .dbk-spine-mark{font-size:48px}
.dbk-shelfinfo{display:grid;gap:2px;padding:8px 9px 9px}
.dbk-shelfinfo b{color:#e8f9ff;font-size:12px;letter-spacing:1.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbk-shelfinfo i{font-style:normal;font-size:9.5px;letter-spacing:1px;color:#b58cff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbk-shelfinfo small{font-size:9.5px;letter-spacing:1px;color:#6fb9d2}
.dbk-open-tag{position:absolute;top:6px;right:6px;font-style:normal;font-size:9px;letter-spacing:1.5px;padding:2px 6px;background:#00e78b;color:#021a10;font-weight:700}
.dbk-newbook{border:1px dashed #0b7aa3;background:rgba(0,40,60,.25);min-height:100%}
.dbk-newbook > summary,.dbk-newbook.is-full{list-style:none;cursor:pointer;display:grid;place-items:center;align-content:center;gap:4px;min-height:166px;padding:10px;text-align:center;color:#00d9ff}
.dbk-newbook > summary::-webkit-details-marker{display:none}
.dbk-newbook > summary:hover{background:rgba(0,90,125,.25)}
.dbk-newbook.is-full{cursor:default;color:#4b9fc0}
.dbk-plus{font:300 42px/1 Georgia,serif}
.dbk-newbook b{font-size:12px;letter-spacing:2px}.dbk-newbook small{font-size:10px;color:#4b9fc0;letter-spacing:.5px}
.dbk-newbook[open]{grid-column:1/-1;min-height:0}
.dbk-newbook[open] > summary{min-height:0;grid-auto-flow:column;justify-content:start;padding:10px 14px}
.dbk-newbook[open] .dbk-plus{font-size:24px}
.dbk-bookform{display:grid;gap:12px;padding:4px 14px 14px}
.dbk-f{display:grid;gap:6px;color:#55b8d8;font-size:11px;letter-spacing:1.5px;font-weight:700}
.dbk-f[hidden]{display:none}
.dbk-f input:not([type=file]){background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:10px;font:14px inherit;font-family:inherit}
.dbk-f input:focus{outline:none;border-color:#35d4ff}
.dbk-f input[type=file]{color:#8fc4da;font-size:12px}
.dbk-pub{margin:0;padding:10px 12px 12px;border:1px solid #0b5472;display:grid;gap:10px}
.dbk-pub legend{padding:0 6px;font-size:11px;letter-spacing:1.5px;color:#55b8d8;font-weight:700}
.dbk-pubopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.dbk-pubopt{position:relative;display:block;cursor:pointer}
.dbk-pubopt input{position:absolute;opacity:0}
.dbk-pubopt span{display:grid;gap:3px;height:100%;padding:9px 11px;border:1px solid #0b5472;background:rgba(2,18,28,.8);transition:border-color .15s,background .15s}
.dbk-pubopt b{font-size:11.5px;letter-spacing:1.5px;color:#cfe9f4}.dbk-pubopt small{font-size:11px;color:#4b9fc0;overflow-wrap:anywhere}
.dbk-pubopt input:checked + span{border-color:#00e78b;background:rgba(0,231,139,.1)}
.dbk-pubopt input:checked + span b{color:#00e78b}
.dbk-pubopt input:focus-visible + span{outline:2px solid #35d4ff;outline-offset:1px}
.dbk-cover-mini{display:block;width:54px;height:54px;object-fit:cover;margin-top:3px;border:1px solid #0b7aa3}
.dbk-fnote{margin:0;font-size:11.5px;color:#4b9fc0;line-height:1.45}
.dbk-formact .green-btn{width:auto;padding:0 22px}
.dbk-current{margin:14px 0 10px;padding:12px 14px;border:1px solid #0b5472;border-left:5px solid #00e78b;background:rgba(2,18,28,.75)}
.dbk-current-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px}
.dbk-current-kicker{font-size:10px;letter-spacing:2px;color:#00e78b}
.dbk-current-head strong{font-size:17px;letter-spacing:2px;color:#e8f9ff}
.dbk-current-head i{font-style:normal;font-size:11px;letter-spacing:1.5px;color:#b58cff}
.dbk-current .sdx-cta{margin:10px 0 6px}
.dbk-settings{margin-top:8px;border-top:1px solid #0a3346;padding-top:6px}
.dbk-settings > summary{cursor:pointer;list-style:none;font-size:12px;letter-spacing:1.6px;color:#7bc8e8;padding:6px 0}
.dbk-settings > summary::-webkit-details-marker{display:none}
.dbk-settings > summary small{color:#4b9fc0;letter-spacing:.5px;font-size:10.5px;margin-left:6px}
.dbk-settings .dbk-bookform{padding:6px 0 4px}
.dbk-trashbook{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed #0a3346}
.dbk-trashbook small{font-size:11px;color:#4b9fc0}
.dbk-trashbook-btn{padding:8px 12px;border:1px solid #ff5f78;background:rgba(40,0,8,.55);color:#ffc2cc;font-size:11px;letter-spacing:1.4px;cursor:pointer}
.dbk-trashbook-btn:hover{background:rgba(90,0,20,.6)}

/* the bins */
.dbk-bin{margin:12px 0 18px;border:1px solid #0b5472;background:linear-gradient(180deg,rgba(2,14,22,.7),rgba(1,8,12,.85))}
.dbk-shelf-bin{margin:12px 0 8px;background:transparent;border-style:dashed}
.dbk-bin > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:8px 14px}
.dbk-bin > summary::-webkit-details-marker{display:none}
.dbk-bin-label{font-size:12px;letter-spacing:2px;color:#8fc4da}
.dbk-bin-label small{margin-left:6px;font-size:10.5px;letter-spacing:1px;color:#4b9fc0}
.dbk-can{display:inline-block;width:34px;height:40px;flex:none}
.dbk-can svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#7bc8e8;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dbk-can .dbk-can-body{fill:rgba(0,90,125,.25)}
.dbk-can .dbk-can-ribs{stroke-width:1.6;opacity:.6}
.dbk-can-lid{transform-box:fill-box;transform-origin:0% 100%;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.dbk-bin.is-open .dbk-can-lid{transform:translate(-2px,-4px) rotate(-38deg)}
.dbk-bin.is-open .dbk-can svg{stroke:#ffd45c}
.dbk-bin.is-thud .dbk-can{animation:dbkThud .32s ease}
@keyframes dbkThud{30%{transform:scale(1.12,.86)}60%{transform:scale(.95,1.06)}}
.dbk-bin[data-empty] .dbk-can svg{opacity:.65}
.dbk-bin-note{margin:0;padding:0 14px 10px;font-size:11.5px;color:#4b9fc0}
.dbk-bin-list{list-style:none;margin:0;padding:0 14px 6px;display:grid;gap:8px}
.dbk-ball{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid #0a3346;background:rgba(2,18,28,.7)}
.dbk-ball-paper{width:38px;height:36px;border-radius:46% 54% 50% 48%/52% 44% 56% 48%;background:radial-gradient(circle at 30% 30%,#fdfaf0 0 18%,transparent 19%),radial-gradient(circle at 70% 60%,#d9d3c2 0 14%,transparent 15%),conic-gradient(from 20deg,#f1ecdf,#cfc8b5,#f6f2e7,#bdb6a3,#ebe6d8,#d6cfbd,#f1ecdf);box-shadow:inset -4px -5px 8px rgba(0,0,0,.25),inset 3px 3px 6px rgba(255,255,255,.6),0 2px 6px rgba(0,0,0,.5);transform:rotate(-12deg)}
.dbk-ball-book .dbk-ball-paper{border-radius:4px 10px 6px 12px;background:linear-gradient(135deg,#0b4f6a,#063246);box-shadow:inset 0 0 0 2px #00d9ff55,0 2px 6px rgba(0,0,0,.5);transform:rotate(-8deg) skewX(-6deg)}
.dbk-ball-info{display:grid;gap:2px;min-width:0}
.dbk-ball-info b{color:#cfe9f4;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbk-ball-info small{font-size:10px;letter-spacing:1px;color:#4b9fc0}
.dbk-ball-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.dbk-ball-act form{margin:0}
.dbk-restore,.dbk-purge{padding:6px 10px;font-size:10.5px;letter-spacing:1.2px;cursor:pointer;background:transparent}
.dbk-restore{border:1px solid #00e78b;color:#00e78b}.dbk-restore:hover{background:rgba(0,231,139,.12)}
.dbk-purge{border:1px solid #6b2a36;color:#ff9aab}.dbk-purge:hover{border-color:#ff5f78;background:rgba(90,0,20,.4)}
.dbk-emptybin{padding:4px 14px 14px;text-align:right}
.dbk-ball.just-landed .dbk-ball-paper{animation:dbkLand .7s cubic-bezier(.3,1.5,.5,1)}
.dbk-ball.just-landed{animation:dbkGlow 2.2s ease}
@keyframes dbkLand{0%{transform:translateY(-40px) rotate(-200deg) scale(.6)}100%{transform:rotate(-12deg)}}
@keyframes dbkGlow{0%,40%{border-color:#ffd45c;box-shadow:0 0 14px rgba(255,212,92,.3)}}
@media(max-width:560px){.dbk-ball{grid-template-columns:34px minmax(0,1fr)}.dbk-ball-act{grid-column:1/-1;justify-content:flex-start}.dbk-shelf-row{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* the page that is being thrown away: folded, crumpled, thrown */
.dbk-ghost-paper{position:fixed!important;z-index:9999;margin:0!important;overflow:hidden;pointer-events:none;box-sizing:border-box;transform-origin:50% 50%;
  transition:transform .38s cubic-bezier(.5,0,.6,1),border-radius .4s,left .4s,top .4s,width .4s,height .4s,filter .38s,opacity .3s;background:#f4efe2!important}
.dbk-ghost-paper::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;border-radius:inherit;
  background:radial-gradient(circle at 30% 28%,#fffdf6 0 16%,transparent 17%),radial-gradient(circle at 68% 62%,#d7d0bd 0 13%,transparent 14%),conic-gradient(from 20deg,#f1ecdf,#c9c2ae,#f6f2e7,#b8b19d,#ebe6d8,#d3ccb9,#f1ecdf);box-shadow:inset -10px -12px 22px rgba(0,0,0,.28),inset 8px 8px 16px rgba(255,255,255,.7)}
.dbk-ghost-paper.is-folding{transform:perspective(900px) rotateX(62deg) rotateZ(-4deg) scale(.82);filter:brightness(.85)}
.dbk-ghost-paper.is-ball{transform:rotate(200deg) scale(.16);border-radius:47% 53% 49% 51%/53% 46% 54% 47%}
.dbk-ghost-paper.is-ball::after{opacity:1}
.dbk-ghost-paper.is-flying{transition:transform .72s cubic-bezier(.3,-.35,.7,1.1);transform:translate(var(--dx),var(--dy)) rotate(560deg) scale(.07)}

/* WRITE + EDIT: which book */
.sdx-book-pick{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 16px;margin-top:12px}
.sdx-book-pick[hidden]{display:none}
.sdx-book-pick label{display:grid;gap:6px;flex:1 1 240px}
.sdx-book-pick select,.edit-post-book{background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:10px;font:14px inherit;font-family:inherit}
.sdx-book-sign{margin:4px 0 10px;font-size:12px;letter-spacing:1px;color:#8fc4da}
.sdx-book-sign[hidden]{display:none}
.sdx-book-sign b{color:#b58cff;letter-spacing:1.5px}
.sdx-book-sign small{display:block;margin-top:2px;font-size:11px;color:#4b9fc0;letter-spacing:.3px}
.edit-post-sub{font-weight:400;letter-spacing:.3px;font-size:11.5px;color:#4b9fc0}

/* ===== MY DIARY: cover of the open book ===== */
.dbk-current{display:flex;gap:16px;align-items:flex-start}
.dbk-current-main{flex:1;min-width:0}
.dbk-coverpick{flex:none;width:118px;display:grid;gap:6px}
.dbk-coverpick-img{display:grid;place-items:center;width:118px;height:156px;overflow:hidden;border:1px solid #0a4f6a;border-left:5px solid #00e78b;background:radial-gradient(circle at 50% 40%,rgba(0,217,255,.14),transparent 70%),#03121c;box-shadow:4px 4px 0 #04202c}
.dbk-coverpick-img img{width:100%;height:100%;object-fit:cover}
.dbk-coverpick-img .dbk-spine-mark{font-size:52px}
.dbk-coverpick-img.is-preview{border-left-color:#ffd45c;box-shadow:4px 4px 0 #04202c,0 0 16px rgba(255,212,92,.3)}
.dbk-coverpick-d > summary{list-style:none;cursor:pointer;text-align:center;padding:6px 4px;border:1px solid #0b7aa3;background:rgba(0,60,86,.5);color:#00d9ff;font-size:10.5px;letter-spacing:1.4px;font-weight:700}
.dbk-coverpick-d > summary::-webkit-details-marker{display:none}
.dbk-coverpick-d > summary:hover{border-color:#35d4ff}
.dbk-coverpick-d[open]{position:relative;z-index:5}
.dbk-coverpick-d[open] > summary{background:rgba(0,90,125,.6)}
.dbk-coverform{position:absolute;left:0;top:calc(100% + 6px);width:min(560px,calc(100vw - 48px));display:grid;gap:10px;padding:12px;border:1px solid #35d4ff;background:#020d15;box-shadow:0 14px 34px rgba(0,0,0,.6)}
.dbk-cover-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;max-height:330px;overflow:auto;padding:2px}
.dbk-ctile{position:relative;display:grid;gap:4px;cursor:pointer}
.dbk-ctile > input[type=radio]{position:absolute;opacity:0}
.dbk-ctile-img{display:grid;place-items:center;aspect-ratio:3/4;overflow:hidden;border:2px solid #0a4f6a;background:#03121c;transition:border-color .15s,transform .15s}
.dbk-ctile-img img{width:100%;height:100%;object-fit:cover}
.dbk-ctile-img .dbk-spine-mark{font-size:34px}
.dbk-ctile small{font-size:9px;letter-spacing:.8px;color:#6fb9d2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}
.dbk-ctile:hover .dbk-ctile-img{border-color:#35d4ff;transform:translateY(-2px)}
.dbk-ctile > input:checked + .dbk-ctile-img{border-color:#ffd45c;box-shadow:0 0 12px rgba(255,212,92,.35)}
.dbk-ctile > input:checked ~ small{color:#ffd45c}
.dbk-ctile > input:focus-visible + .dbk-ctile-img{outline:2px solid #35d4ff;outline-offset:2px}
.dbk-ctile-up .dbk-ctile-img{border-style:dashed;color:#00d9ff;align-content:center;gap:2px}
.dbk-ctile-up b{font:300 30px/1 Georgia,serif}.dbk-ctile-up em{font-style:normal;font-size:9.5px;letter-spacing:1.4px}
.dbk-ctile-file{position:absolute;inset:0;opacity:0;cursor:pointer}
.dbk-fopt{font-weight:400;letter-spacing:.3px;color:#4b9fc0;font-size:10.5px}
@media(max-width:560px){.dbk-current{flex-direction:column}.dbk-coverpick{width:100%;grid-template-columns:96px 1fr;align-items:end}.dbk-coverpick-img{width:96px;height:128px}.dbk-coverpick-d[open]{grid-column:1/-1}.dbk-coverform{position:static;width:auto;margin-top:6px}}

/* up to 50 books: the shelf scrolls after a few rows */
.dbk-shelf-row{max-height:640px;overflow-y:auto;padding-top:8px;scrollbar-color:#0b7aa3 transparent}
@media(max-width:560px){.dbk-shelf-row{max-height:560px}}

/* ===== picture field in the site style ===== */
.dbk-filepick{position:relative;display:flex;align-items:center;gap:12px;padding:10px;border:1px dashed #0b7aa3;background:rgba(0,30,46,.45);transition:border-color .15s,background .15s;font-weight:400;letter-spacing:0}
.dbk-filepick.is-over{border-style:solid;border-color:#35d4ff;background:rgba(0,90,125,.3)}
.dbk-filepick.has-file{border-style:solid;border-color:#00e78b}
.dbk-filepick.is-bad{border-color:#ff5f78}
.dbk-filepick-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.dbk-filepick-thumb{flex:none;display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border:1px solid #0a4f6a;background:#03121c;color:#2f7d9c}
.dbk-filepick-thumb svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dbk-filepick-thumb img{width:100%;height:100%;object-fit:cover}
.dbk-filepick-body{display:grid;gap:6px;min-width:0;justify-items:start}
.dbk-filepick-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #0b7aa3;background:rgba(0,60,86,.6);color:#00d9ff;font-size:11px;letter-spacing:1.6px;font-weight:700;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.dbk-filepick-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dbk-filepick-btn:hover{border-color:#35d4ff;box-shadow:0 0 10px rgba(0,217,255,.25)}
.dbk-filepick-input:focus-visible ~ .dbk-filepick-body .dbk-filepick-btn{outline:2px solid #35d4ff;outline-offset:2px}
.dbk-filepick-name{font-size:11.5px;color:#4b9fc0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.dbk-filepick.has-file .dbk-filepick-name{color:#8fe8c3}.dbk-filepick.is-bad .dbk-filepick-name{color:#ffc2cc}
.dbk-filepick-clear{margin-left:auto;flex:none;width:28px;height:28px;padding:0;border:1px solid #6b2a36;background:rgba(40,0,8,.6);color:#ffc2cc;cursor:pointer}
.dbk-filepick-clear:hover{border-color:#ff5f78}
.dbk-filepick-clear[hidden]{display:none}

/* any other native file field on the site gets the same button */
input[type=file]{color:#8fc4da;font-size:12px;font-family:inherit}
input[type=file]::file-selector-button{margin-right:12px;padding:8px 13px;border:1px solid #0b7aa3;background:rgba(0,60,86,.6);color:#00d9ff;font:700 11px/1.2 inherit;font-family:inherit;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;transition:border-color .15s,box-shadow .15s}
input[type=file]::file-selector-button:hover{border-color:#35d4ff;box-shadow:0 0 10px rgba(0,217,255,.25)}

/* NEW BOOK: the cover field is the same picture field as on WRITE */
.dbk-bookform .mem-pic-choose,.dbk-bookform .mem-pic-change{display:inline-block;cursor:pointer;padding:10px 16px;border:1px solid #00d18a;background:linear-gradient(#0a5b43,#062a25);color:#b6ffe3;font-size:12px;letter-spacing:1.4px;font-weight:700}
.dbk-bookform .mem-pic-change{padding:7px 12px;font-size:11px}
.dbk-bookform .mem-pic-choose:hover,.dbk-bookform .mem-pic-change:hover{border-color:#35ffb5;box-shadow:0 0 10px rgba(0,231,139,.25)}
.dbk-cover-pic{position:relative}
.dbk-cover-pic .mem-pic-preview img{max-width:150px;max-height:200px}

/* ===== PROJECTS drop-down in the top menu ===== */
.nav-proj{display:contents}
.nav-proj[hidden]>.nav-btn{display:none}
.main-nav button.nav-btn{font-family:inherit;cursor:pointer;padding:0;margin:0;-webkit-appearance:none;appearance:none}
.nav-btn.projects{color:#ffc94d}
.nav-btn.projects:before{box-shadow:0 0 18px rgba(255,201,77,.45)}
.nav-btn.projects .ico svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.main-nav .nav-btn.projects>.nav-proj-caret{position:absolute;left:50%;bottom:5px;width:6px;height:6px;margin-left:-3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s;z-index:2}
.nav-proj.open .nav-btn.projects>.nav-proj-caret{transform:rotate(-135deg);bottom:3px}
.nav-proj-menu{position:fixed;top:0;left:0;z-index:3000;min-width:250px;max-width:min(340px,calc(100vw - 24px));max-height:min(70vh,560px);overflow-y:auto;padding:6px;background:linear-gradient(180deg,rgba(26,20,4,.98),rgba(5,8,12,.99));border:1px solid #6b5418;border-top:2px solid #ffc94d;box-shadow:0 18px 40px rgba(0,0,0,.65),0 0 18px rgba(255,201,77,.15);animation:navProjIn .14s ease-out;text-align:left}
.nav-proj-menu[hidden]{display:none}
.nav-proj-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
@keyframes navProjIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.nav-proj-group+.nav-proj-group{border-top:1px solid rgba(255,201,77,.15);margin-top:4px;padding-top:4px}
.nav-proj-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:#ffe3a3;text-decoration:none;border-left:2px solid transparent;font-size:13px;letter-spacing:1.6px;text-transform:uppercase}
.nav-proj-item b{font-weight:700}
.nav-proj-item:hover,.nav-proj-item:focus-visible{background:rgba(255,201,77,.1);color:#fff;outline:none;border-left-color:#ffc94d}
.nav-proj-sub{padding:7px 12px 7px 28px;font-size:11.5px;letter-spacing:1.2px;color:#d8c48f}
.nav-proj-sub span::before{content:"› ";color:#ffc94d}
.nav-proj-lock{font-size:9.5px;letter-spacing:1px;color:#ff9aab;white-space:nowrap}
.nav-proj-edit{margin-top:6px;border-top:1px dashed rgba(255,201,77,.3);font-size:10.5px;color:#00e78b}
.nav-proj-loading{padding:10px 12px;font-size:11px;letter-spacing:1.4px;color:#a8925a}
@media(max-width:560px){.nav-proj-item{padding:12px 14px}.nav-proj-sub{padding:10px 14px 10px 30px}}

/* project page */
.prj-page h1{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.prj-lock{font-size:12px;letter-spacing:1.5px;padding:4px 9px;border:1px solid #9b2b3c;color:#ff9aab;background:rgba(60,5,14,.6)}
.prj-desc{font-size:15px;line-height:1.7;color:#b9e3f2;margin:6px 0 18px}
.prj-soon{color:#4b9fc0;font-style:italic}
.prj-subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:10px 0 20px}
.prj-sub{display:grid;gap:5px;padding:14px;text-decoration:none;border:1px solid #6b5418;border-left:4px solid #ffc94d;background:linear-gradient(180deg,rgba(26,20,4,.7),rgba(4,10,14,.9));transition:transform .15s,border-color .15s}
.prj-sub:hover,.prj-sub:focus-visible{transform:translateY(-3px);border-color:#ffc94d;outline:none}
.prj-sub b{color:#ffe3a3;font-size:13px;letter-spacing:1.6px}
.prj-sub small{color:#ff9aab;font-size:10px;letter-spacing:1px}
.prj-sub span{color:#8fc4da;font-size:12.5px;line-height:1.5}

/* admin: PROJECTS MENU */
.pja-lead{color:#8fc4da;font-size:13.5px;line-height:1.6;margin:0 0 14px}
.pja-lead b{color:#e8f9ff}
.pja-list{display:grid;gap:12px;margin:16px 0}
.pja-item{border:1px solid #6b5418;border-left:5px solid #ffc94d;background:linear-gradient(180deg,rgba(20,16,4,.75),rgba(2,10,16,.9));padding:10px 12px}
.pja-item.is-private{border-left-color:#ff5f78;border-color:#5a2430}
.pja-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.pja-name{display:grid;gap:3px;min-width:0}
.pja-name b{color:#ffe3a3;font-size:15px;letter-spacing:2px}
.pja-sub .pja-name b{font-size:12.5px;color:#d8c48f}
.pja-link{font-size:11px;color:#4b9fc0;text-decoration:none;overflow-wrap:anywhere}.pja-link:hover{color:#00d9ff}
.pja-inherit{font-size:10.5px;color:#ff9aab}
.pja-acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pja-f{margin:0;display:inline-flex;gap:4px}
.pja-vis,.pja-mv,.pja-del{height:32px;padding:0 11px;font:700 10.5px/1 inherit;font-family:inherit;letter-spacing:1.3px;cursor:pointer;background:transparent}
.pja-vis.is-public{border:1px solid #00e78b;color:#00e78b}.pja-vis.is-public:hover{background:rgba(0,231,139,.12)}
.pja-vis.is-private{border:1px solid #ff5f78;color:#ff9aab}.pja-vis.is-private:hover{background:rgba(90,0,20,.4)}
.pja-mv{width:32px;padding:0;border:1px solid #0b5472;color:#7bc8e8;font-size:14px}.pja-mv:hover:not(:disabled){border-color:#35d4ff}.pja-mv:disabled{opacity:.3;cursor:default}
.pja-del{border:1px solid #6b2a36;color:#ff9aab}.pja-del:hover{border-color:#ff5f78}
.pja-edit{margin:6px 0 0}
.pja-edit>summary,.pja-add>summary{cursor:pointer;list-style:none;font-size:10.5px;letter-spacing:1.4px;color:#7bc8e8;padding:4px 0}
.pja-edit>summary::-webkit-details-marker,.pja-add>summary::-webkit-details-marker{display:none}
.pja-kids{margin:8px 0 0 18px;padding-left:12px;border-left:1px dashed rgba(255,201,77,.35);display:grid;gap:8px}
.pja-kid{padding:8px 10px;border:1px solid #2c2610;background:rgba(10,10,6,.5)}
.pja-add-sub>summary{color:#ffc94d}
.pja-add-top{margin:6px 0 20px;border:1px dashed #ffc94d;padding:10px 14px;background:rgba(40,30,4,.25)}
.pja-add-top>summary{font-size:13px;color:#ffc94d;font-weight:700;letter-spacing:2px}
.pja-form{display:grid;gap:10px;padding:10px 0 4px}
.pja-form label{display:grid;gap:5px;color:#55b8d8;font-size:11px;letter-spacing:1.4px;font-weight:700}
.pja-form label small{font-weight:400;letter-spacing:.3px;color:#4b9fc0}
.pja-form input:not([type=radio]),.pja-form textarea{background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:9px;font:14px inherit;font-family:inherit}
.pja-form :is(input,textarea):focus{outline:none;border-color:#35d4ff}
.pja-visopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.pja-visopt{position:relative;cursor:pointer}
.pja-visopt input{position:absolute;opacity:0}
.pja-visopt span{display:grid;gap:2px;padding:9px 11px;border:1px solid #0b5472;background:rgba(2,18,28,.8)}
.pja-visopt b{font-size:11.5px;letter-spacing:1.4px;color:#cfe9f4}.pja-visopt small{font-size:11px;color:#4b9fc0;font-weight:400}
.pja-visopt input:checked+span{border-color:#ffc94d;background:rgba(255,201,77,.1)}
.pja-visopt input:checked+span b{color:#ffc94d}
.pja-visopt input:focus-visible+span{outline:2px solid #35d4ff}
.pja-formact .green-btn{width:auto;padding:0 22px}

/* 7 menu buttons (PROJECTS added): the buttons keep their size — the menu starts further left,
   in the free space next to the logo, and the gaps are a little tighter */
@media(min-width:1251px){
  .topbar{grid-template-columns:172px minmax(640px,1fr) 214px}
  .main-nav{gap:8px;justify-content:flex-start;padding-left:0}
}
@media(min-width:1251px) and (max-width:1500px){.top-slogan{padding-left:10px}}
/* tablets / small laptops: two tidy rows instead of squeezed buttons */
@media(min-width:981px) and (max-width:1250px){
  .topbar{grid-template-columns:200px 1fr}
  .main-nav{flex-wrap:wrap;height:auto;padding:8px 0;gap:8px;justify-content:center}
  .main-nav .nav-btn{width:160px;flex:none}
}

/* exact original button widths at every desktop size; the slogan on the right takes what is left */
@media(min-width:1251px){
  .topbar{grid-template-columns:172px auto minmax(0,1fr)}
  .main-nav .nav-btn{flex:none;width:178px}
  .top-slogan{min-width:0;overflow:hidden}
}
@media(min-width:1251px) and (max-width:1700px){.main-nav .nav-btn{width:172px}}
@media(min-width:1251px) and (max-width:1560px){.main-nav .nav-btn{width:145px}}
@media(min-width:1251px) and (max-width:1420px){.main-nav .nav-btn{width:130px}}
@media(min-width:1251px) and (max-width:1330px){.main-nav .nav-btn{width:auto;padding:0 12px}.main-nav{gap:6px}}

/* PROJECTS drop-down: every entry is a neon button like the top menu */
.nav-proj-menu{min-width:240px;padding:12px;background:linear-gradient(180deg,rgba(14,11,3,.97),rgba(3,7,11,.98));border:1px solid rgba(255,201,77,.35);border-top:2px solid #ffc94d;display:grid;gap:10px}
.nav-proj-group{display:grid;gap:7px}
.nav-proj-group+.nav-proj-group{border-top:0;margin-top:2px;padding-top:0}
.nav-proj-item{position:relative;isolation:isolate;min-height:48px;padding:0 18px;border:0;border-left:0;color:#ffc94d;font-family:inherit;font-weight:700;font-size:15px;letter-spacing:1.6px;text-shadow:0 0 7px currentColor;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 7px rgba(255,201,77,.45));clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);transition:filter .15s,transform .15s}
.nav-proj-item::before{content:"";position:absolute;inset:0;z-index:-2;background:currentColor;clip-path:inherit}
.nav-proj-item::after{content:"";position:absolute;inset:2px;z-index:-1;background:linear-gradient(180deg,rgba(40,30,6,.97),rgba(8,8,6,.98));clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);box-shadow:inset 0 0 16px rgba(255,201,77,.45),inset 0 0 3px currentColor}
.nav-proj-item:hover,.nav-proj-item:focus-visible{background:none;color:#ffd978;outline:none;filter:brightness(1.25) drop-shadow(0 0 4px currentColor) drop-shadow(0 0 14px rgba(255,201,77,.6));transform:translateX(2px)}
.nav-proj-item b{font-weight:700}
.nav-proj-item b::before{content:"";display:inline-block;width:18px;height:14px;margin-right:10px;vertical-align:-2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M2 4a2 2 0 0 1 2-2h5l2 2h9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M2 4a2 2 0 0 1 2-2h5l2 2h9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") center/contain no-repeat}
.nav-proj-sub{min-height:38px;margin-left:22px;padding:0 14px;font-size:12px;letter-spacing:1.3px;color:#ffe3a3;filter:drop-shadow(0 0 1px currentColor) drop-shadow(0 0 5px rgba(255,201,77,.3))}
.nav-proj-sub::after{background:linear-gradient(180deg,rgba(24,19,6,.97),rgba(6,7,6,.98));box-shadow:inset 0 0 10px rgba(255,201,77,.28)}
.nav-proj-sub span::before{content:"›";margin-right:8px;color:#ffc94d}
.nav-proj-item.is-locked{color:#ff8fa1;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 6px rgba(255,95,120,.4))}
.nav-proj-item.is-locked::after{background:linear-gradient(180deg,rgba(40,8,14,.96),rgba(10,5,7,.98));box-shadow:inset 0 0 14px rgba(255,95,120,.4)}
.nav-proj-lock{font-size:10px;letter-spacing:1px;color:inherit;text-shadow:none;opacity:.9}
.nav-proj-edit{margin-top:4px;min-height:38px;font-size:11px;color:#00e78b;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 6px rgba(0,231,139,.35))}
.nav-proj-edit::after{background:linear-gradient(180deg,rgba(4,30,22,.97),rgba(3,10,9,.98));box-shadow:inset 0 0 12px rgba(0,231,139,.35)}
.nav-proj-edit span::before{content:none}
.nav-proj-loading{padding:6px 4px;color:#a8925a}
@media(max-width:560px){.nav-proj-menu{min-width:0;width:calc(100vw - 16px)}.nav-proj-item{min-height:50px}.nav-proj-sub{min-height:44px}}
@media(min-width:1251px){.main-nav .nav-btn{min-width:max-content}}
@media(min-width:1251px) and (max-width:1330px){.topbar{grid-template-columns:172px auto}.top-slogan{display:none}.main-nav .nav-btn{min-width:0}}
/* the little arrow under PROJECTS shows only on hover, keyboard focus, or while the menu is open */
.main-nav .nav-btn.projects>.nav-proj-caret{opacity:0;transition:opacity .15s,transform .18s,bottom .18s}
.main-nav .nav-btn.projects:hover>.nav-proj-caret,.main-nav .nav-btn.projects:focus-visible>.nav-proj-caret,.nav-proj.open .nav-btn.projects>.nav-proj-caret{opacity:1}

/* admin: ACCESS box of a private project */
.pja-access{margin:10px 0 2px;padding:10px 12px;border:1px solid #5a2430;background:rgba(40,6,12,.35);display:grid;gap:9px}
.pja-acc-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.pja-acc-head b{font-size:11.5px;letter-spacing:1.6px;color:#ffc94d}
.pja-acc-head small{font-size:10.5px;letter-spacing:1px;color:#c79aa4;flex:1}
.pja-listed{height:28px;padding:0 10px;border:1px solid #0b5472;background:transparent;color:#7bc8e8;font:700 10px/1 inherit;font-family:inherit;letter-spacing:1.2px;cursor:pointer}
.pja-listed:hover{border-color:#35d4ff}
.pja-chips{display:flex;flex-wrap:wrap;gap:6px}
.pja-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 10px;border:1px solid #00a96d;background:rgba(0,231,139,.08);color:#b6ffe3;font-size:12px;letter-spacing:.6px}
.pja-chip button{width:22px;height:22px;padding:0;border:1px solid #6b2a36;background:rgba(40,0,8,.6);color:#ffc2cc;cursor:pointer;font-size:11px}
.pja-none{font-size:11.5px;color:#c79aa4}
.pja-grant{display:flex;flex-wrap:wrap;gap:6px}
.pja-grant input{flex:1 1 180px;min-width:0;height:34px;background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:0 10px;font:13px inherit;font-family:inherit}
.pja-grant input:focus{outline:none;border-color:#35d4ff}
.pja-ok,.pja-no{height:34px;padding:0 12px;font:700 10.5px/1 inherit;font-family:inherit;letter-spacing:1.3px;cursor:pointer;background:transparent}
.pja-ok{border:1px solid #00e78b;color:#00e78b}.pja-ok:hover{background:rgba(0,231,139,.12)}
.pja-no{border:1px solid #6b2a36;color:#ff9aab}.pja-no:hover{border-color:#ff5f78}
.pja-reqs{display:grid;gap:6px;padding:8px;border:1px dashed #ffc94d;background:rgba(60,45,0,.2)}
.pja-reqs-t{font-size:10px;letter-spacing:1.6px;color:#ffc94d;font-weight:700}
.pja-req{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.pja-req b{color:#ffe3a3;font-size:13px}.pja-req small{color:#a8925a;font-size:11px;flex:1}
.pja-stat-req{border-color:#ffc94d!important;box-shadow:0 0 14px rgba(255,201,77,.25)}
.pja-stat-req b{color:#ffc94d}
.pja-msg{margin:6px 0 10px;border:1px solid #0b5472;padding:8px 14px;background:rgba(2,18,28,.6)}
.pja-msg>summary{font-size:12px;color:#7bc8e8;font-weight:700;letter-spacing:1.6px}
.pja-msg>summary small{font-weight:400;color:#4b9fc0;letter-spacing:.4px;margin-left:6px}

/* project page: NOT GRANTED */
.prj-denied{display:grid;grid-template-columns:auto 1fr;gap:14px 20px;align-items:start;margin:14px 0 22px;padding:20px;border:1px solid #9b2b3c;background:linear-gradient(180deg,rgba(50,6,14,.6),rgba(12,4,8,.85));box-shadow:0 0 22px rgba(255,61,85,.15)}
.prj-denied-ico{width:64px;height:64px;display:grid;place-items:center;border:1px solid #ff5f78;color:#ff8fa1;filter:drop-shadow(0 0 8px rgba(255,95,120,.5))}
.prj-denied-ico svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.prj-denied-txt{font-size:15px;line-height:1.65;color:#ffd6dc}
.prj-denied-txt::first-line{font-weight:700;letter-spacing:2px;color:#ff8fa1}
.prj-asked,.prj-denied-acts,.prj-hint{grid-column:1/-1;margin:0}
.prj-asked{padding:9px 12px;border:1px solid #00a96d;color:#b6ffe3;background:rgba(0,231,139,.08);font-size:12.5px;letter-spacing:.6px}
.prj-denied-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.prj-denied-acts form{margin:0}
.prj-denied-acts .green-btn{width:auto;padding:0 20px;display:inline-flex;align-items:center}
.prj-contact{display:inline-flex;align-items:center;height:44px;padding:0 18px;border:1px solid #b58cff;color:#d9c6ff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.6px;background:rgba(60,30,110,.25)}
.prj-contact:hover{background:rgba(90,50,160,.35);box-shadow:0 0 12px rgba(181,140,255,.3)}
.prj-hint{font-size:12px;color:#c79aa4}.prj-hint a{color:#00d9ff}
.prj-key{border-color:#00a96d!important;color:#b6ffe3!important;background:rgba(0,231,139,.08)!important}
.prj-sub.is-locked{border-color:#5a2430;border-left-color:#ff5f78}
@media(max-width:560px){.prj-denied{grid-template-columns:1fr;padding:16px}.prj-denied-ico{width:52px;height:52px}.prj-denied-acts>*{flex:1 1 100%}.prj-denied-acts .green-btn,.prj-contact{width:100%;justify-content:center}.pja-row{flex-direction:column;align-items:stretch}.pja-acts{justify-content:flex-start}.pja-kids{margin-left:6px;padding-left:8px}}
@media(max-width:560px){.dbk-current .sdx-cta .green-btn,.sdx-cta .green-btn{white-space:normal;height:auto;min-height:46px;padding:10px 16px;line-height:1.3;font-size:14px;text-align:center;justify-content:center;display:inline-flex;align-items:center;max-width:100%}}

/* ===================== BLINKER ===================== */
.blk-main{grid-template-columns:minmax(0,1000px)!important}
.blk-card{--amb:#ffb000;--amb2:#ff7a1a;overflow:hidden}
.blk-card h2{margin:0 0 12px;font-size:17px;letter-spacing:3px;color:#ffd27a}
.blk-card section{margin:26px 0}
.blk-hero{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:26px;align-items:center;margin-top:8px!important}
.blk-dash{position:relative;padding:22px 46px 18px;border-radius:26px 26px 18px 18px;background:radial-gradient(120% 90% at 50% 0%,#1d1607 0%,#0a0805 55%,#050403 100%);border:1px solid #4a370c;box-shadow:inset 0 0 0 4px #0d0a05,inset 0 0 0 5px #2c2109,inset 0 18px 40px rgba(255,176,0,.08),0 14px 36px rgba(0,0,0,.55)}
.blk-ind{position:absolute;top:16px;width:30px;height:30px}
.blk-ind-l{left:14px}.blk-ind-r{right:14px}
.blk-ind svg{width:100%;height:100%;fill:#3a2a08;animation:blkBlink .8s steps(1) infinite}
@keyframes blkBlink{0%{fill:#3a2a08;filter:none}50%{fill:var(--amb);filter:drop-shadow(0 0 4px var(--amb)) drop-shadow(0 0 12px rgba(255,140,0,.85))}}
.blk-gauge{position:relative}
.blk-gauge svg{display:block;width:100%;height:auto;overflow:visible}
.blk-arc-bg{fill:none;stroke:#241b08;stroke-width:12;stroke-linecap:round}
.blk-arc{fill:none;stroke-width:12;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,160,0,.55))}
.blk-ticks line{stroke:#7a5c22;stroke-width:1.5}
.blk-ticks text{fill:#a08550;font:700 8px/1 "Courier New",monospace;text-anchor:middle}
.blk-needle{transform-origin:100px 100px;transition:transform 1.4s cubic-bezier(.2,1.4,.4,1)}
.blk-needle path{fill:#ff5a1a;filter:drop-shadow(0 0 4px rgba(255,90,26,.8))}
.blk-hub{fill:#1a1206;stroke:#ffb000;stroke-width:2}
.blk-read{text-align:center;margin-top:-4px}
.blk-read b{display:block;font:700 26px/1.1 "Courier New",monospace;letter-spacing:2px;color:#ffcf66;text-shadow:0 0 10px rgba(255,176,0,.55)}
.blk-read small{display:block;margin-top:5px;font-size:10px;letter-spacing:1.6px;color:#a08550}
.blk-intro h1{margin:0 0 8px;font-size:40px;letter-spacing:8px;color:#ffcf66;text-shadow:0 0 14px rgba(255,176,0,.45)}
.blk-for{display:block;font-size:13px;letter-spacing:3px;color:#a08550;margin-top:4px}
.blk-tag{font-size:16px;line-height:1.55;color:#ffe3a3;margin:0 0 12px}
.blk-intro p{color:#b9e3f2;line-height:1.65;font-size:14.5px}
.blk-cta{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.blk-cta .green-btn{width:auto;padding:0 22px}
.blk-give-btn{background:linear-gradient(#a86a00,#4d2f00)!important;border-color:#ffb000!important;color:#fff3d1!important;box-shadow:0 0 14px rgba(255,176,0,.35)!important}
.blk-small{font-size:12px;color:#8fc4da}.blk-small a{color:#00d9ff}
.blk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.blk-stat{display:grid;gap:4px;padding:12px 14px;border:1px solid #3d2e0c;background:linear-gradient(180deg,rgba(28,21,6,.8),rgba(6,6,5,.9))}
.blk-stat span{font-size:10px;letter-spacing:1.6px;color:#a08550}
.blk-stat b{font:700 18px/1.2 "Courier New",monospace;color:#ffe3a3}
.blk-stat small{font-size:11px;color:#8a7650}
.blk-stat-hi{border-color:var(--amb);box-shadow:0 0 16px rgba(255,176,0,.18)}.blk-stat-hi b{color:#ffcf66}
.blk-kicker{font-size:10.5px;letter-spacing:3px;color:var(--amb2);margin-bottom:6px}
.blk-story{padding:22px 24px;border-left:4px solid var(--amb);background:linear-gradient(90deg,rgba(40,28,6,.55),rgba(5,8,10,.2))}
.blk-story p{font:17px/1.75 Georgia,"Times New Roman",serif;color:#e9dcc0;margin:0 0 14px}
.blk-story p:first-of-type::first-letter{float:left;font-size:3.2em;line-height:.85;padding:4px 10px 0 0;color:var(--amb)}
.blk-story em{color:#ffcf66}
.blk-story-end{color:#ffe3a3!important}
.blk-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.blk-steps li{counter-increment:s;position:relative;display:grid;gap:6px;padding:16px 14px 14px 52px;border:1px solid #2c2610;background:rgba(10,10,6,.6)}
.blk-steps li::before{content:counter(s);position:absolute;left:12px;top:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 "Courier New",monospace;color:#1a1206;background:var(--amb);box-shadow:0 0 10px rgba(255,176,0,.5)}
.blk-steps b{font-size:12px;letter-spacing:1.6px;color:#ffd27a}.blk-steps span{font-size:13px;line-height:1.55;color:#a9c7d3}
.blk-who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.blk-who-grid div{display:grid;gap:4px;padding:12px 14px;border:1px solid #0b5472;background:rgba(2,18,28,.6)}
.blk-who-grid b{font-size:12px;letter-spacing:1.5px;color:#7fd3ee}.blk-who-grid span{font-size:13px;color:#a9c7d3;line-height:1.5}
.blk-brag{margin:12px 0 0;color:#ffe3a3;font-size:14px}.blk-brag em{color:#ffcf66}
.blk-give{padding:20px;border:1px solid #6b4c10;background:radial-gradient(120% 120% at 0 0,rgba(60,40,4,.45),rgba(4,6,8,.9))}
.blk-give-lead{color:#e9dcc0;font-size:14px;line-height:1.6}
.blk-ref{padding:2px 7px;border:1px dashed var(--amb);color:#ffcf66;font-size:12px;letter-spacing:1px}
.blk-soon{color:#a08550}.blk-soon a{color:#00d9ff}
.blk-methods{display:grid;gap:10px;margin-top:12px}
.blk-method{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #4a370c;background:rgba(10,8,4,.75)}
.blk-m-ico{width:36px;height:36px;display:grid;place-items:center;border:1px solid #6b4c10;color:var(--amb);flex:none}
.blk-m-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.blk-m-txt{display:grid;gap:4px;min-width:0}
.blk-m-txt b{font-size:13px;letter-spacing:1.5px;color:#ffe3a3}.blk-m-txt small{font-size:11px;color:#a08550}
.blk-acc{display:flex;flex-wrap:wrap;gap:5px}
.blk-acc i{font-style:normal;font-size:9.5px;letter-spacing:1px;padding:3px 7px;border:1px solid #6b4c10;color:#ffd27a;background:rgba(255,176,0,.08)}
.blk-m-go{width:auto!important;padding:0 20px!important}
.blk-bank{grid-column:2/3;margin:0;white-space:pre-wrap;font:13px/1.5 "Courier New",monospace;color:#e9dcc0}
.blk-copy{height:32px;padding:0 12px;border:1px solid var(--amb);background:transparent;color:#ffcf66;font:700 10.5px/1 inherit;font-family:inherit;letter-spacing:1.3px;cursor:pointer}
.blk-copy:hover{background:rgba(255,176,0,.12)}
.blk-h3{margin:18px 0 8px;font-size:12px;letter-spacing:2.4px;color:#a08550}
.blk-coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.blk-coin{display:grid;gap:8px;padding:12px 14px;border:1px solid #4a370c;background:rgba(10,8,4,.75);min-width:0}
.blk-coin-head{display:flex;align-items:center;gap:10px}
.blk-coin-head b{font-size:12.5px;letter-spacing:1.3px;color:#ffe3a3;flex:1}
.blk-coin-tag{font:700 10px/1 "Courier New",monospace;padding:4px 6px;background:var(--amb);color:#1a1206}
.blk-coin-warn{margin:0;font-size:11.5px;color:#ff9a6a}
.blk-addr{display:block;padding:8px;border:1px dashed #6b4c10;font:12px/1.45 "Courier New",monospace;color:#ffe3a3;word-break:break-all;background:#070604;user-select:all}
.blk-coin-acts{display:flex;gap:8px;flex-wrap:wrap}
.blk-qr{justify-self:center;width:170px;padding:8px;background:#fff}.blk-qr svg{display:block;width:100%;height:auto}
.blk-qr[hidden]{display:none}
.blk-wall ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.blk-wall li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 14px;border-left:3px solid var(--amb);background:rgba(20,15,4,.55)}
.blk-wall b{color:#ffe3a3;font-size:13px}.blk-amt{font:700 13px "Courier New",monospace;color:#ffcf66;text-align:right}.blk-amt small{color:#a08550;font-weight:400}
.blk-wall em{grid-column:1/-1;color:#e9dcc0;font-size:13px}.blk-wall time{grid-column:1/-1;font-size:10.5px;color:#8a7650;letter-spacing:1px}
.blk-fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.blk-fsite{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;padding:11px 13px;text-decoration:none;border:1px solid #3d2e0c;background:rgba(14,11,4,.7);transition:border-color .15s,transform .15s}
.blk-fsite:hover,.blk-fsite.is-on{border-color:var(--amb);transform:translateY(-2px)}
.blk-fdot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--amb);box-shadow:0 0 8px var(--amb);animation:blkDot .8s steps(1) infinite}
@keyframes blkDot{50%{background:#3a2a08;box-shadow:none}}
.blk-fsite b{color:#ffe3a3;font-size:13px;overflow:hidden;text-overflow:ellipsis}.blk-fsite small{color:#a08550;font-size:11px}
.blk-join{padding:18px 20px;border:1px dashed #6b4c10}
.blk-join p{color:#b9e3f2;font-size:14px;line-height:1.6}.blk-join a{color:#00d9ff}
.blk-code{margin:10px 0;padding:12px;overflow-x:auto;background:#070604;border:1px solid #3d2e0c;font:12.5px/1.5 "Courier New",monospace;color:#ffcf66;white-space:pre-wrap;word-break:break-all}
.blk-plan p{color:#a9c7d3;font-size:14px;line-height:1.65}
@media(prefers-reduced-motion:reduce){.blk-ind svg,.blk-fdot{animation:none;fill:var(--amb)}.blk-needle{transition:none}}
@media(max-width:760px){.blk-hero{grid-template-columns:1fr}.blk-dash{max-width:420px;width:100%;margin:0 auto;box-sizing:border-box}.blk-intro h1{font-size:32px;letter-spacing:6px}.blk-story{padding:16px}.blk-story p{font-size:16px}}
@media(max-width:560px){.blk-dash{padding:18px 36px 14px}.blk-ind{width:24px;height:24px;top:12px}.blk-read b{font-size:22px}.blk-method{grid-template-columns:auto 1fr}.blk-m-go,.blk-method>.blk-copy{grid-column:1/-1;justify-content:center}.blk-bank{grid-column:1/-1}.blk-give{padding:14px}.blk-coins{grid-template-columns:1fr}}

/* footer: the Blinker button sits first among the footer buttons */
.footer .footer-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.footer .blinker-embed{margin-right:4px}

/* MY BLINKER */
.myb-site{margin:18px 0!important;padding:16px;border:1px solid #6b4c10;background:rgba(14,11,4,.55);display:grid;gap:12px}
.myb-site.is-pending{border-style:dashed;opacity:.92}
.myb-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.myb-head b{font-size:16px;letter-spacing:2px;color:#ffe3a3}
.myb-badge{font-size:10px;letter-spacing:1.4px;padding:4px 8px;border:1px solid #00a96d;color:#b6ffe3}
.is-pending .myb-badge{border-color:#ffb000;color:#ffcf66}
.blk-mini{display:inline-flex;gap:3px}.blk-mini i{width:9px;height:9px;background:#ffb000;clip-path:polygon(0 50%,100% 0,100% 100%);animation:blkMini .8s steps(1) infinite}.blk-mini i+i{transform:scaleX(-1)}
@keyframes blkMini{50%{background:#3a2a08}}
.myb-embed{display:grid;gap:6px}.myb-embed b{font-size:11px;letter-spacing:1.5px;color:#a08550}.myb-embed .blk-copy{justify-self:start}
.myb-hint{margin:0;font-size:12.5px;color:#a9c7d3;line-height:1.55}.myb-hint a{color:#00d9ff;word-break:break-all}
.myb-edit>summary{cursor:pointer;list-style:none;font-size:11px;letter-spacing:1.4px;color:#7bc8e8}
.myb-edit>summary::-webkit-details-marker{display:none}
.myb-cancel{margin:0}

/* admin: BLINKER */
.bka-box{margin:14px 0;padding:12px 16px;border:1px solid #0b5472;background:rgba(2,18,28,.55)}
.bka-box h2,.bka-h{margin:0 0 10px;font-size:14px;letter-spacing:2.4px;color:#ffd27a}
.bka-h{margin:22px 0 10px}
.bka-box h2 small{font-size:10.5px;color:#4b9fc0;letter-spacing:.5px;margin-left:8px;font-weight:400}
.bka-inline{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.bka-inline label,.bka-grid label{display:grid;gap:5px;color:#55b8d8;font-size:11px;letter-spacing:1.4px;font-weight:700}
.bka-inline input,.bka-grid input:not([type=checkbox]),.bka-grid select,.bka-grid textarea{background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:8px 9px;font:14px inherit;font-family:inherit;min-width:0}
.bka-inline .green-btn,.bka-grid .green-btn{width:auto;padding:0 20px}
.bka-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.bka-grid .pja-formact,.bka-grid .bka-note,.bka-wide{grid-column:1/-1}
.bka-check{display:flex!important;align-items:center;gap:8px;font-weight:400!important;letter-spacing:.6px!important;color:#a9c7d3!important;cursor:pointer}
.bka-acc{margin:0;padding:8px 10px;border:1px solid #0b5472;display:grid;gap:6px}.bka-acc legend{font-size:10.5px;letter-spacing:1.4px;color:#55b8d8;padding:0 4px}
.bka-note{margin:4px 0;font-size:12px;color:#4b9fc0;line-height:1.5}.bka-note b{color:#cfe9f4}
.bka-warn{color:#ffcf66}
.bka-types{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.bka-methods{display:grid;gap:6px;margin-bottom:8px}
.bka-method{display:grid;grid-template-columns:auto 1fr auto;gap:4px 12px;align-items:center;padding:8px 10px;border:1px solid #2c2610;background:rgba(10,10,6,.5)}
.bka-mtype{font-size:9.5px;letter-spacing:1.2px;padding:3px 6px;border:1px solid #6b4c10;color:#ffcf66}
.bka-method b{color:#ffe3a3;font-size:13px}.bka-method code{grid-column:1/3;font-size:11.5px;color:#8fc4da;word-break:break-all}
.bka-macts{grid-row:1/3;grid-column:3;display:flex;gap:4px}.bka-macts form{margin:0}
.bka-site .pja-row{align-items:flex-start}
.bka-member{font-size:10.5px;letter-spacing:1px;color:#b58cff}
.bka-figs{display:flex;flex-wrap:wrap;gap:8px}
.bka-figs span{display:grid;gap:2px;padding:6px 10px;border:1px solid #3d2e0c;min-width:90px}
.bka-figs small{font-size:9.5px;letter-spacing:1.3px;color:#a08550}.bka-figs b{font:700 13px "Courier New",monospace;color:#ffe3a3}
.bka-num{font-size:18px!important}
.bka-code pre{margin:6px 0;padding:10px;background:#070604;border:1px solid #3d2e0c;color:#ffcf66;font:12px/1.5 "Courier New",monospace;white-space:pre-wrap;word-break:break-all}
.bka-table{width:100%;border-collapse:collapse;margin-top:6px;font-size:12.5px}
.bka-table th{text-align:left;font-size:10px;letter-spacing:1.3px;color:#55b8d8;padding:6px;border-bottom:1px solid #0b5472}
.bka-table td{padding:6px;border-bottom:1px solid #0a2a38;color:#cfe9f4;vertical-align:middle}.bka-table td form{margin:0}
.bka-table tr.is-out td{color:#ff9aab}
.bka-site.is-pending{border-style:dashed}
@media(max-width:560px){.bka-method{grid-template-columns:1fr auto}.bka-method code{grid-column:1/-1}.bka-macts{grid-row:auto;grid-column:2;justify-self:end}.bka-table{font-size:11.5px}.bka-table th:nth-child(4),.bka-table td:nth-child(4){display:none}}
.blk-card .green-btn,.blk-card .green-btn:hover{text-decoration:none}
.blk-coins{align-items:start}
.blk-m-go{display:flex!important;align-items:center;justify-content:center;text-align:center}
/* Blinker dashboard: the LED fuel bar (same as the footer button) */
.blk-dash{padding:22px 26px 18px}
.blk-leds{display:flex;gap:3px;margin:4px 14px 10px}
.blk-leds i{flex:1;height:5px;border-radius:2px;background:#2a1f08}
.blk-leds i.on{background:linear-gradient(90deg,#ff8a00,#ffc640);box-shadow:0 0 5px rgba(255,176,0,.7)}
.blk-leds i.tip{animation:blkTip 1.6s ease-in-out infinite}
@keyframes blkTip{50%{opacity:.25;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.blk-leds i.tip{animation:none}}
@media(max-width:560px){.blk-dash{padding:18px 16px 14px}}
.footer .blinker-embed{margin-right:6px}
/* MY BLINKER: button style */
.myb-style-form{display:grid;gap:12px;padding:10px 0 4px}
.myb-opts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.myb-opt-t{font-size:10.5px;letter-spacing:1.5px;color:#a08550;margin-right:4px}
.myb-opts .pja-visopt{flex:1 1 150px}
.myb-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px}
.myb-theme{position:relative;cursor:pointer}
.myb-theme input{position:absolute;opacity:0}
.myb-theme-card{display:grid;justify-items:center;gap:8px;padding:14px 8px 10px;border:1px solid #2c2610;background:#0b0a08;transition:border-color .15s}
.myb-theme-card small{font-size:10px;letter-spacing:1.4px;color:#a08550}
.myb-prev{min-height:40px;display:flex;align-items:center;pointer-events:none}
.myb-theme input:checked+.myb-theme-card{border-color:#ffb000;box-shadow:0 0 12px rgba(255,176,0,.25)}
.myb-theme input:checked+.myb-theme-card small{color:#ffcf66}
.myb-theme input:focus-visible+.myb-theme-card{outline:2px solid #35d4ff}
.myb-prev .blinker-embed{pointer-events:none!important}
/* the Blinker on dragos.xyz: its own place, centred at the bottom of the footer */
.footer>.blinker-embed{grid-column:1/-1;justify-self:center;margin:2px 0 12px}
@media(max-width:980px){.footer>.blinker-embed{margin:10px 0 14px}}
/* Blinker page: WHAT BLINKER DOES */
.blk-does-lead{font-size:15.5px;line-height:1.65;color:#ffe3a3;margin:0 0 14px}
.blk-does-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.blk-do{position:relative;padding:16px 16px 14px;border:1px solid #3d2e0c;border-left:3px solid var(--amb);background:linear-gradient(180deg,rgba(28,21,6,.75),rgba(6,6,5,.9))}
.blk-do-n{position:absolute;top:12px;right:14px;font:700 12px/1 "Courier New",monospace;color:#6b4c10}
.blk-do b{display:block;padding-right:28px;font-size:12.5px;letter-spacing:1.6px;color:#ffd27a;margin-bottom:8px}
.blk-do p{margin:0;font-size:13.5px;line-height:1.6;color:#b9d3dd}
.blk-does-note{margin:14px 0 0;font-size:12.5px;color:#a08550}
.blk-mine{padding:18px 20px;border:1px solid #ffb000;background:rgba(40,28,4,.35)}
.blk-mine-lead{color:#e9dcc0;font-size:14px;line-height:1.6;margin:0 0 6px}
.blk-mine .pja-formact{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.blk-mine-nav{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:6px 0 4px;font-size:11px;letter-spacing:1.2px}
.blk-mine-nav span{color:#a08550}
.blk-mine-nav a{padding:5px 10px;border:1px solid #3d2e0c;color:#ffe3a3;text-decoration:none}
.blk-mine-nav a.is-on,.blk-mine-nav a:hover{border-color:#ffb000;color:#ffcf66}
.myb-head .panel-link{margin-left:auto}
/* the Blinker sits inside the footer line, centred in the free space — the footer keeps its height */
.footer{position:relative}
@media(min-width:1181px){.footer>.blinker-embed{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}}
@media(max-width:1180px){.footer>.blinker-embed{margin:0 0 8px}}
@media(max-width:1180px){.footer .footer-buttons>.blinker-embed{margin:0 4px 0 0}}

/* admin BLINKER: coin & network as buttons in the site style */
.bka-coins{margin:0;padding:10px 12px 12px;border:1px solid #0b5472;background:rgba(2,18,28,.5)}
.bka-coins legend{padding:0 6px;font-size:11px;letter-spacing:1.4px;color:#55b8d8;font-weight:700}
.bka-coin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.bka-coin{position:relative;cursor:pointer}
.bka-coin input{position:absolute;opacity:0}
.bka-coin span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;height:100%;padding:8px 10px;border:1px solid #3d2e0c;background:linear-gradient(180deg,rgba(28,21,6,.7),rgba(6,6,5,.9));transition:border-color .15s,box-shadow .15s,transform .15s;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
.bka-coin i{grid-row:1/3;min-width:38px;padding:5px 4px;text-align:center;font:700 10.5px/1 "Courier New",monospace;font-style:normal;color:#1a1206;background:#a07a2a}
.bka-coin b{font-size:11px;letter-spacing:1.2px;color:#ffe3a3;line-height:1.25}
.bka-coin small{font-size:9.5px;letter-spacing:.8px;color:#a08550;font-weight:400}
.bka-coin:hover span{border-color:#ffb000;transform:translateY(-1px)}
.bka-coin input:checked+span{border-color:#ffb000;box-shadow:inset 0 0 14px rgba(255,176,0,.25),0 0 10px rgba(255,176,0,.25)}
.bka-coin input:checked+span i{background:#ffb000;box-shadow:0 0 8px rgba(255,176,0,.6)}
.bka-coin input:focus-visible+span{outline:2px solid #35d4ff;outline-offset:1px}
/* every drop-down on the Blinker pages in the site style */
.blinker-admin-page select,.blinker-page select{-webkit-appearance:none;appearance:none;background:#020b12 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2335d4ff' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 10px center/11px 8px;border:1px solid #075778;color:#c8f4ff;padding:9px 32px 9px 10px;font:14px inherit;font-family:inherit;letter-spacing:.5px;cursor:pointer;border-radius:0}
.blinker-admin-page select:hover,.blinker-page select:hover{border-color:#35d4ff}
.blinker-admin-page select:focus,.blinker-page select:focus{outline:none;border-color:#35d4ff;box-shadow:0 0 0 2px rgba(0,200,255,.18)}
.blinker-admin-page select option,.blinker-page select option{background:#03121c;color:#c8f4ff}
@media(max-width:560px){.bka-coin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bka-coin span{padding:7px 8px;column-gap:7px}.bka-coin i{min-width:32px;font-size:9.5px}.bka-coin b{font-size:10px;letter-spacing:.8px}}
.blk-yours{font-style:normal;font-size:10px;letter-spacing:1.6px;padding:3px 7px;margin-left:6px;border:1px solid #ffb000;color:#ffcf66;vertical-align:middle}
.blk-mine .blk-h3{margin-top:22px}
.blk-mine .myb-opts .pja-visopt{flex:1 1 130px}
.blk-story .blk-does-note{font:12.5px/1.5 inherit;font-family:inherit;color:#a08550;margin:6px 0 0}
.blk-who-lead{margin:0 0 10px;color:#e9dcc0;font-size:14px}

/* Blinker costs: domain, hosting, other payments */
.blk-costs{display:grid;gap:10px}
.blk-cgroup{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 10px;padding:10px 12px;border:1px solid #2c2610;background:rgba(10,10,6,.45)}
.blk-ctitle{grid-column:1/-1;font-size:11px;letter-spacing:1.8px;color:#ffcf66;font-weight:700}
.blk-ctitle small{font-weight:400;letter-spacing:.4px;color:#a08550;margin-left:6px}
.blk-cgroup label{display:grid;gap:5px;color:#55b8d8;font-size:10.5px;letter-spacing:1.3px;font-weight:700}
.blk-cgroup input,.blk-cgroup select{background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:8px 9px;font-family:inherit;font-size:14px;min-width:0;height:38px;box-sizing:border-box;color-scheme:dark}
.blk-cgroup input:focus,.blk-cgroup select:focus{outline:none;border-color:#35d4ff;box-shadow:0 0 8px rgba(53,212,255,.25)}
.blk-xgroup{grid-template-columns:1fr}
.blk-xrows{display:grid;gap:8px}
.blk-xrow{position:relative;display:grid;grid-template-columns:minmax(160px,2fr) minmax(90px,1fr) minmax(120px,1fr) minmax(140px,1fr) 38px;gap:8px;align-items:end;padding:10px;border:1px solid #3d2e0c;background:rgba(20,15,4,.35)}
.blk-xdel{height:38px;border:0;background:linear-gradient(#3a0a14,#1a0308);color:#ffc2cc;font-family:inherit;font-weight:bold;cursor:pointer;box-shadow:inset 0 0 0 1px #8a3445;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px)}
.blk-xdel:hover{filter:brightness(1.3)}
/* ＋ ADD ANOTHER PAYMENT — same family as the site buttons: clipped corners, inset line, bold inherited type */
.blk-xadd{justify-self:start;height:40px;padding:0 20px;border:0;background:linear-gradient(#3d2800,#170f00);color:#ffcf66;font-family:inherit;font-size:12px;font-weight:bold;letter-spacing:1.5px;cursor:pointer;box-shadow:inset 0 0 0 1px #b07800,inset 0 0 14px rgba(255,176,0,.18);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 7px),0 7px);transition:filter .15s}
.blk-xadd:hover,.blk-xadd:focus-visible{filter:brightness(1.25);outline:none}.blk-xadd[hidden]{display:none}
.blk-sched-t{width:100%;border-collapse:collapse;font-size:13.5px}
.blk-sched-t th{text-align:left;font-size:10px;letter-spacing:1.5px;color:#a08550;padding:8px 10px;border-bottom:1px solid #3d2e0c}
.blk-sched-t td{padding:9px 10px;border-bottom:1px solid #1e1708;color:#e9dcc0}
.blk-sched-t td:last-child,.blk-sched-t th:last-child{text-align:right;font-family:"Courier New",monospace;color:#ffe3a3}
.blk-sched-t tfoot td{border-bottom:0;font-size:11px;letter-spacing:1.4px;color:#a08550;font-weight:700}
.blk-sched-t tfoot td:last-child{font-size:14px;color:#ffcf66}
@media(max-width:620px){.blk-xrow{grid-template-columns:1fr 1fr;padding-right:46px}.blk-xrow label:first-child{grid-column:1/-1}.blk-xdel{position:absolute;top:8px;right:8px;width:30px;height:30px}
 .blk-sched-t th:nth-child(2),.blk-sched-t td:nth-child(2){display:none}.blk-sched-t{font-size:12.5px}}

/* admin BLINKER: THE POT */
.bka-pot{border-color:#6b4c10;background:linear-gradient(180deg,rgba(28,21,6,.6),rgba(2,10,16,.7))}
.pot-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:6px 0 12px}
.pot-tile{display:grid;gap:4px;padding:12px 14px;border:1px solid #3d2e0c;background:rgba(6,6,5,.7)}
.pot-tile span{font-size:10px;letter-spacing:1.5px;color:#a08550}
.pot-tile b{font:700 22px/1.1 "Courier New",monospace;color:#ffe3a3}
.pot-tile small{font-size:11px;color:#8a7650}
.pot-tile.is-neg{border-color:#ff5f78}.pot-tile.is-neg b{color:#ff9aab}
.pot-fig{position:relative;margin:0 0 12px;padding:10px 12px;border:1px solid #2c2610;background:#070604}
.pot-fig figcaption{font-size:10.5px;letter-spacing:1.5px;color:#a08550;margin-bottom:4px}.pot-fig figcaption small{letter-spacing:.4px;color:#6b5a38;margin-left:6px}
.pot-chart{display:block;width:100%;height:auto}
.pot-grid{stroke:#2a2112;stroke-width:1}
.pot-ax{fill:#8a7650;font:11px "Courier New",monospace}
.pot-line{fill:none;stroke:#ffb000;stroke-width:2;stroke-linejoin:round}
.pot-dot{fill:#ffcf66;stroke:#070604;stroke-width:2;cursor:pointer}.pot-dot:hover,.pot-dot:focus{fill:#fff;outline:none;r:6}
.pot-dot.is-neg{fill:#ff5f78}
.pot-zero{stroke:#ff5f78;stroke-width:1;stroke-dasharray:4 4}
.pot-neg{fill:rgba(255,61,85,.08)}
.pot-tip{position:absolute;z-index:3;max-width:320px;padding:7px 10px;background:#1a1408;border:1px solid #ffb000;color:#ffe3a3;font-size:12px;line-height:1.4;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.pot-tip[hidden]{display:none}
.pot-table tr.is-short td{color:#ff9aab}.pot-table a{color:#ffcf66}.pot-table small{color:#8a7650}
.pot-low{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding:10px;border:1px solid #ff5f78;background:rgba(60,5,14,.35)}
.pot-low b{flex:1 0 100%;font-size:11px;letter-spacing:1.5px;color:#ff9aab}
.pot-low a{display:grid;gap:2px;padding:6px 10px;border:1px solid #6b2a36;color:#ffd6dc;text-decoration:none;font-size:12.5px}.pot-low a small{color:#ff9aab;font-size:10.5px}
@media(max-width:560px){.pot-table th:nth-child(5),.pot-table td:nth-child(5){display:none}.pot-tile b{font-size:18px}}
/* Blinker page: the dashboard beats like a heart when less than a year of credit is left */
.blk-dash.is-beating{animation:blkHeart var(--beat,1.6s) ease-in-out infinite;border-color:#ff7a1a}
@keyframes blkHeart{0%,40%,100%{transform:scale(1);box-shadow:inset 0 0 0 4px #0d0a05,inset 0 0 0 5px #2c2109,0 14px 36px rgba(0,0,0,.55)}10%{transform:scale(1.025);box-shadow:inset 0 0 0 4px #0d0a05,inset 0 0 0 5px #ff7a1a,0 0 34px rgba(255,90,26,.45)}20%{transform:scale(1.004)}28%{transform:scale(1.016);box-shadow:inset 0 0 0 4px #0d0a05,inset 0 0 0 5px #ff9a3a,0 0 24px rgba(255,90,26,.3)}}
@media(prefers-reduced-motion:reduce){.blk-dash.is-beating{animation:none}}
@media(max-width:560px){.pot-table th:nth-child(4),.pot-table td:nth-child(4){display:table-cell}.pot-fig{overflow-x:auto}.pot-chart{min-width:680px}}
.pot-range{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.pot-range button{height:34px;padding:0 14px;border:1px solid #3d2e0c;background:rgba(6,6,5,.7);color:#a08550;font:700 11px/1 inherit;font-family:inherit;letter-spacing:1.5px;cursor:pointer}
.pot-range button:hover{border-color:#ffb000;color:#ffe3a3}
.pot-range button.is-on{border-color:#ffb000;color:#1a1206;background:#ffb000}
.pot-view[hidden]{display:none}
.pot-years td:nth-child(2),.pot-years th:nth-child(2){text-align:center}
@media(max-width:560px){.pot-range button{flex:1 1 30%;padding:0 6px}.pot-years th:nth-child(4),.pot-years td:nth-child(4){display:table-cell}}
@media(max-width:560px){.pot-range button{flex:1 1 28%}}

/* ===== BLINKER: CREDIT UP++ (a giver tells us about a gift) ===== */
.blk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.blk-cta .blk-credit-btn{display:inline-flex;align-items:center;justify-content:center;gap:1px;text-decoration:none;letter-spacing:1.6px}
.blk-credit-btn span[aria-hidden]{color:#c6ffe6;text-shadow:0 0 8px rgba(0,231,139,.6);font-weight:900}
.blk-credit{margin-top:22px;padding:16px 16px 18px;border:1px solid #0b5a3a;background:linear-gradient(180deg,rgba(2,28,20,.55),rgba(2,10,8,.75));scroll-margin-top:20px}
.blk-credit .blk-h3{margin:0 0 6px;color:#72e3ba}
.blk-pp{color:#c6ffe6;text-shadow:0 0 8px rgba(0,231,139,.55)}
.blk-credit-lead{margin:0 0 12px;color:#cfe3d8;font-size:13.5px;line-height:1.55}
.blk-credit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.blk-credit-form>label{display:grid;gap:5px;color:#55b8d8;font-size:10.5px;letter-spacing:1.3px;font-weight:700}
.blk-credit-form>label small{font-weight:400;letter-spacing:.3px;color:#4b8fa8}
.blk-credit-form input,.blk-credit-form select{height:38px;box-sizing:border-box;background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:8px 9px;font-family:inherit;font-size:14px;min-width:0;color-scheme:dark}
.blk-credit-form input:focus,.blk-credit-form select:focus{outline:none;border-color:#35d4ff;box-shadow:0 0 8px rgba(53,212,255,.25)}
.blk-credit-form .blk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.blk-showname,.blk-credit-msg,.blk-credit-act{grid-column:1/-1}
.blk-showname{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 0;padding:0;border:0;min-width:0}
.blk-showname legend{padding:0 0 6px;color:#55b8d8;font-size:10.5px;letter-spacing:1.3px;font-weight:700}
.blk-showname small{font-family:"Courier New",monospace;font-size:12.5px!important;color:#ffcf66!important;overflow-wrap:anywhere}
.blk-showname input:checked+span{border-color:#00d18a;box-shadow:inset 0 0 12px rgba(0,209,138,.18)}
.blk-showname input:focus-visible+span{outline:1px solid #35d4ff}
.blk-credit-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:4px}
.blk-credit-act .green-btn{width:auto;padding:0 26px;margin:0}
.blk-credit .sd-feedback{margin:0 0 12px}
@media(max-width:620px){.blk-credit-form,.blk-showname{grid-template-columns:1fr}.blk-credit{padding:14px 12px}}
/* the wall */
.blk-real{font-weight:400;font-size:11px;color:#8a7650;letter-spacing:.3px}
.blk-wall-empty{margin:0;color:#c9b88f;font-size:13.5px}.blk-wall-empty a{color:#ffcf66}
/* verified sites */
.blk-verified{font-style:normal;font-size:10px;letter-spacing:1.6px;padding:3px 7px;margin-left:6px;border:1px solid #00d18a;color:#72e3ba;vertical-align:middle}
.blk-verify-line{margin:12px 0 0;padding:9px 12px;font-size:12px;letter-spacing:.6px;border-left:3px solid #00d18a;background:rgba(0,40,28,.35);color:#9fe9c9}
.blk-verify-line.is-no{border-left-color:#ffb000;background:rgba(40,28,0,.35);color:#ffdf9a}
.blk-cta .blk-give-btn,.blk-cta .blk-credit-btn{min-width:212px;box-sizing:border-box}
.blk-credit-act .blk-ref{white-space:nowrap}
/* admin BLINKER: CREDIT UP++ gifts waiting, add / deduct credit */
.bka-pledges{display:grid;gap:8px;margin:10px 0;padding:10px 12px;border:1px solid #0b5a3a;background:rgba(0,40,28,.3)}
.bka-pledge{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;align-items:end;padding:9px 10px;border:1px solid #0d3d2c;background:rgba(2,14,10,.6)}
.bka-pl-info{display:grid;gap:3px;color:#cfe3d8;font-size:13px;min-width:0;overflow-wrap:anywhere}
.bka-pl-info>b{font:700 15px "Courier New",monospace;color:#72e3ba}
.bka-pl-info small{color:#6fa894;font-size:11px}.bka-pl-info small b{color:#ffcf66;font-family:"Courier New",monospace}
.bka-pl-info em{color:#e9dcc0;font-size:12.5px}
.bka-pl-info a{color:#55b8d8}
.bka-pl-ok{display:flex;flex-wrap:wrap;gap:6px;align-items:end}
.bka-pl-ok label{display:grid;gap:4px;color:#55b8d8;font-size:10px;letter-spacing:1.2px;font-weight:700}
.bka-pl-ok input{width:110px;height:32px;box-sizing:border-box;background:#020b12;border:1px solid #075778;color:#c8f4ff;padding:5px 8px;font-family:inherit;font-size:13px}
.bka-sub{margin:12px 0 6px;font-size:11px;letter-spacing:1.8px;color:#72e3ba}
.bka-sub-out{margin-top:20px;padding-top:12px;border-top:1px dashed #3a1a22;color:#ff9aab}
@media(max-width:700px){.bka-pledge{grid-template-columns:1fr}}
/* MY BLINKER: verify the domain with an uploaded file */
.myb-verify{margin:12px 0;padding:14px 16px;border:1px solid #6b4c10;background:rgba(40,28,0,.28)}
.myb-verify>b{display:block;margin-bottom:10px;font-size:12px;letter-spacing:1.8px;color:#ffcf66}
.myb-steps{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:10px}
.myb-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;color:#e9dcc0;font-size:13.5px;line-height:1.55}
.myb-steps li>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #ffb000;color:#ffcf66;font-weight:700;font-size:12px}
.myb-steps code{font-size:12.5px;color:#9ff0ff}
.myb-url{display:inline-block;margin-top:4px;padding:4px 8px;border:1px dashed #0b5472;background:#020b12;overflow-wrap:anywhere}
.myb-steps .green-btn,.myb-vform .green-btn{display:inline-flex;align-items:center;width:auto;padding:0 18px;margin-top:6px;text-decoration:none}
.myb-vform{margin:0}
.myb-verified{margin:12px 0 8px;font-size:12px;letter-spacing:1.4px;color:#72e3ba}
.bka-ver{font-size:10px;letter-spacing:1.3px;font-weight:700}.bka-ver.is-ok{color:#72e3ba}.bka-ver.is-no{color:#ffc94d}
/* PHONES: the footer drops the INTERNET CAFÉ line; the CHAT · COMMUNITY · NEWS · CONTACT buttons are centred, the Blinker sits centred under them */
@media(max-width:980px){
  .footer>div:first-child:not(.footer-buttons){display:none}
  .footer{justify-items:center;text-align:center}
  .footer .footer-buttons{justify-content:center}
  .footer>.blinker-embed{justify-self:center;margin:2px 0 4px}
  .footer small{text-align:center}
}
.blk-via{grid-column:2;justify-self:end;font-size:10px;letter-spacing:1.3px;color:#55b8d8;padding:2px 6px;border:1px solid #0b5472;white-space:nowrap}
.blk-credit-form .blk-coin-pick[hidden]{display:none}
.footer small a{color:inherit;text-decoration:none}.footer small a:hover{color:#35d4ff}
/* BLINKER: WHAT BLINKER DOES · WHO IT'S FOR · WHERE BLINKER IS GOING fold up — only the heading shows until it is pressed */
.blk-fold>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;user-select:none}
.blk-fold>summary::-webkit-details-marker{display:none}
.blk-fold>summary h2{margin:0}
.blk-fold>summary::after{content:"+";margin-left:auto;display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #6b4c10;color:#ffcf66;font:700 18px/1 inherit;font-family:inherit;transition:transform .2s}
.blk-fold[open]>summary::after{content:"−"}
.blk-fold>summary:hover::after,.blk-fold>summary:focus-visible::after{border-color:#ffb000;box-shadow:0 0 8px rgba(255,176,0,.3)}
.blk-fold>summary:focus-visible{outline:none}
.blk-fold[open]>summary{margin-bottom:14px}
/* CREDIT UP++: HOW MUCH = currency + amount in one box */
.blk-howmuch{display:grid;gap:5px}
.blk-howmuch>label{color:#55b8d8;font-size:10.5px;letter-spacing:1.3px;font-weight:700}
.blk-amt-group{display:flex;min-width:0;border:1px solid #075778;background:#020b12}
.blk-amt-group:focus-within{border-color:#35d4ff;box-shadow:0 0 8px rgba(53,212,255,.25)}
.blk-credit-form .blk-amt-group select{flex:0 0 84px;width:84px;border:0;border-right:1px solid #075778;background:#03131e;color:#ffcf66;font-weight:700;letter-spacing:.5px;padding:8px 6px;box-shadow:none}
.blk-credit-form .blk-amt-group input{flex:1;min-width:0;border:0;box-shadow:none}
.blk-credit-form .blk-amt-group select:focus,.blk-credit-form .blk-amt-group input:focus{box-shadow:none;outline:none}

/* SPELL CHECK (js/spell.js) — red wavy line under misspelt words, suggestions box */
.spx-wrap{position:relative;display:block}
.spx-wrap>textarea{position:relative;z-index:1}
.spx-mirror{position:absolute;z-index:0;display:block;overflow:hidden;pointer-events:none;color:transparent;border-style:solid;border-color:transparent;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;margin:0}
.spx-bad{text-decoration:underline wavy #ff3b5c;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-skip-ink:none;color:transparent}
.spx-bar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:5px;font-size:10px;letter-spacing:.6px;color:#55b8d8;text-transform:none}
.spx-bar b{color:#8fe3ff;font-weight:600}
.spx-bar .spx-n{color:#ff9ba8}
.spx-bar button{margin-left:auto;background:none;border:1px solid #075778;color:#55b8d8;font:inherit;font-size:9px;letter-spacing:1px;padding:2px 7px;cursor:pointer;width:auto}
.spx-bar button:hover{border-color:#35d4ff;color:#c8f4ff}
.spx-menu{position:fixed;z-index:9999;background:#03131f;border:1px solid #00a8d8;box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 14px rgba(0,207,255,.15);font-size:13px;color:#c8f4ff;font-family:inherit}
.spx-menu[hidden]{display:none}
.spx-head{padding:8px 11px;font-size:10px;letter-spacing:.8px;color:#ff9ba8;border-bottom:1px solid #073d55;word-break:break-word}
.spx-list{display:flex;flex-direction:column;padding:4px 0;max-height:220px;overflow:auto}
.spx-s{all:unset;display:block;padding:7px 12px;cursor:pointer;font-size:14px;color:#e6fbff}
.spx-s:hover,.spx-s:focus{background:#0a3a52;color:#fff}
.spx-wait{padding:7px 12px;font-size:11px;color:#55b8d8}
.spx-foot{display:flex;border-top:1px solid #073d55}
.spx-foot button{all:unset;flex:1;text-align:center;padding:7px 6px;cursor:pointer;font-size:9px;letter-spacing:1px;color:#55b8d8}
.spx-foot button+button{border-left:1px solid #073d55}
.spx-foot button:hover,.spx-foot button:focus{background:#0a3a52;color:#c8f4ff}

/* Blinker page: the PLANET panel (the classic dial above stays available — PAGE PANEL in the button style) */
.blk-planet-card{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;justify-self:start;box-sizing:border-box;padding:10px 20px 10px 6px;border-radius:14px;background:#02070d;border:1px solid #0b5472;box-shadow:inset 0 0 30px rgba(0,130,190,.08),0 14px 36px rgba(0,0,0,.55)}
.blk-planet{display:block;flex:none;width:140px;height:140px}
.blk-pl-read{display:flex;flex-direction:column;align-items:flex-start;color:#cfefff;min-width:0}
.blk-pl-k{font-size:10.5px;letter-spacing:3px;color:#5fa8c4}
.blk-pl-years{margin-top:5px;font:700 32px/1.05 "Courier New",monospace;letter-spacing:1px;color:#fff;text-shadow:0 0 12px rgba(0,207,255,.35);white-space:nowrap}
.blk-pl-until{margin-top:3px;font-size:11.5px;letter-spacing:1.2px;color:#9fd6ea}
.blk-pl-until em{font-style:normal;font-family:"Courier New",monospace;font-weight:700;color:#00e78b}
.blk-era{margin-top:10px;font-size:11px;letter-spacing:2px;color:#00e78b;cursor:help}
.blk-era-bar{display:flex;gap:3px;margin-top:6px}
.blk-era-bar i{display:block;width:15px;height:4px;border-radius:2px;background:#0b2a3a}
.blk-era-bar i.on{background:#00cfff}
.blk-era-bar i.cur{background:#00e78b;box-shadow:0 0 6px rgba(0,231,139,.7)}
.blk-planet-card.is-beating{animation:blkPlBeat var(--beat,1.6s) ease-in-out infinite;border-color:#ff314a}
@keyframes blkPlBeat{0%,40%,100%{transform:scale(1);box-shadow:0 14px 36px rgba(0,0,0,.55)}10%{transform:scale(1.025);box-shadow:0 0 30px rgba(255,49,74,.4)}20%{transform:scale(1.004)}}
@media(prefers-reduced-motion:reduce){.blk-planet-card.is-beating{animation:none}}
@media(max-width:760px){.blk-planet-card{justify-self:center;margin:0 auto}}
@media(max-width:420px){.blk-planet{width:110px;height:110px}.blk-pl-years{font-size:25px}.blk-planet-card{padding-right:14px}}
/* the planet panel sits at the top of the hero, level with the title, not in the middle of the text */
.blk-hero .blk-planet-card{align-self:start;margin-top:10px}
/* BUTTON STYLE: room for the wider PLANET button in the colour cards */
.myb-themes{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
/* Blinker hero, desktop: the planet panel stands upright and fills its column — planet on top, figures centred under it */
@media(min-width:761px){
  .blk-hero .blk-planet-card{flex-direction:column;gap:4px;width:100%;justify-self:stretch;padding:18px 16px 20px;text-align:center}
  .blk-hero .blk-planet{width:min(210px,100%);height:auto;aspect-ratio:1}
  .blk-hero .blk-pl-read{align-items:center;width:100%}
  .blk-hero .blk-pl-k{letter-spacing:2.5px}
  .blk-hero .blk-pl-years{font-size:clamp(26px,2.4vw,34px)}
}
.blk-pl-credit{margin-top:8px;font:700 13px/1 "Courier New",monospace;letter-spacing:1px;color:#ffcf66}
.blk-pl-word{font-size:clamp(20px,2vw,28px)!important;letter-spacing:3px!important;color:#00e78b!important;text-shadow:0 0 12px rgba(0,231,139,.35)!important}
.is-show-era .blk-pl-until{margin-top:6px}.is-show-era .blk-era-bar{margin-top:10px}
.is-show-plain .blk-pl-k{font-size:12px;letter-spacing:3.5px;color:#9fd6ea}

/* ===== Blinker: SOCIAL MEDIA ===== */
/* the second call to action, in violet next to the green one */
.blk-social-btn{background:linear-gradient(#3b3bb0,#15154a)!important;border-color:#8c8cff!important;color:#ecebff!important;box-shadow:0 0 14px rgba(140,140,255,.35)!important}
.blk-cta .blk-social-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:0 18px;text-decoration:none}
/* the hero card and its share buttons */
.blk-pl-wrap{display:grid;gap:8px;align-self:start;margin-top:10px;min-width:0}
.blk-pl-wrap .blk-planet-card{margin-top:0}
.blk-share-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.blk-share-row>span{font-size:10.5px;letter-spacing:2.4px;color:#5fa8c4;margin-right:2px}
.blk-share-b{flex:1;min-width:0;padding:7px 10px;background:#02101a;border:1px solid #0b5472;color:#9ff0ff;font:700 11px/1 inherit;font-family:inherit;letter-spacing:1.6px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.blk-share-b:hover,.blk-share-b:focus-visible{border-color:#00e78b;box-shadow:0 0 10px rgba(0,231,139,.3);outline:none}
.blk-share-b:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){.blk-pl-wrap{justify-self:center;margin:0 auto}}
/* the section and its cards */
.blk-social{padding:18px 20px;border:1px solid #2c2c7a;background:rgba(10,10,40,.35)}
.blk-social h2{color:#c9c9ff}
.blk-soc-lead{margin:0 0 14px;color:#b9e3f2;font-size:14px;line-height:1.6}
.blk-soc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.blk-soc{display:flex;flex-direction:column;gap:10px;padding:14px;background:#02070d;border:1px solid #0b5472;border-radius:12px}
.blk-soc.is-pending{border-style:dashed;opacity:.92}
.blk-soc-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.blk-soc-pf{font-size:12px;letter-spacing:3px;color:#cfefff}
.blk-soc-ok{font-size:10px;letter-spacing:1.4px;color:#00e78b;border:1px solid #0b6a52;padding:3px 6px}
.blk-soc-wait{font-size:10px;letter-spacing:1.4px;color:#ffcf66;border:1px solid #6b4c10;padding:3px 6px}
.blk-soc-handle{color:#00cfff;font-size:15px;text-decoration:none;overflow-wrap:anywhere}.blk-soc-handle:hover{text-decoration:underline}
.blk-soc-fig{display:grid;gap:3px}
.blk-soc-fig small{font-size:10px;letter-spacing:2px;color:#5fa8c4}
.blk-soc-fig b{font:700 24px/1.1 "Courier New",monospace;color:#fff}
.blk-soc-fig em{font-style:normal;font-size:11px;color:#7fa9bb}
.blk-soc-vital b{color:#00e78b;text-shadow:0 0 10px rgba(0,231,139,.35)}
.blk-soc-vital em{cursor:help}
.blk-soc-code{margin:0;font-size:12.5px;line-height:1.5;color:#ffe2a3}.blk-soc-code code{color:#ffcf66;font-weight:700}
.blk-soc-on{margin:0;font-size:11px;letter-spacing:1.4px;color:#5fa8c4}.blk-soc-on a{color:#9ff0ff;text-decoration:none}
.blk-soc-del{margin:0}.blk-soc-del button{background:none;border:0;padding:0;color:#ff7185;font:11px/1 inherit;font-family:inherit;letter-spacing:1.2px;cursor:pointer}
.blk-soc-add{margin-top:14px}
.blk-soc-since{display:flex;gap:6px}.blk-soc-since select{flex:1}
.blk-soc-how{margin:14px 0 0;font-size:12px;line-height:1.6;color:#7fa9bb}.blk-soc-how b{color:#9ff0ff;letter-spacing:1px}
/* MY BLINKER: the two menus */
.myb-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.myb-tabs a{flex:1;min-width:180px;padding:11px 14px;text-align:center;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:2px;color:#ffcf66;border:1px solid #6b4c10;background:#0b0a08}
.myb-tabs a.myb-tab-soc{color:#c9c9ff;border-color:#3b3b8a;background:#08081a}
.myb-tabs a.is-on{border-color:#ffb000;box-shadow:0 0 12px rgba(255,176,0,.25)}
.myb-tabs a.myb-tab-soc.is-on{border-color:#8c8cff;box-shadow:0 0 12px rgba(140,140,255,.3)}
.myb-panel[hidden]{display:none}
/* MY BLINKER: live preview of the style, and a social account's figures */
.myb-live{margin:14px 0 4px;padding:12px;border:1px dashed #0b5472;background:rgba(0,20,32,.4)}
.myb-live-t{display:block;margin-bottom:10px;font-size:10.5px;letter-spacing:2.4px;color:#5fa8c4}
.myb-live-box{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.myb-live-card{width:max-content;max-width:100%}
.myb-live-card .blk-planet{width:110px;height:110px}
.myb-live-card .blk-pl-years{font-size:26px}
.myb-live-btn{display:inline-flex;min-height:40px;align-items:center}
.blk-soc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0;padding:12px;background:#02070d;border:1px solid #0b5472}
.blk-soc-cta{margin:16px 0 0}.blk-soc-cta .blk-social-btn{min-height:44px}
.blk-intro p a{color:#00d9ff}
.myb-verify a{color:#00d9ff}
/* share and remove buttons in the site's own style */
.blk-share-row .pt-share{height:32px}
.blk-share-row .pt-share:disabled{opacity:.6;cursor:wait}
.myb-site .myb-cancel{margin-top:4px}
.myb-site .myb-cancel .pja-no{height:34px;padding:0 12px;font:700 10.5px/1 inherit;font-family:inherit;letter-spacing:1.3px;border:1px solid #6b2a36;color:#ff9aab;background:transparent;cursor:pointer}
.myb-site .myb-cancel .pja-no:hover{border-color:#ff5f78}
/* REMOVE a social media Blinker: the same design as CLEAR INBOX in the admin */
.blk-del-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid #ff314a;background:linear-gradient(#4a0f1c,#22070f);color:#ff8a9a;font:inherit;font-size:11px;font-weight:700;letter-spacing:1.4px;cursor:pointer;box-shadow:inset 0 0 12px rgba(255,49,74,.18);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 7px),0 7px);transition:filter .15s,box-shadow .15s}
.blk-del-btn:hover,.blk-del-btn:focus-visible{filter:brightness(1.25);outline:none;box-shadow:inset 0 0 14px rgba(255,49,74,.35),0 0 12px rgba(255,49,74,.45)}
/* SHARE ITS CARD: the words on top, STORY and POST side by side under them */
.blk-share-row:has(.pt-share){display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:stretch}
.blk-share-row:has(.pt-share)>span{grid-column:1/-1;margin:0 0 2px}
.blk-share-row .pt-share{justify-content:center;width:100%;min-width:0}
.myb-embed .blk-share-row:has(.pt-share){max-width:360px}
/* phones: the live preview card stands upright and fits the screen */
@media(max-width:560px){
  .myb-live-box{flex-direction:column;align-items:stretch}
  .myb-live-card{flex-direction:column;width:100%;text-align:center;padding:14px 12px}
  .myb-live-card .blk-planet{width:96px;height:96px}
  .myb-live-card .blk-pl-read{align-items:center;width:100%}
  .myb-live-card .blk-pl-years{font-size:24px}
  .myb-live-btn{justify-content:center}
}

/* ===== TOP MENU: ✎ EDIT THIS MENU (administrators) and the editor ===== */
.main-nav{position:relative}
.mm-edit span{white-space:nowrap}
/* ✎ EDIT THIS MENU: a button right after CONTACT, in the green of ✎ EDIT THIS MENU in the PROJECTS drop-down */
.mm-edit{position:relative;isolation:isolate;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:96px;height:58px;padding:0 8px;color:#00e78b;font-weight:700;font-size:10.5px;line-height:1.15;letter-spacing:1.3px;text-align:center;text-decoration:none;text-shadow:0 0 7px currentColor;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 6px rgba(0,231,139,.35));clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);transition:filter .15s,transform .15s}
.mm-edit::before{content:"";position:absolute;inset:0;z-index:-2;background:currentColor;clip-path:inherit}
.mm-edit::after{content:"";position:absolute;inset:2px;z-index:-1;background:linear-gradient(180deg,rgba(4,30,22,.97),rgba(3,10,9,.98));box-shadow:inset 0 0 12px rgba(0,231,139,.35);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.mm-edit b{font-size:17px;line-height:1}
.mm-edit span{white-space:normal}
.mm-edit:hover,.mm-edit:focus-visible{outline:none;filter:brightness(1.25) drop-shadow(0 0 4px currentColor) drop-shadow(0 0 14px rgba(0,231,139,.55));transform:translateY(-1px)}
@media(max-width:980px){.mm-edit{width:auto;height:44px;flex-direction:row;gap:6px;padding:0 14px}.mm-edit b{font-size:14px}}
.mma-list{display:grid;gap:8px;margin:14px 0}
.mma-row{display:grid;grid-template-columns:auto 26px minmax(140px,1fr) minmax(180px,1.4fr) 130px auto auto;align-items:end;gap:10px;padding:10px 12px;border:1px solid #0b5472;border-left:4px solid var(--mm);background:rgba(2,16,26,.85)}
.mma-row.is-hidden{opacity:.55;border-style:dashed}
.mma-row label{display:grid;gap:4px;font-size:10px;letter-spacing:1.4px;color:#7fb7cc}
.mma-row label small{color:#ffcf66;font-size:9px}
.mma-row input[type=text],.mma-row input:not([type]),.mma-row select{height:34px;padding:0 10px;background:#02090f;border:1px solid #0b5472;color:#cfefff;font:inherit;font-size:13px}
.mma-move{display:flex;gap:4px}
.mma-move button{width:30px;height:34px;border:1px solid #0b5472;background:#03141f;color:#9ff0ff;font:700 15px/1 inherit;font-family:inherit;cursor:pointer}
.mma-move button:hover:not(:disabled){border-color:#00cfff}.mma-move button:disabled{opacity:.3;cursor:default}
.mma-pos{align-self:center;font:700 16px/1 "Courier New",monospace;color:var(--mm);text-align:center}
.mma-note{align-self:center;font-size:11px;letter-spacing:1.4px;color:#ffcf66}.mma-note a{color:#9ff0ff}
.mma-swatch{align-self:center;height:6px;border-radius:3px;background:var(--mm)}
.mma-show,.mma-del{display:flex!important;grid-template-columns:none;align-items:center;gap:6px;height:34px;font-size:11px!important;color:#cfefff!important}
.mma-del{color:#ff9aab!important}
.mma-reset{margin-top:18px}
@media(max-width:900px){.mma-row{grid-template-columns:auto 26px 1fr;}.mma-link,.mma-col{grid-column:3}.mma-show,.mma-del{grid-column:3}}
.mm-edit svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px currentColor)}
.mm-edit .mm-short{display:none}
@media(max-width:1500px){.main-nav:has(.mm-edit){gap:9px}.mm-edit{width:62px}.mm-edit .mm-long{display:none}.mm-edit .mm-short{display:inline}}
@media(max-width:980px){.mm-edit{width:auto}.mm-edit .mm-long{display:inline}.mm-edit .mm-short{display:none}}
@media(max-width:1360px) and (min-width:981px){.main-nav:has(.mm-edit){gap:6px}.mm-edit{width:50px;padding:0 4px;font-size:9.5px}}
/* phones: GET A BLINKER FOR MY SITE and … FOR MY SOCIAL MEDIA the same size, one under the other */
@media(max-width:640px){
  .blk-join .blk-cta .green-btn{display:flex;align-items:center;justify-content:center;flex:1 1 100%;width:100%;height:56px;min-height:56px;padding:6px 14px;box-sizing:border-box;line-height:1.25;text-align:center;white-space:normal}
}
/* Blinker admin: POSTS ON THE PROFILE, in the site's own field style */
.bka-posts{display:inline-flex;align-items:center;gap:8px;margin-right:8px;font-size:10.5px;font-weight:700;letter-spacing:1.4px;color:#7fb7cc;vertical-align:middle}
.bka-posts input{width:120px;height:34px;padding:0 10px;background:#02090f;border:1px solid #0b5472;color:#cfefff;font:inherit;font-size:13px;letter-spacing:.5px;outline:none;transition:border-color .15s,box-shadow .15s}
.bka-posts input:focus{border-color:#00cfff;box-shadow:0 0 8px rgba(0,207,255,.35)}
.bka-posts input::placeholder{color:#3f6f82}
.pja-reqs .blk-del-btn,.bka-socials .blk-del-btn{vertical-align:middle}
.pja-reqs-t a,.bka-socials .pja-reqs-t a{color:#9ff0ff}
.pja-reqs:has(.bka-posts) .pja-f{display:inline-flex;align-items:center;vertical-align:middle;margin:6px 8px 0 0}
/* TOP MENU editor: SHOW / DELETE boxes and links in the site's own style (no white browser boxes) */
.mma-row input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:18px;height:18px;margin:0;border:1px solid #0b5472;background:#02090f;cursor:pointer;display:inline-grid;place-items:center;transition:border-color .15s,box-shadow .15s}
.mma-row input[type=checkbox]::before{content:"";width:10px;height:10px;transform:scale(0);background:#00e78b;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);transition:transform .12s}
.mma-row input[type=checkbox]:checked{border-color:#00e78b;box-shadow:0 0 8px rgba(0,231,139,.35)}
.mma-row input[type=checkbox]:checked::before{transform:scale(1)}
.mma-del input[type=checkbox]{border-color:#6b2a36}.mma-del input[type=checkbox]::before{background:#ff5f78}.mma-del input[type=checkbox]:checked{border-color:#ff5f78;box-shadow:0 0 8px rgba(255,95,120,.35)}
.mma-row input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 2px #00cfff}
.mma-row select,.mma-form select,#add select{-webkit-appearance:none;appearance:none;padding-right:28px;background:#02090f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2300cfff' stroke-width='1.6'/%3E%3C/svg%3E") right 10px center/11px 8px no-repeat;color:#cfefff;border:1px solid #0b5472}
.mma-row input:focus,.mma-row select:focus{outline:none;border-color:#00cfff;box-shadow:0 0 8px rgba(0,207,255,.3)}
.pja-lead a{color:#9ff0ff}
.blk-fleet-soc-t{margin:18px 0 10px}
.blk-soc.is-here{border-color:#00e78b;box-shadow:0 0 12px rgba(0,231,139,.25)}
.myb-pubform{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 6px}
.myb-pubform .pt-chip{cursor:pointer;font-weight:700;letter-spacing:1.4px}
.myb-pubform .myb-hint{margin:0}
.blk-social-pub{margin-top:18px}
.bka-ytkey{margin-bottom:12px}.bka-ytkey label small{display:block;font-size:10px;letter-spacing:1px;color:#7fa9bb;font-weight:400;text-transform:none}
.bka-ytkey input{background:#02090f;border:1px solid #0b5472;color:#cfefff;height:34px;padding:0 10px;font:inherit}
/* MY SOCIAL MEDIA: each account folds to one line; + opens it */
.myb-fold>summary{list-style:none;cursor:pointer;user-select:none}
.myb-fold>summary::-webkit-details-marker{display:none}
.myb-fold:not([open]){padding-bottom:14px}
.myb-fold:not([open])>summary{margin-bottom:0}
.myb-fold-sign{display:grid;place-items:center;flex:none;width:28px;height:28px;margin-left:8px;border:1px solid #6b4c10;color:#ffcf66;font-style:normal;font-weight:700;font-size:18px;line-height:1}
.myb-fold-sign::before{content:"+"}
.myb-fold[open] .myb-fold-sign::before{content:"−"}
.myb-fold>summary:hover .myb-fold-sign,.myb-fold>summary:focus-visible .myb-fold-sign{border-color:#ffb000;box-shadow:0 0 8px rgba(255,176,0,.35)}
.myb-fold>summary:focus-visible{outline:none}

/* ---------- REPORT: shield ! button next to SHARE, the report dialog (js/report.js), footer link ----------
   Muted steel blue: visible, calm — not a call to action like the green SHARE */
.pt-shield{cursor:pointer;color:#9db4d4;border-color:#3d5573;background:linear-gradient(#152334,#0a131c)}
.pt-shield b{color:#c9d8ec;letter-spacing:1.8px}
.pt-shield:hover,.pt-shield:focus-visible{filter:brightness(1.2);outline:none;box-shadow:0 0 10px rgba(157,180,212,.22)}
.pt-share-wrap+.pt-shield{margin-left:0}
.rpt{border-color:#3d5573;box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 22px rgba(120,150,190,.14),inset 0 0 30px rgba(60,90,130,.08)}
.rpt .shp-head span{display:inline-flex;align-items:center;gap:8px;color:#b7c8e0}
.rpt .shp-head svg,.rpt-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rpt-what{margin:0 0 12px;color:#bfd0e4;font-size:13px;line-height:1.5}.rpt-what b{color:#e3ecf7}
.rpt-label{display:block;color:#7f98b8;font-size:10px;letter-spacing:2px;margin:0 0 6px}.rpt-label small{letter-spacing:.4px;color:#5f7896}
.rpt-scope{margin:0 0 12px}
.rpt-scope-btns{display:flex;flex-wrap:wrap;gap:6px}
.rpt-chip{height:30px;padding:0 10px;border:1px solid #2c3f57;background:#0b1520;color:#a9bdd6;font:inherit;font-size:11px;letter-spacing:.6px;cursor:pointer}
.rpt-chip:hover,.rpt-chip:focus-visible{border-color:#7f98b8;outline:none}
.rpt-chip[aria-pressed="true"]{border-color:#9db4d4;background:#1a2a3d;color:#fff}
.rpt-media{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rpt-media .rpt-label{flex-basis:100%;margin:0}
.rpt-mitem{width:64px;height:64px;padding:0;border:1px solid #2c3f57;background:#0b1520;cursor:pointer;overflow:hidden;color:#a9bdd6;font:inherit;font-size:10px}
.rpt-mitem img{width:100%;height:100%;object-fit:cover;display:block}
.rpt-mitem span{display:block;padding:4px;word-break:break-all;line-height:1.2}
.rpt-mitem:has(span){width:auto;max-width:100%;height:auto;min-height:30px}
.rpt-mitem.on{border:2px solid #9db4d4;box-shadow:0 0 10px rgba(157,180,212,.35)}
.rpt-hint{margin:8px 0 0;color:#8aa0bd;font-size:12px}
.rpt-link{display:block;margin:0 0 12px}
.rpt-link input,.rpt-details textarea{width:100%;box-sizing:border-box;background:#060d14;border:1px solid #2c3f57;color:#dbe6f3;padding:8px 10px;font:inherit;font-size:13px}
.rpt-details textarea{min-height:64px;resize:vertical}
.rpt-link input:focus,.rpt-details textarea:focus{outline:none;border-color:#9db4d4}
.rpt-reasons{margin:0 0 12px;padding:0;border:0;display:grid;gap:2px}
.rpt-r{display:flex;align-items:center;gap:9px;padding:5px 6px;color:#c5d4e6;font-size:13px;cursor:pointer}
.rpt-r:hover{background:rgba(120,150,190,.08)}
.rpt-r input{-webkit-appearance:none;appearance:none;flex:none;width:14px;height:14px;margin:0;border:1px solid #3d5573;border-radius:50%;background:#060d14;display:inline-grid;place-items:center;cursor:pointer}
.rpt-r input::before{content:"";width:6px;height:6px;border-radius:50%;background:#c9d8ec;transform:scale(0);transition:transform .12s}
.rpt-r input:checked{border-color:#9db4d4}.rpt-r input:checked::before{transform:scale(1)}
.rpt-r input:focus-visible{outline:none;box-shadow:0 0 0 2px #7f98b8}
.rpt-r.rpt-serious span{color:#e6c9a8}
.rpt-details{display:block}
.rpt-send{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.rpt-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:1px solid #5b7799;background:linear-gradient(#1c2e44,#0e1925);color:#dbe6f3;font-family:inherit;font-weight:700;letter-spacing:1.6px;cursor:pointer}
.rpt-btn:hover,.rpt-btn:focus-visible{filter:brightness(1.2);outline:none}
.rpt-btn:disabled{opacity:.6;cursor:wait}
.rpt-msg{font-size:12px;color:#9db4d4}.rpt-msg.error{color:#ff9bab}
.rpt-small{margin:12px 0 0;color:#5f7896;font-size:11px;line-height:1.45}
.rpt-done{text-align:center;padding:14px 4px 4px}
.rpt-tick{width:54px;height:54px;margin:0 auto 10px;border:2px solid #00e78b;border-radius:50%;display:grid;place-items:center;color:#00e78b;font-size:28px;box-shadow:0 0 18px rgba(0,231,139,.25)}
.rpt-thanks{margin:0 0 6px;color:#e3ecf7;font-size:16px;letter-spacing:.6px}
.rpt-ref{margin:0 0 14px;color:#6f88a8;font-size:11px;letter-spacing:1px}
.footer-buttons a.ft-report{display:inline-flex;align-items:center;gap:6px}
.footer-buttons a.ft-report svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.shp-back.rpt-back{z-index:10000}   /* above the cookie banner (9999): a report must never be blocked */
.rpt [hidden]{display:none!important}
.rpt .hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
/* BLINKER in the footer — its own centred row UNDER the footer buttons at every width (never over them).
   Overrides the older "inside the footer line" placement above. */
.footer>.blinker-embed{position:static!important;transform:none!important;grid-column:1/-1;justify-self:center;margin:14px 0 12px!important}   /* 14px clear of the buttons */
@media(max-width:980px){.footer>.blinker-embed{margin:8px 0 8px!important}}
@media(max-width:600px){.footer .footer-buttons{justify-content:center;gap:6px}.footer .footer-buttons a{padding:8px 10px}}
/* FOOTER (every page): PRIVACY · TERMS · REPORT · CONTACT centred, © on the right, the Blinker centred on its own row underneath */
.footer{grid-template-columns:1fr auto 1fr;row-gap:0}
.footer>.footer-buttons{grid-column:2;justify-content:center}
.footer>small{grid-column:3;justify-self:end}
@media(max-width:980px){.footer{grid-template-columns:1fr;row-gap:6px;padding:14px 16px}.footer>.footer-buttons,.footer>small{grid-column:1;justify-self:center}}
@media(max-width:600px){.footer .footer-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:340px}.footer .footer-buttons a{justify-content:center;text-align:center}}
@media(max-width:600px){.footer .footer-buttons a{display:flex;align-items:center;justify-content:center}}
.footer{padding-top:10px}
@media(max-width:600px){.footer .footer-buttons{gap:10px 10px;max-width:320px}.footer .footer-buttons a{padding:9px 8px}}
@media(max-width:600px){.footer .footer-buttons a:last-child:nth-child(odd){grid-column:1/-1}}   /* 5 buttons on phones: CONTACT spans the last row */
.legal-page a{color:#00d9ff}.legal-page a:hover{color:#8ce8ff}.legal-page .legal-toc a{text-decoration:none}
/* PRIVACY · TERMS · RULES now use the normal page layout (side columns), like every other page */
.dashboard:has(.legal-page){display:grid;max-width:none;margin-left:0;margin-right:0}
.legal-page{overflow-wrap:anywhere}
.legal-page table{display:block;max-width:100%;overflow-x:auto}
.legal-page th,.legal-page td{overflow-wrap:normal;word-break:normal;hyphens:manual}.legal-page tr>:first-child{min-width:96px}
/* AGE CHECK (includes/age-gate.php): the box in the middle before chat / games, and the under-18 notice on Terms, Rules, Privacy */
.age-gate-page .site-shell{display:flex;flex-direction:column;min-height:100vh}
.age-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid #07354b;background:linear-gradient(180deg,rgba(3,12,21,.98),rgba(1,7,13,.98))}
.age-top .brand{height:auto;padding:0}.age-top .brand img{width:46px;height:54px}
.age-home{color:#20bde8;text-decoration:none;font-size:12px;letter-spacing:1.5px;border:1px solid #075778;padding:8px 12px}
.age-home:hover{border-color:#00cfff;color:#fff}
.age-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:28px 16px;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.7)),url('../assets/cafe-background.webp') center/cover fixed}
.age-box{width:min(460px,100%);padding:24px 24px 20px;border:1px solid #08729a;background:linear-gradient(180deg,rgba(2,18,30,.97),rgba(1,8,14,.97));box-shadow:0 0 30px rgba(0,140,200,.2),inset 0 0 38px rgba(0,130,190,.06);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.age-kicker{color:#0da8d3;font-size:11px;letter-spacing:2px}
.age-box h1{margin:6px 0 8px;font-size:34px;letter-spacing:2px;color:#c5f3ff;text-shadow:0 0 14px rgba(0,180,255,.3)}
.age-lead{margin:0 0 16px;color:#8fc4d8;font-size:14px;line-height:1.55}
.age-dob{margin:0 0 12px;padding:0;border:0;display:grid;grid-template-columns:1fr 1.6fr 1.2fr;gap:8px}
.age-dob legend{color:#55b8d8;font-size:10px;letter-spacing:2px;margin-bottom:8px}
.age-dob label{display:flex;flex-direction:column;gap:5px}
.age-dob label span{color:#3f879f;font-size:9px;letter-spacing:1.5px}
.age-dob select{height:42px;padding:0 8px;background:#020b12;border:1px solid #075a7b;color:#c8f4ff;font:inherit;font-size:14px;color-scheme:dark}
.age-dob select:focus{outline:none;border-color:#00cfff;box-shadow:0 0 10px rgba(0,207,255,.2)}
.age-error{margin:0 0 10px;padding:8px 10px;border:1px solid rgba(255,70,70,.7);background:rgba(70,5,14,.32);color:#ff8c9b;font-size:12px}
.age-go{width:100%;height:46px;background:linear-gradient(#0a5b43,#062a25);border:1px solid #00d18a;color:#72e3ba;font-family:inherit;font-weight:bold;letter-spacing:2px;font-size:14px;cursor:pointer;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}
.age-go:hover{filter:brightness(1.16)}
.age-member{margin:14px 0 6px;color:#7fb6ca;font-size:12px}.age-member a,.age-small a{color:#20bde8}
.age-small{margin:0;color:#3f7f98;font-size:11px;line-height:1.5}
@media(max-width:420px){.age-dob{grid-template-columns:1fr 1fr}.age-dob label:last-child{grid-column:1/-1}.age-box{padding:20px 16px 16px}.age-box h1{font-size:28px}}
.age-block{margin:14px 0 18px;padding:14px 16px;border:1px solid #ff5f78;border-left:4px solid #ff5f78;background:rgba(70,5,14,.4);color:#ffd0d6}
.age-block b{display:block;color:#ff9bab;letter-spacing:1.2px;margin-bottom:6px}
.age-block p{margin:6px 0 0;color:#ffd0d6!important;font-size:14px;line-height:1.55}.age-block a{color:#ffb3bf!important;text-decoration:underline}
/* ---------- SITE SEARCH (js/search.js): the simple box + the results window ---------- */
.dx-search{margin-top:16px;padding:10px 12px}
.dx-search-field{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px;border:1px solid #0b6f95;background:#031522;box-shadow:inset 0 0 12px rgba(0,207,255,.08);cursor:text}
.dx-search-field svg,.dx-sr-in svg{width:18px;height:18px;flex:none;fill:none;stroke:#00cfff;stroke-width:2.2;stroke-linecap:round;filter:drop-shadow(0 0 3px #00cfff)}
.dx-search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#a9eaff;font:inherit;font-size:14px;letter-spacing:.5px;cursor:text}
.dx-search-field input::placeholder{color:#3f879f}
.dx-search-field:hover,.dx-search-field:focus-within{border-color:#00cfff;box-shadow:0 0 10px rgba(0,207,255,.2)}
.dx-search-m{display:none}
@media(max-width:980px){
 .dx-search-d{display:none}
 .dx-search-m{display:block;margin:0}
 .dashboard:has(> .dx-search-m) > .center-stage{order:1}
 .dashboard:has(> .dx-search-m) > .dx-search-m{order:2}
 .dashboard:has(> .dx-search-m) > .left-column{order:3}
 .dashboard:has(> .dx-search-m) > .right-column{order:4}
}
.dx-sr-back{position:fixed;inset:0;z-index:10002;display:flex;justify-content:center;align-items:flex-start;padding:90px 16px 16px;background:rgba(1,6,10,.78);backdrop-filter:blur(3px)}
.dx-sr-back[hidden]{display:none}
html.dx-sr-open{overflow:hidden}
.dx-sr{width:min(680px,100%);max-height:calc(100vh - 110px);display:flex;flex-direction:column;border:1px solid #08729a;background:linear-gradient(180deg,#051a22,#020d13);box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 24px rgba(0,207,255,.18);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.dx-sr-in{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #07354b}
.dx-sr-in svg{width:22px;height:22px}
.dx-sr-in input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#e6f9ff;font:inherit;font-size:18px;-webkit-appearance:none;appearance:none}
.dx-sr-in input::-webkit-search-cancel-button{display:none}
.dx-sr-x{background:transparent;color:#3f879f;font:inherit;font-size:11px;letter-spacing:1px;border:1px solid #0b5472;padding:4px 7px;cursor:pointer}
.dx-sr-x:hover{color:#fff;border-color:#00cfff}
.dx-sr-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:10px 18px 4px}
.dx-sr-tabs:empty{display:none}
.dx-sr-tab{font:inherit;font-size:10px;letter-spacing:1.4px;padding:5px 9px;border:1px solid #075778;background:transparent;color:#62c9e9;cursor:pointer}
.dx-sr-tab small{color:#2f7390;margin-left:2px}
.dx-sr-tab.on{background:#dff8ff;color:#021018;border-color:#bff3ff}.dx-sr-tab.on small{color:#063247}
.dx-sr-res{padding:6px 10px 12px;overflow:auto;min-height:60px}
.dx-sr-res.is-busy{opacity:.55}
.dx-sr-g{color:#55b8d8;font-size:10px;letter-spacing:2px;padding:10px 8px 4px}
.dx-sr-r{display:flex;gap:12px;align-items:flex-start;padding:9px 8px;border-left:2px solid transparent;text-decoration:none}
.dx-sr-r.on{background:#062436;border-left-color:#00cfff}
.dx-sr-r em{font-style:normal;flex:none;font-size:9px;letter-spacing:1px;padding:3px 6px;border:1px solid #075778;color:#7fd3ee;margin-top:2px;min-width:62px;text-align:center}
.dx-sr-r div{min-width:0}
.dx-sr-r b{display:block;color:#e6f9ff;font-size:14px;margin-bottom:3px}
.dx-sr-r small{display:block;color:#4f93b0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.dx-sr-r mark{background:rgba(0,207,255,.25);color:#fff}
.dx-sr-empty{margin:14px 8px;color:#4f93b0;font-size:13px}
.dx-sr-foot{padding:8px 18px;border-top:1px solid #07354b;color:#3f7f98;font-size:11px}
@media(max-width:600px){.dx-sr-back{padding:0}.dx-sr{width:100%;height:100%;max-height:none;clip-path:none;border:0}.dx-sr-res{flex:1}.dx-sr-foot{display:none}}

/* Self-Disclosure — hook line + tab icons (20.10.2026) */
.sdx-hook{margin:6px 0 10px;font-size:21px;line-height:1.35;color:#8fe3ff;font-weight:bold;letter-spacing:.3px;text-shadow:0 0 12px rgba(0,190,255,.25)}
.sdx-tab{flex-direction:row;align-items:center;gap:12px}
.sdx-tab-ico{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;opacity:.9}
.sdx-tab-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sdx-tab-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.sdx-tab.is-active .sdx-tab-ico{box-shadow:0 0 10px rgba(0,231,139,.35)}
@media(max-width:700px){
.sdx-hook{font-size:17px}
.sdx-tab{flex-direction:column;justify-content:center;gap:5px;min-height:62px;text-align:center}
.sdx-tab-ico{width:28px;height:28px;border:0}
.sdx-tab-ico svg{width:22px;height:22px}
.sdx-tab-txt{align-items:center}
}

/* Self-Disclosure — icons on the COMMUNITY POSTS / DIARY BOOKS cards (20.10.2026) */
.sdx-kind b{display:flex;align-items:center;gap:10px}
.sdx-kind-ico{flex:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%}
.sdx-kind-ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* DIARY BOOKSHELF — wooden library bookcase, old leather-bound books, preview card (20.10.2026).
   Markup: dbk_library_html(); behaviour: js/dbk-shelf.js. Each shelf line is 250px tall + an 18px plank. */
.dbk-shelf{--row:250px;--plank:18px;position:relative;margin:14px 0 6px;padding:16px 16px 0;border-radius:3px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px,rgba(0,0,0,.08) 9px 11px,transparent 11px 23px),linear-gradient(180deg,#6b4325,#4e2f18 60%,#3b2311);
  box-shadow:0 10px 24px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,214,150,.12)}
.dbk-shelf:before{content:"";position:absolute;left:0;right:0;top:0;height:16px;background:linear-gradient(180deg,#8a5a32,#5a3719);border-radius:3px 3px 0 0;box-shadow:inset 0 1px 0 rgba(255,220,170,.35)}
.dbk-shelf-row{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;align-content:flex-start;gap:var(--plank) 3px;padding:0 10px var(--plank);min-height:calc(var(--row) + var(--plank));
  background:linear-gradient(180deg,transparent 0 var(--row),#b07a45 var(--row) calc(var(--row) + 2px),#7a4e28 calc(var(--row) + 2px) calc(var(--row) + 13px),#3e2410 calc(var(--row) + 13px) calc(var(--row) + var(--plank))) 0 0/100% calc(var(--row) + var(--plank)) repeat-y,
  radial-gradient(120% 90% at 50% 40%,rgba(255,190,110,.10),transparent 70%),linear-gradient(90deg,#1c0f07,#2a170b 15%,#2a170b 85%,#1c0f07);
  box-shadow:inset 0 12px 18px rgba(0,0,0,.55),inset 14px 0 18px rgba(0,0,0,.45),inset -14px 0 18px rgba(0,0,0,.45)}
.dbk-shelf-plank{height:18px;margin:0 -16px;background:linear-gradient(180deg,#8a5a32,#5a3719 60%,#3b2311);border-radius:0 0 3px 3px;box-shadow:inset 0 1px 0 rgba(255,220,170,.3)}
.dbk-spine{flex:none;position:relative;width:var(--w,44px);height:var(--h,220px);margin-top:calc(var(--row) - var(--h,220px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 0 30px;box-sizing:border-box;text-decoration:none;
  background:
    linear-gradient(180deg,transparent 14px,#c9a24e 14px,#f0d88a 15.5px,#a8822f 17px,transparent 17px 21px,#c9a24e 21px 22.5px,transparent 22.5px calc(100% - 22.5px),#c9a24e calc(100% - 22.5px) calc(100% - 21px),transparent calc(100% - 21px) calc(100% - 17px),#a8822f calc(100% - 17px),#f0d88a calc(100% - 15.5px),#c9a24e calc(100% - 14px),transparent calc(100% - 14px)),
    linear-gradient(90deg,rgba(0,0,0,.6),rgba(255,235,200,.16) 28%,rgba(255,235,200,.05) 45%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.65)),
    radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.2px) 0 0/5px 5px,
    var(--tone,#5a3418);
  border-radius:4px 4px 1px 1px;box-shadow:inset 0 2px 0 rgba(255,255,255,.08),2px 0 3px rgba(0,0,0,.45);transform-origin:bottom center;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.dbk-spine:hover,.dbk-spine:focus-visible,.dbk-spine.is-peek{transform:translateY(-12px);filter:brightness(1.18);box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 10px 16px rgba(0,0,0,.7),0 0 0 1px #e8c66a;outline:none}
.dbk-spine-label{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;width:calc(100% - 10px);padding:6px 0;box-sizing:border-box;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.15),rgba(0,0,0,.35));border-top:1px solid rgba(232,198,106,.55);border-bottom:1px solid rgba(232,198,106,.55);overflow:hidden}
.dbk-spine-title,.dbk-spine-by{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Georgia,"Times New Roman",serif}
.dbk-spine-title{max-height:100%;font-weight:bold;font-size:13px;letter-spacing:1.2px;color:#f0d88a;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 6px rgba(240,200,110,.25)}
.dbk-spine-by{flex:none;max-height:58px;font-size:9.5px;letter-spacing:.6px;color:#c9a24e;text-shadow:0 1px 0 rgba(0,0,0,.9)}
/* preview card: parchment page in a gold frame */
.dbk-peek{position:fixed;z-index:60;width:260px;background:linear-gradient(180deg,#f3e6c8,#e4d0a4);color:#3a2412;border:2px solid #c9a24e;border-radius:4px;box-shadow:0 0 0 4px #3b2311,0 16px 32px rgba(0,0,0,.7)}
.dbk-peek[hidden]{display:none}
.dbk-peek-x{position:absolute;right:4px;top:4px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(40,22,10,.75);color:#f3e6c8;font-size:22px;line-height:1;cursor:pointer}
.dbk-peek-cover{position:relative;display:grid;place-items:center;height:170px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,220,150,.18),transparent 70%),var(--leather,#5a3418);border-bottom:2px solid #c9a24e}
.dbk-peek-cover img{width:100%;height:100%;object-fit:cover}
.dbk-peek-mark{font:bold 68px Georgia,"Times New Roman",serif;color:#f0d88a;text-shadow:0 2px 0 rgba(0,0,0,.7)}
.dbk-peek-mark[hidden]{display:none}
.dbk-peek-hint{display:none;position:absolute;left:0;right:0;bottom:0;padding:6px 0;text-align:center;font-size:11px;letter-spacing:1.5px;color:#f3e6c8;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.dbk-peek-info{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.dbk-peek-info b{font:bold 17px Georgia,"Times New Roman",serif;letter-spacing:.6px;color:#3a2412;text-transform:uppercase}
.dbk-peek-info i{font-style:italic;font-size:13px;color:#6b4325}
.dbk-peek-info small{font-size:12px;color:#7a5a3a;letter-spacing:.5px}
.dbk-peek-open{margin-top:6px;align-self:flex-start;font-weight:bold;letter-spacing:1.2px;color:#8a2a1a;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.dbk-peek-open:hover{color:#5a1a10}
/* touch: the preview becomes a bottom card */
.dbk-peek.is-sheet{left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;display:grid;grid-template-columns:132px minmax(0,1fr)}
.dbk-peek.is-sheet[hidden]{display:none}
.dbk-peek.is-sheet .dbk-peek-cover{height:100%;min-height:170px;border-bottom:0;border-right:2px solid #c9a24e}
.dbk-peek.is-sheet .dbk-peek-hint{display:block}
.dbk-peek.is-sheet .dbk-peek-info{padding:14px 40px 14px 14px;justify-content:center}
.dbk-peek.is-sheet .dbk-peek-open{min-height:44px}
@media(max-width:700px){
.dbk-shelf{padding:12px 10px 0}
.dbk-shelf:before{height:12px}
.dbk-shelf-row{padding:0 6px var(--plank)}
.dbk-shelf-plank{margin:0 -10px}
}
@media(prefers-reduced-motion:reduce){.dbk-spine{transition:none}}

/* WRITE page — icons on COMMUNITY POST / PAGE IN MY DIARY BOOK (20.10.2026; circle style shared with .sdx-kind-ico) */
.sdx-dest-opt b{display:flex;align-items:center;gap:10px}
.sdx-dest-opt input{margin-top:9px}

/* MY BOOKS on the wooden bookcase + clean-up of the older MY BOOKS grid rules that share the dbk-shelf names (20.10.2026) */
.dbk-shelf{border:0}
.dbk-shelf-row{border-bottom:0;max-height:none;overflow:visible;grid-template-columns:none}
.dbk-mybooks{margin:18px 0 6px}
.dbk-mybooks .dbk-shelf{margin-top:0}
.dbk-spine.is-current{transform:translateY(-12px);filter:brightness(1.12);box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 10px 16px rgba(0,0,0,.7),0 0 0 2px #e8c66a}
.dbk-spine .dbk-open-tag{position:absolute;top:-1px;left:50%;right:auto;transform:translateX(-50%);z-index:1;padding:3px 4px 7px;background:linear-gradient(#f0d88a,#c9a24e);color:#3a2412;font:bold 8.5px Georgia,"Times New Roman",serif;letter-spacing:1px;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.dbk-mybooks-tools{display:grid;gap:10px;margin:12px 0 0}
.dbk-mybooks-tools .dbk-newbook > summary,.dbk-mybooks-tools .dbk-newbook.is-full{min-height:0;grid-auto-flow:column;justify-content:start;gap:10px;padding:12px 14px}
.dbk-mybooks-tools .dbk-newbook .dbk-plus{font-size:24px}

/* OPEN BOOK as a leather-bound front cover (20.10.2026). Markup: dbk_cover_picker_html() in includes/diary-shelf.php */
.dbk-coverpick{width:150px}
.dbk-leather{position:relative;width:150px;height:208px;box-sizing:border-box;padding:16px 14px 14px 22px;display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:3px 7px 7px 3px;
  background:linear-gradient(90deg,rgba(0,0,0,.55) 0 9px,rgba(255,235,200,.12) 9px 11px,rgba(0,0,0,.25) 11px 14px,transparent 14px),radial-gradient(130% 90% at 60% 30%,rgba(255,235,200,.14),transparent 60%),radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.2px) 0 0/5px 5px,var(--tone,#5a3418);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),inset -3px 0 0 rgba(0,0,0,.25),5px 6px 0 #1a0e06,6px 10px 18px rgba(0,0,0,.6)}
.dbk-leather:before{content:"";position:absolute;inset:7px 7px 7px 17px;border:1.5px solid #c9a24e;border-radius:2px;box-shadow:inset 0 0 0 3px transparent,inset 0 0 0 4px rgba(201,162,78,.55);pointer-events:none}
.dbk-leather-pic{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:118px;overflow:hidden;border:2px solid #c9a24e;box-shadow:0 0 0 2px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.6);background:radial-gradient(circle at 50% 40%,rgba(255,220,150,.16),transparent 70%),rgba(0,0,0,.35)}
.dbk-leather-pic img{width:100%;height:100%;object-fit:cover}
.dbk-leather-pic .dbk-spine-mark{font:bold 54px Georgia,"Times New Roman",serif;color:#f0d88a;text-shadow:0 2px 0 rgba(0,0,0,.7)}
.dbk-leather-pic.is-preview{border-color:#ffd45c;box-shadow:0 0 0 2px rgba(0,0,0,.45),0 0 14px rgba(255,212,92,.55)}
.dbk-leather-title{position:relative;z-index:1;max-width:100%;font:bold 13px/1.2 Georgia,"Times New Roman",serif;letter-spacing:1.2px;color:#f0d88a;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.9);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:560px){
.dbk-coverpick{width:100%;grid-template-columns:120px 1fr}
.dbk-leather{width:120px;height:168px;padding:13px 11px 11px 18px;gap:9px}
.dbk-leather:before{inset:6px 6px 6px 14px}
.dbk-leather-pic{height:94px}
.dbk-leather-title{font-size:11px}
}
/* WRITE (diary page) — icons on EVERYONE / ONLY ME, same circle style (20.10.2026) */
.sdx-vis-opt b{display:flex;align-items:center;gap:10px}
.sdx-vis-opt input{margin-top:9px}

/* Brass nameplate on the wooden shelf (MY BOOKS) (20.10.2026) */
.dbk-plate{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:center;gap:12px;width:max-content;max-width:100%;margin:2px auto 14px;padding:6px 18px 7px;border-radius:3px;
  background:linear-gradient(180deg,#f3dc95,#c9a24e 48%,#a8822f 52%,#d9b862);border:1px solid #6b4a14;box-shadow:inset 0 1px 0 rgba(255,250,220,.7),inset 0 -1px 0 rgba(80,50,10,.5),0 2px 4px rgba(0,0,0,.6)}
.dbk-plate:before,.dbk-plate:after{content:"";width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3c4,#8a6418 70%);box-shadow:0 1px 1px rgba(0,0,0,.5);align-self:center}
.dbk-plate h2{margin:0;font:bold 15px Georgia,"Times New Roman",serif;letter-spacing:3px;color:#3a2412;text-shadow:0 1px 0 rgba(255,245,210,.6)}
.dbk-plate .dbk-shelf-count{font:bold 11px Georgia,"Times New Roman",serif;letter-spacing:1px;color:#5a3a12}

/* BOOK COVER that zooms out of the spine on hover / first tap (replaces the cream preview card, 20.10.2026). Behaviour: js/dbk-shelf.js */
.dbk-peek{width:210px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:#f0d88a;transform-origin:50% 50%;transition:transform .32s cubic-bezier(.2,.8,.25,1.05),opacity .2s ease;perspective:900px}
.dbk-peek-x{right:-10px;top:-10px;width:34px;height:34px;background:#2a170b;border:1px solid #c9a24e;color:#f0d88a;font-size:20px;box-shadow:0 2px 6px rgba(0,0,0,.6)}
.dbk-peek-book{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:210px;height:290px;box-sizing:border-box;padding:20px 18px 16px 30px;text-decoration:none;border-radius:3px 9px 9px 3px;
  background:linear-gradient(90deg,rgba(0,0,0,.6) 0 12px,rgba(255,235,200,.14) 12px 14px,rgba(0,0,0,.28) 14px 18px,transparent 18px),radial-gradient(130% 90% at 60% 28%,rgba(255,235,200,.16),transparent 60%),radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.2px) 0 0/5px 5px,var(--leather,#5a3418);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),inset -4px 0 0 rgba(0,0,0,.28),6px 7px 0 #1a0e06,0 0 0 1px rgba(201,162,78,.25),10px 18px 34px rgba(0,0,0,.75)}
.dbk-peek-book:before{content:"";position:absolute;inset:9px 9px 9px 23px;border:1.5px solid #c9a24e;border-radius:2px;box-shadow:inset 0 0 0 4px transparent,inset 0 0 0 5px rgba(201,162,78,.5);pointer-events:none}
.dbk-peek-book:hover{filter:brightness(1.08)}
.dbk-peek-pic{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:158px;overflow:hidden;border:2px solid #c9a24e;box-shadow:0 0 0 2px rgba(0,0,0,.45),0 3px 8px rgba(0,0,0,.6);background:radial-gradient(circle at 50% 40%,rgba(255,220,150,.16),transparent 70%),rgba(0,0,0,.35)}
.dbk-peek-pic img{width:100%;height:100%;object-fit:cover}
.dbk-peek-mark{font:bold 70px Georgia,"Times New Roman",serif;color:#f0d88a;text-shadow:0 2px 0 rgba(0,0,0,.7)}
.dbk-peek-mark[hidden]{display:none}
.dbk-peek-title{position:relative;z-index:1;max-width:100%;font:bold 15px/1.2 Georgia,"Times New Roman",serif;letter-spacing:1.2px;color:#f0d88a;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.9);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dbk-peek-by{position:relative;z-index:1;margin-top:auto;font:italic 12px Georgia,"Times New Roman",serif;color:#d9bf85;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbk-peek-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:7px 10px;background:rgba(26,14,6,.92);border:1px solid rgba(201,162,78,.5);border-radius:3px}
.dbk-peek-info small{font-size:11px;letter-spacing:.6px;color:#d9bf85}
.dbk-peek-open{margin:0;min-height:30px;color:#f0d88a;font-size:12px}
.dbk-peek-open:hover{color:#fff1c4}
.dbk-peek.is-touch{width:230px}
.dbk-peek.is-touch .dbk-peek-book{width:230px;height:318px}
.dbk-peek.is-touch .dbk-peek-pic{height:176px}
.dbk-peek.is-touch .dbk-peek-open{min-height:44px}
.dbk-spine.is-current{box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 8px 14px rgba(0,0,0,.65),0 0 0 1.5px #c9a24e}
.dbk-peek-info{flex-direction:row}

/* OPEN A BOOK FROM THE SHELF (20.10.2026): the book slides off the shelf to the middle of the screen and its cover swings open.
   Markup: dbk_peek_html() in includes/diary-book-pages.php; behaviour: js/dbk-shelf.js. --pw / --ph (page size) are set by the script. */
html.dbk-ob-lock{overflow:hidden}
.dbk-spine.is-out{opacity:.25;transform:none;filter:none;box-shadow:none}
.dbk-ob{position:fixed;inset:0;z-index:80;--pw:230px;--ph:318px}
.dbk-ob[hidden]{display:none}
.dbk-ob-dim{position:absolute;inset:0;background:rgba(2,6,10,.78);opacity:0;transition:opacity .3s ease}
.dbk-ob.is-centre .dbk-ob-dim{opacity:1}
.dbk-ob-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1700px;pointer-events:none}
.dbk-ob-book{position:relative;width:calc(var(--pw) * 2);height:var(--ph);transform-style:preserve-3d;transform:translateX(calc(var(--pw) * -.5));transition:transform .42s cubic-bezier(.2,.75,.25,1);pointer-events:auto}
.dbk-ob.is-open .dbk-ob-book{transform:translateX(0);transition:transform .7s cubic-bezier(.3,.7,.3,1)}
/* back board (leather) under the right page */
.dbk-ob-book:before{content:"";position:absolute;left:var(--pw);top:-6px;width:calc(var(--pw) + 6px);height:calc(var(--ph) + 12px);border-radius:2px 8px 8px 2px;background:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.2px) 0 0/5px 5px,var(--leather,#5a3418);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),12px 20px 40px rgba(0,0,0,.75);transform:translateZ(-2px)}
/* right page: the picture */
.dbk-ob-page{position:absolute;top:0;height:var(--ph);box-sizing:border-box;background:linear-gradient(90deg,#d9c9a3,#f3e8cc 7%,#f6ecd2 60%,#efe2c2);color:#3a2412}
.dbk-ob-right{left:var(--pw);width:var(--pw);padding:14px 14px 12px 16px;display:flex;flex-direction:column;gap:10px;border-radius:0 4px 4px 0;box-shadow:inset 0 0 0 1px rgba(90,60,30,.25),2px 0 0 #e6d6b0,4px 0 0 #d4c196,6px 0 0 #c9b487}
.dbk-ob-pic{flex:1 1 auto;min-height:0;display:grid;place-items:center;overflow:hidden;border:3px solid #fff8e6;outline:1px solid rgba(90,60,30,.35);box-shadow:0 3px 8px rgba(60,35,10,.35);background:#e6d6b0;text-decoration:none}
.dbk-ob-pic img{width:100%;height:100%;object-fit:cover}
.dbk-ob-mark{font:bold 80px Georgia,"Times New Roman",serif;color:#8a6a3a}
.dbk-ob-mark[hidden]{display:none}
.dbk-ob-caption{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.dbk-ob-caption small{font:12px Georgia,"Times New Roman",serif;color:#6b4a2a;letter-spacing:.5px}
.dbk-ob-read{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;font:bold 13px Georgia,"Times New Roman",serif;letter-spacing:1.2px;color:#f0d88a;background:var(--leather,#5a3418);border:1px solid #c9a24e;border-radius:2px;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.35)}
.dbk-ob-read:hover,.dbk-ob-read:focus-visible{filter:brightness(1.2);outline:none}
/* the front cover: hinged on its left edge, swings to the left */
.dbk-ob-cover{position:absolute;left:var(--pw);top:-6px;width:calc(var(--pw) + 6px);height:calc(var(--ph) + 12px);transform-origin:0 50%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.35,.6,.3,1)}
.dbk-ob.is-open .dbk-ob-cover{transform:rotateY(-180deg)}
.dbk-ob-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:2px 8px 8px 2px;box-sizing:border-box}
.dbk-ob-front{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:30px 22px 30px 30px;text-align:center;
  background:linear-gradient(90deg,rgba(0,0,0,.6) 0 12px,rgba(255,235,200,.14) 12px 14px,rgba(0,0,0,.28) 14px 18px,transparent 18px),radial-gradient(130% 90% at 60% 28%,rgba(255,235,200,.16),transparent 60%),radial-gradient(rgba(255,255,255,.045) 1px,transparent 1.2px) 0 0/5px 5px,var(--leather,#5a3418);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),inset -4px 0 0 rgba(0,0,0,.28)}
.dbk-ob-front:before{content:"";position:absolute;inset:10px 10px 10px 24px;border:1.5px solid #c9a24e;border-radius:2px;box-shadow:inset 0 0 0 5px transparent,inset 0 0 0 6px rgba(201,162,78,.5)}
.dbk-ob-emblem{display:grid;place-items:center;width:64px;height:64px;border:2px solid #c9a24e;border-radius:50%;font:bold 34px Georgia,"Times New Roman",serif;color:#f0d88a;text-shadow:0 2px 0 rgba(0,0,0,.6)}
.dbk-ob-front b{font:bold 17px/1.25 Georgia,"Times New Roman",serif;letter-spacing:1.5px;color:#f0d88a;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.9)}
/* inside of the cover = the left page: leather edge + endpaper with the title */
.dbk-ob-inside{transform:rotateY(180deg);padding:6px 0 6px 6px;background:var(--leather,#5a3418);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5)}
.dbk-ob-inside{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.dbk-ob-inside:before{content:"";position:absolute;inset:6px 6px 6px 0;z-index:0;background:linear-gradient(270deg,#d9c9a3,#f3e8cc 7%,#f6ecd2 60%,#efe2c2);border-radius:4px 0 0 4px;box-shadow:inset 0 0 0 1px rgba(90,60,30,.25)}
.dbk-ob-inside > *{position:relative;z-index:1;max-width:calc(100% - 44px)}
.dbk-ob-inside b{font:bold 20px/1.25 Georgia,"Times New Roman",serif;letter-spacing:1px;color:#3a2412;text-transform:uppercase}
.dbk-ob-inside i{font:italic 14px Georgia,"Times New Roman",serif;color:#6b4a2a}
.dbk-ob-orn{font-size:20px;color:#a8822f}
.dbk-ob-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid #c9a24e;background:#2a170b;color:#f0d88a;font-size:24px;line-height:1;cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .3s ease .3s}
.dbk-ob.is-centre .dbk-ob-x{opacity:1}
@media(max-width:560px){.dbk-ob-front b{font-size:14px}.dbk-ob-inside b{font-size:15px}.dbk-ob-emblem{width:50px;height:50px;font-size:26px}.dbk-ob-read{font-size:12px;padding:0 10px;min-height:44px}.dbk-ob-right{padding:10px}}
@media(prefers-reduced-motion:reduce){.dbk-ob-book,.dbk-ob-cover,.dbk-ob-dim{transition:none}}

/* The opened book now sits in an open space UNDER its shelf (not a full-screen overlay), so the other books stay clickable (20.10.2026) */
.dbk-ob{position:relative;inset:auto;z-index:2;height:calc(var(--ph) + 56px);margin:10px 0 4px}
.dbk-ob-dim{display:none}
.dbk-ob-stage{position:absolute;inset:0;padding:26px 0 30px;box-sizing:border-box}
.dbk-ob-x{top:4px;right:4px}
.dbk-ob .dbk-ob-book:before{box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),10px 16px 30px rgba(0,0,0,.7)}

/* FRONT COVER: art layer (js coverArt) + five layouts. The old single gold frame is replaced by the art. */
.dbk-ob-front:before{display:none}
.dbk-ob-front{display:block;padding:0}
.dbk-ob-art{position:absolute;inset:0;z-index:0;pointer-events:none}
.dbk-ob-art svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}
.dbk-ob-front .dbk-ob-emblem,.dbk-ob-front b{position:absolute;z-index:1;left:calc(50% + 5px);transform:translate(-50%,-50%)}
.dbk-ob-front b{width:68%;text-align:center}
.dbk-ob-emblem{border:0;width:auto;height:auto;font-size:34px}
.st-0 .dbk-ob-emblem{top:43%}.st-0 .dbk-ob-front b{top:67%}
.st-1 .dbk-ob-emblem{top:44%;font-size:30px}.st-1 .dbk-ob-front b{top:76%}
.st-2 .dbk-ob-emblem{display:none}.st-2 .dbk-ob-front b{top:28%;width:46%;color:#3a2412;text-shadow:none;font-size:14px}
.st-3 .dbk-ob-emblem{top:58%;font-size:44px}.st-3 .dbk-ob-front b{top:26%;width:56%}
.st-4 .dbk-ob-emblem{display:none}.st-4 .dbk-ob-front b{top:72%}

/* SPINE DESIGNS 1–4 (0 = gold bands, the default) — so the shelf holds different-looking books */
.dbk-spine.dbk-sv-1{background:   /* raised bands across the spine */
  linear-gradient(180deg,transparent 10%,rgba(0,0,0,.55) 10% 11%,rgba(255,235,200,.22) 11% 12.5%,rgba(0,0,0,.45) 12.5% 13.5%,transparent 13.5% 22%,rgba(0,0,0,.55) 22% 23%,rgba(255,235,200,.22) 23% 24.5%,rgba(0,0,0,.45) 24.5% 25.5%,transparent 25.5% 74.5%,rgba(0,0,0,.55) 74.5% 75.5%,rgba(255,235,200,.22) 75.5% 77%,rgba(0,0,0,.45) 77% 78%,transparent 78% 86.5%,rgba(0,0,0,.55) 86.5% 87.5%,rgba(255,235,200,.22) 87.5% 89%,rgba(0,0,0,.45) 89% 90%,transparent 90%),
  linear-gradient(90deg,rgba(0,0,0,.6),rgba(255,235,200,.16) 28%,rgba(255,235,200,.05) 45%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.65)),
  radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.2px) 0 0/5px 5px,var(--tone,#5a3418)}
.dbk-sv-1 .dbk-spine-label{border:0;background:none}
.dbk-spine.dbk-sv-2{background:   /* thin gilt rules + a black title label */
  linear-gradient(180deg,transparent 8px,#c9a24e 8px 9px,transparent 9px calc(100% - 9px),#c9a24e calc(100% - 9px) calc(100% - 8px),transparent calc(100% - 8px)),
  linear-gradient(90deg,rgba(0,0,0,.6),rgba(255,235,200,.16) 28%,rgba(255,235,200,.05) 45%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.65)),
  radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.2px) 0 0/5px 5px,var(--tone,#5a3418)}
.dbk-sv-2 .dbk-spine-label{background:#141010;border:1px solid #c9a24e;box-shadow:inset 0 0 0 2px #141010,inset 0 0 0 3px rgba(201,162,78,.5);width:calc(100% - 12px)}
.dbk-spine.dbk-sv-3{background:   /* brass caps top and bottom with studs */
  radial-gradient(circle,#fff0b8 0 1px,#8a6418 1.6px,transparent 2px) 50% 13px/12px 6px repeat-x,
  radial-gradient(circle,#fff0b8 0 1px,#8a6418 1.6px,transparent 2px) 50% calc(100% - 13px)/12px 6px repeat-x,
  linear-gradient(180deg,#e9cf85,#a8822f 8px,#6b4a14 10px,transparent 10px calc(100% - 10px),#6b4a14 calc(100% - 10px),#a8822f calc(100% - 8px),#e9cf85),
  linear-gradient(90deg,rgba(0,0,0,.6),rgba(255,235,200,.16) 28%,rgba(255,235,200,.05) 45%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.65)),
  radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.2px) 0 0/5px 5px,var(--tone,#5a3418)}
.dbk-spine.dbk-sv-4{background:   /* cloth binding: fine weave, gold title only */
  repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px),
  linear-gradient(90deg,rgba(0,0,0,.55),rgba(255,235,200,.12) 28%,rgba(255,235,200,.04) 45%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.6)),var(--tone,#5a3418)}
.dbk-sv-4 .dbk-spine-label{border:0;background:none}
.dbk-sv-4 .dbk-spine-title{letter-spacing:2px}

/* Taking a book out / putting it back like by hand (20.10.2026; js/dbk-shelf.js):
   is-tilt   — the top tips towards you, pivoting on the bottom edge, just before it leaves the shelf
   is-insert — the start of putting it back: tilted, only the bottom corner in the shelf (no transition)
   is-settle — pushed in and straightened (the transition back to upright) */
.dbk-spine.is-tilt{z-index:3;transform-origin:50% 100%;transform:perspective(420px) rotateX(-26deg) translateY(-6px);filter:brightness(1.15);box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 14px 18px rgba(0,0,0,.75),0 0 0 1px #e8c66a;transition:transform .3s cubic-bezier(.3,.6,.35,1),box-shadow .3s ease}
.dbk-spine.is-insert{z-index:3;opacity:1;transform-origin:30% 100%;transform:perspective(420px) rotateX(-24deg) rotateZ(-9deg) translate(6px,-10px);filter:brightness(1.1)}
.dbk-spine.is-settle{z-index:3;transform-origin:30% 100%;transition:transform .52s cubic-bezier(.25,.7,.3,1.15),filter .52s ease}

/* Slower, calmer movement + almost no sideways lean (20.10.2026). Durations match T_TILT / T_FLY / T_OPEN / T_SETTLE in js/dbk-shelf.js */
.dbk-spine.is-tilt{transform:perspective(420px) rotateX(-22deg) translateY(-5px);transition:transform .65s cubic-bezier(.35,.55,.35,1),box-shadow .65s ease}
.dbk-spine.is-insert{transform-origin:50% 100%;transform:perspective(420px) rotateX(-20deg) rotateZ(-3deg) translate(2px,-8px)}
.dbk-spine.is-settle{transform-origin:50% 100%;transition:transform .9s cubic-bezier(.3,.65,.3,1.08),filter .9s ease}
.dbk-ob-book{transition:transform .85s cubic-bezier(.25,.7,.3,1)}
.dbk-ob.is-open .dbk-ob-book{transition:transform 1.15s cubic-bezier(.3,.65,.3,1)}
.dbk-ob-cover{transition:transform 1.15s cubic-bezier(.35,.55,.3,1)}
.dbk-ob-x{transition:opacity .4s ease .6s}

/* BIN button under the × of an opened book — MY BOOKS only (20.10.2026) */
.dbk-ob-bin{position:absolute;top:56px;right:4px;z-index:3;margin:0;pointer-events:auto;opacity:0;transition:opacity .4s ease .6s}
.dbk-ob.is-centre .dbk-ob-bin{opacity:1}
.dbk-ob-binbtn{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #c9a24e;background:#2a170b;color:#f0d88a;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.dbk-ob-binbtn:hover,.dbk-ob-binbtn:focus-visible{border-color:#ff6b6b;color:#ffb3b3;background:#3a1410;outline:none}
.dbk-ob-binbtn .dbk-can{display:block;width:22px;height:26px}
.dbk-ob-binbtn .dbk-can svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.dbk-ob-binask{position:absolute;top:52px;right:0;width:240px;display:grid;gap:6px;padding:12px 14px;background:linear-gradient(180deg,#f3e6c8,#e4d0a4);color:#3a2412;border:2px solid #c9a24e;border-radius:4px;box-shadow:0 0 0 3px #3b2311,0 12px 26px rgba(0,0,0,.7);text-align:left}
.dbk-ob-binask[hidden]{display:none}
.dbk-ob-binask b{font:bold 13px/1.3 Georgia,"Times New Roman",serif;letter-spacing:.5px}
.dbk-ob-binask small{font-size:12px;line-height:1.4;color:#6b4a2a}
.dbk-ob-binact{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.dbk-ob-binyes,.dbk-ob-binno{min-height:40px;padding:0 12px;border-radius:2px;font:bold 12px Georgia,"Times New Roman",serif;letter-spacing:1px;cursor:pointer}
.dbk-ob-binyes{background:#8a2a1a;border:1px solid #5a1a10;color:#fff1e0}
.dbk-ob-binyes:hover{background:#a8321f}
.dbk-ob-binno{background:transparent;border:1px solid #a8822f;color:#3a2412}

/* Bin button: bottom-right of the open book's space (not under the ×); its question opens upwards (20.10.2026) */
.dbk-ob-bin{top:auto;bottom:4px;right:4px}
.dbk-ob-binask{top:auto;bottom:52px;right:0}

/* MY BOOKS ⋯ menu — right-hand corner of the shelf — and its two modes (20.10.2026; js/dbk-shelf.js) */
.dbk-manage{position:absolute;top:22px;right:14px;z-index:4}
.dbk-dots{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid #6b4a14;cursor:pointer;
  background:linear-gradient(180deg,#f3dc95,#c9a24e 48%,#a8822f 52%,#d9b862);box-shadow:inset 0 1px 0 rgba(255,250,220,.7),0 2px 4px rgba(0,0,0,.6)}
.dbk-dots svg{width:20px;height:20px;fill:#3a2412}
.dbk-dots:hover,.dbk-dots:focus-visible,.dbk-dots[aria-expanded="true"]{filter:brightness(1.12);outline:none;box-shadow:inset 0 1px 0 rgba(255,250,220,.7),0 0 0 2px #f0d88a,0 2px 6px rgba(0,0,0,.6)}
.dbk-menu{position:absolute;top:46px;right:0;min-width:230px;display:grid;padding:6px;background:linear-gradient(180deg,#f3e6c8,#e4d0a4);border:2px solid #c9a24e;border-radius:4px;box-shadow:0 0 0 3px #3b2311,0 12px 26px rgba(0,0,0,.7)}
.dbk-menu[hidden]{display:none}
.dbk-menu button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border:0;background:none;color:#3a2412;font:bold 13px Georgia,"Times New Roman",serif;letter-spacing:1px;text-align:left;cursor:pointer;border-radius:2px}
.dbk-menu button:hover,.dbk-menu button:focus-visible{background:rgba(120,80,30,.15);outline:none}
.dbk-menu button span{width:20px;text-align:center}
/* select mode: a round tick on every book, red when chosen */
.dbk-shelf.is-select .dbk-spine{cursor:pointer}
.dbk-shelf.is-select .dbk-spine:after{content:"";position:absolute;top:-10px;left:50%;z-index:2;width:22px;height:22px;transform:translateX(-50%);border-radius:50%;border:2px solid #f0d88a;background:rgba(20,10,4,.75);box-shadow:0 1px 3px rgba(0,0,0,.7);
  display:grid;place-items:center;font:bold 13px/1 Georgia,serif;color:#fff}
.dbk-shelf.is-select .dbk-spine.is-picked{transform:translateY(-10px);box-shadow:inset 0 2px 0 rgba(255,255,255,.1),0 10px 14px rgba(0,0,0,.7),0 0 0 2px #e05545}
.dbk-shelf.is-select .dbk-spine.is-picked:after{content:"✓";background:#c0392b;border-color:#ffd0c8}
/* arrange mode: grab and drag left / right */
.dbk-shelf.is-arrange .dbk-spine{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
.dbk-shelf.is-arrange .dbk-spine:hover{transform:translateY(-6px)}
.dbk-shelf.is-arrange .dbk-spine.is-drag{z-index:6;cursor:grabbing;transition:none;filter:brightness(1.15);box-shadow:0 18px 24px rgba(0,0,0,.75),0 0 0 2px #f0d88a}
.dbk-shelf.is-arrange .dbk-shelf-row{outline:2px dashed rgba(240,216,138,.35);outline-offset:-6px}
/* the bar under the shelf */
.dbk-managebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 14px;padding:10px 14px;background:linear-gradient(180deg,#f3e6c8,#e4d0a4);color:#3a2412;border:2px solid #c9a24e;border-radius:4px;box-shadow:0 0 0 3px #3b2311}
.dbk-managebar[hidden]{display:none}
.dbk-managebar-msg{flex:1 1 260px;margin:0;font:bold 13px/1.4 Georgia,"Times New Roman",serif;letter-spacing:.4px}
.dbk-managebar-act{display:flex;flex-wrap:wrap;gap:8px}
.dbk-mb-go,.dbk-mb-yes,.dbk-mb-no{min-height:44px;padding:0 14px;border-radius:2px;font:bold 12px Georgia,"Times New Roman",serif;letter-spacing:1px;cursor:pointer}
.dbk-mb-go{background:#3b2311;border:1px solid #c9a24e;color:#f0d88a}
.dbk-managebar.is-select .dbk-mb-go,.dbk-mb-yes{background:#8a2a1a;border:1px solid #5a1a10;color:#fff1e0}
.dbk-mb-go:disabled{opacity:.45;cursor:not-allowed}
.dbk-mb-no{background:transparent;border:1px solid #a8822f;color:#3a2412}
@media(max-width:560px){.dbk-manage{top:16px;right:10px}.dbk-dots{width:38px;height:38px}}
.dbk-shelf .dbk-managebar .dbk-managebar-msg{color:#3a2412}
@media(max-width:560px){.dbk-mybooks .dbk-plate{margin-left:2px;margin-right:auto;padding:5px 12px}.dbk-mybooks .dbk-plate h2{font-size:13px;letter-spacing:2px}}
/* ⋯ as plain gold dots in a line — no round button (the tap area stays 44px) */
.dbk-dots{width:44px;height:44px;border:0;border-radius:4px;background:none;box-shadow:none}
.dbk-dots svg{width:30px;height:30px;fill:#e8c66a;filter:drop-shadow(0 1px 0 rgba(0,0,0,.8))}
.dbk-dots:hover,.dbk-dots:focus-visible,.dbk-dots[aria-expanded="true"]{background:rgba(0,0,0,.18);box-shadow:none;filter:none;outline:none}
.dbk-dots:hover svg,.dbk-dots[aria-expanded="true"] svg{fill:#fff1c4}
.dbk-dots:focus-visible{outline:2px solid #f0d88a;outline-offset:1px}
@media(max-width:560px){.dbk-dots{width:44px;height:44px}}

/* TURNING PAGES in the open book (20.10.2026; js/dbk-shelf.js + diary-book-preview.php) */
.dbk-ob-side{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;min-height:0}
.dbk-ob-right{padding:0}
.dbk-ob-right > .dbk-ob-side{padding:14px 14px 12px 16px;box-sizing:border-box}
.dbk-ob-intro-r{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}
.dbk-ob-inside > .dbk-ob-side{position:absolute;inset:6px 6px 6px 0;max-width:none;padding:14px 16px 12px 14px;box-sizing:border-box}
.dbk-ob-inside .dbk-ob-intro{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.dbk-ob-intro[hidden],.dbk-ob-pg[hidden]{display:none}
.dbk-ob-pg{flex:1 1 auto;min-height:0;display:flex}
.dbk-pg{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px;color:#3a2412;text-align:left;overflow:hidden}
.dbk-pg-when{font:bold 10px Georgia,"Times New Roman",serif;letter-spacing:1.2px;color:#8a6a3a;text-transform:uppercase}
.dbk-pg-title{font:bold 15px/1.25 Georgia,"Times New Roman",serif;color:#3a2412;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dbk-pg-img{flex:none;width:100%;max-height:38%;object-fit:cover;border:2px solid #fff8e6;outline:1px solid rgba(90,60,30,.3);box-shadow:0 2px 5px rgba(60,35,10,.3)}
.dbk-pg-text{flex:1 1 auto;min-height:0;margin:0;font:13px/1.5 Georgia,"Times New Roman",serif;color:#4a3420;white-space:pre-line;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}
.dbk-pg-no{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:italic 11px Georgia,serif;color:#8a6a3a}
.dbk-pg-end{align-items:center;justify-content:center;gap:12px;text-align:center}
.dbk-pg-end b{font:bold 16px Georgia,serif;letter-spacing:2px;color:#6b4a2a}
.dbk-pg-end small{font:12px/1.4 Georgia,serif;color:#6b4a2a}
/* the corner buttons */
.dbk-ob-turn{position:absolute;bottom:8px;z-index:3;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #a8822f;background:rgba(243,232,204,.9);color:#5a3a12;font:bold 20px/1 Georgia,serif;cursor:pointer;box-shadow:0 1px 3px rgba(60,35,10,.35)}
.dbk-ob-turn:hover:not(:disabled),.dbk-ob-turn:focus-visible{background:#3b2311;color:#f0d88a;outline:none}
.dbk-ob-turn:disabled{opacity:0;pointer-events:none}
.dbk-ob-next{right:10px}
.dbk-ob-prev{left:12px}
.dbk-ob-right > .dbk-ob-side .dbk-ob-intro-r + .dbk-ob-pg{padding-bottom:0}
.dbk-ob-count{position:absolute;left:0;right:0;bottom:2px;margin:0;text-align:center;font:bold 11px Georgia,"Times New Roman",serif;letter-spacing:1.5px;color:#d9bf85;opacity:0;transition:opacity .4s ease .9s;pointer-events:none}
.dbk-ob.is-open .dbk-ob-count{opacity:1}
/* the leaf that turns over */
.dbk-leaf{position:absolute;top:0;z-index:5;width:var(--pw);height:var(--ph);transform-style:preserve-3d;pointer-events:none;transition:transform .9s cubic-bezier(.4,.1,.3,1)}
.dbk-leaf.is-fwd{left:var(--pw);transform-origin:0 50%;transform:translateZ(3px) rotateY(0deg)}
.dbk-leaf.is-fwd.is-turning{transform:translateZ(3px) rotateY(-180deg)}
.dbk-leaf.is-back{left:0;transform-origin:100% 50%;transform:translateZ(3px) rotateY(0deg)}
.dbk-leaf.is-back.is-turning{transform:translateZ(3px) rotateY(180deg)}
.dbk-leaf-face{position:absolute;inset:0;display:flex;flex-direction:column;box-sizing:border-box;padding:14px 14px 12px 16px;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#3a2412;box-shadow:inset 0 0 0 1px rgba(90,60,30,.22)}
.dbk-leaf-face.is-r{background:linear-gradient(90deg,#d9c9a3,#f3e8cc 7%,#f6ecd2 60%,#efe2c2);border-radius:0 4px 4px 0}
.dbk-leaf-face.is-l{background:linear-gradient(270deg,#d9c9a3,#f3e8cc 7%,#f6ecd2 60%,#efe2c2);border-radius:4px 0 0 4px;padding:14px 16px 12px 14px}
.dbk-leaf-back{transform:rotateY(180deg)}
.dbk-leaf-face .dbk-ob-intro{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.dbk-leaf-face .dbk-ob-intro[hidden]{display:flex}
.dbk-leaf-face .dbk-ob-intro b{font:bold 20px/1.25 Georgia,"Times New Roman",serif;color:#3a2412;text-transform:uppercase}
.dbk-leaf-face .dbk-ob-intro i{font:italic 14px Georgia,serif;color:#6b4a2a}
.dbk-leaf-face .dbk-ob-intro-r{gap:10px;justify-content:flex-start;align-items:stretch}
.dbk-leaf.is-turning .dbk-leaf-front{box-shadow:inset 0 0 0 1px rgba(90,60,30,.22),inset -30px 0 40px rgba(60,35,10,.18)}
@media(max-width:560px){.dbk-pg-title{font-size:12px}.dbk-pg-text{font-size:11px}.dbk-pg-when{font-size:9px}.dbk-ob-turn{width:32px;height:32px;bottom:6px}.dbk-ob-right > .dbk-ob-side,.dbk-ob-inside > .dbk-ob-side,.dbk-leaf-face{padding:10px}}
/* page text keeps its ink colour (the site's general paragraph colour is cyan) + same title style on both pages */
.dbk-ob .dbk-pg p.dbk-pg-text,.dbk-leaf .dbk-pg p.dbk-pg-text{color:#4a3420}
.dbk-ob p.dbk-ob-count{color:#d9bf85}
.dbk-ob-inside .dbk-pg b.dbk-pg-title,.dbk-leaf .dbk-pg b.dbk-pg-title{font:bold 15px/1.25 Georgia,"Times New Roman",serif;letter-spacing:0;text-transform:none;color:#3a2412}
.dbk-pg{padding-bottom:30px;box-sizing:border-box}
.dbk-pg-no{bottom:10px}
.dbk-ob-inside .dbk-pg-end b,.dbk-leaf .dbk-pg-end b{font:bold 16px Georgia,serif;letter-spacing:2px;text-transform:none;color:#6b4a2a}
@media(max-width:560px){.dbk-ob-inside .dbk-pg b.dbk-pg-title,.dbk-leaf .dbk-pg b.dbk-pg-title{font-size:12px}}
.dbk-pg-when,.dbk-pg b.dbk-pg-title{flex-shrink:0}.dbk-pg-img{flex-shrink:1;min-height:40px}

/* Grab-and-turn pages + quieter arrows (20.10.2026) */
.dbk-ob.is-open .dbk-ob-book{cursor:grab;touch-action:pan-y}
.dbk-ob-book.is-grabbing,.dbk-ob-book.is-grabbing *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}
.dbk-ob-book a,.dbk-ob-book button{cursor:pointer}
.dbk-leaf.is-lifted .dbk-leaf-front{box-shadow:inset 0 0 0 1px rgba(90,60,30,.22),inset -26px 0 34px rgba(60,35,10,.16),6px 0 14px rgba(0,0,0,.25)}
.dbk-ob-turn{background:transparent;border-color:rgba(168,130,47,.35);color:rgba(90,58,18,.38);box-shadow:none;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}
.dbk-ob-turn:hover:not(:disabled),.dbk-ob-turn:focus-visible{background:#3b2311;border-color:#c9a24e;color:#f0d88a;transform:scale(1.12);box-shadow:0 2px 6px rgba(60,35,10,.45)}
.dbk-ob-book:hover .dbk-ob-turn:not(:disabled){color:rgba(90,58,18,.6);border-color:rgba(168,130,47,.55)}
.dbk-ob-book img{-webkit-user-drag:none;user-drag:none}.dbk-ob.is-open .dbk-ob-book{-webkit-user-select:none;user-select:none}
/* arrow hover: a soft tint, not solid brown */
.dbk-ob-turn:hover:not(:disabled),.dbk-ob-turn:focus-visible{background:rgba(59,35,17,.22);border-color:rgba(168,130,47,.8);color:#5a3a12;transform:scale(1.1);box-shadow:0 1px 4px rgba(60,35,10,.25)}

/* header: menu right next to the logo (BE FREE), more room for the café shouts on the right */
@media(min-width:1331px){.topbar{grid-template-columns:162px auto minmax(0,1fr)}.main-nav{gap:6px}.top-slogan.cafe-shouts{padding-left:8px}}
.topbar.shouts-tight .mm-edit .mm-long{display:none!important}.topbar.shouts-tight .mm-edit .mm-short{display:inline!important}

/* QUOTES between members (21.10.2026): ⋯ QUOTE in the write form, quote boxes on pages, REPLIES, NOTIFICATIONS */
.dxq-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.dxq-lbl{margin:0!important}
.dxq-dots{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #075778;background:linear-gradient(180deg,#04192a,#020d16);color:#7fd3ee;font:inherit;font-size:11px;font-weight:700;letter-spacing:1.4px;cursor:pointer;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 8px),0 8px)}
.dxq-dots span{font-size:20px;line-height:1;letter-spacing:0;margin-top:-3px}
.dxq-dots:hover,.dxq-dots:focus-visible,.dxq-dots.on{outline:none;border-color:#00e78b;color:#b6ffe3;box-shadow:inset 0 0 12px rgba(0,231,139,.2)}
.dxq-panel{position:relative;margin:8px 0 10px;padding:12px;border:1px solid #00cfff;background:linear-gradient(180deg,rgba(3,22,35,.98),rgba(1,10,18,.98));box-shadow:0 0 18px rgba(0,207,255,.15)}
.dxq-panel-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-right:30px;margin-bottom:10px}
.dxq-panel-h b{color:#e8f9ff;letter-spacing:2px;font-size:13px}.dxq-panel-h small{color:#4f93b0;font-size:11px}
.dxq-x{position:absolute;top:8px;right:8px;width:28px!important;height:28px!important;min-height:0!important;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;border:1px solid #075778;background:#020d16;color:#7fd3ee;font-size:18px;line-height:1;cursor:pointer}
.dxq-path{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.dxq-chip{border:1px solid #00e78b;background:rgba(0,209,138,.12);color:#b6ffe3;font:inherit;font-size:11px;font-weight:700;letter-spacing:1px;padding:5px 9px;cursor:pointer}
.dxq-chip i{font-style:normal;color:#6dffc0;margin-left:4px}
.dxq-inwrap{position:relative}
.dxq-in{width:100%;box-sizing:border-box;background:#020d16;border:1px solid #075778;color:#e8f9ff;padding:10px 12px;font:inherit;font-size:15px;letter-spacing:.5px}
.dxq-in:focus{outline:none;border-color:#00cfff;box-shadow:0 0 10px rgba(0,207,255,.25)}
.dxq-sug{list-style:none;margin:4px 0 0;padding:4px;max-height:250px;overflow:auto;border:1px solid #075778;border-top:2px solid #00cfff;background:#020d16}
.dxq-sug[hidden]{display:none}
.dxq-sug li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;cursor:pointer;border-left:2px solid transparent}
.dxq-sug li b{color:#dff7ff;font-size:13px;letter-spacing:1px}.dxq-sug li small{color:#4f93b0;font-size:11px}
.dxq-sug li[aria-selected="true"],.dxq-sug li:hover{background:#062436;border-left-color:#00cfff}
.dxq-sug .dxq-none{color:#4f93b0;cursor:default;font-size:12px}
.dxq-hint{margin:2px 0 8px;color:#4f93b0;font-size:12px}
.dxq-sents{max-height:260px;overflow:auto;padding:8px;border:1px solid #06324a;background:#010a12;line-height:1.9}
.dxq-s{display:inline;border:0;background:none;color:#9fdcf0;font:inherit;font-size:14px;padding:2px 3px;cursor:pointer;text-align:left;border-radius:2px}
.dxq-s:hover{background:#062436;color:#fff}.dxq-s.on{background:rgba(0,231,139,.22);color:#e9fff6;box-shadow:inset 0 -2px 0 #00e78b}
.dxq-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.dxq-insert{width:auto!important;margin:0!important;padding:0 16px!important}.dxq-insert:disabled{opacity:.45;cursor:not-allowed}
.dxq-all{border:1px solid #075778;background:#021622;color:#7fd3ee;font:inherit;font-size:11px;font-weight:700;letter-spacing:1.2px;padding:9px 12px;cursor:pointer}
.dxq-count{color:#4f93b0;font-size:11px}
blockquote.dxq{margin:14px 0;padding:10px 14px 10px 16px;border-left:3px solid #00e78b;background:linear-gradient(90deg,rgba(0,209,138,.10),rgba(0,0,0,0));color:#c9f3e3}
.dxq-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-bottom:4px}
.dxq-h a{color:#6dffc0;font-weight:700;letter-spacing:1.4px;font-size:12px;text-decoration:none}.dxq-h a:hover{text-decoration:underline}
.dxq-h small{color:#4f93b0;font-size:11px}.dxq-ico{color:#00e78b;font-size:18px;line-height:1}
blockquote.dxq p{margin:0;font-style:italic}
blockquote.dxq-x{border-left-color:#5d6b74;background:rgba(255,255,255,.03);color:#9fb7c3}blockquote.dxq-x small{display:block;margin-top:4px;color:#5d6b74;font-size:10px;letter-spacing:1px}
.dxq-replies{margin:16px 0;padding:10px 14px;border:1px solid #075778;background:rgba(2,18,29,.7)}
.dxq-replies-h{font-size:11px;letter-spacing:2px;font-weight:700;color:#00e78b;margin-bottom:6px}
.dxq-replies ul{list-style:none;margin:0;padding:0}.dxq-replies li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:6px 0;border-top:1px solid #06324a}
.dxq-replies li:first-child{border-top:0}.dxq-replies a{color:#9fdcf0;text-decoration:none}.dxq-replies a b{color:#e8f9ff}.dxq-replies small{color:#4f93b0;font-size:11px}
.dxn{margin:18px 0;padding:16px;border:1px solid #075778;background:rgba(2,18,29,.86)}
.dxn-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.dxn-head h2{margin:0;font-size:15px;letter-spacing:2.5px;color:#e8f9ff}
.dxn-clear{background:#021622;color:#7fd3ee;border:1px solid #075778;padding:6px 10px;font:inherit;font-size:10px;font-weight:700;letter-spacing:1.4px;cursor:pointer}
.dxn-empty{color:#4f93b0;font-size:13px;margin:0}
.dxn-list{list-style:none;margin:0;padding:0}
.dxn-item{display:flex;gap:12px;padding:12px 10px;border-top:1px solid #06324a}.dxn-item:first-child{border-top:0}
.dxn-item.is-new{background:linear-gradient(90deg,rgba(0,209,138,.12),transparent);border-left:3px solid #00e78b}
.dxn-ico{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#04192a;border:1px solid #075778;color:#00e78b;font-size:18px}
.dxn-body{display:flex;flex-direction:column;gap:4px;min-width:0}.dxn-body b{color:#e8f9ff;letter-spacing:1.2px;font-size:13px}
.dxn-body blockquote{margin:2px 0;color:#c9f3e3;font-style:italic;font-size:13px}.dxn-body small{color:#4f93b0;font-size:11px}.dxn-body small a{color:#9fdcf0}
.dxn-who{color:#ffcf66!important}.dxn-open{color:#00e78b;font-size:11px;font-weight:700;letter-spacing:1.4px;text-decoration:none;margin-top:2px}
.dxn-badge{display:inline-block;min-width:18px;height:18px;padding:0 5px;margin-left:8px;border-radius:9px;background:#ff314a;color:#fff;font:700 10px/18px Arial,sans-serif;text-align:center;vertical-align:middle;box-shadow:0 0 8px rgba(255,49,74,.6)}
/* QUOTES in the Kindle reader + recordings (21.10.2026) */
.k-quote{display:inline-flex;align-items:center;gap:6px;margin:10px 8px 0 0;padding:6px 12px;border:1px solid currentColor;color:var(--k-accent,#0b7a53);background:transparent;font:700 11px/1.2 "Trebuchet MS",Arial,sans-serif;letter-spacing:1.4px;text-decoration:none;border-radius:2px;cursor:pointer}
.k-quote:hover,.k-quote:focus-visible{background:var(--k-rule,rgba(0,169,109,.12));outline:none}
.k-track{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.k-quote-rec{margin:4px 0 8px}
.dxq-recs{margin-top:10px}
.dxq-rec{border:1px solid #075778;background:#021622;color:#9fdcf0;font:inherit;font-size:12px;font-weight:700;letter-spacing:1.2px;padding:8px 12px;margin:0 6px 6px 0;cursor:pointer}
.dxq-rec.on{border-color:#00e78b;color:#e9fff6;background:rgba(0,231,139,.18);box-shadow:0 0 10px rgba(0,231,139,.3)}
blockquote.dxq .dxq-audio{display:block;width:100%;max-width:420px;margin:6px 0 2px}
.k-rec{position:relative}.k-rec .k-del{top:8px;right:8px}.k-rec .k-edit{top:8px;right:48px}

/* NOTIFICATIONS page (notifications.php, same layout as INSIDE MAILER) */
.dxn-page .dxn-open blockquote.dxq{margin:12px 0 4px}
.dxn-page .dxn-links{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px 16px}
.dxn-page .im-item-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dxn-page .dxn-who{color:#ffcf66;font-weight:400;letter-spacing:.5px}
.dxn-page .im-empty small{display:block;margin-top:8px;color:#4f93b0;font-size:11px;letter-spacing:.5px;text-transform:none}