:root{--canvas:#080a0c;--surface:#11161b;--raised:#192028;--ink:#f2f1eb;--muted:#adb3b8;--line:#41484f;--action:#eef1ff;--action-ink:#101319;--cool:#84a2ff;--warm:#e5b380;--error:#f0b1a2;--radius:10px;--card-radius:18px;--fast:120ms;--panel:240ms;--layout:360ms;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--canvas);color:var(--ink)}body{font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:var(--radius);background:transparent;min-height:44px;padding:10px 16px}button:disabled{opacity:.5;cursor:not-allowed}button,a{transition:background var(--fast),color var(--fast),border-color var(--fast),transform var(--fast)}button:active,.primary:active,.secondary:active{transform:translateY(1px)}button:hover:not(:disabled){border-color:#a2abc1}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,3.8vw,54px);font-weight:400;line-height:1.3;letter-spacing:-.04em}h2{font-size:24px;font-weight:400;line-height:1.4}p{line-height:1.7}small{font-size:13px;line-height:1.6;color:var(--muted)}label{display:block;font-size:15px;line-height:1.6;color:var(--muted)}input:not([type=checkbox]),textarea,select{width:100%;margin-top:8px;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:#0c1015;color:var(--ink);padding:12px 14px}input::placeholder,textarea::placeholder{color:#89949f}textarea{resize:vertical;min-height:96px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--action);flex-shrink:0}:focus-visible{outline:2px solid #a5baff;outline-offset:4px}.primary,.secondary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:14px 22px;border-radius:var(--radius);font-size:16px;border:1px solid var(--line)}.primary{background:var(--action);color:var(--action-ink);border-color:var(--action);font-weight:500}.primary:hover{background:#fff}.secondary{background:#0c1019}.quiet-button,.text-button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:10px 0;min-height:44px;color:var(--muted)}.text-button{font-size:15px}.eyebrow{display:block;font-size:12px;letter-spacing:.1em;color:var(--muted);margin-bottom:20px}.lead{font-size:16px;color:var(--muted);margin-top:16px;line-height:1.8}.department{color:var(--muted);font-size:15px;margin-top:10px}.offsite-brand{display:block;width:250px;max-width:48vw;line-height:0}.offsite-brand img{width:100%;height:auto}.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}.cloud-canvas{display:block;width:100%;height:100%}.error-text{color:var(--error);font-size:15px;line-height:1.65;margin:18px 0}.fine-print{color:var(--muted);font-size:12px;line-height:1.65;margin-top:22px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes breathe{50%{opacity:.3}}
.v2-app{min-height:100svh;padding:0 5vw 60px;background:radial-gradient(ellipse at 20% 8%,#14203444,transparent 44%),var(--canvas)}.v2-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;gap:30px}.v2-header nav{display:flex;gap:32px;align-items:center;font-size:14px}.v2-header nav a{padding:14px 0;color:var(--muted)}.invitation-banner{display:flex;justify-content:space-between;gap:16px;background:#192232;border:1px solid #43536a;margin:20px auto;padding:16px 22px;max-width:1120px;border-radius:10px;font-size:14px}.v2-loading{height:45svh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.loading-dot{width:6px;height:6px;border-radius:50%;background:#d1d9f5;animation:breathe 1.5s infinite}.v2-state{max-width:550px;margin:9vh auto;position:relative}.v2-state h1{margin-bottom:24px}.v2-state p{color:var(--muted);margin:18px 0}.v2-state .primary{margin-top:32px}.v2-home{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:calc(100svh - 190px);max-width:1440px;margin:auto;position:relative}.home-art{height:70vh;max-height:700px;position:relative}.home-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 38% 35%,#84a2ff16,transparent 60%)}.home-copy{max-width:550px;position:relative;animation:reveal var(--panel) both}.home-copy h1{font-size:clamp(32px,4.1vw,62px)}.home-copy h1 span{color:#b8becb}.home-copy .interest-tags{margin-top:26px}.home-actions{display:grid;grid-template-columns:1fr .65fr;gap:12px;margin-top:40px}.home-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:13px;color:var(--muted)}.home-meta strong{font-size:17px;color:var(--ink)}.phase-note{font-size:13px;color:var(--muted);margin-top:28px}.interest-tags{display:flex;flex-wrap:wrap;gap:8px}.interest-tags span,.interest-tags button{display:inline-flex;align-items:center;background:#1a2230;border:1px solid #3b4656;color:#e3e7ee;font-size:14px;border-radius:6px;padding:8px 12px;line-height:1.3;word-break:break-word}.interest-tags button{min-height:36px}.v2-form-layout{max-width:1180px;margin:50px auto;display:grid;grid-template-columns:1.45fr 1fr;gap:7vw;align-items:start}.v2-form{max-width:650px}.v2-form h1{font-size:36px;max-width:520px}.form-progress{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:32px}.v2-form label{margin-top:22px}.interest-search{margin-top:30px!important}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.choice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;text-align:left;line-height:1.45;padding:14px 16px;background:#11161b;border-color:#41484f}.choice[aria-pressed=true]{border-color:#d0daed;background:#263247;color:#fff}.choice[aria-pressed=true]:after{content:'✓';margin-left:5px;font-size:13px}.choice span+span{display:none}.category-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.category-tabs button{font-size:13px;padding:8px 12px;background:transparent;border-color:transparent;min-height:44px;color:var(--muted)}.category-tabs button[aria-pressed=true]{background:#202b3b;color:#fff}.chosen-summary{border-top:1px solid #ffffff20;padding-top:20px;margin:20px 0 24px}.chosen-summary>span{display:block;font-size:13px;color:var(--muted);margin-bottom:14px}.v2-form>.primary{width:100%;margin-top:26px}.preview-column{position:sticky;top:32px}.preview-column summary{color:var(--muted);font-size:12px;padding-bottom:16px;cursor:pointer}.v2-namecard{position:relative;overflow:hidden;isolation:isolate;border:1px solid #4b526266;border-radius:var(--card-radius);padding:34px;background:linear-gradient(140deg,#19242e,#101319 65%);min-height:350px;box-shadow:0 28px 70px #0003}.card-prism{position:absolute;z-index:-1;right:-110px;top:-90px;width:360px;height:360px;border-radius:50%;border:3px solid #bfd2f855;box-shadow:0 0 10px #88a7ff55,inset 0 0 20px #c98f7155;transform:rotate(-35deg) scaleX(.6);pointer-events:none}.v2-namecard h2{font-size:32px;overflow-wrap:anywhere;margin-bottom:4px}.v2-namecard .interest-tags{margin-top:30px}.v2-namecard .eyebrow{font-size:11px}.card-detail{margin-top:22px;border-top:1px solid #ffffff18;padding-top:14px}.card-detail p{font-size:16px;margin-top:3px}.card-tries{margin-top:26px}.card-tries p{margin-top:3px;color:#ced6e8}.card-note{border-left:1px solid #8b9bba;padding-left:14px;margin-top:26px;color:#d5d9e3;font-size:14px;overflow-wrap:anywhere}.detail-block{margin:30px 0;padding:0;border:0}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.detail-heading legend{font-size:21px;line-height:1.5}.switch-topic{margin-top:0!important;max-width:155px}.switch-topic select{font-size:12px;min-height:44px;padding:10px;margin-top:0}.tries-section{border-top:1px solid #ffffff22;margin-top:35px;padding-top:30px}.tries-section h2{font-size:25px}.form-cta{display:flex;justify-content:space-between;gap:14px;margin-top:30px}.form-cta .primary{flex:1;justify-content:center}.visibility-choice{display:flex;align-items:center;gap:12px;margin-top:26px!important;font-size:14px;color:var(--muted)}.save-status{font-size:12px;color:var(--muted);min-height:24px;margin-top:15px}.v2-profile{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;gap:60px;margin:60px auto;align-items:start}.qr-panel{padding:10px 12px;text-align:center}.qr-panel .eyebrow{text-align:center}.v2-qr{display:inline-flex;background:#fff;padding:8px;border-radius:8px}.v2-qr svg{width:248px;max-width:100%;height:auto}.qr-panel>p{font-size:14px;color:var(--muted);margin-top:20px}.profile-tools{display:flex;justify-content:center;gap:36px;border-top:1px solid #ffffff20;margin-top:20px;padding-top:20px;font-size:14px}.nfc-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;color:var(--muted);font-size:13px}.qr-panel .visibility-choice{text-align:left}.v2-target{max-width:520px;margin:8vh auto;position:relative}.v2-target h1{font-size:38px;overflow-wrap:anywhere}.target-orbit{width:200px;height:200px;border:1px solid #749ef477;border-radius:50%;box-shadow:inset 0 0 24px #8c9ee044,0 0 25px #809cf833;position:absolute;right:0;top:20px;transform:rotate(-28deg) scaleX(.34);pointer-events:none;z-index:0;opacity:.4}.target-identity{border-top:1px solid #ffffff22;margin-top:28px;padding:28px 0;position:relative}.target-identity h2{font-size:28px}.target-identity span{display:block;font:12px ui-monospace,monospace;margin-top:20px;color:var(--muted)}.v2-target>p{color:var(--muted);margin:20px 0}.v2-target .interest-tags{margin:26px 0}.v2-target>.primary{width:100%;margin-top:32px}.success-symbol{display:block;font-size:42px;color:#b3c8ff;margin-bottom:20px}.v2-scan{max-width:480px;margin:45px auto}.v2-scan h1{font-size:34px;margin-bottom:28px}.camera-box{aspect-ratio:1;width:100%;background:#11151c;border:1px solid #516074;position:relative;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;overflow:hidden;border-radius:12px}.camera-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-stop{position:absolute;bottom:16px;color:#fff;background:#080a0ccc;border-radius:8px;padding:8px 16px}.camera-loading{z-index:2;display:flex;align-items:center;gap:8px}.scan-corner{position:absolute;width:74%;height:74%;border:1px solid #dce2ee66;pointer-events:none;border-radius:8px}.album-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0 24px}.album-row button{font-size:14px}.v2-scan>.primary{margin-top:22px;width:100%}.v2-result{max-width:800px;margin:45px auto}.result-heading h1{font-size:40px;overflow-wrap:anywhere}.result-heading time{display:block;color:var(--muted);font-size:12px;margin-top:18px}.shared-section{margin-top:32px}.shared-section h2{font-size:13px;color:var(--muted);margin-bottom:12px}.people-fragments{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:36px 0}.people-fragments>article{border-top:1px solid #6e798755;padding-top:20px}.people-fragments h2{font-size:21px;overflow-wrap:anywhere}.people-fragments p{font-size:14px;color:#d1d5df}.fragment-likes{margin-top:12px}.people-fragments .card-detail{margin-top:16px}.conversation-prompts{margin-top:40px}.conversation-prompts article{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:24px 0;border-top:1px solid #ffffff26}.prompt-number{font:12px ui-monospace,monospace;color:#9aabd1;padding-top:5px}.conversation-prompts article p{font-size:20px;line-height:1.7}.v2-result>.primary{margin-top:32px}.legacy-result{padding:30px 0}.legacy-result h2{font-size:32px;white-space:pre-line}.legacy-result p{margin-top:20px}.v2-list{max-width:820px;margin:50px auto}.v2-list h1 small{font-size:16px;color:var(--muted);letter-spacing:0;margin-left:16px}.encounter-row{display:grid;grid-template-columns:45px 1fr auto;gap:20px;padding:24px 0;border-bottom:1px solid #ffffff20;align-items:center}.encounter-row>span{font:12px ui-monospace,monospace;color:var(--muted)}.encounter-row h2{font-size:22px;overflow-wrap:anywhere}.encounter-row p{font-size:13px;color:var(--muted);margin-top:6px}.encounter-row time{font-size:13px;color:var(--muted)}.empty-editorial{padding:70px 0;color:var(--muted)}.empty-editorial a{display:block;color:var(--ink);margin-top:28px}.invite-row{border-bottom:1px solid #ffffff22;padding:28px 0}.invite-row h2{overflow-wrap:anywhere}.invite-row p{color:var(--muted);margin:10px 0 20px}.invite-row>div{display:flex;gap:20px}.v2-list>.secondary{margin-top:30px}.v2-feedback{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(520px,calc(100% - 32px));padding:18px 22px;background:#272029;border:1px solid #977871;color:var(--error);border-radius:12px;z-index:100;box-shadow:0 20px 60px #0009;font-size:14px}.v2-feedback.success{color:#edf1ff;background:#182236;border-color:#66728b}.v2-feedback button{margin-top:2px}.missing-page{min-height:100vh;padding:5vw}.missing-page section{max-width:620px;margin:12vh auto}.missing-page section>p{color:var(--muted);margin:24px 0}.missing-page .primary{width:max-content;margin-top:28px}
.v2-wall-shell{width:100%;min-height:100svh;display:flex;align-items:center;justify-content:center;background:#050609;overflow:hidden}.v2-stage{width:min(100vw,300svh);aspect-ratio:3;position:relative;isolation:isolate;container-type:inline-size;padding:1.33cqw 3cqw;overflow:hidden;background:#07090d}.stage-prism{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.72;pointer-events:none}.v2-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05070ba8,transparent 33%,transparent 65%,#05070bd0),linear-gradient(#05070b77,transparent 25%,transparent 70%,#05070bbb)}.stage-header{height:2.8cqw;display:flex;align-items:center;justify-content:space-between}.stage-header .offsite-brand{width:11cqw;max-width:none}.stage-header>span{font-size:.8cqw;color:#b8c2d9;letter-spacing:.08em}.stage-content{height:23.8cqw;display:grid;grid-template-columns:18% 60% 18%;gap:2%;align-items:center}.stage-galaxy{height:100%;position:relative}.stage-topics,.stage-ranking{height:80%;padding-top:1.7cqw}.stage-topics h1,.stage-ranking h2{font-size:.9cqw;letter-spacing:.1em;color:#c5ccdb;font-weight:400;margin-bottom:2cqw}.stage-wordcloud{display:flex;flex-direction:column;gap:.9cqw;justify-content:center;height:75%}.stage-wordcloud>div{line-height:1.3;white-space:nowrap;display:flex;align-items:baseline;gap:.5cqw}.stage-wordcloud small{font: .65cqw ui-monospace,monospace;color:#bcc5db}.stage-ranking ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.2cqw}.stage-ranking li{display:grid;grid-template-columns:1.2cqw 1fr 1.3cqw;gap:.8cqw;align-items:center;min-height:1.8cqw;transition:transform 750ms}.stage-place{font:.72cqw ui-monospace,monospace;color:#b4c2dc}.stage-name{font-size:1.22cqw;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.stage-ranking strong{font-size:1.3cqw;font-weight:400;text-align:right}.stage-empty{font-size:1cqw;line-height:1.8;color:#b7bfd1;margin-top:4cqw}.stage-metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;gap:3cqw;border-top:1px solid #bec9df44;padding-top:.8cqw;height:4cqw}.stage-metrics>div{display:flex;align-items:baseline;gap:1cqw}.stage-metrics strong{font:2.8cqw ui-monospace,monospace;font-weight:300}.stage-metrics .stage-primary-metric strong{font-size:3.8cqw}.stage-metrics span{font-size:.9cqw;color:#c4cad6}.stage-controls button{width:1.6cqw;height:1.6cqw;min-height:0;border-color:#ffffff3c;border-radius:50%;padding:.3cqw}.stage-controls svg{width:100%;height:100%}.stage-controls small{font-size:.6cqw}.stage-controls{gap:.5cqw!important;align-items:center!important}
.admin{max-width:1280px;margin:auto;padding:32px 40px 70px}.admin>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid #ffffff20}.admin>header>a{font-size:14px;color:var(--muted)}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 40px}.admin-tabs button{border-color:transparent;color:var(--muted);padding:10px 16px}.admin-tabs button[aria-pressed=true]{background:#263247;border-color:#5b6d89;color:#fff}.admin h1{font-size:32px;margin:22px 0}.admin h1+p{font-size:14px;color:var(--muted)}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.admin-actions>input{width:230px;margin:0}.admin-actions>select{width:200px;margin:0}.admin-actions span,.admin-actions p{font-size:13px;color:var(--muted)}.rank-table{border-collapse:collapse;width:100%;margin:30px 0;font-size:14px}.rank-table th{font-size:12px;color:var(--muted);font-weight:400;text-align:left;padding:14px 12px;border-bottom:1px solid #58616b}.rank-table td{padding:18px 12px;border-bottom:1px solid #ffffff22;vertical-align:middle}.rank-table .admin-actions{margin:0;gap:6px}.rank-table button{font-size:12px;min-height:38px;padding:8px 10px}.rank-table td:last-child{max-width:330px}.rank-table .place{font:20px ui-monospace,monospace}.admin-stats{display:flex;gap:45px;margin:35px 0}.admin-stats>div{display:flex;flex-direction:column;gap:10px}.admin-stats strong{font-size:40px;font-weight:300}.admin-stats span{font-size:13px;color:var(--muted)}.people-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.people-confirm{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:90;width:min(600px,calc(100% - 28px));max-height:90svh;overflow:auto;background:var(--surface);border:1px solid #8994a6;padding:28px;border-radius:18px;box-shadow:0 0 0 100vmax #0009,0 25px 100px #0008}.people-confirm h2{margin-bottom:18px}.people-confirm label{margin:14px 0}.people-confirm p{font-size:14px;color:var(--muted)}.nfc-issued{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:12px;white-space:nowrap}.card-create{display:flex;gap:20px;align-items:end;margin:30px 0}.card-create input{width:100px}.card-toolbar{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.card-toolbar label{display:flex;gap:12px;align-items:center}.card-toolbar input{width:180px;margin:0}.card-pager{display:flex;align-items:center;gap:15px;font-size:13px}.card-assign{padding:24px 0;border-bottom:1px solid #ffffff22}.card-assign>label{max-width:660px}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.card-replace{display:flex;gap:16px;align-items:end}.card-replace input{width:180px}.card-url-text{display:block;overflow-wrap:anywhere;font-size:11px;color:var(--muted)}.card-table tr.selected{background:#202b3b}.card-qr{margin-top:25px}.card-qr svg{margin:18px 0;background:#fff}.owner-confirm{color:#c5d5f6;margin:15px 0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.admin-grid article{border:1px solid #465366;background:#11161b;padding:20px;border-radius:10px}.admin-grid article strong{font:32px ui-monospace,monospace;display:block;margin-bottom:10px}.admin-grid article span{font-size:12px;color:var(--muted)}.stage-settings{max-width:700px;padding:20px 0}.stage-settings h2{font-size:22px;margin-bottom:20px}.stage-settings .visibility-choice{margin:12px 0!important}.admin-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-topic-grid label{display:flex;gap:10px;font-size:13px;align-items:center;min-height:44px}.audit-list article{border-bottom:1px solid #ffffff22;padding:18px 0;font-size:13px}.audit-list p{color:var(--muted)}
@media(max-width:900px){.v2-form-layout{gap:30px;grid-template-columns:1.3fr 1fr}.v2-profile{gap:30px}.v2-namecard{padding:24px}.admin{padding:24px}.admin-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.v2-app{padding:0 22px calc(34px + env(safe-area-inset-bottom));}.v2-header{height:83px;gap:16px}.v2-header .offsite-brand{width:185px;max-width:48vw}.v2-header nav{gap:14px;font-size:12px;white-space:nowrap}.desktop-only{display:none!important}.invitation-banner{font-size:12px;padding:13px;flex-direction:column;gap:5px}.v2-home{display:flex;flex-direction:column;min-height:0;align-items:stretch}.home-art{height:190px;margin:-8px -22px -8px}.home-copy{width:100%;max-width:none}.home-copy h1{font-size:34px;line-height:1.35;letter-spacing:-.035em}.home-copy .eyebrow{margin-bottom:18px}.home-copy .lead{font-size:15px;margin-top:16px}.home-copy .interest-tags{margin-top:20px}.home-actions{margin-top:28px;grid-template-columns:1.2fr .8fr;gap:10px}.home-actions .primary,.home-actions .secondary{padding:14px 15px;font-size:14px;min-height:52px;gap:8px}.home-meta{margin-top:20px;gap:12px;font-size:12px}.phase-note{margin-top:20px;font-size:12px}.v2-form-layout{display:flex;flex-direction:column;margin:30px auto 0;gap:24px}.v2-form{width:100%}.v2-form h1{font-size:28px;line-height:1.45}.form-progress{margin-bottom:26px}.choice{font-size:14px;min-height:54px;padding:12px;gap:8px}.choice-grid{gap:9px}.v2-form .lead{font-size:14px}.preview-column{position:static;width:100%;order:2}.preview-column details:not([open]){border-top:1px solid #ffffff25;padding-top:16px}.preview-column summary{padding:16px 0;font-size:14px}.v2-namecard{padding:28px;min-height:280px}.v2-namecard h2{font-size:29px}.preview-column .v2-namecard{min-height:240px}.v2-form label{font-size:14px}.detail-heading legend{font-size:19px}.switch-topic{max-width:115px}.switch-topic select{font-size:11px;padding:8px}.tries-section h2{font-size:23px}.v2-profile{display:flex;flex-direction:column;margin:30px auto;gap:30px}.v2-profile>.v2-namecard{width:100%}.qr-panel{width:100%;padding:0 4px}.v2-qr{padding:8px}.v2-qr svg{width:248px}.v2-target{margin:48px auto;max-width:100%}.v2-target h1{font-size:31px;line-height:1.45}.v2-state{margin:65px auto}.v2-state h1{font-size:30px}.v2-scan{margin-top:30px}.v2-scan h1{font-size:30px}.album-row{gap:10px}.album-row button{font-size:13px}.v2-result{margin:35px auto}.result-heading h1{font-size:32px}.people-fragments{gap:18px;margin-top:28px}.people-fragments h2{font-size:18px}.people-fragments p{font-size:13px;overflow-wrap:anywhere}.card-detail small{font-size:12px}.conversation-prompts{margin-top:28px}.conversation-prompts article{grid-template-columns:24px 1fr;gap:12px;padding:20px 0}.conversation-prompts article p{font-size:18px}.v2-list{margin:35px auto}.v2-list h1{font-size:30px}.v2-list h1 small{font-size:14px}.encounter-row{grid-template-columns:23px 1fr auto;gap:12px;padding:22px 0}.encounter-row h2{font-size:20px}.encounter-row time{font-size:11px}.encounter-row p{font-size:12px}.v2-feedback{font-size:13px;padding:14px 18px}.admin{padding:22px 18px 60px}.admin .offsite-brand{width:200px}.admin-tabs{gap:4px;margin:20px 0}.admin-tabs button{font-size:12px;padding:10px}.admin h1{font-size:26px}.admin-grid{gap:10px}.admin-grid article{padding:15px}.admin-topic-grid{grid-template-columns:repeat(2,1fr)}.card-create,.card-replace{flex-wrap:wrap}.rank-table{min-width:620px}.people-heading .primary{font-size:13px;padding:10px 14px}.stage-controls button{min-height:0}.missing-page{padding:26px}.missing-page h1{font-size:34px}}
.stage-content{grid-template-rows:minmax(0,1fr)}.stage-galaxy{min-width:0;min-height:0;overflow:hidden}.stage-ranking{height:85%;padding-top:1cqw}.stage-ranking h2{margin-bottom:1.2cqw}.stage-ranking ol{gap:.7cqw}.stage-ranking li{min-height:1.9cqw}.stage-metrics strong>span{font-size:inherit;color:inherit}.preview-column details{border:0}.v2-form-layout .preview-column summary{list-style-position:inside}
@media(max-width:700px){.preview-column{position:static}.preview-column details:not([open]){padding:0}.v2-form-layout .preview-column{order:-1;margin-bottom:4px}.v2-form-layout .preview-column details[open] .v2-namecard{margin-bottom:20px}.preview-column summary{padding:8px 0}.preview-column .v2-namecard{min-height:0}.v2-view-home .home-art{height:165px}.v2-form>.primary,.v2-form>.form-cta{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));z-index:10;background:var(--canvas);box-shadow:0 0 0 9px var(--canvas)}.v2-form>.primary{background:var(--action)}.revision-conflict{margin-bottom:24px;padding:18px;border:1px solid #ac8e84;border-radius:10px;background:#231f25}.revision-conflict h2{font-size:20px}.revision-conflict p{font-size:13px;margin:12px 0}}
.v2-qr{border-radius:0}.v2-qr svg{max-width:none;flex-shrink:0}
.sr-only{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important}
.interest-tags button{min-height:44px}
.stage-wordcloud{gap:.35cqw}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 同星 / OFFSITE 2026 — quiet personal planets, expansive public constellation. */
:root {
 --canvas:#0b0e10;--surface:#14191c;--raised:#202629;--ink:#f1f1ec;
 --muted:#afb6ba;--line:#3c4449;--action:#eeefe9;--action-ink:#171c20;
 --coral:#dbc8c0;--cool:#b5bfd1;--warm:#e9ded1;--error:#ecc2bd;
 --motion-ease:cubic-bezier(.22,.7,.2,1);--panel:420ms;--card-radius:18px;
}
body {background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
.v2-app {background:var(--canvas);padding:0 24px calc(34px + env(safe-area-inset-bottom));container-type:inline-size}
.v2-header {height:82px;border-bottom:1px solid #ffffff0c;gap:20px}
.v2-header .offsite-brand {width:177px;max-width:48vw}
.v2-header>span {font-size:12px;color:var(--muted);letter-spacing:.12em}
.v2-header nav {font-size:12px;gap:18px}
.primary {background:var(--action);color:var(--action-ink);border:1px solid var(--action);box-shadow:none;border-radius:12px;font-weight:500}
.secondary {background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:12px;box-shadow:none}
button,input,select,textarea {border-color:var(--line)}
button {background:transparent}
input,select,textarea {background:#111619;color:var(--ink);border-radius:9px}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible {outline:2px solid #bcc9d6;outline-offset:4px}
.eyebrow {font-size:11px;font-weight:400;letter-spacing:.06em;color:var(--muted)}
.interest-tags {gap:8px 15px}
.interest-tags span {padding:0;border:0;border-radius:0;background:none;color:#dae0e0;font-size:14px;line-height:1.6}
.interest-tags button {background:#1c2327;border:1px solid #66707544;color:var(--ink);border-radius:8px;min-height:44px;padding:9px 12px}
.interest-planet {display:block;width:100%;height:auto;overflow:visible}
.planet-body {transform-origin:160px 160px;animation:planet-drift 18s ease-in-out infinite alternate}
@keyframes planet-drift {from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
/* The phone is the primary composition; desktop uses the same quiet focal point. */
.v2-home {display:flex;flex-direction:column;align-items:center;max-width:460px;min-height:0;margin:0 auto;text-align:center}
.home-art,.v2-view-home .home-art {position:relative;height:auto;min-height:0;max-height:none;width:280px;max-width:82%;margin:4px auto 0}
.home-art:before {display:none}
.home-art .interest-planet {width:100%}
.planet-caption {position:relative;display:block;margin-top:-25px;font-size:11px;color:#9da7ad;letter-spacing:.11em}
.home-copy {max-width:none;width:100%;padding:30px 0 0;animation:reveal var(--panel) var(--motion-ease) both}
.home-copy h1 {font-size:28px;font-weight:400;line-height:1.4;letter-spacing:-.03em;overflow-wrap:anywhere}
.home-copy h1 span {font-size:20px;color:#c0c7c8;margin-left:6px}
.home-copy .lead {color:var(--muted);font-size:13px;line-height:1.75;margin:14px 0 0}
.home-copy .home-interests {margin-top:18px;justify-content:center}
.home-actions {display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:28px}
.home-actions .primary,.home-actions .secondary {min-height:54px;justify-content:space-between;padding:14px 16px;font-size:14px}
.home-meta {font-size:11px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px}
.home-meta a {margin-left:auto;color:var(--muted)}
.home-meta strong {font-size:15px;color:var(--ink);font-weight:400}
.phase-note {font-size:12px;margin-top:22px}
.v2-namecard {background:#11171a;border:1px solid #b3c0c41c;border-radius:18px;box-shadow:none;padding:25px;min-height:0;position:relative;overflow:hidden}
.v2-namecard:before {display:none}
.card-edition {display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#abb4b7}
.card-edition span:first-child {color:#e3e6e3;font-size:12px}
.card-planet {width:235px;margin:-4px auto -28px}
.v2-namecard h2 {font-size:30px;line-height:1.4;letter-spacing:-.025em;font-weight:400;margin:0;text-align:center}
.v2-namecard h2 {text-wrap:balance;line-break:strict}
.v2-namecard .department {font-size:12px;text-align:center;color:var(--muted);margin-top:8px}
.v2-namecard .interest-tags {margin-top:26px;justify-content:center}
.card-detail {border-top:1px solid #ffffff0d;margin-top:24px;padding-top:17px}
.card-detail small {font-size:12px;color:var(--muted);line-height:1.6}
.card-detail p {font-size:16px;color:#e6e9e5;margin-top:7px}
.card-tries {margin-top:24px}
.card-tries small {font-size:12px;color:var(--muted)}
.card-tries p {font-size:14px;color:#cdd3d7;margin-top:8px}
.card-note {color:#bcc7ca;border-color:#74818760;font-size:13px;line-height:1.8}
.card-signature {font-size:10px;color:#98a3aa;letter-spacing:.06em;margin-top:30px;padding-top:18px;border-top:1px solid #ffffff0b;text-align:center}
.v2-profile {display:flex;flex-direction:column;max-width:460px;gap:32px;margin:28px auto;align-items:stretch}
.qr-panel {padding:0 4px}
.qr-panel>.eyebrow {color:var(--muted);font-size:12px}
.v2-qr {padding:10px;background:#fff;border-radius:0;box-shadow:none;margin-top:15px}
.v2-qr svg {width:248px;aspect-ratio:1}
.qr-panel>p {font-size:12px;color:var(--muted);line-height:1.8}
.profile-tools {font-size:13px;border-color:#ffffff15;gap:25px}
.nfc-status,.qr-panel .fine-print {color:var(--muted)}
.visibility-choice {min-height:44px}
.v2-form-layout {max-width:1050px;gap:64px;margin:38px auto}
.v2-form h1 {font-size:30px;font-weight:400;letter-spacing:-.04em;line-height:1.5}
.v2-form h1,.v2-state h1,.v2-target h1,.home-copy h1 {text-wrap:balance;line-break:strict}
.interest-heading>span {display:block;text-wrap:balance}
.form-progress {color:var(--muted);margin-bottom:28px}
.choice {background:#111619;border-color:#4a555a;font-size:14px;border-radius:10px;transition:background 150ms,color 150ms,border-color 150ms,transform 150ms}
.choice[aria-pressed=true] {background:#e3e7e3;color:#1c2327;border-color:#edf0ec;box-shadow:none}
.choice[aria-pressed=true]:after {color:#263337}
.category-tabs button {border-radius:8px;color:var(--muted)}
.category-tabs button[aria-pressed=true] {background:#303a3e;color:var(--ink);border-color:transparent}
.preview-column summary {color:var(--muted)}
.preview-column details:not([open]) .interest-tags>* {animation:none}
.preview-column .v2-namecard {transform:none}
.preview-column .card-planet {width:180px;margin-top:0;margin-bottom:-15px}
.preview-column .v2-namecard h2 {font-size:26px}
.chosen-summary,.tries-section {border-color:#ffffff16}
.v2-form>.primary,.v2-form>.form-cta {position:static;bottom:auto;box-shadow:none}
.v2-form>.form-cta {background:var(--canvas)}
.switch-topic select {background:var(--surface);color:var(--ink)}
.revision-conflict {background:#202629;border:1px solid var(--line);padding:20px;border-radius:10px}
.invitation-banner,.v2-feedback,.v2-feedback.success {background:#1d2529;color:var(--ink);border-color:#617077}
.v2-target .target-orbit {display:none}
.target-planet {width:180px;margin:-30px 0 -20px}
.target-identity {border-color:#ffffff18}
.success-symbol {color:#d5e2df}
.camera-box {background:#11171a;border-color:#4a555c}
.scan-corner {border-color:#ecf0ee88}
/* A moment, two people, one opening line. The frozen details remain available. */
.v2-result {width:100%;max-width:480px;margin:28px auto;text-align:center}
.result-heading {position:relative}
.result-heading>.eyebrow {font-size:11px}
.result-constellation {display:grid;grid-template-columns:1fr 1fr;width:260px;margin:12px auto -10px;position:relative}
.result-constellation .interest-planet {width:154px;position:relative;z-index:1}
.result-constellation .interest-planet:first-child {animation:meeting-a 650ms var(--motion-ease) both}
.result-constellation .interest-planet:nth-child(2) {margin-left:-24px;animation:meeting-b 650ms var(--motion-ease) both}
.meeting-light {position:absolute;left:35%;right:35%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#e3ddd0,transparent);animation:meeting-light 650ms var(--motion-ease) both;opacity:.45}
@keyframes meeting-a {from{transform:translateX(-12px);opacity:.2}to{transform:translateX(0);opacity:1}}
@keyframes meeting-b {from{transform:translateX(12px);opacity:.2}to{transform:translateX(0);opacity:1}}
@keyframes meeting-light {from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.45}}
.result-heading h1 {display:flex;justify-content:center;gap:24px;font-size:25px;font-weight:400;letter-spacing:-.03em;line-height:1.4;overflow-wrap:anywhere}
.result-heading h1 span {max-width:48%;display:block;text-wrap:balance;line-break:strict}
.result-heading h1.result-long-names {font-size:20px;gap:20px}
.result-intro {color:#b7c2c4;font-size:12px;margin-top:12px;line-height:1.8}
.conversation-prompts {display:block;position:relative;margin-top:38px;text-align:left}
.conversation-prompts>.eyebrow {margin:0 0 18px;color:#9ba7af;font-size:11px}
.conversation-prompts article {display:block;border:0;background:none;border-radius:0;padding:0;min-height:0;box-shadow:none}
.conversation-prompts article[hidden] {display:none}
.conversation-prompts article p {font-size:23px;font-weight:400;line-height:1.8;letter-spacing:-.02em;color:#e8ece8;animation:reveal 280ms var(--motion-ease) both}
.prompt-evidence {display:flex;flex-wrap:wrap;gap:6px 20px;font-size:11px;color:#a8b8bc;margin-top:16px}
.prompt-evidence:empty {display:none}
.prompt-navigation {display:flex;align-items:center;gap:4px;margin-top:24px}
.prompt-navigation button {width:44px;height:44px;padding:0;min-height:44px;background:none;border:0;border-radius:50%;color:#859199;font:12px Arial,sans-serif;transition:background 180ms,color 180ms}
.prompt-navigation button[aria-pressed=true] {color:#edf1ec;background:#283135}
.prompt-navigation>span {font-size:11px;color:#97a3a9;margin-left:12px}
.result-more {border-top:1px solid #ffffff12;margin-top:32px;text-align:left}
.result-more summary {display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;min-height:60px;font-size:12px;color:#abb8bc}
.result-more summary::-webkit-details-marker {display:none}
.result-more summary span {font-size:20px;font-weight:300}
.shared-interests {display:flex;flex-wrap:wrap;gap:24px;margin-top:12px}
.shared-section {margin:0}
.shared-section h2 {font-size:12px;color:var(--muted)}
.people-fragments {grid-template-columns:1fr;gap:30px;margin:30px 0}
.people-fragments>article {border-color:#ffffff14}
.people-fragments h2 {font-size:23px;font-weight:400}
.people-fragments p {color:#c1cacd;font-size:13px;line-height:1.8}
.v2-result>.primary {width:100%;justify-content:center;min-height:52px;margin-top:24px;font-size:14px}
.v2-result>.fine-print,.result-time {display:block;font-size:10px;color:#96a1a8;margin-top:14px}
.result-time {margin-top:8px}
.legacy-result {text-align:left}
/* One continuous optical field holds the three parts of the stage. */
.v2-wall-shell {background:#07090a}
.v2-stage {width:min(100vw,300svh);aspect-ratio:3;padding:1.75cqw 3cqw 1.35cqw;display:grid;grid-template-rows:3cqw minmax(0,1fr) 4.45cqw;row-gap:.65cqw;background:#000;overflow:hidden;container-type:inline-size}
.v2-stage:after {background:linear-gradient(0deg,#000000b8,#00000025 23%,transparent 42%,transparent 86%,#00000025)}
.stage-prism {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:fill;opacity:.78;pointer-events:none;mask-image:radial-gradient(ellipse 4% 25% at 29.7% 45%,transparent 0% 80%,#000 100%),radial-gradient(ellipse 9% 16% at 61.5% 60%,transparent 0% 72%,#000 100%),radial-gradient(ellipse 4.4% 8.8% at 32.2% 21.5%,transparent 0% 65%,#000 100%);mask-composite:intersect}
.stage-header {height:3cqw;position:relative}
.stage-header .offsite-brand {width:10.5cqw}
.stage-header>span {color:#c2bcb5;font-size:.63cqw;letter-spacing:.05em}
.stage-content {height:auto;min-height:0;grid-template-columns:20% 60% 20%;gap:0;align-items:center;position:relative}
.stage-galaxy {height:100%;min-height:0;min-width:0;overflow:visible}
.stage-topics,.stage-ranking {height:100%;padding-top:.35cqw;position:relative}
.stage-topics {padding-left:.25cqw;padding-right:.6cqw;left:-8px}
.stage-ranking {padding-left:1.1cqw;padding-right:.7cqw}
.stage-topics h1,.stage-ranking h2 {font-size:.95cqw;line-height:1.4;color:#bdc2c1;font-weight:400;letter-spacing:.06em;margin-bottom:1cqw}
.stage-wordcloud {position:relative;display:block;width:15.8cqw;height:17cqw;overflow:visible;animation:stage-topic-field-sway 56s ease-in-out infinite}
.stage-wordcloud:before {display:none;content:none}
.stage-wordcloud>div {position:absolute;width:max-content;transform:translate(-50%,-50%);white-space:nowrap;line-height:1.15;color:color-mix(in srgb,#f5efe4 calc(var(--topic-energy,1) * 100%),#607687);opacity:1;transition:font-size 4s var(--motion-ease),color 4s ease;animation:none}
.stage-topic-float {display:flex;align-items:baseline;gap:.35cqw;transform-origin:center;animation:stage-topic-drift var(--topic-duration,28s) ease-in-out var(--topic-delay,0s) infinite}
.stage-topic-arrival {opacity:1;animation:stage-side-arrival 2200ms var(--motion-ease) var(--topic-reveal-delay,0s) both}
.stage-wordcloud>div[data-primary=true] {color:#f8f1e5;text-shadow:0 0 .18cqw #ead9bb22}
@keyframes stage-side-arrival {from{opacity:0;transform:translateY(.16cqw)}to{opacity:1;transform:translateY(0)}}
@keyframes stage-topic-drift {0%,100%{transform:translate(var(--topic-drift-x,.6cqw),0);opacity:.94}25%{transform:translate(0,var(--topic-drift-y,.35cqw));opacity:.98}50%{transform:translate(calc(var(--topic-drift-x,.6cqw) * -1),0);opacity:1}75%{transform:translate(0,calc(var(--topic-drift-y,.35cqw) * -1));opacity:.97}}
@keyframes stage-topic-field-sway {0%,100%{transform:translate(-.04cqw,0)}50%{transform:translate(.04cqw,.025cqw)}}
.stage-wordcloud[data-motion=stopped],.stage-wordcloud[data-motion=stopped] .stage-topic-float {animation-play-state:paused}
.stage-wordcloud small {font:.56cqw "Helvetica Neue",Arial,sans-serif;color:#a9b9bf;font-variant-numeric:tabular-nums;flex:0 0 1.25cqw;width:1.25cqw}
.stage-nebula-topics {position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.stage-topic-bindings {position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.stage-topic-bindings path {stroke:#e5d5c5;stroke-width:.7;opacity:.28}
.stage-topic-bindings circle {fill:#fff0d7;filter:drop-shadow(0 0 5px #f2d9ac88)}
.stage-topic-bindings g[data-primary=true] path {stroke:#ffe2b0;opacity:.48}
.stage-nebula-topic {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;gap:.35cqw;width:max-content;max-width:36%;white-space:nowrap;font-size:var(--topic-font);line-height:1.35;letter-spacing:.015em;color:color-mix(in srgb,#f9e8d6 calc(var(--topic-energy) * 100%),#8d979e);opacity:var(--topic-depth,1);text-shadow:0 2px 8px #000,0 0 20px #000;transition:font-size 3.2s var(--motion-ease),color 3.2s ease}
.stage-nebula-topic:before {content:'';position:absolute;inset:-.25cqw -.5cqw;z-index:-1;background:radial-gradient(ellipse,#0505059c,transparent 75%)}
.stage-nebula-topic[data-primary=true] {color:#fff0d8;text-shadow:0 0 .45cqw #f3bc7644,0 2px 8px #000}
.stage-nebula-topic small {display:flex;align-items:baseline;gap:.1cqw;font-size:.6cqw;color:#c5c0b7;font-variant-numeric:tabular-nums;letter-spacing:0}
.stage-nebula-topic small>span:last-child {font-size:.47cqw;opacity:.68}
.stage-echo-ranking {padding-left:.25cqw;padding-right:1.1cqw}
.stage-echo-ranking h2 {color:#ecd0c3}
.stage-echo-ranking .stage-rank-fill {color:#dba992}
.stage-echo-ranking li[data-leading=true] .stage-rank-fill {color:#f1c5a5}
.stage-ranking h2 {display:flex;align-items:baseline;justify-content:space-between;width:16.8cqw;max-width:100%}
.stage-ranking h2>span {font-size:.62cqw;letter-spacing:.04em;color:#9baab1}
.stage-ranking ol {width:17.3cqw;max-width:100%;gap:0;padding-top:.1cqw;position:relative}
.stage-ranking ol:before,.stage-ranking ol:after,.stage-ranking li:before,.stage-ranking li:after {display:none;content:none}
.stage-ranking li {display:block;width:16.2cqw;height:3.02cqw;min-height:3.02cqw;position:relative;background:none;border:0;transition:none;animation:none}
.stage-ranking-entry {display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;animation:stage-rank-drift var(--rank-duration,28s) ease-in-out var(--rank-delay,0s) infinite}
.stage-ranking-labels {display:grid;grid-template-columns:1.05cqw minmax(0,1fr) 2.4cqw;gap:.55cqw;align-items:center;width:100%}
.stage-rank-meter {position:relative;width:calc(100% - 1.6cqw);height:.28cqw;margin:.23cqw 0 .16cqw 1.6cqw}
.stage-rank-fill {position:relative;display:block;width:calc(var(--rank-level,0) * 100%);height:100%;border-radius:999px;color:#b9d0df;background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 28%,transparent) 24%,color-mix(in srgb,currentColor 62%,transparent) 72%,currentColor);transition:width 1800ms cubic-bezier(.33,1,.68,1),color 2400ms ease;transform-origin:left center;animation:stage-rank-fill-arrival 2200ms var(--motion-ease) var(--rank-reveal-delay,0s) both}
.stage-rank-fill:after {content:'';position:absolute;right:-.1cqw;top:50%;width:.2cqw;height:.2cqw;transform:translateY(-50%);border-radius:50%;background:#f1eee3;box-shadow:0 0 .4cqw color-mix(in srgb,currentColor 60%,transparent)}
.stage-ranking li[data-leading=true] .stage-rank-fill {color:#e6d5b9}
@keyframes stage-rank-fill-arrival {from{transform:scaleX(0)}to{transform:scaleX(1)}}
.stage-ranking-arrival {width:100%;height:100%;opacity:1;animation:stage-side-arrival 2200ms var(--motion-ease) var(--rank-reveal-delay,0s) both}
@keyframes stage-rank-drift {0%,100%{transform:translate(-.035cqw,.012cqw)}50%{transform:translate(.035cqw,-.012cqw)}}
.v2-stage[data-motion-paused=true] .stage-ranking-entry {animation-play-state:paused}
.stage-place {font:.74cqw "Helvetica Neue",Arial,sans-serif;color:#9eafb5;font-variant-numeric:tabular-nums}
.stage-name {font-size:1.43cqw;font-weight:400;color:#c9d4d7;line-height:1.22;transition:color 4s ease,font-size 4s ease}
.stage-ranking strong {font:1.68cqw "Helvetica Neue",Arial,sans-serif;color:#dbe2df;font-weight:300;letter-spacing:-.035em;font-variant-numeric:tabular-nums;transition:color 4s ease}
.stage-ranking li[data-leading=true] .stage-name {font-size:1.43cqw}
.stage-ranking li[data-long-name=true] .stage-name {font-size:1.1cqw}
.stage-ranking li[data-leading=true] .stage-name,.stage-ranking li[data-leading=true] strong {color:#f2eadc}
.stage-ranking li[data-leading=true] .stage-place {color:#c6bca9}
.stage-empty {font-size:.96cqw;line-height:1.9;color:#bdc8c8;margin-top:4cqw}
.stage-metrics {height:auto;padding-top:.8cqw;border-top:1px solid #dedbd430;grid-template-columns:1.3fr 1fr .85fr;gap:4cqw;position:relative;align-items:baseline}
.stage-metrics>div {gap:.65cqw;align-items:baseline}
.stage-metrics strong {font:2.4cqw "Helvetica Neue",Arial,sans-serif;font-weight:300;line-height:1.05;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#e8ece6}
.stage-metrics .stage-primary-metric strong {font-size:3.25cqw;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:300}
.stage-metrics>div:nth-child(3) strong {font-size:2.05cqw}
.stage-metrics span {font-size:.72cqw;color:#bac3bf}
.stage-metrics strong>span {font-size:inherit;color:inherit;letter-spacing:inherit}
.stage-controls {position:absolute;right:0;bottom:0;gap:.5cqw!important}
.stage-controls button {width:1.5cqw;height:1.5cqw;border-color:#a2aca555;border-radius:50%;padding:.3cqw;background:transparent}
.stage-connection-state {position:absolute;right:2.6cqw;bottom:5cqw;color:#b8c4c6;font-size:.65cqw}
.v2-wall-shell[data-fullscreen=true] .stage-controls,html:fullscreen .stage-controls {display:none}
.v2-wall-shell:fullscreen {min-height:100svh;display:flex;align-items:center;justify-content:center}
.admin-tabs button[aria-pressed=true],.card-table tr.selected {background:#293237;border-color:#5c6d72}
.admin-grid article,.people-confirm {background:var(--surface);border-color:var(--line)}
.owner-confirm {color:#d6e0de}
.admin-table-scroll {width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.rank-table th {white-space:nowrap}
.people-table {min-width:1100px}
.people-table th:nth-child(1) {min-width:160px}
.people-table th:nth-child(2) {min-width:220px}
.people-table th:nth-child(3) {min-width:124px}
.people-table th:nth-child(4) {min-width:96px}
.people-table th:nth-child(5) {min-width:180px}
.people-table th:nth-child(6) {min-width:240px}
.card-table {min-width:900px}
.card-table th:nth-child(4) {min-width:300px}
.audit-list p,.audit-list strong,.audit-list summary {overflow-wrap:anywhere;word-break:normal}
.admin-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.admin-stats>div {min-width:0}
.rehearsal-root {background:#080b0d;min-height:100svh}
.rehearsal-toolbar {display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #ffffff12;gap:18px}
.rehearsal-toolbar>div {display:flex;flex-direction:column;gap:5px}
.rehearsal-toolbar strong {font-size:14px;font-weight:400}
.rehearsal-toolbar span,.rehearsal-actions>span {font-size:11px;color:var(--muted)}
.rehearsal-toolbar nav {display:flex;flex-wrap:wrap;gap:5px}
.rehearsal-toolbar button {border-color:transparent;font-size:12px;min-height:44px}
.rehearsal-toolbar button[aria-pressed=true] {background:#273237;border-color:transparent}
.rehearsal-actions {display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 24px}
.rehearsal-actions .primary {font-size:12px;padding:12px 18px;min-height:44px}
.rehearsal-actions label {display:flex;align-items:center;gap:12px;font-size:12px;margin:0}
.rehearsal-actions input {width:200px;min-height:44px;padding:0;margin:0;accent-color:#c3d4d6;background:transparent}
.rehearsal-actions output {font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.rehearsal-root .v2-wall-shell {min-height:0}
.rehearsal-phone {width:390px;max-width:100%;margin:26px auto 50px;border:1px solid #ffffff13;border-radius:26px;overflow:hidden;container-type:inline-size}
.rehearsal-phone .v2-header .offsite-brand {width:177px;max-width:48cqw}
.rehearsal-phone .v2-app {min-height:780px;padding:0 24px 34px}
.rehearsal-phone .v2-form-layout {display:flex;flex-direction:column;gap:24px;margin-top:28px}
.rehearsal-phone .preview-column {position:static;width:100%}
.rehearsal-phone .preview-column .v2-namecard {min-height:0}
.rehearsal-phone .v2-profile>.qr-panel {order:-1}
.rehearsal-root:has(.v2-wall-shell[data-fullscreen=true]) .rehearsal-toolbar,
.rehearsal-root:has(.v2-wall-shell[data-fullscreen=true]) .rehearsal-actions {display:none}
@media(min-width:701px) {
 .v2-app {padding:0 5vw 60px}
 .v2-header {height:100px}
 .v2-home {padding-top:12px}
 .home-art,.v2-view-home .home-art {width:340px}
 .v2-home h1 {font-size:34px}
 .v2-profile {display:grid;grid-template-columns:1fr 1fr;max-width:940px;gap:70px;margin-top:48px}
 .qr-panel {padding-top:55px}
 .v2-result {max-width:520px}
 .rehearsal-phone .v2-home {padding-top:0}
 .rehearsal-phone .home-art {width:280px}
 .rehearsal-phone .v2-home h1 {font-size:28px}
 .rehearsal-phone .v2-header {height:82px}
 .rehearsal-phone .v2-profile {display:flex;gap:32px;margin-top:28px}
 .rehearsal-phone .qr-panel {padding-top:0}
}
@media(max-width:700px) {
 .v2-form-layout {display:flex;flex-direction:column;gap:24px;margin:28px auto}
 .v2-form h1 {font-size:28px}
 .preview-column {position:static}
 .admin-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .v2-profile>.qr-panel {order:-1}
 .rehearsal-toolbar {align-items:start;flex-direction:column;padding:14px 18px}
 .rehearsal-toolbar nav {gap:2px}
 .rehearsal-toolbar button {font-size:11px;padding:8px 10px}
 .rehearsal-actions {padding:12px 18px;gap:8px}
 .rehearsal-actions>span {width:100%;line-height:1.6}
 .rehearsal-actions input {width:145px}
 .rehearsal-phone {border:0;border-radius:0;margin:0 auto;width:100%}
}
@media(prefers-reduced-motion:reduce) {
 *,*:before,*:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Direction review: ONLY home and encounter result. No solid planets. */
.point-home {align-items:stretch;max-width:460px;min-height:clamp(560px,calc(100svh - 140px),720px);text-align:left;padding:0}
.home-presence {padding-top:22px;display:flex;flex-direction:column;align-items:flex-start}
.personal-point {display:block;width:120px;height:60px;margin-left:-15px;overflow:visible}
.point-waiting {opacity:.6}
.point-core {animation:point-breath 3.5s ease-in-out infinite alternate}
@keyframes point-breath {from{opacity:.7}to{opacity:1}}
.home-presence>span {font-size:10px;letter-spacing:.08em;color:#96a2a7;margin-top:9px}
.point-home .home-copy {padding:34px 0 0;animation:reveal 300ms var(--motion-ease) both}
.point-home .home-copy h1 {font-size:36px;font-weight:400;line-height:1.35;letter-spacing:-.035em}
.point-home .home-copy h1.home-long-name {font-size:28px}
.point-home .home-copy .lead {font-size:14px;line-height:1.9;margin-top:20px;color:#b6c0c2}
.point-home .home-copy .home-interests {justify-content:flex-start;margin-top:28px;gap:12px 20px}
.point-home .home-interests span {font-size:16px;color:#e0e4de}
.home-invitation {font-size:13px;line-height:1.9;color:#9ba8ad;margin-top:30px;max-width:260px}
.point-home-bottom {margin-top:auto;padding-top:48px;padding-bottom:12px}
.personal-history-link {display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;border-top:1px solid #ffffff13;color:#acb8bb;font-size:12px}
.personal-history-link strong {font-size:25px;font-weight:400;letter-spacing:-.04em;color:#e6eae3;margin-right:5px;font-variant-numeric:tabular-nums}
.personal-history-link i {font-style:normal;font-size:14px;margin-left:14px}
.point-home .home-actions {margin-top:14px;grid-template-columns:1.45fr 1fr}
.point-home .home-meta {font-size:10px;margin-top:18px;align-items:center}
.point-home .home-meta>span:last-child {margin-left:auto}
.rehearsal-phone .point-home {min-height:650px}
.point-result {margin-top:28px}
.point-result .result-heading>.eyebrow {text-align:left;margin-bottom:0}
.encounter-trace {display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;position:relative;width:100%;height:64px;margin:24px auto 28px;overflow:visible}
.trace-node {width:3px;height:3px;justify-self:center;border-radius:50%;background:#f3f3ed;box-shadow:0 0 6px 2px #eff0e422;position:relative;z-index:1}
.encounter-stroke {position:absolute;left:calc(25% - 5px);right:calc(25% - 5px);top:calc(50% - .325px);height:.65px;background:#e9ebe4;opacity:.65;transform-origin:left center;animation:trace-connect 480ms var(--motion-ease) both}
@keyframes trace-connect {from{transform:scaleX(0);opacity:.1}to{transform:scaleX(1);opacity:.65}}
.point-result .result-heading h1 {display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:25px}
.point-result .result-heading h1.result-long-names {font-size:20px}
.point-result .result-heading h1 span {max-width:none}
.point-result .result-intro {margin-top:18px;font-size:13px;line-height:1.8;color:#b9c3c2}
.point-result .conversation-prompts {margin-top:40px}
.point-result .conversation-prompts article p {font-size:23px;line-height:1.8}
.point-result .prompt-navigation button {background:none;border-radius:0;border-bottom:1px solid transparent}
.point-result .prompt-navigation button[aria-pressed=true] {background:none;border-bottom-color:#d5dfd9;color:#eef1e9}
.point-result .result-more {margin-top:30px}
@media(max-width:700px) {.rehearsal-phone .point-home {min-height:clamp(560px,calc(100svh - 140px),720px)}}
@media(prefers-reduced-motion:reduce) {.point-core,.encounter-stroke {animation:none}}

/* Restored from the verified white client build. */
.v2-app {
--nx-bg: #f8f7f4;
--nx-bg2: #f0efed;
--nx-ink: #25272c;
--nx-mut: #73767e;
--nx-dim: #89868f;
--nx-line: #25272c0c;
--nx-line2: #25272c18;
--nx-cyan: #65618c;
--nx-violet: #8e78b2;
--nx-pink: #b57d89;
--nx-amber: #ae8e62;
--nx-prism: linear-gradient(115deg,#a2cfe6,#b5a2d9 35%,#e9b8c5 68%,#ecd0a6);
--nx-prism-soft: linear-gradient(115deg,#a2cfe618,#b5a2d918 35%,#e9b8c518 68%,#ecd0a618);
--nx-card: #ffffff8c;
--nx-card2: #eeece8;
--nx-ease: cubic-bezier(.16,1,.3,1);
--nx-snap: cubic-bezier(.32,.72,.24,1);
--nx-r-lg: 24px;
--nx-r-md: 16px;
--nx-r-sm: 12px;
background: var(--nx-bg);
color: var(--nx-ink);
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
min-height: 100svh;
padding: 0 24px 108px;
}
.v2-app h1,.v2-app h2,.v2-app h3 {
letter-spacing: -.04em;
text-wrap: balance;
line-break: strict;
}
.v2-app small {
color: var(--nx-mut);
}
.v2-app ::selection {
background: #bcb4d94d;
color: #25272c;
}
.v2-app button {
transition: border-color .25s,background .25s,color .25s,transform .25s,box-shadow .3s;
touch-action: manipulation;
}
.v2-app button:hover:not(:disabled) {
border-color: #65618c55;
}
.v2-app button:active {
transform: scale(.975);
}
.v2-app input:not([type=checkbox]),.v2-app select,.v2-app textarea {
background: #fff;
border: 1px solid #dedddc;
border-radius: 12px;
color: var(--nx-ink);
font-size: 16px;
}
.v2-app input:focus-visible,.v2-app select:focus-visible,.v2-app textarea:focus-visible {
outline: none;
border-color: #9892b5;
box-shadow: 0 0 0 3px #b9afd61c;
}
.v2-app input::placeholder,.v2-app textarea::placeholder {
color: #a2a2ab;
}
.v2-app a:focus-visible,.v2-app button:focus-visible,.v2-app summary:focus-visible {
outline: 2px solid #9185b4;
outline-offset: 3px;
}
.v2-app input[type=checkbox] {
accent-color: #68607d;
}
.v2-app .primary {
background: #292b31;
color: #faf9f6;
border: 1px solid #292b31;
border-radius: 15px;
font-weight: 500;
box-shadow: 0 4px 10px #25272c0b;
position: relative;
overflow: hidden;
}
.v2-app .primary:hover:not(:disabled) {
background: #42434d;
border-color: #42434d;
box-shadow: 0 6px 17px #25272c16;
}
.v2-app .primary:disabled {
opacity: .3;
}
.v2-app .secondary {
background: #fff;
border: 1px solid #dedddc;
border-radius: 15px;
color: var(--nx-ink);
}
.v2-app .quiet-button,.v2-app .text-button {
color: var(--nx-mut);
}
.v2-app .eyebrow {
font: 9px ui-monospace,monospace;
letter-spacing: .18em;
text-transform: uppercase;
color: #77718e;
}
.v2-app .interest-tags {
gap: 8px;
}
.v2-app .interest-tags button,.v2-app .interest-tags span {
background: #efedf4;
border: 1px solid #d9d4e5;
color: #665e7a;
border-radius: 9px;
font-size: 13px;
}
.v2-app .v2-loading {
color: var(--nx-mut);
font-size: 13px;
}
.v2-app .loading-dot {
background: #8e78b2;
}
.v2-app .v2-state h1 {
font-size: 34px;
line-height: 1.4;
font-weight: 450;
}
.v2-app .v2-state p {
color: var(--nx-mut);
}
.v2-app .success-symbol {
color: #787394;
}
.v2-app .v2-feedback {
bottom: 100px;
background: #fff9f8f5;
border: 1px solid #e0bec6;
color: #8c5464;
border-radius: 18px;
backdrop-filter: blur(18px);
box-shadow: 0 12px 45px #25272c18;
}
.v2-app .v2-feedback.success {
background: #fffffff5;
border-color: #d8d2e4;
color: #655c7f;
}
.v2-app .v2-scan {
margin: 28px auto;
}
.v2-app .v2-scan h1 {
font-size: 34px;
font-weight: 450;
}
.v2-app .camera-box {
background: radial-gradient(ellipse at 75% 20%,#ddd6ec88,transparent 60%),#eeece8;
border-color: #ddd9d5;
border-radius: 22px;
color: var(--nx-mut);
}
.v2-app .scan-corner {
border-color: #8a7caa77;
border-radius: 14px;
box-shadow: 0 0 0 50px #25272c08;
}
.v2-app .target-orbit {
border-color: #b8afce;
box-shadow: none;
}
.v2-app .target-identity {
border-color: var(--nx-line2);
}
@keyframes nx-rise {
0% {
opacity: 0;
transform: translateY(12px);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes nx-glow-drift {
0%,to {
transform: translateY(0) rotate(-.4deg);
}
50% {
transform: translateY(-5px) rotate(.4deg);
}
}
@media(prefers-reduced-motion:reduce) {
.v2-app *,.v2-app :after,.v2-app :before {
animation: none!important;
transition: none!important;
scroll-behavior: auto!important;
}
}

html[data-local-preview],html[data-local-preview] body {
height: 100%;
overflow: hidden;
background: #eeece8;
}
.phone-stage {
height: 100svh;
display: flex;
align-items: center;
justify-content: center;
gap: clamp(32px,6vw,110px);
overflow: hidden;
background: radial-gradient(ellipse at 50% 65%,#cbc5bd18,transparent 60%),#eeece8;
color: #333137;
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,sans-serif;
}
.preview-caption,.preview-note {
width: 220px;
flex-shrink: 0;
}
.preview-device-label,.preview-note-index {
font: 9px ui-monospace,monospace;
letter-spacing: .12em;
color: #aaa3aa;
}
.preview-note>p {
font-size: 39px;
font-weight: 300;
line-height: 1.45;
letter-spacing: -.04em;
margin: 30px 0 24px;
}
.preview-note>span:last-child {
font-size: 10px;
letter-spacing: .12em;
color: #a59ba5;
}
.preview-caption>span:first-child {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: #83738d;
}
.preview-caption i {
width: 5px;
height: 5px;
border-radius: 50%;
background: #b5a1c9;
box-shadow: 0 0 8px #b5a1c944;
}
.preview-caption p {
font-size: 11px;
color: #a99aad;
line-height: 2;
margin: 15px 0 36px;
}
.phone-holder {
position: relative;
flex-shrink: 0;
}
.phone-device {
position: absolute;
width: 426px;
height: 900px;
padding: 9px;
border-radius: 64px;
transform-origin: top left;
background: linear-gradient(120deg,#a6a29a,#52514c 18%,#353530 48%,#96948b 81%,#67655f);
box-shadow: 0 0 0 1px #a6a29988,0 0 0 3px #77766e,0 0 0 4px #c7c5be99,18px 42px 100px #433c321f,inset 0 0 0 2px #cecbc37a;
}
.phone-display {
position: relative;
width: 408px;
height: 882px;
border: 3px solid #050605;
border-radius: 55px;
overflow: hidden;
background: #f8f7f4;
transform: translateZ(0);
container-type: size;
isolation: isolate;
}
.phone-status {
position: absolute;
z-index: 110;
top: 0;
left: 0;
right: 0;
height: 54px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 6px 28px 0 30px;
background: #f8f7f4;
color: #25272c;
pointer-events: none;
}
.phone-status>span {
font-size: 15px;
font-weight: 650;
letter-spacing: -.4px;
}
.phone-status>div {
display: flex;
align-items: center;
gap: 5px;
}
.phone-island {
position: absolute;
z-index: 111;
top: 12px;
left: 50%;
transform: translateX(-50%);
width: 119px;
height: 34px;
border-radius: 22px;
background: #000;
box-shadow: inset 0 0 0 1px #141613;
}
.phone-island i {
position: absolute;
right: 11px;
top: 12px;
width: 10px;
height: 10px;
border-radius: 50%;
background: radial-gradient(circle at 40% 40%,#182a42,#090f19 55%,#060807 60%);
box-shadow: 0 0 0 2px #070908;
}
.phone-content {
height: calc(100% - 54px);
margin-top: 54px;
overflow: auto;
scrollbar-width: none;
overscroll-behavior: contain;
}
.phone-content::-webkit-scrollbar {
display: none;
}
.phone-home-indicator {
position: absolute;
bottom: 9px;
left: 50%;
transform: translateX(-50%);
z-index: 112;
width: 134px;
height: 5px;
border-radius: 4px;
background: #25272c;
pointer-events: none;
}
.phone-button {
position: absolute;
width: 3px;
background: linear-gradient(#777970,#c0c2b8,#555950);
border-radius: 3px;
}
.phone-button-action {
left: -4px;
top: 112px;
height: 25px;
}
.phone-button-volume {
left: -4px;
top: 170px;
height: 96px;
}
.phone-button-power {
right: -4px;
top: 196px;
height: 66px;
}
.local-user-loading {
margin: 0;
padding: 55px 24px;
background: #f8f7f4;
color: #82778b;
font-size: 13px;
}
.phone-display .v2-app {
min-height: 100%;
padding: 0 24px 108px;
container-type: inline-size;
}
.phone-display .v2-view-edit,.phone-display .v2-view-onboarding {
padding-bottom: 24px;
}
.phone-display .v2-loading {
height: 360px;
}
.phone-display .v2-state {
margin: 50px auto;
}
.phone-display .v2-feedback {
bottom: 100px;
}
.phone-display .v2-scan {
margin: 26px auto;
}
.phone-display .v2-scan h1 {
font-size: 32px;
}
@media(max-width:1000px) {
.preview-caption,.preview-note {
display: none;
}
}
@media(prefers-reduced-motion:reduce) {
.phone-stage * {
scroll-behavior: auto!important;
}
}
.preview-editions{display:flex;flex-direction:column;gap:9px;margin-top:30px}.preview-editions a{font-size:11px;color:#9b929f;padding:8px 0;min-height:32px;display:flex;align-items:center;gap:10px}.preview-editions a:before{content:'';width:5px;height:5px;border:1px solid currentColor;border-radius:50%}.preview-editions a[aria-current=page]{color:#4e4359}.preview-editions a[aria-current=page]:before{background:currentColor}
@media(max-width:1000px){.preview-editions{position:fixed;top:5px;left:12px;right:12px;margin:0;z-index:120;flex-direction:row;justify-content:center;gap:20px}.phone-stage .preview-note:has(.preview-editions){display:contents}.preview-note:has(.preview-editions)>span,.preview-note:has(.preview-editions)>p{display:none}.preview-editions a{min-height:24px;padding:2px;font-size:9px}}

.phone-stage.signal-stage{background:radial-gradient(ellipse at 50% 45%,#23272b 0,#0b0e11 51%,#07090c 100%);color:#e2e4e7}.phone-stage.signal-stage .preview-note-index{color:#8a9098}.phone-stage.signal-stage .preview-echo{color:#d9dbde}.phone-stage.signal-stage .preview-echo small{color:#858c97}.phone-stage.signal-stage .preview-editions a{color:#87909e}.phone-stage.signal-stage .preview-editions a[aria-current=page]{color:#d0d5dc}.phone-stage.signal-stage .preview-caption{color:#a4acb7}.phone-stage.signal-stage .preview-caption p{color:#7c8796}

/* Offsite phone: the supplied prismatic key visual continues through the glass. */
.signal-stage{background:radial-gradient(ellipse at 50% 50%,#25293135,transparent 65%),#101113;color:#d4d9e5}.signal-stage .preview-note>p{color:#e1e5ee}.signal-stage .preview-note-index,.signal-stage .preview-caption p,.signal-stage .preview-device-label{color:#767e8e}.signal-stage .preview-caption>span:first-child{color:#aebbd3}.signal-stage .preview-editions a{color:#777e8c}.signal-stage .preview-editions a[aria-current=page]{color:#dce3f0}.signal-stage .preview-echo{font-family:'Helvetica Neue',Arial,sans-serif;font-size:80px;letter-spacing:-.075em;line-height:1.1}.signal-stage .preview-echo small{display:block;font-family:inherit;font-size:12px;letter-spacing:.04em;font-weight:400;color:#858f9f;margin-top:20px}.signal-stage .phone-device{box-shadow:0 0 0 1px #a6a29988,0 0 0 3px #41403b,0 0 0 4px #65645f66,18px 42px 100px #0008,inset 0 0 0 2px #cecbc35a}.signal-stage .phone-display{background:#090b10;color:#f0f2f7}.signal-stage .phone-status{background:transparent;color:#f0f2f7}.signal-stage .phone-content{position:relative;z-index:1;background:transparent}.signal-stage .phone-home-indicator{background:#eceff6}.signal-stage .local-user-loading{background:transparent;color:#99a5bc}.signal-stage .phone-status{backdrop-filter:blur(4px)}
.signal-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:#090b10}.signal-matter{position:relative;isolation:isolate;pointer-events:none;overflow:hidden}.signal-matter>canvas{display:block;width:100%;height:100%}.signal-backdrop>.signal-matter{width:100%;height:100%}.signal-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(#05060908,transparent 35%,#07091226 90%);pointer-events:none}.signal-matter--ambient{background:radial-gradient(ellipse at 15% 25%,#39435324,transparent 60%),radial-gradient(ellipse at 80% 65%,#35445615,transparent 60%)}.signal-matter--orb{background:radial-gradient(circle at 38% 40%,#53617517,transparent 68%)}.signal-matter--card:not(:has(canvas[data-material])),.signal-matter--encounter:not(:has(canvas[data-material])){background:radial-gradient(ellipse,#a7b8df15,transparent 65%)}.signal-matter>canvas:not([data-material]){opacity:0}
main.v2-app.signal-app{--nx-bg:#090b10;--nx-bg2:#10141c;--nx-ink:#eeeef4;--nx-mut:#98a2b6;--nx-dim:#7e8ba2;--nx-line:#cbd5eb10;--nx-line2:#cbd5eb20;--nx-cyan:#bdc9e3;--nx-violet:#afbad4;--nx-pink:#c9abbc;--nx-card:#d0d9ef05;--nx-card2:#d0d9ef0a;background:transparent;color:#eeeef4;overflow-anchor:none;padding:0 24px 114px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;font-weight:400}
main.v2-app.signal-app.v2-view-edit,main.v2-app.signal-app.v2-view-onboarding{padding-bottom:24px}main.v2-app.signal-app h1,main.v2-app.signal-app h2,main.v2-app.signal-app h3{font-weight:400}main.v2-app.signal-app .primary{background:linear-gradient(115deg,#e7eaf0,#c9d0dc);color:#1d2431;border-color:#e7eaf020;box-shadow:inset 0 1px 0 #fff5;font-weight:400}main.v2-app.signal-app .primary:hover:not(:disabled){background:#e7eaf0;box-shadow:inset 0 1px 0 #fff8;border-color:#e7eaf0}main.v2-app.signal-app .secondary{background:#d0ddfa06;color:#b8c7e2;border-color:#d0ddfa26}main.v2-app.signal-app input:not([type=checkbox]),main.v2-app.signal-app textarea,main.v2-app.signal-app select{color:#dce2ee;background:#c8d6f609;border-color:#c8d6f626}main.v2-app.signal-app input::placeholder,main.v2-app.signal-app textarea::placeholder{color:#7585a0}main.v2-app.signal-app input[type=checkbox]{accent-color:#a8b8da}main.v2-app.signal-app .v2-feedback{background:#141b2bed;border-color:#bac8e440;color:#d4deef;box-shadow:0 12px 45px #0003}main.v2-app.signal-app .v2-feedback.success{background:#121923f2;border-color:#b9c9e530;color:#d4deef}main.v2-app.signal-app .v2-state>p{color:#9aabc5}main.signal-app .eyebrow{color:#8fa1be}main.signal-app [class*="Experience_banner"]{background:#ffffff05;border-color:#ffffff18;color:#bbc8e0}main.signal-app [class*="Experience_banner"]>span{color:#a8bddb}
/* Camera controls reuse the verified scanner lifecycle, with a new aperture. */
main.signal-app .echo-scanner{position:relative;z-index:1;padding-top:0}main.signal-app .echo-scanner .camera-box{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;aspect-ratio:auto;height:337px;width:100%;border:0;border-radius:26px;background:transparent;box-shadow:none;color:#c4cde0;overflow:hidden}main.signal-app .echo-scanner .camera-box:before{content:none}main.signal-app .echo-scanner .camera-box>svg{position:relative;z-index:2;margin-top:75px;filter:drop-shadow(0 0 10px #d2ddf029);opacity:.8}main.signal-app .echo-scanner .camera-box>.primary{position:relative;z-index:2;min-height:46px;padding:12px 23px;font-size:12px;color:#edf1fa;background:linear-gradient(135deg,#e0e9ff1c,#e0e9ff07);border:1px solid #ffffff2b;box-shadow:inset 0 1px 0 #ffffff19;backdrop-filter:blur(18px);border-radius:25px}main.signal-app .echo-scanner .camera-box>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px}main.signal-app .echo-scanner .scan-corner{display:none}.echo-aperture{position:absolute;inset:35px 32px 25px;pointer-events:none;z-index:2}.echo-aperture>i{position:absolute;width:18px;height:18px;border:0 solid #e4eafe59;filter:drop-shadow(0 0 8px #e4eafe22)}.echo-aperture>i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px;border-radius:8px 0 0 0}.echo-aperture>i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0;border-radius:0 8px 0 0}.echo-aperture>i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px;border-radius:0 0 0 8px}.echo-aperture>i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0;border-radius:0 0 8px 0}main.signal-app .echo-scanner .camera-stop{position:absolute;z-index:3;bottom:8px;right:18px;padding:10px 14px;color:#edf0f7;background:#11192699;border:1px solid #fff2;border-radius:20px;backdrop-filter:blur(12px);font-size:11px}.echo-scanner .camera-loading{z-index:3;background:#1017249c;color:#d7dff0}.echo-scanner .album-row{display:flex;justify-content:space-between;gap:12px;margin:3px 16px 0}.echo-scanner .album-row button{font-size:11px;min-height:40px;gap:7px;color:#98a8c4}.echo-scanner .album-row button:hover{color:#d5e2fa}.echo-scanner .error-text{font-size:12px;line-height:1.8;color:#d7a9b9;padding:0 16px;margin:8px 0}.echo-scanner:has(.error-text){padding-bottom:25px}
/* All form steps and the picker stay in the same dark, translucent scene. */
main.signal-app [class*="ProfileForm_layout"]{padding-top:23px}main.signal-app [class*="ProfileForm_intro"] h1{font-weight:350}main.signal-app [class*="ProfileForm_steps"] button{border-color:#d4e0fc20;background:#d4e0fc04;color:#8d9ebd}main.signal-app [class*="ProfileForm_steps"] button[aria-current=step]{border-color:#d4e0fc43;background:#d4e0fc0e;color:#d4e0fc}main.signal-app [class*="ProfileForm_steps"] button[aria-current=step]>span{background:#b4c4e144;color:#eff4ff}main.signal-app [class*="ProfileForm_steps"] button span:has(svg){background:#b4c4e11c;color:#c6d4ec}main.signal-app [class*="ProfileForm_identityFields"] label{color:#9cabc5}main.signal-app [class*="ProfileForm_collection"]:not([class*="collectionHead"]):not([class*="collectionNote"]){background:#c6d4f105;border-color:#c6d4f11e;box-shadow:none}main.signal-app [class*="ProfileForm_emptyCollection"]{background:none;border-color:#c6d4f11b}main.signal-app [class*="ProfileForm_emptyCollection"] p{color:#adbbd3}main.signal-app [class*="ProfileForm_selectedTags"] button,main.signal-app [class*="ProfileForm_pendingTags"] button{color:#c1cce0;background:#cbd8f60a;border-color:#cbd8f625;border-radius:20px}main.signal-app [class*="ProfileForm_addInterest"]{background:#cbd8f60b;border-color:#cbd8f625;color:#c1cce0}main.signal-app [class*="ProfileForm_addInterest"]:hover{background:#cbd8f610}main.signal-app [class*="ProfileForm_detail"]:not([class*="detailList"]):not([class*="detailBody"]):not([class*="detailIndex"]){background:#cbd8f605;border-color:#cbd8f620}main.signal-app [class*="ProfileForm_detail"] summary>span:nth-child(2){color:#c1cce0}main.signal-app [class*="ProfileForm_options"] button,main.signal-app [class*="ProfileForm_categories"] button,main.signal-app [class*="ProfileForm_pickerOptions"] button{background:#d0def504;border-color:#d0def522;color:#9caecc}main.signal-app [class*="ProfileForm_options"] button[aria-pressed=true],main.signal-app [class*="ProfileForm_categories"] button[aria-pressed=true],main.signal-app [class*="ProfileForm_pickerOptions"] button[aria-pressed=true]{background:#d0def517;border-color:#d0def54b;color:#e0e9fa}main.signal-app [class*="ProfileForm_sectionTitle"] h2{color:#c0cde3}main.signal-app [class*="ProfileForm_trySection"]{border-top-color:#d0def51c}main.signal-app [class*="ProfileForm_visibility"]{background:#d0def505;border-color:#d0def51c}main.signal-app [class*="ProfileForm_visibility"] strong{color:#c0cde3}main.signal-app [class*="ProfileForm_footer"]{background:linear-gradient(#0b0f1700,#0b0f17eb 25%,#0b0f17ed);backdrop-filter:blur(16px)}main.signal-app [class*="ProfileForm_continue"],main.signal-app [class*="ProfileForm_recognitionConfirm"]{background:linear-gradient(120deg,#d8e0ef,#b7c4dc);color:#1f2a3b;border-color:#d8e0ef20;box-shadow:none}main.signal-app [class*="ProfileForm_continue"]:hover:not(:disabled){background:#d8e0ef;border-color:#d8e0ef}main.signal-app [class*="ProfileForm_back"]{background:#d0def507;border-color:#d0def522;color:#abbdd9}main.signal-app [class*="ProfileForm_pickerBackdrop"]{background:#03050999;backdrop-filter:blur(14px)}main.signal-app [class*="ProfileForm_picker"]:not([class*="pickerHeader"]):not([class*="pickerSearch"]):not([class*="pickerScroll"]):not([class*="pickerOptions"]):not([class*="pickerFooter"]):not([class*="pickerError"]):not([class*="pickerBackdrop"]){background:#101620fa;border-color:#d0def525;color:#e8edf7;box-shadow:0 -14px 70px #0005}main.signal-app [class*="ProfileForm_picker"]:before{background:#a0b3d533}main.signal-app [class*="ProfileForm_pickerSearch"]{background:#d0def506;border-color:#d0def528}main.signal-app [class*="ProfileForm_pickerSearch"] input{background:none;border:0;box-shadow:none}main.signal-app [class*="ProfileForm_pickerHeader"]>button{background:#d0def50a;color:#b2c3df}main.signal-app [class*="ProfileForm_pickerFooter"]{background:#111823f5;border-top-color:#d0def522}main.signal-app [class*="ProfileForm_recognition"]:not([class*="recognitionActions"]):not([class*="recognitionGhost"]):not([class*="recognitionConfirm"]){background:#c7d9fc0a;border-color:#c7d9fc26}main.signal-app [class*="ProfileForm_recognition"] strong{color:#cfddf4}main.signal-app [class*="ProfileForm_recognitionGhost"]{background:#c7d9fc07;border-color:#c7d9fc28;color:#a4b9da}main.signal-app [class*="ProfileForm_error"]{background:#e0a8bd08;border-color:#e0a8bd2a;color:#e0a8bd}
main.signal-app [class*="Personal_namecard"]{background:linear-gradient(145deg,#bcccf00b,#bcccf002);border-color:#bcccf023;color:#dce6f6;box-shadow:none}main.signal-app [class*="Personal_cardIdentity"] h2{color:#f1f4fa}main.signal-app [class*="Personal_cardInterests"]>div>span{background:#c6d4f10a;color:#b9cce9;border-color:#c6d4f125}main.signal-app [class*="Personal_cardSignature"],main.signal-app [class*="Personal_cardDetails"],main.signal-app [class*="Personal_cardTries"]{border-color:#c6d4f125}
/* History and invites use the existing data behavior within the shared field. */
main.signal-app [class*="EncounterExperience_collectionHeader"]{padding-bottom:18px}main.signal-app [class*="EncounterExperience_collectionHeader"] h1{font-size:29px;font-weight:350}main.signal-app [class*="EncounterExperience_collectionHeader"]>p{font-size:12px;color:#9cabc3}main.signal-app [class*="EncounterExperience_headerConstellation"],main.signal-app [class*="EncounterExperience_smallOrbit"],main.signal-app [class*="EncounterExperience_emptyOrbit"]{display:none}main.signal-app [class*="EncounterExperience_empty"]{padding:16px 0}main.signal-app [class*="EncounterExperience_empty"] h2{font-size:24px;font-weight:350;color:#dce5f4}main.signal-app [class*="EncounterExperience_empty"]>p{font-size:12px;color:#95a7c4;margin-top:12px}main.signal-app [class*="EncounterExperience_search"]{background:#c7d8f608;border-color:#c7d8f622;border-radius:20px}main.signal-app [class*="EncounterExperience_search"] input{border:0;background:none}main.signal-app [class*="EncounterExperience_historyItem"]{background:transparent;border-color:#c7d8f619;transition:background .4s}main.signal-app [class*="EncounterExperience_historyItem"]:has(details[open]){background:#c7d8f604;border-color:#c7d8f62a}main.signal-app [class*="EncounterExperience_historyDot"]{background:#c7d8f608;border-color:#c7d8f626;color:#b9cbea}main.signal-app [class*="EncounterExperience_historyName"]{font-size:22px;font-weight:350}main.signal-app [class*="EncounterExperience_historyQuestion"]{font-size:16px;font-weight:350}main.signal-app [class*="EncounterExperience_historyTags"]>span{border-color:#c7d8f623;background:#c7d8f608;border-radius:15px;color:#b9cbea}main.signal-app [class*="EncounterExperience_inviteItem"]{background:#c7d8f606;border-color:#c7d8f61c;backdrop-filter:blur(16px);border-radius:23px}main.signal-app [class*="EncounterExperience_inviteItem"] h2{font-weight:350;font-size:27px}main.signal-app [class*="EncounterExperience_inviteTabs"]{background:#c7d8f604;border-color:#c7d8f61c;border-radius:22px}main.signal-app [class*="EncounterExperience_inviteTabs"]>button{border-radius:19px}main.signal-app [class*="EncounterExperience_inviteTabs"]>button[aria-pressed=true]{background:#c7d8f60f;color:#d2def3}main.signal-app [class*="EncounterExperience_waitingBanner"]{background:#c7d8f608;border-color:#c7d8f623;border-radius:20px}
main.signal-app .v2-target{margin:28px auto}main.signal-app .target-orbit{border:0;background:radial-gradient(circle,#c6d4f61c .8px,transparent 1px) 0 0/5px 5px;mask-image:radial-gradient(circle,#000 20%,transparent 65%);box-shadow:none}main.signal-app .target-identity{border-color:#c7d8f623}main.signal-app .interest-tags>span{background:#c7d8f608;border-color:#c7d8f623;color:#b9cbea;border-radius:18px}main.signal-app .v2-target h1{font-size:31px;font-weight:350}
@media(prefers-reduced-motion:reduce){.signal-stage *{scroll-behavior:auto!important}}
main.signal-app .echo-scanner .album-row{padding:12px 0 14px}
.signal-type{position:relative;display:inline-block;max-width:100%;vertical-align:baseline;line-height:inherit;letter-spacing:inherit}.signal-type-text{display:block;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit}.signal-type>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.signal-type[data-ready=true]>.signal-type-text{opacity:.06}
.signal-type[data-ready=true]>.signal-type-text{opacity:.10}main.signal-app [class*="heroHeading"]>span .signal-type[data-ready=true]>.signal-type-text{opacity:.20}
.signal-client-backdrop{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:#090b10}.signal-client-backdrop>.signal-matter{width:100%;height:100%}.signal-client-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(#05060908,transparent 35%,#07091226 90%);pointer-events:none}
main.v2-app.signal-app{position:relative;z-index:1}body:has(.signal-client-backdrop){background:#090b10}html:has(.signal-client-backdrop){background:#090b10}
/* Actual dashersw/liquid-glass-js refraction; local scene sampling and lifecycle. */
.liquid-material{position:absolute!important;inset:0;z-index:0!important;display:block;pointer-events:none;border-radius:inherit;overflow:hidden;background:#ffffff05;backdrop-filter:blur(12px) saturate(1.2);box-shadow:inset 0 1px 0 #ffffff39,inset 0 -1px 0 #ffffff0c,0 5px 22px #0003}.liquid-material[data-glass=webgl]{background:transparent;backdrop-filter:none}.liquid-optics{position:absolute;inset:0;pointer-events:none}.liquid-optics canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;border-radius:inherit;opacity:.93}.liquid-material:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid #ffffff27;box-shadow:inset 0 1px 1px #ffffff3b,inset 0 -1px 1px #ffffff12;background:linear-gradient(132deg,#ffffff0c,transparent 35%,transparent 73%,#ffffff06)}
:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock{border:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;isolation:isolate;border-radius:32px!important;height:64px!important;padding:6px!important;gap:0!important;display:flex!important;bottom:max(22px,env(safe-area-inset-bottom))!important;touch-action:pan-y}:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock>a{position:relative;z-index:2;min-height:52px;padding:8px 0!important;background:none!important;flex:1!important;flex-direction:row!important;gap:9px!important;color:#a6b1b7;text-shadow:0 1px 3px #0007}:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock>a[aria-current=page]{color:#f8fcfd}:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock .echo-native-lens{left:6px!important;top:6px!important;bottom:6px!important;width:calc((100% - 12px)/var(--tab-count,2));height:auto!important;transform:translateX(calc(var(--active)*100%));border:0!important;background:transparent!important;box-shadow:none!important;border-radius:26px!important;z-index:1;transition:none!important;will-change:transform,width}:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock>a span{font-size:12px!important;font-weight:450;letter-spacing:.01em}:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock>a svg{width:20px;height:20px;filter:none!important}.echo-native-dock:before,.echo-native-dock:after{display:none!important}.echo-native-dock>.liquid-material:after{border-color:#e5f2ff24;box-shadow:inset 0 1px 1px #ebf6ff22,inset 0 -1px 1px #bdd4e510;background:linear-gradient(128deg,#ebf5ff05,transparent 45%)}.echo-native-lens>.liquid-material:after{border-color:#e4f2ff1c;box-shadow:inset 0 1px 1px #effaff16;background:linear-gradient(130deg,#dceeff0a,transparent 65%)}.scanUtility>.liquid-material:after{border-color:#e1f2ff29;box-shadow:none;background:none}.liquid-material{box-shadow:0 8px 22px #0002}.liquid-material:after{box-shadow:inset 0 1px 1px #f0f8ff24,inset 0 -1px 1px #dae8f010}

:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock>a[data-glass-tone=light]{color:#282b30!important;text-shadow:0 1px 1px #ffffff33}.echo-native-dock>a[data-glass-tone=light] svg{filter:none!important}@media(prefers-reduced-motion:reduce){:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock .echo-native-lens{transition:none!important}}

main.signal-app,.phone-content{overflow-anchor:none}

.echo-persistent-chrome{display:contents}

main.signal-app .echo-glass-action{position:relative;isolation:isolate;overflow:hidden;min-height:52px;border:0!important;border-radius:26px!important;background:transparent!important;color:#f0f5f8!important;box-shadow:none!important;padding:14px 24px!important}main.signal-app .echo-glass-action>span:not(.liquid-material){position:relative;z-index:2}

@media(max-height:640px){main.signal-app:has([aria-label="3D 同好卡片"])>header{height:52px}}

:is(main.signal-app,.echo-persistent-chrome) .echo-native-dock>a span{font-size:14px!important}main.signal-app .primaryGlass{font-size:17px}
/* The content stays neutral; a few defined spectral edges carry the event color. */
.signal-client-backdrop,.signal-backdrop{background:#07080c}
.signal-client-backdrop:after,.signal-backdrop:after{content:none}
.offsite-light-field{display:block;width:100%;height:100%;background:radial-gradient(ellipse at 0 20%,#75426c20,transparent 35%),#07080c}
.signal-stage .phone-display{background:#07080c}
.signal-stage{background:radial-gradient(ellipse at 50% 50%,#18192530,transparent 70%),#090a0e}
main.v2-app.signal-app:has([data-activity-profile]),main.v2-app.signal-app[data-activity-client]{--nx-mut:#b9bbca;--nx-dim:#9095ad;--nx-cyan:#d5dcf0;--nx-violet:#c6b3f4;--nx-pink:#e5bbd1}
.echo-normal-result{text-align:center;padding:45px 0 30px}.echo-normal-result>p{font-size:15px;color:#b5bdd3}.echo-normal-result h1{font-size:32px;line-height:1.4;margin:14px 0;color:#f5f4ff}.echo-preview-levels{display:grid;gap:10px;margin-bottom:26px}.echo-preview-levels a{display:block;min-height:36px;padding:9px 12px;border:1px solid #aaa1ce25;border-radius:12px;color:#c7bedf;font-size:13px;background:#a8a0ca06}

/* Reveal light may fill the screen without widening its scroll container. */
.v2-view-result{overflow-x:clip}

html[data-local-preview],html[data-local-preview] body,.phone-stage{background:transparent!important}.preview-note,.preview-caption{display:none!important}.phone-stage{gap:0!important}.phone-holder{margin:0!important}