/* X&X Tap v0.2 experience + Hub, monochrome only */
:root{--xx-black:#111;--xx-white:#F7F5F0;--xx-line:#dad7cf;--xx-sans:'Manrope',sans-serif;--xx-serif:'Cormorant Garamond',serif}
[hidden]{display:none!important}
.xx-demo-bar,.xx-hub-top{min-height:70px;background:#0c0c0c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px max(22px,4vw);font-size:11px;letter-spacing:.09em;font-weight:700}
.xx-demo-bar a,.xx-hub-top a{color:#fff;text-decoration:none}.xx-demo-bar>span{color:#aaa}.xx-demo-edit,.xx-hub-actions button{padding:10px 16px;border:1px solid #777;border-radius:50px}
.xx-profile-page{background:#eae7df;color:#111}.xx-profile-main{max-width:545px;margin:0 auto;padding:40px 16px 60px}
.xx-disclaimer{font-size:11px;color:#666;line-height:1.6;text-align:center;margin:24px auto;max-width:480px}
.xx-public{background:#F7F5F0;color:#111;min-height:600px;overflow:hidden;border-radius:23px;border:1px solid #d5d2cb;box-shadow:0 35px 110px #1112}
.xx-cover{height:175px;background:linear-gradient(132deg,#111 22%,#252525 60%,#090909);display:flex;align-items:flex-start;justify-content:center;padding:24px;color:#aaa;letter-spacing:.2em;font-size:9px;font-weight:800}
.xx-public-inner{padding:0 34px 35px;text-align:center}.xx-portrait{height:104px;width:104px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:#242424;color:#fff;margin:-56px auto 18px;position:relative;border:5px solid #F7F5F0;font:600 38px var(--xx-serif)}.xx-portrait img{height:100%;width:100%;object-fit:cover}
.xx-greeting{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;max-width:340px;margin:auto;line-height:1.7}
.xx-public h1{font-family:var(--xx-serif);font-size:clamp(42px,6vw,56px);font-weight:600;line-height:.99;letter-spacing:-.03em;margin:14px 0 8px}
.xx-role{font-size:11px;color:#62615d;line-height:1.6}.xx-bio{font-size:12px;line-height:1.8;color:#555;max-width:350px;margin:15px auto 24px}
.xx-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:32px}.xx-contact-actions button,.xx-contact-actions a{background:#111;color:#fff;border:1px solid #111;border-radius:40px;padding:14px 8px;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none}.xx-contact-actions a{background:transparent;color:#111}
.xx-links-label,.xx-mini-kicker{display:block;letter-spacing:.2em;font-size:9px;font-weight:800;text-align:left;margin-bottom:12px}.xx-profile-links{display:grid;gap:10px}.xx-link-card{border:1px solid #c7c4bd;background:#fff;border-radius:12px;padding:15px;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;color:#111;text-decoration:none;text-align:left;box-shadow:0 3px 0 #e2e0db;transition:transform .18s,border-color .18s}.xx-link-card:hover{transform:translateY(-2px);border-color:#111}.xx-link-glyph{font-size:10px;color:#888}.xx-link-card strong{font-size:13px}
.xx-mini-sections{margin-top:32px;text-align:left}.xx-mini-sections section{padding:28px 0;border-top:1px solid #d4d0c8}.xx-mini-sections h2{font:500 36px/1 var(--xx-serif);margin:9px 0}.xx-mini-sections p{font-size:12px;line-height:1.8;color:#666}.xx-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.xx-gallery div{height:120px;background:#222;color:#fff;display:flex;align-items:flex-end;padding:16px;font-size:12px;line-height:1.6}.xx-gallery div+div{background:#555}.xx-inquiry{display:inline-flex;margin-top:6px;background:#111;color:#fff;padding:12px 16px;border-radius:30px;font-size:11px;font-weight:800}.xx-profile-footer{font-size:9px;color:#777;margin-top:30px;letter-spacing:.06em}
.xx-public.theme-noir{background:#101010;color:#fff;border-color:#444}.theme-noir .xx-portrait{border-color:#101010;background:#fff;color:#111}.theme-noir .xx-role,.theme-noir .xx-bio,.theme-noir .xx-mini-sections p{color:#b5b5b5}.theme-noir .xx-link-card{background:#222;border-color:#414141;box-shadow:none;color:#fff}.theme-noir .xx-contact-actions button{background:#fff;color:#111}.theme-noir .xx-contact-actions a{color:#fff;border-color:#888}.theme-noir .xx-mini-sections section{border-color:#333}
.xx-public.theme-future{background:#f4f4f2}.theme-future .xx-cover{background:repeating-linear-gradient(90deg,#111 0,#111 1px,#222 1px,#222 42px)}.theme-future .xx-link-card{border-radius:2px;border-color:#111;box-shadow:4px 4px 0 #c0beb7}.theme-future .xx-contact-actions>*{border-radius:3px}
.xx-hub-page{background:#F1EFEA}.xx-hub-top{position:sticky;top:0;z-index:25;min-height:74px}.xx-hub-brand{display:flex;align-items:center;gap:12px;letter-spacing:.15em}.xx-hub-brand img{width:40px;height:40px;object-fit:contain;filter:brightness(3)}.xx-hub-brand span{display:grid;gap:3px}.xx-hub-brand small{font-size:8px;letter-spacing:.18em;color:#aaa}.xx-hub-actions{display:flex;gap:16px;align-items:center}.xx-hub-actions button{background:#fff;border:0;color:#111;font-size:11px;font-weight:800;cursor:pointer}.xx-demo-indicator{color:#aaa;font-size:9px}
.xx-hub-layout{display:grid;grid-template-columns:225px minmax(300px,1fr) minmax(315px,420px);min-height:calc(100vh - 74px)}.xx-hub-rail{background:#111;color:#fff;border-top:1px solid #333;padding:34px 13px;display:flex;flex-direction:column;gap:5px}.xx-hub-rail button,.xx-hub-rail a{font-size:11px;text-align:left;padding:16px;border-radius:9px;border:0;background:none;color:#a9a9a9;cursor:pointer}.xx-hub-rail .active{color:#111;background:#fff;font-weight:800}.xx-hub-rail a{color:#fff;margin-top:18px}.xx-hub-rail-note{border-top:1px solid #333;margin:45px 12px 0;padding-top:24px;color:#9f9f9f;font-size:10px;line-height:1.8}
.xx-hub-editor{padding:48px clamp(20px,3vw,56px) 90px;min-width:0}.xx-hub-heading>span,.xx-preview-head span{font-size:10px;font-weight:800;letter-spacing:.22em}.xx-hub-heading h1{font:600 clamp(46px,5vw,74px)/1 var(--xx-serif);margin:15px 0 10px}.xx-hub-heading p{color:#777;font-size:13px}.xx-demo-alert{background:#e4e1db;border-left:3px solid #111;padding:16px 20px;font-size:11px;line-height:1.7;margin:25px 0}.xx-tier-selector{background:#fff;border:1px solid #e0ded8;padding:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.xx-tier-selector label{font-size:11px;font-weight:800}.xx-tier-selector select{padding:10px 15px;border:1px solid #ccc;font:600 12px var(--xx-sans);min-width:125px}.xx-tier-selector span{font-size:10px;color:#777}
.xx-editor-panel{background:#fff;border:1px solid #e0ded8;padding:clamp(20px,3vw,32px);border-radius:5px}.xx-editor-panel h2{font:600 38px/1 var(--xx-serif);margin:0}.xx-editor-panel>p{font-size:12px;line-height:1.7;color:#777;margin:12px 0 22px}.xx-editor-panel h3{font:600 25px var(--xx-serif);margin:24px 0 12px}.xx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.xx-form-grid .wide{grid-column:1/-1}.xx-form-grid label{display:grid;gap:7px;font-size:11px;font-weight:800}.xx-form-grid input,.xx-form-grid textarea,.xx-link-fields input{border:1px solid #d1cec7;border-radius:6px;background:#fbfaf8;padding:12px 13px;min-width:0;color:#111}.xx-form-grid textarea{resize:vertical;font:inherit;min-height:92px}.xx-photo-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:21px 0}.xx-photo-controls button,.xx-upload,.xx-editor-bottom button{border:1px solid #111;background:#111;color:#fff;border-radius:50px;padding:12px 16px;font-size:11px;font-weight:800;cursor:pointer}.xx-upload input{display:block;font-size:9px;margin-top:10px;max-width:230px}.xx-photo-controls small,.xx-editor-panel small{color:#777;font-size:10px;line-height:1.7}.xx-choice-row,.xx-theme-grid{display:flex;flex-wrap:wrap;gap:10px}.xx-choice-row button,.xx-theme-grid button{border:1px solid #ccc;background:#fff;padding:13px 15px;font-size:11px;cursor:pointer}.xx-choice-row .selected,.xx-theme-grid .selected{border-color:#111;box-shadow:inset 0 0 0 1px #111;background:#f1eee9}.xx-theme-grid button{display:grid;text-align:left;gap:6px;min-width:155px;min-height:100px}.xx-theme-grid button span{font-size:10px;color:#777}
.xx-edit-link{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.xx-edit-link>b{font-size:11px;color:#aaa}.xx-link-fields{display:grid;gap:6px;min-width:0}.xx-link-tools{display:flex;gap:3px}.xx-link-tools button{border:1px solid #dedbd4;background:#fff;padding:8px;cursor:pointer}.xx-invalid-url{color:#555}.xx-editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.xx-editor-bottom span{font-size:11px;color:#777}.xx-editor-bottom button:disabled{opacity:.4;cursor:not-allowed}
.xx-tier-lock{padding:16px 18px;background:#f2f0ec;border:1px solid #d7d4cf;color:#555;font-size:11px;line-height:1.8;margin-bottom:17px}.xx-check-options{display:grid;gap:14px;margin:15px 0 20px}.xx-check-options label{font-size:12px}.xx-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.xx-stat-grid>div{border:1px solid #dedbd5;padding:20px 13px;display:grid;gap:14px}.xx-stat-grid span,.xx-stat-grid small{font-size:9px;color:#777}.xx-stat-grid strong{font:600 34px var(--xx-serif)}.xx-process{font-size:12px;line-height:1.9;padding-left:22px}.xx-process li{margin-bottom:12px}
.xx-save-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.xx-save-foot button{padding:13px 20px;border:1px solid #111;background:#111;color:#fff;font-weight:800;border-radius:30px;font-size:11px;cursor:pointer}.xx-save-foot button+button{background:transparent;color:#111}.xx-save-foot span{font-size:10px;color:#555;line-height:1.6}
.xx-hub-preview{background:#e5e3dd;padding:38px 30px 90px;min-width:0;position:relative;border-left:1px solid #d1cfc8}.xx-preview-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:28px}.xx-preview-head div{display:grid;gap:6px}.xx-preview-head strong{font:600 23px var(--xx-serif)}.xx-preview-head a{font-size:10px;text-decoration:underline}.xx-preview-device{width:min(100%,345px);margin:auto;border:9px solid #111;background:#F7F5F0;border-radius:36px;box-shadow:0 30px 50px #1113;overflow:hidden;max-height:770px;overflow-y:auto;scrollbar-width:thin}.xx-preview-camera{height:18px;width:85px;border-radius:0 0 16px 16px;background:#111;position:relative;margin:0 auto -18px;z-index:5}.xx-preview-device .xx-public{border:0;border-radius:25px;box-shadow:none;min-height:auto}.xx-preview-device .xx-cover{height:135px}.xx-preview-device .xx-public-inner{padding:0 18px 25px}.xx-preview-device .xx-portrait{height:78px;width:78px;margin-top:-40px}.xx-preview-device .xx-public h1{font-size:43px}.xx-preview-device .xx-link-card{padding:12px}.xx-preview-device .xx-mini-sections h2{font-size:30px}.xx-hub-preview>small{display:block;max-width:350px;margin:20px auto;color:#666;font-size:10px;line-height:1.7;text-align:center}
@media(max-width:1220px){.xx-hub-layout{grid-template-columns:180px minmax(330px,1fr)}.xx-hub-preview{grid-column:2;grid-row:2}.xx-hub-rail{grid-row:1/span 2}.xx-hub-editor{padding-bottom:35px}.xx-preview-device{max-height:620px}}
@media(max-width:720px){.xx-demo-bar{font-size:9px;flex-wrap:wrap}.xx-demo-bar>span{display:none}.xx-hub-layout{display:flex;flex-direction:column}.xx-hub-rail{flex-direction:row;overflow-x:auto;gap:5px;white-space:nowrap;padding:10px}.xx-hub-rail button{flex-shrink:0;padding:12px}.xx-hub-rail-note,.xx-hub-rail a{display:none}.xx-hub-top{gap:10px}.xx-hub-actions{gap:6px}.xx-hub-actions a,.xx-demo-indicator{display:none}.xx-hub-editor{padding:30px 16px}.xx-hub-preview{padding:24px 16px 50px}.xx-form-grid{grid-template-columns:1fr}.xx-edit-link{grid-template-columns:22px 1fr}.xx-link-tools{grid-column:2}.xx-stat-grid{grid-template-columns:1fr}.xx-profile-main{padding:14px 10px 35px}.xx-public-inner{padding:0 19px 26px}.xx-profile-main .xx-public{border-radius:17px}}