.demo-page{background:#f8eff4}.demo-main{min-height:calc(100svh - var(--header-height));padding:clamp(24px,4vw,54px) 0 clamp(72px,8vw,110px)}.demo-shell{background:var(--paper);border:1px solid #7a174829;border-radius:30px;width:min(100% - 32px,980px);min-height:720px;margin-inline:auto;overflow:hidden;box-shadow:0 28px 80px #43182e1f}.demo-topbar{border-bottom:1px solid var(--border);background:var(--white);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px clamp(18px,4vw,38px);display:flex}.demo-root{padding:clamp(24px,5vw,54px)}.demo-progress{grid-template-columns:repeat(10,1fr);gap:7px;margin:0 0 44px;padding:0;list-style:none;display:grid}.demo-progress li{min-width:0}.demo-progress span{background:var(--border);border-radius:99px;width:100%;height:5px;display:block;overflow:hidden}.demo-progress li[data-complete=true] span,.demo-progress li[aria-current=step] span{background:var(--wine)}.demo-progress li[aria-current=step] span{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--wine)}.demo-progress small{display:none}.demo-step{max-width:780px;margin-inline:auto}[data-step-heading]:focus{outline:none}.demo-step>.eyebrow,.demo-step>.status-label{margin-bottom:18px}.demo-step h1,.demo-step h2{max-width:760px;font-size:clamp(2.25rem,5.5vw,3.65rem)}.demo-step .lead{max-width:700px}.demo-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.demo-actions--split{justify-content:space-between}.demo-note-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0;display:grid}.demo-note-grid div{border:1px solid var(--border);background:var(--white);border-radius:16px;min-height:110px;padding:18px}.demo-note-grid strong{color:var(--wine);margin-bottom:4px;display:block}.demo-note-grid span{color:var(--secondary);font-size:.88rem}.prompt-grid{gap:10px;margin:30px 0 24px;display:grid}.prompt-choice,.template-choice,.chat-choice{background:var(--white);text-align:left;cursor:pointer;border:2px solid #9b8e94;border-radius:14px;width:100%;min-height:58px;padding:13px 16px;font-weight:650}.prompt-choice:hover,.template-choice:hover,.chat-choice:hover{border-color:var(--wine);background:var(--blush)}.prompt-choice[aria-pressed=true],.template-choice[aria-pressed=true],.chat-choice[aria-pressed=true]{border-color:var(--wine);background:var(--blush);box-shadow:0 0 0 2px var(--paper), 0 0 0 5px var(--wine)}.field{margin-top:22px}.field label,.field-label{margin-bottom:8px;font-weight:750;display:block}.field textarea{resize:vertical;background:var(--white);border:2px solid #81747b;border-radius:15px;width:100%;min-height:132px;padding:15px 16px;line-height:1.55}.field textarea[aria-invalid=true]{border-color:#9d1935;box-shadow:0 0 0 2px #9d193524}.field-meta{min-height:30px;color:var(--secondary);justify-content:space-between;gap:14px;margin-top:7px;font-size:.84rem;display:flex}.field-error{color:#86152e;font-weight:700}.example-row{margin-top:10px}.discovery-layout{grid-template-columns:minmax(0,1fr) 210px;align-items:start;gap:28px;display:grid}.discovery-card{border:1px solid var(--border);background:var(--white);touch-action:pan-y;border-radius:25px;min-height:510px;padding:clamp(22px,4vw,38px);position:relative;box-shadow:0 18px 50px #43182e17}.discovery-card:before,.discovery-card:after{z-index:-1;border:1px solid var(--border);border-radius:inherit;background:var(--paper);content:"";position:absolute;inset:10px -8px -10px 8px}.discovery-card:after{z-index:-2;inset:20px -15px -20px 15px}.discovery-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.discovery-header h3{color:var(--wine);margin:0;font-size:1.65rem}.demo-letter-lines{gap:10px;display:grid}.demo-line{border:2px solid var(--border-strong);background:var(--white);text-align:left;cursor:pointer;border-radius:15px;gap:5px;width:100%;min-height:92px;padding:14px 16px;display:grid}.demo-line:hover{border-color:var(--wine);background:var(--paper)}.demo-line[aria-pressed=true]{border-color:var(--magenta);background:var(--blush);box-shadow:0 0 0 2px var(--white), 0 0 0 5px var(--wine)}.demo-line strong{color:var(--wine);letter-spacing:.04em;text-transform:uppercase;font-size:.77rem}.discovery-aside{gap:12px;display:grid}.metric-card{border:1px solid var(--border);background:var(--white);border-radius:16px;padding:16px}.metric-card strong{color:var(--wine);font-size:1.45rem;display:block}.metric-card span{color:var(--secondary);font-size:.82rem}.discovery-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;display:flex}.discovery-controls .nav-pair{gap:10px;display:flex}.icon-button{border:2px solid var(--wine);background:var(--white);min-width:48px;min-height:48px;color:var(--wine);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:750;display:inline-flex}.icon-button:hover{background:var(--blush)}.icon-button:disabled{color:#9b9096;cursor:not-allowed;border-color:#c8bec3}.guard-message,.success-message,.simulation-note{border-left:4px solid var(--wine);background:var(--blush);color:var(--wine);margin-top:18px;padding:12px 15px;font-weight:650}.success-message,.simulation-note--trust{border-color:var(--trust);background:var(--trust-mint);color:var(--trust)}.selected-quote,.context-quote{border-left:5px solid var(--magenta);background:var(--white);border-radius:0 16px 16px 0;margin:24px 0;padding:22px 24px;font-family:Inter Tight,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:650;line-height:1.35}.quote-label{color:var(--wine);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:800;display:block}.template-grid{gap:9px;margin-top:20px;display:grid}.reserved-letter{background:var(--white);text-align:center;border:2px dashed #a6949d;border-radius:24px;place-items:center;min-height:340px;padding:34px;display:grid}.reserved-mark{border:2px solid var(--wine);background:var(--blush);width:80px;height:68px;color:var(--wine);border-radius:18px;place-items:center;margin:0 auto 20px;font-family:Inter Tight,sans-serif;font-size:1.75rem;font-weight:800;display:grid}.read-only-line{border:1px solid var(--border);background:var(--paper);border-radius:14px;padding:14px 16px}.read-only-line strong{color:var(--wine);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:.76rem;display:block}.counterpart-card{border:1px solid var(--border);background:var(--white);text-align:center;border-radius:24px;place-items:center;max-width:680px;margin:32px auto 0;padding:clamp(28px,5vw,52px);display:grid}.counterpart-card .reserved-mark{border-radius:50%}.resonance-stage{text-align:center;place-items:center;min-height:460px;display:grid}.resonance-heart{width:112px;height:102px;margin:0 auto 30px;animation:.65s cubic-bezier(.2,.9,.25,1) both resonance-in;position:relative}.resonance-heart:before,.resonance-heart:after{background:var(--magenta);content:"";border-radius:64px 64px 0 0;width:64px;height:96px;position:absolute;top:0}.resonance-heart:before{transform-origin:0 100%;left:56px;transform:rotate(-45deg)}.resonance-heart:after{transform-origin:100% 100%;left:0;transform:rotate(45deg)}@keyframes resonance-in{0%{opacity:0;transform:scale(.45)}65%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.chat-window{border:1px solid var(--border);background:var(--white);border-radius:22px;overflow:hidden}.chat-context{border-bottom:1px solid var(--border);background:var(--blush);padding:20px}.chat-context .quote-label{margin:0}.chat-context p{margin:5px 0 0;font-weight:650}.messages{gap:12px;padding:24px;display:grid}.message{background:#eee7eb;border-radius:17px 17px 17px 4px;max-width:82%;padding:12px 15px}.message--own{background:var(--wine);color:var(--white);border-radius:17px 17px 4px;margin-left:auto}.message small{margin-bottom:4px;font-weight:800;display:block}.safety-actions{gap:18px;margin-top:18px;display:flex}.safety-actions .text-button{color:var(--secondary);font-size:.85rem}.reveal-grid{grid-template-columns:1fr 1fr;gap:18px;margin:32px 0;display:grid}.reveal-person{border:2px solid var(--trust);background:var(--white);text-align:center;border-radius:22px;place-items:center;min-height:180px;padding:24px;display:grid}.reveal-person .avatar-placeholder{background:var(--trust-mint);width:64px;height:64px;color:var(--trust);border-radius:50%;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.revealed-names{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;display:grid}.revealed-name{background:var(--trust-mint);color:var(--trust);text-align:center;border-radius:18px;padding:24px;font-family:Inter Tight,sans-serif;font-size:1.8rem;font-weight:750}.complete-list{gap:12px;margin:30px 0;padding:0;list-style:none;display:grid}.complete-list li{border:1px solid var(--border);background:var(--white);border-radius:15px;padding:15px 18px 15px 48px;position:relative}.complete-list li:before{background:var(--trust-mint);width:22px;height:22px;color:var(--trust);content:"✓";border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:grid;position:absolute;top:14px;left:16px}.concept-dialog{background:var(--paper);width:min(100% - 32px,520px);color:var(--ink);border:0;border-radius:22px;padding:0;box-shadow:0 28px 90px #00000047}.concept-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#171217a6}.dialog-content{padding:30px}.dialog-content h2{font-size:2rem}@media (width<=780px){.demo-shell{border-radius:22px;width:min(100% - 16px,980px);min-height:680px}.demo-topbar{flex-direction:column;align-items:flex-start;gap:4px}.demo-root{padding:24px 18px 38px}.demo-progress{margin-bottom:34px}.demo-note-grid,.discovery-layout,.reveal-grid,.revealed-names{grid-template-columns:1fr}.discovery-layout{gap:18px}.discovery-aside{grid-template-columns:repeat(2,1fr)}.discovery-card{min-height:0}.discovery-controls{flex-direction:column;align-items:stretch}.discovery-controls .nav-pair{grid-template-columns:1fr 1fr;display:grid}.discovery-controls .button,.discovery-controls .icon-button{width:100%}.demo-actions,.demo-actions--split{flex-direction:column;align-items:stretch}.demo-actions .button,.demo-actions .text-button{justify-content:center;width:100%}.message{max-width:92%}}@media (width<=430px){.demo-main{padding-top:8px}.demo-shell{width:100%;box-shadow:none;border-left:0;border-right:0;border-radius:0}.demo-note-grid,.discovery-aside{grid-template-columns:1fr}.discovery-header{flex-direction:column;align-items:flex-start}.demo-line{min-height:104px}}@media (prefers-reduced-motion:reduce){.resonance-heart{animation:none}}