/* NineTarot reconstruction page. Keeps the original permanent audio player active. */
:root{
  --nt-yellow:#f0c800;
  --nt-yellow-deep:#b79500;
  --nt-ink:#050507;
  --nt-black:#0a0a0d;
  --nt-panel:#111116;
  --nt-panel2:#18181e;
  --nt-ivory:#eee8dc;
  --nt-muted:#9d9aa2;
  --nt-purple:#7560b5;
  --nt-brass:#b7924d;
  --nt-border:rgba(240,200,0,.22);
}

html,body{background:#050507;}
body{
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
  color:var(--nt-ivory);
  background:#050507!important;
}

/* Keep only NineTarot branding + permanent audio player from the original interface. */
.topbar{
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  gap:14px!important;
  padding:9px 14px!important;
  background:rgba(5,5,8,.97)!important;
  border-bottom:1px solid rgba(240,200,0,.16)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(16px);
}
.brand{grid-column:1!important;grid-row:1!important;padding-right:8px;}
.brand .logo{
  width:35px!important;height:35px!important;border-radius:50%!important;
  color:#070707!important;background:var(--nt-yellow)!important;
  box-shadow:0 0 0 1px #ffdf40,0 0 24px rgba(240,200,0,.15)!important;
}
.brand .title{font-family:Georgia,"Times New Roman",serif;letter-spacing:.12em;text-transform:uppercase;font-size:13px;}
.centerDeck{grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;}
.centerDeck>.deckSwitch,.centerDeck>.layoutSwitch,
.actions,.profileBar,.profileReveal,.tarotBar,.wall,.tarotResultPanel,.layoutWelcome,
.emptyQuestionDialog,.historyDialog,#coachBubble,#mobileRotateNotice{display:none!important;}
.audioBar{
  width:min(1120px,100%)!important;height:44px!important;margin:0 auto!important;
  border-color:rgba(240,200,0,.16)!important;
  background:linear-gradient(180deg,rgba(26,26,31,.94),rgba(10,10,13,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 26px rgba(0,0,0,.35)!important;
}
.audioBar .btn{border-color:rgba(240,200,0,.12)!important;}
.audioBar .audioRandomOn{border-color:rgba(117,96,181,.48)!important;color:#ddd6ff!important;}
.audioSeek,.audioVolume{accent-color:var(--nt-yellow)!important;}
dialog:not(#audioSourceDialog):not(.maintenanceDialog){display:none!important;}
#audioSourceDialog[open]{display:block!important;}
#audioSourceDialog{border-color:rgba(240,200,0,.22)!important;background:#111116!important;color:#eee8dc!important;}
#audioSourceDialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(8px);}

.maintenanceShell{
  position:relative;min-width:0;min-height:0;overflow:auto;isolation:isolate;
  padding:22px clamp(14px,3.5vw,58px) 34px;
  background:
    radial-gradient(circle at 73% 23%,rgba(96,66,137,.14),transparent 22%),
    radial-gradient(circle at 20% 72%,rgba(172,132,52,.07),transparent 25%),
    linear-gradient(180deg,#08080b,#050507 66%);
  scrollbar-width:thin;scrollbar-color:rgba(240,200,0,.3) transparent;
}
.siteTexture{position:fixed;inset:56px 0 0;pointer-events:none;z-index:-3;opacity:.6;background:
  linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.018) 50%,transparent 50.3%),
  linear-gradient(transparent 49.7%,rgba(255,255,255,.014) 50%,transparent 50.3%);
  background-size:58px 58px;
}
.siteTexture::before{content:"";position:absolute;inset:0;opacity:.23;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 190 190' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");}
.siteTexture::after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 0 46%,rgba(255,255,255,.018) 47%,transparent 48% 100%);}

.occultBlueprint{position:fixed;inset:56px 0 0;overflow:hidden;pointer-events:none;z-index:-2;color:rgba(240,200,0,.1);}
.blueprintCircle{position:absolute;border:1px solid rgba(240,200,0,.075);border-radius:50%;}
.blueprintCircle::before,.blueprintCircle::after{content:"";position:absolute;border:1px solid rgba(117,96,181,.07);border-radius:50%;inset:12%;}
.blueprintCircle::after{inset:35%;border-style:dashed;}
.c1{width:760px;height:760px;right:-210px;top:70px;transform:rotate(12deg);}
.c2{width:520px;height:520px;left:-180px;bottom:-160px;}
.blueprintAxis{position:absolute;background:rgba(240,200,0,.055);}
.a1{width:1px;height:82vh;right:27%;top:4%;transform:rotate(16deg)}
.a2{height:1px;width:65vw;left:7%;top:43%;transform:rotate(-9deg)}
.blueprintMark{position:absolute;font:700 9px/1 Arial,sans-serif;letter-spacing:.26em;color:rgba(240,200,0,.1);}
.m1{right:10%;top:20%}.m2{left:8%;bottom:14%}.m3{right:38%;bottom:9%}

.maintenanceNotice{
  width:min(1180px,100%);margin:0 auto 17px;display:flex;align-items:center;gap:11px;
  padding:10px 12px;border:1px solid rgba(240,200,0,.27);border-radius:7px;
  background:linear-gradient(90deg,rgba(240,200,0,.08),rgba(18,18,22,.9) 22%,rgba(18,18,22,.9));
  box-shadow:0 10px 28px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035);
  color:#cbc7be;font-size:12px;line-height:1.45;
}
.maintenanceNotice strong{color:#f5df74;}
.warningTriangle{position:relative;flex:0 0 29px;width:29px;height:25px;display:grid;place-items:center;padding-top:3px;color:#0a0a0a;font:900 14px/1 Arial,sans-serif;z-index:1;}
.warningTriangle::before{content:"";position:absolute;z-index:-1;left:1px;right:1px;bottom:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:25px solid var(--nt-yellow);filter:drop-shadow(0 0 8px rgba(240,200,0,.18));}
.noticeLive{margin-left:auto;white-space:nowrap;padding:5px 8px;border:1px solid rgba(101,208,137,.2);border-radius:999px;color:#9ad5aa;background:rgba(75,155,98,.07);font-size:8px;font-weight:800;letter-spacing:.15em;}

.constructionTape{
  position:relative;display:flex;align-items:center;justify-content:center;gap:24px;overflow:hidden;
  height:34px;color:#090909;background:var(--nt-yellow);border-top:1px solid #ffe66d;border-bottom:1px solid #9f8500;
  box-shadow:0 8px 24px rgba(0,0,0,.28);font:900 10px/1 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;
}
.constructionTape::before{content:"";position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(125deg,transparent 0 22px,#111 22px 34px,transparent 34px 56px);mix-blend-mode:multiply;}
.constructionTape>*{position:relative;z-index:1;white-space:nowrap;}
.constructionTape b{font-size:15px;line-height:1;}
.tapeTop{width:min(1180px,100%);margin:0 auto 18px;border-radius:4px;transform:rotate(-.25deg);}
.tapeBottom{width:min(1180px,100%);margin:28px auto 0;border-radius:4px;transform:rotate(.18deg);}

.maintenanceHero{
  width:min(1180px,100%);min-height:500px;margin:0 auto;display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.75fr);gap:clamp(30px,5vw,76px);align-items:center;
  padding:32px clamp(0px,2vw,20px) 44px;
}
.heroCopy{position:relative;z-index:3;}
.nineUStamp{display:inline-flex;align-items:center;gap:10px;margin-bottom:21px;color:#d0c6b4;}
.nineUStamp span{font:700 11px/1 Arial,sans-serif;letter-spacing:.2em;border:1px solid rgba(240,200,0,.38);background:rgba(240,200,0,.045);padding:7px 9px;color:#f0d765;}
.nineUStamp small{font:700 8px/1 Arial,sans-serif;letter-spacing:.27em;color:#77737b;}
.heroEyebrow{margin:0 0 11px;color:#8e81b4;font:800 9px/1.3 Arial,sans-serif;letter-spacing:.22em;}
.heroCopy h1{margin:0;max-width:770px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5.8vw,76px);line-height:.93;font-weight:500;letter-spacing:-.045em;color:#f1ece3;text-shadow:0 15px 38px rgba(0,0,0,.48);}
.heroCopy h1 em{font-style:normal;font-weight:400;color:#dbc051;}
.heroLead{max-width:740px;margin:25px 0 0;color:#d2ccc2;font-size:15px;line-height:1.72;}
.heroLead strong{color:#f0d75e;}
.heroText{max-width:700px;margin:13px 0 0;color:#9e9aa2;font-size:13px;line-height:1.68;}
.serviceLedger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:25px;padding-top:18px;border-top:1px solid rgba(240,200,0,.13);max-width:690px;}
.serviceLedger div{position:relative;padding:11px 12px 11px 31px;border:1px solid rgba(255,255,255,.06);background:rgba(15,15,19,.64);box-shadow:inset 0 1px rgba(255,255,255,.022);}
.serviceLedger small{display:block;margin-bottom:3px;color:#77737e;font-size:7px;font-weight:800;letter-spacing:.17em;}
.serviceLedger strong{display:block;color:#c9c4bb;font-size:11px;font-weight:700;}
.ledgerLight{position:absolute;left:12px;top:15px;width:8px;height:8px;border-radius:50%;}
.ledgerLight.off{background:#7f6921;box-shadow:0 0 0 3px rgba(240,200,0,.035);}
.ledgerLight.on{background:#76cd92;box-shadow:0 0 0 3px rgba(118,205,146,.06),0 0 13px rgba(118,205,146,.24);}

.sealedPortal{position:relative;min-height:460px;display:grid;place-items:center;perspective:1100px;}
.portalWall{position:absolute;width:390px;height:430px;border-radius:26px;background:linear-gradient(145deg,#19191e,#0d0d11 54%,#17171b);border:1px solid rgba(255,255,255,.05);box-shadow:0 46px 100px rgba(0,0,0,.55),inset 0 0 0 8px rgba(0,0,0,.18),inset 0 0 80px rgba(0,0,0,.42);transform:rotateY(-5deg) rotateX(2deg);}
.portalWall::before{content:"";position:absolute;inset:13px;border:1px solid rgba(183,146,77,.14);border-radius:19px;background:
  radial-gradient(circle at 50% 40%,rgba(117,96,181,.08),transparent 38%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 7px);}
.portalWall::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#4e493f;left:28px;top:27px;box-shadow:326px 0 #4e493f,0 358px #4e493f,326px 358px #4e493f;}
.portalOuter{position:relative;width:300px;height:300px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(183,146,77,.38);background:linear-gradient(145deg,#1a1713,#09090c 48%,#131019);box-shadow:0 35px 70px rgba(0,0,0,.58),0 0 0 9px rgba(183,146,77,.035),0 0 0 10px rgba(183,146,77,.18),inset 0 0 55px rgba(0,0,0,.8);}
.portalOuter::before,.portalOuter::after{content:"";position:absolute;border-radius:50%;inset:18px;border:1px dashed rgba(240,200,0,.16);}
.portalOuter::after{inset:48px;border-style:solid;border-color:rgba(117,96,181,.22);box-shadow:0 0 30px rgba(117,96,181,.08);}
.portalInner{position:relative;width:176px;height:176px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,#15121d,#08080b 68%);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 40px rgba(0,0,0,.9);}
.portalInner::before{content:"";position:absolute;inset:17px;border:1px solid rgba(240,200,0,.1);transform:rotate(45deg);}
.portalNine{font-family:Georgia,"Times New Roman",serif;font-size:90px;line-height:1;color:#c3a84d;text-shadow:0 0 28px rgba(240,200,0,.08);}
.portalMicro{position:absolute;bottom:37px;font:700 7px/1 Arial,sans-serif;letter-spacing:.26em;color:#655c44;}
.sealPlaque{position:absolute;z-index:5;right:-2px;bottom:48px;display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(240,200,0,.24);background:linear-gradient(180deg,#1a1918,#0c0c0f);box-shadow:0 14px 28px rgba(0,0,0,.45);}
.sealPlaque span{color:#8e856a;font-size:7px;font-weight:800;letter-spacing:.2em}.sealPlaque strong{color:#f0d04d;font-size:11px;letter-spacing:.08em}.sealPlaque small{color:#5f5b61;font-size:7px;letter-spacing:.14em}
.portalTape{position:absolute;z-index:4;width:440px;height:37px;transform:rotate(-14deg);box-shadow:0 16px 28px rgba(0,0,0,.38);}
.workLamp{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#e4b900;box-shadow:0 0 13px #e4b90088,0 0 38px #e4b90033;}
.lampLeft{left:18%;top:19%}.lampRight{right:19%;top:61%}

.worldFirstBanner{
  width:min(1180px,100%);margin:0 auto 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:0;
  border:1px solid rgba(240,200,0,.18);background:linear-gradient(110deg,rgba(240,200,0,.065),rgba(13,13,17,.94) 26%,rgba(44,34,67,.22));
  box-shadow:0 24px 58px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.025);overflow:hidden;
}
.bannerWarning{width:94px;display:grid;place-items:center;background:var(--nt-yellow);color:#111;font:900 34px/1 Arial,sans-serif;letter-spacing:-.06em;position:relative;}
.bannerWarning::after{content:"⚠";position:absolute;right:7px;top:6px;font-size:12px;}
.bannerCopy{padding:20px 23px;}
.bannerCopy>span{display:block;margin-bottom:8px;color:#d8c74f;font-size:8px;font-weight:900;letter-spacing:.22em;}
.bannerCopy strong{display:block;max-width:880px;color:#eee8db;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.38;font-weight:500;}
.bannerCopy p{max-width:920px;margin:9px 0 0;color:#96929b;font-size:11px;line-height:1.62;}
.bannerSeal{width:90px;display:grid;grid-template-rows:1fr auto 1fr;place-items:center;border-left:1px solid rgba(240,200,0,.1);color:#8d7842;}
.bannerSeal b{font-family:Georgia,serif;font-size:31px;font-weight:500}.bannerSeal i{width:1px;height:70%;background:rgba(240,200,0,.13);}

.maintenanceActions{width:min(980px,100%);margin:0 auto 30px;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.portalCard{position:relative;min-height:170px;padding:22px;text-align:left;overflow:hidden;cursor:pointer;border:1px solid rgba(240,200,0,.14);border-radius:4px;color:#eee8dc;background:linear-gradient(145deg,rgba(23,23,28,.96),rgba(9,9,12,.98));box-shadow:0 20px 44px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025);transition:.24s ease;}
.portalCard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--nt-yellow);opacity:.72;}
.portalCard::after{content:"";position:absolute;right:-60px;bottom:-95px;width:190px;height:190px;border:1px solid rgba(117,96,181,.12);border-radius:50%;box-shadow:0 0 0 22px rgba(117,96,181,.02);}
.portalCard:hover{transform:translateY(-4px);border-color:rgba(240,200,0,.34);box-shadow:0 28px 60px rgba(0,0,0,.38),0 0 30px rgba(240,200,0,.035);}
.portalRight::before{background:#7560b5;}
.portalIndex{position:absolute;top:15px;right:16px;color:rgba(240,200,0,.24);font-family:Georgia,serif;font-size:32px;}.portalRight .portalIndex{color:rgba(117,96,181,.4);}
.portalKicker{display:block;margin-bottom:18px;color:#817b85;font-size:8px;font-weight:850;letter-spacing:.2em;}
.portalCard strong{display:block;max-width:85%;font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500;line-height:1.04;}
.portalCard small{display:block;max-width:88%;margin-top:12px;color:#918d95;font-size:11px;line-height:1.55;}
.portalCard i{position:absolute;left:22px;bottom:16px;color:#c9b442;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.16em;}
.portalRight i{color:#9d8ae1;}

.ideaStation{width:min(980px,100%);margin:0 auto;padding:30px clamp(18px,3vw,34px);display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.85fr);grid-template-areas:"intro mailbox" "privacy mailbox";column-gap:40px;align-items:center;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(18,18,23,.97),rgba(8,8,11,.98));box-shadow:0 30px 70px rgba(0,0,0,.33);position:relative;overflow:hidden;}
.ideaStation::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 50%,rgba(240,200,0,.065),transparent 27%),radial-gradient(circle at 11% 20%,rgba(117,96,181,.07),transparent 25%);}
.ideaIntro{grid-area:intro;position:relative;z-index:1}.ideaIntro>span{display:block;margin-bottom:9px;color:#c4ae3a;font-size:8px;font-weight:900;letter-spacing:.2em;}.ideaIntro h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3.7vw,44px);line-height:1.02;font-weight:500;letter-spacing:-.025em;color:#eee8dc;}.ideaIntro p{max-width:590px;margin:14px 0 0;color:#99959d;font-size:12px;line-height:1.63;}
.ideaPrivacy{grid-area:privacy;position:relative;z-index:1;align-self:end;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(240,200,0,.09);color:#77747c;font-size:9px;line-height:1.55;}.ideaPrivacy span{color:#6fb688;margin-right:5px;}
.ideaMailbox{grid-area:mailbox;position:relative;z-index:2;min-height:245px;width:100%;padding:0;border:0;background:transparent;cursor:pointer;perspective:900px;color:#eee;}
.mailboxTop{position:absolute;left:7%;right:7%;top:6px;height:32px;background:linear-gradient(180deg,#27272d,#111115);border:1px solid rgba(255,255,255,.08);transform:perspective(300px) rotateX(28deg);box-shadow:0 10px 18px rgba(0,0,0,.45);}
.mailboxTop i{position:absolute;top:12px;width:5px;height:5px;border-radius:50%;background:#6c6655;box-shadow:0 0 0 1px #111}.mailboxTop i:nth-child(1){left:12px}.mailboxTop i:nth-child(2){left:50%}.mailboxTop i:nth-child(3){right:12px}
.mailSlot{position:absolute;left:5%;right:5%;top:31px;height:128px;display:grid;align-content:center;justify-items:center;gap:7px;background:linear-gradient(145deg,#222227,#0d0d10 72%);border:1px solid rgba(240,200,0,.2);box-shadow:0 28px 44px rgba(0,0,0,.42),inset 0 0 28px rgba(0,0,0,.6);transform:rotateX(-2deg);overflow:hidden;}
.mailSlot::before{content:"";position:absolute;left:12%;right:12%;top:26px;height:11px;background:#050506;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 3px 8px #000;}
.mailSlot::after{content:"";position:absolute;inset:auto 13px 12px;height:3px;background:var(--nt-yellow);opacity:.78;}
.mailSlot b{margin-top:18px;font:900 17px/1 Arial,sans-serif;letter-spacing:.12em;color:#f0d54f;}.mailSlot small{font:800 7px/1 Arial,sans-serif;letter-spacing:.2em;color:#736f74;}
.mailEnvelope{position:absolute;z-index:3;left:50%;top:4px;width:96px;height:62px;transform:translateX(-50%) rotate(-3deg);background:#e3ded2;border:1px solid #9e988d;box-shadow:0 12px 22px rgba(0,0,0,.28);transition:.25s ease;}
.mailEnvelope::before,.mailEnvelope::after{content:"";position:absolute;left:0;right:0;top:0;height:100%;clip-path:polygon(0 0,50% 56%,100% 0);background:#c9c2b3;opacity:.72;}.mailEnvelope::after{clip-path:polygon(0 100%,50% 48%,100% 100%);background:#f0ece3;opacity:1;}
.mailEnvelope i{position:absolute;z-index:3;width:22px;height:22px;border-radius:50%;background:#7967a5;left:37px;top:26px;box-shadow:0 0 0 2px #c4b9a1;}
.mailboxBase{position:absolute;left:5%;right:5%;bottom:14px;height:72px;display:grid;place-items:center;background:linear-gradient(180deg,#18181c,#0b0b0e);border:1px solid rgba(255,255,255,.06);color:#8e8a91;font:800 8px/1 Arial,sans-serif;letter-spacing:.18em;box-shadow:0 24px 38px rgba(0,0,0,.34);}
.ideaMailbox:hover .mailEnvelope{transform:translateX(-50%) translateY(12px) rotate(1deg);}.ideaMailbox:hover .mailSlot{border-color:rgba(240,200,0,.42);}

.maintenanceFooter{width:min(1180px,100%);margin:0 auto;padding:17px 0 2px;display:flex;align-items:center;justify-content:center;gap:13px;color:#5f5c63;font-size:7px;letter-spacing:.18em;}.maintenanceFooter i{width:28px;height:1px;background:rgba(240,200,0,.13);}

/* Editorial dialogs */
.maintenanceDialog{width:min(930px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 40px));overflow:auto;padding:42px clamp(22px,4vw,48px) 34px;border:1px solid rgba(240,200,0,.25);border-radius:6px;background:radial-gradient(circle at 82% 8%,rgba(117,96,181,.12),transparent 26%),linear-gradient(160deg,rgba(24,24,29,.99),rgba(7,7,10,.995));color:#eee8dc;box-shadow:0 46px 120px rgba(0,0,0,.78),inset 0 1px rgba(255,255,255,.04);}
.maintenanceDialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(12px);}
.maintenanceDialog[open]{animation:dialogIn .2s ease-out;}@keyframes dialogIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
.maintenanceClose{position:sticky;float:right;top:0;z-index:4;width:35px;height:35px;border-radius:2px;border:1px solid rgba(255,255,255,.1);background:#111115;color:#ddd7cd;font-size:18px;cursor:pointer;}.maintenanceClose:hover{border-color:rgba(240,200,0,.35);color:#f0d54f;}
.dialogSeal{width:49px;height:49px;display:grid;place-items:center;margin-bottom:16px;border:1px solid rgba(240,200,0,.35);font-family:Georgia,serif;font-size:22px;color:#d8bd53;background:rgba(240,200,0,.03);}.dialogSeal.nineU{border-color:rgba(117,96,181,.42);color:#ad9ce8;}.ideaSeal{font-family:Arial,sans-serif;font-size:18px;}
.dialogEyebrow{margin:0 0 7px;color:#9a8bbc;font-size:8px;font-weight:850;letter-spacing:.22em;}.maintenanceDialog h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,6vw,58px);line-height:1;font-weight:500;letter-spacing:-.035em;}.dialogIntro{max-width:800px;margin:18px 0 24px;color:#c8c2b9;font-size:14px;line-height:1.68;}.dialogColumns{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding-top:19px;border-top:1px solid rgba(240,200,0,.11);}.dialogColumns h3{margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:500;color:#e3cd6a;}.dialogColumns p{margin:0 0 13px;color:#a09ca4;font-size:12px;line-height:1.7;}.dialogColumns strong{color:#d8cfc0;}.dialogEndnote{margin-top:16px;padding:13px 15px;border-left:3px solid var(--nt-yellow);background:rgba(240,200,0,.045);color:#8d887e;font-size:8px;font-weight:800;letter-spacing:.18em;}

/* Idea form */
.ideaDialog{width:min(650px,calc(100vw - 28px));}.ideaDialogIntro{margin-bottom:20px;}.ideaForm{display:grid;gap:14px;padding-top:18px;border-top:1px solid rgba(240,200,0,.11);}.ideaForm label{display:grid;gap:7px;position:relative;}.ideaForm label>span{color:#a5a0a7;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;}.ideaForm input,.ideaForm textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:#0b0b0f;color:#eee8dc;padding:12px 13px;font:13px/1.45 Arial,sans-serif;outline:none;resize:none;transition:.18s ease;}.ideaForm input:focus,.ideaForm textarea:focus{border-color:rgba(240,200,0,.45);box-shadow:0 0 0 3px rgba(240,200,0,.04);}.ideaCount{position:absolute;right:9px;bottom:8px;color:#66636a;font-size:9px;}.ideaCount b{color:#d1bb4a;font-weight:800;}.ideaAnon{margin:0;color:#77737a;font-size:9px;line-height:1.55;}.ideaSubmit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 15px;border:1px solid #f0c800;background:#f0c800;color:#0a0a0a;cursor:pointer;font-weight:900;letter-spacing:.12em;transition:.2s ease;}.ideaSubmit:hover{background:#ffe04b;}.ideaSubmit:disabled{opacity:.45;cursor:wait;}.ideaSubmit i{font-style:normal;font-size:17px;}.ideaStatus{min-height:18px;margin:0;color:#9f9aa2;font-size:10px;line-height:1.5;}.ideaStatus.ok{color:#86cf9e}.ideaStatus.error{color:#e8a08e}.ideaHoneypot{position:absolute!important;left:-99999px!important;opacity:0!important;pointer-events:none!important;}

@media(max-width:920px){
  .topbar{grid-template-columns:1fr!important;gap:7px!important;}.brand{justify-self:center!important;}.centerDeck{grid-column:1!important;grid-row:2!important;width:100%;}.audioBar{grid-template-columns:auto 32px minmax(90px,1fr) auto auto auto auto auto minmax(70px,1fr) 58px!important;gap:3px!important;}
  .maintenanceShell{padding-inline:14px}.maintenanceHero{grid-template-columns:1fr;gap:6px;padding-top:30px}.sealedPortal{min-height:430px}.worldFirstBanner{grid-template-columns:auto 1fr}.bannerSeal{display:none}.maintenanceActions{grid-template-columns:1fr 1fr}.ideaStation{grid-template-columns:1fr;grid-template-areas:"intro" "mailbox" "privacy";gap:18px}.ideaMailbox{max-width:520px;margin:0 auto;}
}
@media(max-width:660px){
  body{overflow:auto!important;display:block!important}.topbar{position:sticky!important;top:0!important}.maintenanceShell{overflow:visible;min-height:calc(100vh - 110px);padding-top:13px}.audioBar{height:auto!important;grid-template-columns:auto 30px minmax(0,1fr) auto auto auto!important;grid-template-rows:auto auto!important}.audioBar #audioRandom{display:none}.audioBar .audioSeek{grid-column:1/6}.audioBar .audioVolume{grid-column:6}.maintenanceNotice{align-items:flex-start;flex-wrap:wrap}.noticeLive{margin-left:40px}.constructionTape{justify-content:flex-start;padding-inline:18px}.maintenanceHero{padding-inline:0;padding-bottom:32px}.heroCopy h1{font-size:45px}.heroLead{font-size:14px}.serviceLedger{grid-template-columns:1fr}.sealedPortal{min-height:360px;transform:scale(.86);margin:-25px 0}.portalWall{width:350px;height:395px}.worldFirstBanner{grid-template-columns:1fr}.bannerWarning{width:100%;height:48px;justify-content:flex-start;padding-left:18px;box-sizing:border-box}.bannerCopy{padding:18px}.maintenanceActions{grid-template-columns:1fr;gap:11px}.dialogColumns{grid-template-columns:1fr;gap:8px}.maintenanceDialog{padding:28px 19px}.ideaStation{padding:24px 15px}.ideaMailbox{min-height:230px}.maintenanceFooter{flex-wrap:wrap}.tapeTop,.tapeBottom{transform:none;}
}