.mesa-dialog{--edge:#483646;--soft:#c4b8c8;--ink:#f6ebdb;--accent:#e6c08c;--main:#1b1520;color:var(--ink);width:min(1160px,calc(100vw - 52px));max-height:min(92dvh,1000px);padding:0;border:1px solid #705766;background:#17121b;border-radius:16px;overflow:auto;scrollbar-width:thin;scrollbar-color:#574657 #1b151e;box-shadow:0 40px 130px #000a;overscroll-behavior:contain}.mesa-dialog::backdrop{background:#09070cc9;backdrop-filter:blur(7px)}.mesa-dialog *{box-sizing:border-box}.mesa-wrap{position:relative}.mesa-head,.mesa-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.mesa-head{padding:14px 24px;border-bottom:1px solid var(--edge);background:linear-gradient(100deg,#211926,#17131b)}.mesa-brand{display:flex;align-items:center;gap:9px;color:#e4bb83}.mesa-brand svg{width:29px;height:29px}.mesa-brand>span{font:500 26px/.95 var(--serif);color:#faedde}.mesa-brand i{height:15px;width:1px;margin:0 7px;background:#574456}.mesa-brand small{font-size:8px;font-weight:650;letter-spacing:2.4px;color:#b9a3b0}.mesa-x,.mesa-circle{height:32px;width:32px;border-radius:50%;border:1px solid #564254;color:#decbdc;background:#281f2b;display:inline-grid;place-items:center;font-size:23px;line-height:1}.mesa-x:hover,.mesa-circle:hover{background:#382a39}.mesa-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,29%)}.mesa-main{min-width:0}.mesa-scene-head{min-height:135px;isolation:isolate;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #44313f;background:radial-gradient(ellipse at 82% 70%,#614559 0%,#302033 31%,#241b28 69%,#201922)}.mesa-scene-head::after{content:"";position:absolute;inset:-45% -8% -65% 36%;z-index:-1;opacity:.4;background:url("assets/astrolabe.svg") 65% 40%/auto 95% no-repeat;transform:rotate(12deg)}.mesa-heading{position:relative;z-index:1;padding:20px 28px}.mesa-kicker{color:#d6b584;font-size:8.5px}.mesa-heading h2{font:500 clamp(40px,3.8vw,56px)/1.03 var(--serif);letter-spacing:-1.7px;color:#fff1df;margin:5px 0}.mesa-subtitle{font-size:11px;color:#d6c6cf}.mesa-still{position:absolute;right:9%;bottom:-21px;height:130px;width:115px;pointer-events:none}.velvet-back{border:1px solid #c7a36e;border-radius:7px;background-color:#302139;background-image:url("assets/astrolabe.svg"),linear-gradient(145deg,#523649,#2b1c31 61%,#422839);background-position:center center;background-size:92% auto,100% 100%;background-repeat:no-repeat;box-shadow:0 5px 15px #07040b80;isolation:isolate}.velvet-back:after{position:absolute;content:"";inset:4px;border:1px solid #b5956b;border-radius:4px;opacity:.8;pointer-events:none}.velvet-back:before{position:absolute;content:"✦";top:8px;left:11px;color:#e5c48f;font-size:10px}.mesa-still b{height:103px;width:65px;position:absolute;bottom:0;left:29%;transform-origin:center 90%;transform:rotate(-26deg)}.mesa-still b:nth-child(2){transform:rotate(-4deg) translate(4px,-10px)}.mesa-still b:nth-child(3){transform:rotate(19deg) translate(15px,-12px)}.mesa-still-shell{inset:0 0 0 auto;width:38%;height:auto;background:linear-gradient(90deg,#332337,transparent 70%),url("assets/buzios.webp") center 45% /cover;mask-image:linear-gradient(90deg,transparent,black 36%);opacity:.8}.mesa-steps{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:12px 28px;background:#1c1620;border-bottom:1px solid #352b39;counter-reset:stage}.mesa-steps li{display:flex;align-items:center;gap:6px;color:#a99aab;font:500 11px/1.4 var(--sans);counter-increment:stage}.mesa-steps li:before{content:counter(stage);display:grid;place-items:center;color:#b5a9b8;border:1px solid #514254;width:19px;height:19px;border-radius:50%;font-size:10px}.mesa-steps li:not(:last-child):after{content:"";height:1px;width:clamp(15px,3vw,46px);background:#49394a;margin-left:6px}.mesa-steps .current{color:#f0d29e}.mesa-steps .current:before,.mesa-steps .done:before{background:#dcc096;border-color:#dcc096;color:#271c24}.mesa-steps .done:before{content:"✓"}.mesa-stage{padding:22px 28px 26px;background:radial-gradient(ellipse at 45% 0,#261b2c 0,#1a151f 70%);min-height:340px}.mesa-section-title{font:500 clamp(29px,2.5vw,38px)/1.12 var(--serif);letter-spacing:-.7px;margin:0 0 14px}.mesa-section-title:focus{outline:none}.mesa-label,.guide-input-label{display:block;font-size:11.5px;font-weight:550;color:#d6c8d9;line-height:1.4;margin:12px 0 6px}.mesa-question-form textarea,.guide-form textarea{resize:vertical;min-height:0;background:#151119;color:#faeedf;border:1px solid #5a475c;border-radius:8px;display:block;width:100%;font:400 13px/1.55 var(--sans);padding:11px 12px}.mesa-question-form textarea::placeholder,.guide-form textarea::placeholder{color:#a499ad}.mesa-samples,.mesa-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.mesa-samples{margin:7px 0 16px}.sample-chip,.mesa-neutral{border:1px solid #4c3e51;color:#d4c8d5;border-radius:15px;padding:4px 10px;font-size:10.8px;background:#251c2a}.sample-chip:hover,.mesa-neutral:hover{border-color:#ad8c63;background:#322536}.spread-choices{display:flex;gap:7px;flex-wrap:wrap}.spread-choice{display:flex;align-items:center;gap:7px;border:1px solid #4c3d51;border-radius:7px;padding:8px 11px;background:#241c29;color:#ede2e9}.spread-choice strong{font-size:11.5px;font-weight:600}.spread-choice small{font-size:10px;color:#b9a9bd}.spread-choice[aria-pressed="true"]{border-color:#b28c5f;background:#342930;color:#f3d6a4}.mesa-check{display:flex;gap:7px;align-items:center;font-size:11px;color:#bcaec4;margin:12px 0 17px;cursor:pointer}.mesa-check input{accent-color:#cca76f}.mesa-gold,.guide-enable,.mesa-neutral{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;font-weight:650;padding:9px 14px;line-height:18px}.mesa-gold{background:linear-gradient(110deg,#ebd0a2,#d5ad75);border:1px solid #efce96;color:#2c1d20;font-size:12px}.mesa-gold:hover{filter:brightness(1.08)}.mesa-neutral{font-size:12px}.mesa-link{padding:2px 0;color:#d8b98d;font-size:11.5px;font-weight:550}.mesa-link:hover{text-decoration:underline;text-underline-offset:3px}.journal-reopen{margin-top:11px}.question-back{margin-left:14px}.mesa-foot{background:#19141d;border-top:1px solid #3b2e3d;padding:11px 24px;font-size:10px;color:#a898ad}.mesa-note{color:#c3b5c8;font-size:12px;line-height:1.65}.mesa-question-form .mesa-note{margin:12px 0 16px}.mesa-intention{font:italic 500 21px/1.3 var(--serif);color:#ddd0dd;margin:4px 0 17px;overflow-wrap:anywhere}.mesa-guide{border-left:1px solid #433346;padding:22px 19px;background:linear-gradient(155deg,#261c2d,#1b151f 68%);display:flex;flex-direction:column;min-width:0}.guide-heading{display:flex;align-items:center;gap:10px}.guide-heading .eyebrow{font-size:8px;letter-spacing:1.6px;color:#bc9c75}.guide-heading h3{font:500 27px/1.1 var(--serif);margin:2px 0 0;letter-spacing:-.5px}.guide-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;border:1px solid #735a61;color:#e2c08c;font:20px/1 var(--serif);background:#33252f}.guide-model{border:1px solid #4f3e53;background:#211925;padding:11px 12px;border-radius:9px;margin:16px 0 12px}.guide-status{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#e6d5e9}.guide-dot{width:6px;height:6px;border-radius:50%;background:#ad91bd}.guide-dot.ready{background:#a8c49e;box-shadow:0 0 6px #849f75}.guide-note,.guide-progress{font-size:11px;line-height:1.55;color:#beaec3;margin:6px 0 0;overflow-wrap:anywhere}.guide-progress{color:#e0c29a}.guide-enable{font-size:11px;background:#362837;border:1px solid #795e64;color:#f0cfa1;margin-top:10px;padding:5px 10px}.guide-model .mesa-link{font-size:10px;margin-top:4px}.guide-log{flex:1;min-height:72px;max-height:385px;overflow:auto;scrollbar-width:thin;scrollbar-color:#68516b transparent;overscroll-behavior:contain}.guide-log .mesa-note{font:italic 500 18px/1.4 var(--serif);color:#c2b3c6;padding:3px 2px}.chat-line{background:#2b202f;border:1px solid #423345;border-radius:8px;margin-top:7px;padding:8px 9px}.chat-line.user{background:#30292a;border-color:#53413c}.chat-line b{font-size:9.5px;letter-spacing:.5px;color:#d4bfa5}.chat-line p{font:400 12px/1.55 var(--sans);white-space:pre-line;overflow-wrap:anywhere;color:#e1d4e4;margin-top:3px}.guide-form{margin-top:auto;padding-top:8px}.guide-form>div{position:relative}.guide-input-label{font-size:10px;margin:4px 0}.guide-form textarea{font-size:12px;padding:9px 34px 9px 9px}.guide-form button{position:absolute;right:6px;bottom:7px;width:25px;height:25px;color:#261b20;background:#ddbc87;border-radius:50%;font-size:15px}.guide-form button:disabled,.guide-form textarea:disabled{opacity:.55;cursor:default}
.mesa-slots{display:grid;grid-template-columns:repeat(var(--slots),minmax(0,1fr));margin:8px 0 18px;gap:10px;padding:12px 8px;background:radial-gradient(ellipse,#362638,#211924);border:1px solid #473546;border-radius:10px}.mesa-slot{display:flex;align-items:center;flex-direction:column;text-align:center;min-width:0;position:relative}.slot-card{width:clamp(55px,6.6vw,86px);aspect-ratio:.595;border-radius:4px;position:relative;display:grid;place-items:center}.slot-card.blank{font:italic 26px/1 var(--serif);border:1px dashed #78616f;color:#a88d86;background:#271c2b}.slot-card.filled{box-shadow:0 5px 14px #0d0b1088;border:1px solid #b49b72;background:#ae9865;overflow:hidden}.mesa-card-art{width:100%;height:100%;object-fit:fill;display:block}.mesa-card-art.inverse{transform:rotate(180deg)}.slot-position{font-size:8.5px;font-weight:650;text-transform:uppercase;letter-spacing:1.2px;color:#d4b282;margin-top:7px}.slot-name{font:600 16px/1.1 var(--serif);margin:3px 0;color:#f5e7d8}.slot-direction{font-size:9px;color:#bfacbf}.mesa-deck-caption{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#d7c7da;font-size:11.5px}.mesa-deck-caption b{font-size:10px;font-weight:500;color:#be9a72}.mesa-fan{display:flex;justify-content:center;align-items:flex-start;isolation:isolate;perspective:900px;height:136px;margin:7px 2px 0;padding-top:12px;padding-left:3%}.fan-card{position:relative;flex:0 0 clamp(40px,8.7%,71px);aspect-ratio:.60;margin-left:-2.1%;transform-origin:center 120%;transform:translateY(var(--offset-y)) rotate(var(--fan-angle));transition:transform .23s,filter .23s,opacity .23s}.fan-card:hover,.fan-card:focus-visible{z-index:2;transform:translateY(-6px) rotate(var(--fan-angle)) rotateY(-9deg);filter:brightness(1.2)}.fan-card:disabled{opacity:.12;pointer-events:none;box-shadow:none}.mesa-paging{display:flex;align-items:center;justify-content:center;gap:12px;margin:1px 0 13px;color:#bcacbd;font-size:10.4px}.mesa-circle{width:26px;height:26px;font-size:16px}.mesa-circle:disabled{opacity:.3;cursor:default}.mesa-count{text-align:center;font-size:12px;color:#e1c9a7;margin:0 0 18px}.mesa-reading-copy{border-top:1px solid #453445;padding-top:3px}.mesa-reading-copy h4{font:600 22px/1.1 var(--serif);color:#f1dfc6;margin:13px 0 4px}.mesa-reading-copy p{font-size:13px;line-height:1.65;color:#d8cbdc;margin:5px 0;overflow-wrap:anywhere}.mesa-reading-copy .mesa-reflection{border-left:2px solid #997556;padding:5px 10px;margin:11px 0;color:#e3cca8}.mesa-inline-detail{padding:8px 0;border-top:1px solid #483449;margin-top:13px}.mesa-inline-detail summary{color:#d9bb91;font-size:12px;cursor:pointer}.mesa-actions{margin-top:17px}
@keyframes mesaReveal{from{opacity:.3;transform:perspective(400px) rotateY(78deg) translateY(-6px)}to{opacity:1;transform:none}}
@media(min-width:1400px){.mesa-stage{padding:25px 32px}.mesa-scene-head{min-height:146px}.mesa-guide{padding:24px}.mesa-fan{height:145px}}
@media(max-width:830px){.mesa-dialog{width:calc(100vw - 22px);max-height:94dvh}.mesa-layout{grid-template-columns:minmax(0,1fr) 235px}.mesa-heading,.mesa-stage{padding-left:19px;padding-right:19px}.mesa-steps{padding-left:19px;padding-right:19px}.mesa-guide{padding:18px 13px}.spread-choice{padding:7px;gap:3px}.spread-choice small{display:none}.mesa-scene-head{min-height:118px}.mesa-still{right:5%}.mesa-fan{height:108px}.fan-card{aspect-ratio:.55}.mesa-slots{gap:5px}.mesa-stage{min-height:0}}
@media(max-width:695px){.mesa-dialog{width:calc(100vw - 16px);max-height:94dvh;border-radius:13px}.mesa-layout{display:flex;flex-direction:column}.mesa-head{padding:10px 15px}.mesa-head small{font-size:7px}.mesa-foot{padding:9px 15px}.mesa-guide{padding:16px 18px;border-left:0;border-top:1px solid var(--edge)}.mesa-guide .guide-log{max-height:260px;min-height:0}.guide-form{margin-top:6px}.guide-model{margin:11px 0 8px}.mesa-stage{padding:16px 18px 20px}.mesa-steps{padding:9px 18px}.mesa-heading{padding:15px 18px}.mesa-scene-head{min-height:100px}.mesa-heading h2{font-size:36px}.mesa-subtitle{font-size:10px}.mesa-kicker{font-size:7.8px}.mesa-still{transform:scale(.85);transform-origin:right bottom}.mesa-section-title{font-size:29px}.mesa-slots{padding:10px 5px}.slot-card{width:min(17.8vw,78px)}.mesa-fan{height:103px}.mesa-samples{gap:5px}.sample-chip{font-size:9.5px;padding:4px 7px}.spread-choice small{display:inline}.spread-choice{padding:6px}.guide-heading h3{font-size:24px}.mesa-intention{font-size:19px}.mesa-gold,.mesa-neutral{padding:8px 10px}.mesa-model-note{font-size:10px}}
@media(max-width:375px){.spread-choice small{display:none}.mesa-still{opacity:.55;right:0}.mesa-steps li:not(:last-child):after{width:9px}.mesa-gold,.mesa-neutral{font-size:11px}.mesa-deck-caption{font-size:10px}.mesa-fan{padding-left:1%;height:94px}.fan-card{flex-basis:32px}}
@media(prefers-reduced-motion:reduce){.slot-card.filled{animation:none}.fan-card{transition:none}}

.mesa-head{position:sticky;top:0;z-index:5}.mesa-dialog .guide-model a{display:block;margin-top:8px}.mesa-paging{position:relative}.mesa-fan{margin-bottom:7px}

@media(min-width:696px){.mesa-guide{position:sticky;top:58px;align-self:start;height:clamp(410px,69dvh,685px);max-height:calc(92dvh - 88px)}.mesa-layout{background:#1d1622}.guide-log{min-height:0}}

.mesa-dialog .guide-model a.guide-model-name{display:inline-block;margin:4px 0 0;font-size:10px;text-decoration:underline;text-underline-offset:2px;color:#c4a97d}
