.survey-form{display:flex;flex-direction:column;gap:1.35rem}.question-block{position:relative;background:linear-gradient(145deg,#241c20eb,#161013f0);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem 1.2rem 1.25rem;box-shadow:var(--shadow);animation:rise-in .55s ease both;overflow:hidden}.question-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dim) 20%,var(--accent-soft) 50%,var(--gold-dim) 80%,transparent);opacity:.85}.question-block:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid transparent;border-image:linear-gradient(135deg,rgba(184,153,110,.3),transparent 30%,transparent 70%,rgba(196,93,106,.26)) 1;pointer-events:none;opacity:.7}.question-block:nth-child(1){animation-delay:.05s}.question-block:nth-child(2){animation-delay:.08s}.question-block:nth-child(3){animation-delay:.11s}.question-block:nth-child(4){animation-delay:.14s}.question-block:nth-child(5){animation-delay:.17s}.question-block:nth-child(6){animation-delay:.2s}.question-block:nth-child(7){animation-delay:.23s}.question-block:nth-child(8){animation-delay:.26s}.question-number{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.55rem;font-family:var(--font-display);font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.question-number:before{content:"";width:5px;height:5px;border:1px solid var(--accent-soft);transform:rotate(45deg);flex-shrink:0}.question-label{margin:0;font-family:var(--font-body);font-size:clamp(1.05rem,2.6vw,1.15rem);font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--text)}.question-hint{margin:.35rem 0 0;font-family:var(--font-body);font-size:.8125rem;font-weight:400;font-style:normal;line-height:1.4;letter-spacing:.01em;color:var(--text-muted)}.options-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.option-item{display:flex;align-items:flex-start;gap:.8rem;min-height:48px;padding:.75rem .9rem;border:1px solid rgba(196,93,106,.14);border-radius:var(--radius);background:linear-gradient(90deg,rgba(154,61,74,.06),transparent 40%),#0e0b0d80;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .15s ease,box-shadow .2s ease}.option-item:hover{border-color:var(--border);background:linear-gradient(90deg,rgba(154,61,74,.12),transparent 55%),#161013a6;box-shadow:inset 3px 0 0 var(--accent-muted)}.option-item:has(input:checked){border-color:var(--border-strong);background:linear-gradient(90deg,#9a3d4a33,#b8996e0f 60%),#1a1216b3;box-shadow:inset 3px 0 0 var(--accent-soft),0 0 20px #9a3d4a1a}.option-item:active{transform:scale(.99)}.option-item input{margin-top:.15rem;width:1.1rem;height:1.1rem;accent-color:var(--accent-soft);flex-shrink:0}.option-item span{flex:1;padding-top:.05rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;line-height:1.45;color:var(--text)}.other-field{margin-top:.85rem;animation:rise-in .25s ease both}.other-field label,.open-field label{display:block;margin-bottom:.35rem;font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--text-muted)}.other-field input,.open-field textarea{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:#0e0b0db3;color:var(--text);font-family:var(--font-body);font-size:.95rem;line-height:1.45;resize:vertical}.open-field textarea{min-height:120px}.other-field input:focus,.open-field textarea:focus{border-color:var(--accent-soft);outline:none;box-shadow:0 0 0 2px #c45d6a29,0 0 24px #9a3d4a1f}.form-actions{margin-top:.65rem;display:flex;flex-direction:column;gap:.85rem;animation:rise-in .5s ease .3s both}.error-box{padding:.95rem 1.05rem;border:1px solid rgba(212,154,162,.4);border-radius:var(--radius);background:linear-gradient(90deg,#6b2e3847,#6b2e3824);color:#f0c8ce}.error-box ul{margin:.4rem 0 0;padding-left:1.1rem}.status-line{margin:0;font-size:.9rem;color:var(--text-muted);text-align:center}.thank-you{text-align:center;padding:3.25rem 1rem;animation:rise-in .5s ease both;position:relative}.thank-you:before{content:"✦";display:block;margin-bottom:.75rem;color:var(--gold);font-size:1.1rem;animation:pulse-soft 3s ease-in-out infinite}.thank-you h2{margin:0 0 .75rem;font-family:var(--font-folk);font-size:clamp(1.7rem,5vw,2.3rem);font-weight:400;letter-spacing:.04em}.thank-you p{margin:0 0 1.5rem;color:var(--text-muted)}.thank-you .actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.page-metrics{width:min(100% - 2.75rem,960px)}@media(max-width:640px){.page-metrics{width:min(100% - 1.5rem,960px)}}.metrics-total{margin:0 0 1.25rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.metrics-total:before{content:"◈ ";color:var(--accent-soft)}.metrics-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:1.35rem}.metrics-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0e0b0d80;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;font-family:var(--font-display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.metrics-tab:hover{color:var(--text);border-color:var(--border-strong);background:#241c20cc}.metrics-tab.is-active{color:var(--text);border-color:var(--accent-soft);background:linear-gradient(145deg,#6b2e3866,#161013eb);box-shadow:0 0 0 1px #c45d6a38,0 8px 24px #140c0e47}.metrics-list,.crosses-list{display:flex;flex-direction:column;gap:1.35rem}.crosses-intro{margin:-.5rem 0 1.25rem;font-size:.9rem;line-height:1.45;color:var(--text-muted)}.metrics-block,.cross-block{position:relative;background:linear-gradient(145deg,#241c20eb,#161013f0);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.15rem;animation:rise-in .45s ease both;overflow:hidden;box-shadow:var(--shadow)}.metrics-block:before,.cross-block:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dim) 20%,var(--accent-soft) 50%,var(--gold-dim) 80%,transparent)}.metrics-block h2{margin:0 0 1.05rem;font-family:var(--font-body);font-size:1.05rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--text)}.cross-header{margin-bottom:1.1rem}.cross-title{margin:0 0 .4rem;font-family:var(--font-body);font-size:1.05rem;font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--text)}.cross-axes{margin:0 0 .45rem;font-family:var(--font-display);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.cross-axes-x{color:var(--accent-soft)}.cross-hint{margin:0;font-size:.85rem;line-height:1.45;color:var(--text-muted)}.cross-groups{display:flex;flex-direction:column;gap:1.25rem}.cross-group{padding:.85rem .9rem;background:#0e0b0d66;border:1px solid rgba(196,93,106,.16)}.cross-group-title{margin:0 0 .75rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text)}.cross-group-n{font-weight:400;color:var(--text-muted);font-size:.85rem}.cross-group-empty{margin:0;font-size:.85rem;color:var(--text-muted)}.metrics-row{display:grid;grid-template-columns:1fr auto;gap:.35rem .75rem;margin-bottom:.85rem}.metrics-row:last-child{margin-bottom:0}.metrics-label{font-family:var(--font-body);font-size:.9rem;font-weight:500;line-height:1.4;color:var(--text)}.metrics-value{font-family:var(--font-display);font-size:.72rem;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.metrics-bar-track{grid-column:1 / -1;height:7px;border-radius:1px;background:#0e0b0dbf;overflow:hidden;border:1px solid rgba(196,93,106,.18);position:relative}.metrics-bar-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 6px,rgba(184,153,110,.08) 6px 7px);pointer-events:none}.metrics-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-muted),var(--accent-soft) 70%,var(--gold));transition:width .55s ease;box-shadow:0 0 12px #c45d6a2e}.metrics-open{margin:0 0 .85rem;color:var(--text-muted);font-family:var(--font-body);font-size:.95rem}.metrics-nav{margin-top:1.75rem}.metrics-empty{padding:1.5rem 0;color:var(--text-muted)}.quotes-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.quote-item blockquote{margin:0;font-size:.9rem;line-height:1.45;color:var(--text);font-style:italic}.quote-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.quote-tag{font-family:var(--font-display);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .4rem;border:1px solid rgba(184,153,110,.3);color:var(--gold)}.quotes-empty{margin:0;font-size:.85rem;color:var(--text-muted)}.cross-table-wrap{margin-top:1rem;overflow-x:auto}.cross-table{width:100%;border-collapse:collapse;font-size:.82rem}.cross-table th,.cross-table td{padding:.45rem .5rem;border-bottom:1px solid rgba(196,93,106,.18);text-align:left;vertical-align:top}.cross-table thead th{font-family:var(--font-display);font-size:.62rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.cross-table tbody th{font-weight:600;color:var(--text);white-space:nowrap}.cross-table td{color:var(--text);white-space:nowrap}.cross-cell-pct{color:var(--text-muted);font-size:.75rem}.app-shell{position:relative;min-height:100vh;isolation:isolate;overflow-x:hidden}.app-pattern{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(154,61,74,.24),transparent 58%),radial-gradient(ellipse 50% 40% at 0% 70%,rgba(107,46,56,.18),transparent 55%),radial-gradient(ellipse 45% 35% at 100% 90%,rgba(184,153,110,.09),transparent 50%),linear-gradient(180deg,#100e10,#181214 45%,#120f11)}.app-pattern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23c45d6a' stroke-width='1'%3E%3Cpath d='M36 8 L44 20 L56 20 L48 30 L52 44 L36 36 L20 44 L24 30 L16 20 L28 20 Z'/%3E%3Cpath d='M36 22 L40 30 L48 30 L42 36 L44 44 L36 40 L28 44 L30 36 L24 30 L32 30 Z' opacity='0.7'/%3E%3C/g%3E%3Cg stroke='%23b8996e' stroke-width='0.7' opacity='0.55'%3E%3Cpath d='M0 36 H16 M56 36 H72 M36 0 V16 M36 56 V72'/%3E%3Cpath d='M10 10 L16 16 M62 10 L56 16 M10 62 L16 56 M62 62 L56 56'/%3E%3C/g%3E%3C/svg%3E");background-size:72px 72px;animation:pattern-drift 80s linear infinite}.app-pattern:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.055;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(196,93,106,.22) 2px,rgba(196,93,106,.22) 3px),repeating-linear-gradient(90deg,transparent,transparent 11px,rgba(184,153,110,.18) 11px,rgba(184,153,110,.18) 12px);-webkit-mask-image:linear-gradient(180deg,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(180deg,transparent,black 12%,black 88%,transparent)}.app-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 120px 40px #140c0e59}.app-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:overlay}.app-rail{position:fixed;top:0;bottom:0;width:18px;z-index:0;pointer-events:none;opacity:.55}.app-rail--left{left:0;border-right:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(154,61,74,.16),transparent),repeating-linear-gradient(180deg,transparent 0 10px,rgba(196,93,106,.25) 10px 11px,transparent 11px 22px,rgba(184,153,110,.22) 22px 23px)}.app-rail--right{right:0;border-left:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(154,61,74,.16),transparent),repeating-linear-gradient(180deg,transparent 0 10px,rgba(184,153,110,.22) 10px 11px,transparent 11px 22px,rgba(196,93,106,.25) 22px 23px)}.app-corner{position:fixed;width:56px;height:56px;z-index:0;pointer-events:none;opacity:.7}.app-corner:before,.app-corner:after{content:"";position:absolute;background:var(--accent-soft)}.app-corner--tl{top:10px;left:22px}.app-corner--tr{top:10px;right:22px}.app-corner--bl{bottom:10px;left:22px}.app-corner--br{bottom:10px;right:22px}.app-corner--tl:before,.app-corner--tr:before,.app-corner--bl:before,.app-corner--br:before{width:28px;height:1px}.app-corner--tl:after,.app-corner--tr:after,.app-corner--bl:after,.app-corner--br:after{width:1px;height:28px}.app-corner--tl:before,.app-corner--tl:after{top:0;left:0}.app-corner--tr:before,.app-corner--tr:after{top:0;right:0}.app-corner--bl:before{bottom:0;left:0}.app-corner--bl:after{bottom:0;left:0}.app-corner--br:before{bottom:0;right:0}.app-corner--br:after{bottom:0;right:0}.app-corner-glyph{position:absolute;width:10px;height:10px;border:1px solid var(--gold);transform:rotate(45deg)}.app-corner--tl .app-corner-glyph{top:8px;left:8px}.app-corner--tr .app-corner-glyph{top:8px;right:8px}.app-corner--bl .app-corner-glyph{bottom:8px;left:8px}.app-corner--br .app-corner-glyph{bottom:8px;right:8px}.page{position:relative;z-index:1;width:min(100% - 2.75rem,var(--max-width));margin:0 auto;padding:2.25rem 0 4.5rem}.page-header{margin-bottom:2.5rem;padding:1.5rem 1rem 1.75rem;text-align:center;animation:rise-in .6s ease both;position:relative;background:radial-gradient(ellipse 70% 80% at 50% 40%,rgba(154,61,74,.12),transparent 70%);border:1px solid rgba(196,93,106,.22);border-radius:var(--radius);box-shadow:inset 0 0 40px #9a3d4a0f,0 12px 40px #140c0e47}.page-header:before,.page-header:after{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--gold);transform:rotate(45deg);opacity:.7}.page-header:before{top:10px;left:10px}.page-header:after{bottom:10px;right:10px;border-color:var(--accent-soft)}.page-eyebrow{margin:0 0 .85rem;font-family:var(--font-display);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 22px rgba(184,153,110,.28)}.page-eyebrow:before{content:"◆ ";opacity:.75;letter-spacing:0}.page-eyebrow:after{content:" ◆";opacity:.75;letter-spacing:0}.page-title{margin:0 auto 1rem;max-width:22ch;font-family:var(--font-folk);font-size:clamp(1.85rem,6.5vw,2.75rem);font-weight:400;line-height:1.2;letter-spacing:.03em;color:var(--text);text-shadow:0 0 28px rgba(196,93,106,.38),0 0 60px rgba(154,61,74,.22),0 2px 0 rgba(20,12,14,.5)}.page-title-line{display:block}.page-lead{margin:0 auto;color:var(--text-muted);max-width:36ch;font-size:.95rem;line-height:1.55}.ornament-line{display:block;height:1px;margin:1.5rem auto 0;max-width:280px;background:linear-gradient(90deg,transparent,var(--gold-dim) 12%,var(--accent-soft) 50%,var(--gold-dim) 88%,transparent);position:relative}.ornament-line:before,.ornament-line:after{content:"";position:absolute;top:50%;width:9px;height:9px;border:1px solid var(--accent-soft);transform:translateY(-50%) rotate(45deg);background:var(--bg-deep);box-shadow:0 0 0 3px var(--bg-deep)}.ornament-line:before{left:8%}.ornament-line:after{right:8%}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pattern-drift{0%{background-position:0 0}to{background-position:72px 72px}}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:.85}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.85rem 1.5rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:linear-gradient(180deg,rgba(196,93,106,.28) 0%,transparent 40%),linear-gradient(180deg,var(--accent) 0%,var(--accent-muted) 100%);color:var(--text);font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:filter .2s ease,transform .15s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px #ffe6e624,0 8px 24px #6b2e3847}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23f0e2dc'%3E%3Cpath d='M4 2h2v2H4zm2 2h2v2H6zM4 6h2v2H4zm2 2h2v2H6zM24 2h2v2h-2zm2 2h2v2h-2zm-2 2h2v2h-2zm2 2h2v2h-2zM4 22h2v2H4zm2 2h2v2H6zM4 26h2v2H4zm2 2h2v2H6zM24 22h2v2h-2zm2 2h2v2h-2zm-2 2h2v2h-2zm2 2h2v2h-2z'/%3E%3Cpath d='M14 6h4v2h-4zm-2 2h2v2h-2zm6 0h2v2h-2zm-8 2h2v2H10zm10 0h2v2h-2zm-12 2h2v2H8zm14 0h2v2h-2zm-14 2h2v2H8zm14 0h2v2h-2zm-12 2h2v2h-2zm10 0h2v2h-2zm-8 2h2v2h-2zm6 0h2v2h-2zm-4 2h4v2h-4z'/%3E%3Cpath d='M14 12h4v2h-4zm-2 2h8v2h-8zm2 2h4v2h-4z'/%3E%3C/g%3E%3C/svg%3E");background-size:32px 32px;pointer-events:none}.btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:inset 0 1px #ffe6e62e,0 10px 28px #9a3d4a47}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:#0e0b0d80;border-color:var(--border);color:var(--text-muted);box-shadow:none}.btn-ghost:before{opacity:.06}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);filter:none;box-shadow:none}.loading-state,.error-state{padding:2rem 0;text-align:center;color:var(--text-muted);font-family:var(--font-display);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){.app-rail{width:10px}.app-corner{width:36px;height:36px;opacity:.45}.app-corner--tl,.app-corner--bl{left:12px}.app-corner--tr,.app-corner--br{right:12px}.page{width:min(100% - 1.5rem,var(--max-width));padding-top:1.75rem}}@media(prefers-reduced-motion:reduce){.app-pattern:before{animation:none}}:root{--bg-deep: #100e10;--bg-panel: #1a1518;--bg-elevated: #241c20;--accent: #9a3d4a;--accent-soft: #c45d6a;--accent-muted: #6b2e38;--gold: #b8996e;--gold-dim: rgba(184, 153, 110, .42);--text: #f0e2dc;--text-muted: #a89093;--border: rgba(196, 93, 106, .32);--border-strong: rgba(196, 93, 106, .5);--danger: #d4707c;--success: #a8c5b0;--radius: 2px;--font-display: "Unbounded", system-ui, sans-serif;--font-folk: "Ruslan Display", "Times New Roman", serif;--font-folk-text: "Monomakh", "Times New Roman", serif;--font-body: "Manrope", system-ui, sans-serif;--shadow: 0 16px 48px rgba(20, 12, 14, .45);--max-width: 720px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}a{color:var(--accent-soft);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.metrics-tab:focus,.metrics-tab:focus-visible,.option-item:focus-within,.option-item input:focus,.option-item input:focus-visible{outline:none}::selection{background:#9a3d4a7a;color:var(--text)}