/* Reference access belongs to the same quiet visual language as the journey. */
.reference-bar{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:23px;padding:27px 29px;margin:28px 0 48px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink)}.reference-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:22px}.reference-eyebrow{font:10px/1.6 var(--mono);letter-spacing:.12em;color:var(--accent);margin:0 0 8px}.reference-title{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.025em}.reference-description{font-size:12px;line-height:1.85;color:var(--muted);margin:8px 0 0;max-width:68ch}.reference-actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.reference-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--accent);border-radius:99px;padding:11px 19px;background:var(--accent);color:var(--bg);font:600 12px/1.5 var(--sans);text-align:center;cursor:pointer;transition:transform .2s,filter .2s}.reference-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.reference-button:disabled{cursor:wait;opacity:.55;transform:none}.reference-device-note{font:9px/1.6 var(--mono);color:var(--muted);padding-left:6px}.reference-live:empty{display:none}.reference-live{display:block;font-size:12px;line-height:1.8;color:var(--accent);margin-top:8px}.reference-bar[data-status=approved]{border-color:var(--accent)}.reference-dialog{color:var(--ink);background:var(--surface);width:min(650px,calc(100vw - 32px));max-height:calc(100svh - 40px);border:1px solid var(--line);border-radius:23px;padding:32px;box-shadow:0 28px 100px #071c3d40;overscroll-behavior:contain}.reference-dialog::backdrop{background:#07182e80;backdrop-filter:blur(6px)}.reference-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:23px}.reference-dialog h2{font:600 clamp(26px,4vw,35px)/1.13 var(--sans);letter-spacing:-.055em;margin:0;max-width:440px}.reference-close{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);color:var(--muted);background:var(--soft);font:24px/1 var(--sans);cursor:pointer}.reference-close:hover{color:var(--accent);border-color:var(--accent)}.reference-dialog-intro{font:13px/1.85 var(--sans);color:var(--muted);margin:19px 0 25px}.reference-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reference-field{display:flex;flex-direction:column;gap:7px;min-width:0;font:500 12px/1.6 var(--sans);color:var(--ink)}.reference-field input,.reference-field textarea{width:100%;min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:400 14px/1.6 var(--sans)}.reference-field textarea{resize:vertical;min-height:94px}.reference-field input:hover,.reference-field textarea:hover{border-color:var(--accent)}.reference-field input::placeholder,.reference-field textarea::placeholder{color:var(--muted);opacity:.8}.reference-field-wide{grid-column:1/-1}.reference-consent{display:flex;gap:11px;align-items:flex-start;margin:20px 0;font:11px/1.8 var(--sans);color:var(--muted);cursor:pointer}.reference-consent input{width:16px;height:16px;flex-shrink:0;accent-color:var(--accent);margin:3px 0 0}.reference-form-footer{display:flex;align-items:center;gap:18px}.reference-form-footer>span{max-width:270px;font:10px/1.8 var(--sans);color:var(--muted)}.reference-form-error{border:1px solid #cf7777;border-radius:10px;padding:11px 13px;color:var(--ink);background:var(--soft);font:12px/1.8 var(--sans);margin:14px 0}.reference-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:24px;margin-top:27px}.reference-explainer>div{display:flex;flex-direction:column;gap:7px}.reference-explainer span{font:10px/1.5 var(--mono);color:var(--accent)}.reference-explainer strong{font:500 12px/1.7 var(--sans)}.reference-explainer p{font:11px/1.85 var(--sans);color:var(--muted);margin:0}.reference-modal-note{font:10px/1.85 var(--sans);color:var(--muted);margin:24px 0 0}.reference-request-status{padding:20px 22px;border:1px solid var(--line);border-radius:13px;background:var(--soft);font:13px/1.8 var(--sans)}.reference-request-status strong{display:block;font-weight:600;margin-bottom:6px}.reference-request-status p{color:var(--muted);margin:0}.reference-request-status[data-status=approved]{border-color:var(--accent)}.reference-detail-note{padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:var(--soft);margin:21px 0;font:12px/1.8 var(--sans);color:var(--muted)}.reference-detail-note p{margin:0}.reference-text-button{font:600 12px/1.7 var(--sans);color:var(--accent);background:none;border:0;border-bottom:1px solid currentColor;padding:4px 0;margin-top:9px;text-align:left;cursor:pointer}.reference-trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.reference-button:focus-visible,.reference-close:focus-visible,.reference-field input:focus-visible,.reference-field textarea:focus-visible,.reference-consent input:focus-visible,.reference-text-button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.reference-bar{grid-template-columns:36px minmax(0,1fr);gap:15px;padding:23px}.reference-symbol{width:36px;height:36px}.reference-actions{grid-column:2;margin-top:2px}.reference-title{font-size:16px}.reference-description{font-size:12px}}
@media(max-width:600px){.reference-bar{grid-template-columns:1fr;padding:22px;margin-bottom:32px;gap:14px}.reference-symbol{display:none}.reference-actions{grid-column:auto;align-items:stretch;gap:10px}.reference-button{font-size:12px}.reference-device-note{padding-left:0;text-align:center}.reference-dialog{padding:23px;border-radius:18px;max-height:calc(100svh - 26px)}.reference-dialog h2{font-size:28px}.reference-dialog-header{gap:12px}.reference-fields{grid-template-columns:1fr;gap:15px}.reference-form-footer{flex-direction:column;align-items:stretch;gap:12px}.reference-form-footer>span{max-width:none;text-align:center}.reference-explainer{gap:12px}.reference-explainer strong{font-size:11px}.reference-explainer p{font-size:10px}.reference-dialog-intro{font-size:12px}.reference-consent{font-size:11px}}
@media(prefers-reduced-motion:reduce){.reference-button{transition:none}.reference-button:hover{transform:none}}
.reference-badge{display:inline-flex;gap:7px;align-items:center;font:9px/1.6 var(--mono);letter-spacing:.04em;color:var(--accent);border:1px solid var(--line);background:var(--soft);padding:5px 9px;border-radius:99px;margin:0 0 12px}.reference-request{display:block;margin-top:11px;padding:5px 0;background:none;border:0;color:var(--muted);text-align:left;font:11px/1.6 var(--sans)}.reference-request:hover{color:var(--accent)}.reference-revealed .reference-badge{background:var(--soft);border-color:var(--accent)}